@font-face{font-family:'visuelt-regular';src:url("visuelt-regular.eot");src:url("visuelt-regular.eot?#iefix") format("embedded-opentype"),url("visuelt-regular.woff") format("woff"),url("visuelt-regular.woff2") format("woff2"),url("visuelt-regular.ttf") format("truetype");font-weight:normal;font-style:normal}@media (max-width: 800px){body.slide_opening #renderCanvas,body.loading #renderCanvas,body.slide_opening #fallbackImage,body.loading #fallbackImage{top:calc(50% - 50vw)}body #canvasBg{width:95vw;height:calc(100vw + 1em);position:fixed;left:2.5vw;top:0em;z-index:40;background:#E9E9EA;border-bottom:solid 0.15em #232020}.slide{margin:0 !important;overflow-x:hidden;z-index:9}.slide#opening{top:0}}html{width:100%;height:100%;margin:0}body{margin:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;font-family:"visuelt-regular", sans-serif;background-color:#EAEBEC;background-attachment:fixed;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkOCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-moz-radial-gradient(#ffffff,#d7d7d8);background-image:-webkit-radial-gradient(#ffffff,#d7d7d8);background-image:radial-gradient(#ffffff,#d7d7d8);overflow-x:hidden;overflow-y:auto}@media (max-width: 800px){body{background:#E9E9EA}}h1,h2,h3,h4,h5,h6{font-family:"visuelt-regular";font-weight:normal}a,a:link{color:inherit;text-decoration:none}a:hover{color:#FF585D}h1{font-size:350%;line-height:1.2;margin-top:0}@media (max-width: 800px){h1{margin-top:0;font-size:150%}}h2{font-size:250%;line-height:1.2}@media (max-width: 800px){h2{margin-top:0;font-size:150%}}@media (max-width: 800px){.assets{z-index:51}}.slide{width:100%;min-height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.slide h1,.slide h2,.slide p{opacity:0;-moz-transition:opacity 1s .6s;-o-transition:opacity 1s .6s;-webkit-transition:opacity 1s;-webkit-transition-delay:.6s;transition:opacity 1s .6s}@media (max-width: 800px){.slide h1,.slide h2,.slide p{opacity:1}}.slide.active h1,.slide.active h2,.slide.active p{opacity:1}.slide.active .text .iconbar{width:100%}.slide#opening{color:#fff;z-index:51}@media (max-width: 800px){.slide#opening{position:fixed}}body.loading .slide#opening{position:fixed;top:0;left:0}.slide#opening .brand{position:absolute;top:calc(50% - (90vw/5.1)/2 );left:0;width:100%;opacity:1;text-align:center}.slide#opening .brand svg{width:90vw}.slide#opening #startExploring{position:absolute;bottom:1em;left:0;width:100%;text-align:center;font-size:140%;display:none;cursor:pointer}@media (max-width: 800px){body.loaded .slide#opening #startExploring{display:block}}.slide#opening #startExploring .arrow{position:absolute;right:5%;display:block;top:0}.slide#opening #loadingMsg{font-weight:normal;font-size:2em}.slide#journeys{width:20em;margin-left:40em}.slide#journeys .text{margin-left:0}.slide#accelerate .text .iconbar{border-color:#FF585D}.slide#accelerate .text img,.slide#accelerate svg,.slide#accelerate .iconwrapper{background:#FF585D}.slide#fold .text .iconbar{border-color:#034638}.slide#fold .text img,.slide#fold svg,.slide#fold .iconwrapper{background:#034638}.slide#store .text .iconbar{border-color:#FF585D}.slide#store .text img,.slide#store svg,.slide#store .iconwrapper{background:#FF585D}.slide.text_right .text{margin-left:40em}.slide .text{width:20em;margin-left:-40em}@media (max-width: 800px){.slide .text{max-width:70%;width:70% !important;margin-left:auto !important;margin-right:auto !important;margin-top:1em !important}.slide .text .head{display:flex;align-items:center}.slide .text .head .iconbar{order:1;min-width:6em;max-width:6em;border-bottom:none;margin-right:0em}.slide .text .head h1,.slide .text .head h2{order:2;flex-grow:1;flex-shrink:1;margin:0}}.slide .text .iconbar{border-bottom:solid 0.18em #409;width:0%;overflow:hidden;-moz-transition:width .7s cubic-bezier(0.86, 0, 0.07, 1);-o-transition:width .7s cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition:width .7s cubic-bezier(0.86, 0, 0.07, 1);transition:width .7s cubic-bezier(0.86, 0, 0.07, 1)}.slide .text .iconbar .iconwrapper{background:#409;width:2em;height:2em;padding:1em;margin-bottom:-0.2em}.slide .text p{font-size:1.2em;line-height:1.6}@media (max-width: 800px){.slide{width:100vw !important;min-height:100%;height:auto;position:absolute;top:calc(100vw + 1em);left:100vw;display:block;z-index:9;-moz-transition:left .5s;-o-transition:left .5s;-webkit-transition:left .5s;transition:left .5s}.slide.active{left:0}.slide.post{left:-100vw}}#opening_bg{width:100%;height:0%;position:absolute;left:0;top:0;z-index:45;background:#409;-moz-transition:height 1s;-o-transition:height 1s;-webkit-transition:height 1s;transition:height 1s}body.slide_opening #opening_bg,body.loading #opening_bg{height:100%}@media (max-width: 800px){#opening_bg{position:fixed}}body.loading #opening_bg{position:fixed}#fallbackImage{display:none;z-index:-1 !important}@media (max-width: 800px){#fallbackImage{z-index:98 !important}}body.nowebgl #fallbackImage{display:block}body.nowebgl #renderCanvas{display:none}body.nowebgl #opening{z-index:99}#renderCanvas,#fallbackImage,.assets{width:50vw;height:50vw;position:fixed;left:25%;outline:none;top:calc(50% - 25vw)}@media (max-width: 800px){#renderCanvas,#fallbackImage,.assets{width:100vw;height:100vw;top:1em;left:0 !important}}.slide_intro #renderCanvas,.slide_intro #fallbackImage,.slide_intro .assets{left:39.5%}.slide_journeys #renderCanvas,.slide_journeys #fallbackImage,.slide_journeys .assets{left:12.5%}.slide_accelerate #renderCanvas,.slide_accelerate #fallbackImage,.slide_accelerate .assets{left:37.5%}.slide_speed #renderCanvas,.slide_speed #fallbackImage,.slide_speed .assets{left:32.5%}.slide_fold #renderCanvas,.slide_fold #fallbackImage,.slide_fold .assets{left:10.5%}.slide_roll #renderCanvas,.slide_roll #fallbackImage,.slide_roll .assets{left:37.5%}.slide_weight #renderCanvas,.slide_weight #fallbackImage,.slide_weight .assets{left:12.5%}.slide_store #renderCanvas,.slide_store #fallbackImage,.slide_store .assets{left:35.5%}.slide_maps #renderCanvas,.slide_maps #fallbackImage,.slide_maps .assets{left:12.5%}.slide_affordable #renderCanvas,.slide_affordable #fallbackImage,.slide_affordable .assets{left:32.5%}#renderCanvas,#fallbackImage{touch-action:none;transition:left 1s, top 1s;z-index:50;transform:translateY(0)}.slide_weight #renderCanvas,.slide_weight #fallbackImage{transition:left 1s,top 1s,transform 5s cubic-bezier(0.54, 2.5, 0.16, 0.39) 2s;transform:translateY(2%)}.slide_journeys #renderCanvas,.slide_journeys #fallbackImage{z-index:99;cursor:grab}.slide_journeys #renderCanvas:active,.slide_journeys #fallbackImage:active{cursor:grabbing}@-moz-keyframes accelerate{from{background-position:0% 0%}to{background-position:116% 0%}}@-webkit-keyframes accelerate{from{background-position:0% 0%}to{background-position:116% 0%}}@keyframes accelerate{from{background-position:0% 0%}to{background-position:116% 0%}}@-moz-keyframes rollFloor{from{background-position:0% 0%}to{background-position:116% 0%}}@-webkit-keyframes rollFloor{from{background-position:0% 0%}to{background-position:116% 0%}}@keyframes rollFloor{from{background-position:0% 0%}to{background-position:116% 0%}}.assets{opacity:0;z-index:51;-moz-transition:opacity .5s;-o-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s}.assets#weightAssets{z-index:49}body.slide_weight .assets#weightAssets{transition-delay:1s;opacity:1}.assets#weightAssets #carryWeightImage{width:32%;margin-left:38%;margin-top:9%}.assets#weightAssets #weightPointer{transform:rotate(0deg);transform-origin:50% 90%;-webkit-transform-origin:50% 90%;-moz-transform-origin:50% 35%;transition:transform 5s cubic-bezier(0.54, 2.5, 0.16, 0.39) 2s}body.slide_weight .assets#weightAssets #weightPointer{transform:rotate(53deg)}.assets#introAssets{font-size:2.5vw}.assets#introAssets #namemarker{background:url("../assets/label2.svg");background-size:100% 100%;color:#409;padding:0.3em 1em 0.8em 1.4em;line-height:1;font-size:160%;position:fixed;left:74%;top:41%}@media (max-width: 800px){.assets#introAssets #namemarker{top:38vw;left:65vw}}body.slide_intro .assets#introAssets{opacity:1}.assets#journeysAssets{opacity:0;-moz-transition:opacity .1s 0s;-o-transition:opacity .1s 0s;-webkit-transition:opacity .1s;-webkit-transition-delay:0s;transition:opacity .1s 0s}.assets#journeysAssets #rotateArrow{width:70%;position:absolute;bottom:19%;left:15%}.assets#journeysAssets #rotateText{color:#409;position:absolute;bottom:12%;width:100%;text-align:center;font-size:2.2vw}body.nowebgl .assets#journeysAssets #rotateText{display:none}body.slide_journeys .assets#journeysAssets{opacity:1;-moz-transition:opacity 1s 1.2s;-o-transition:opacity 1s 1.2s;-webkit-transition:opacity 1s;-webkit-transition-delay:1.2s;transition:opacity 1s 1.2s}.assets#accelerateAssets{z-index:49}.assets#accelerateAssets #accelerateCurve{position:absolute;top:32%;left:20%;width:67%;height:33%;background-image:url("../assets/acceleration_bg.svg");background-size:cover;background-position:0% 0}body.slide_accelerate .assets#accelerateAssets #accelerateCurve{-moz-animation:accelerate 10s infinite;-webkit-animation:accelerate 10s infinite;animation:accelerate 10s infinite;animation-delay:1s}body.slide_accelerate .assets#accelerateAssets{opacity:1}body.slide_speed .assets#speedAssets{opacity:1}body.slide_fold .assets#foldAssets{opacity:1}body.slide_fold .assets#foldAssets{z-index:99}.assets#foldAssets #foldControls{display:block;position:absolute;bottom:15%;left:calc(50% - 7.1em)}@media (max-width: 800px){.assets#foldAssets #foldControls{left:calc(50% - 7.1em);bottom:8%}.assets#foldAssets #foldControls span{padding:0.2em !important}}.assets#foldAssets #foldControls span{display:inline-block;text-align:center;padding:.3em;border:solid 0.2em #034638;width:6em}.assets#foldAssets #foldControls span:first-child{background-color:#034638;color:white;cursor:pointer}.bike_folded .assets#foldAssets #foldControls span{background-color:#034638;color:white;cursor:pointer}.bike_folded .assets#foldAssets #foldControls span:first-child{background:none;color:#034638;cursor:default}.assets#rollAssets{z-index:49;opacity:0}.assets#rollAssets #rollHand{position:absolute;width:19%;left:13.8%;top:13.8%;opacity:0;-moz-transition:opacity 1s 2s;-o-transition:opacity 1s 2s;-webkit-transition:opacity 1s;-webkit-transition-delay:2s;transition:opacity 1s 2s}body.slide_roll .assets#rollAssets #rollHand{opacity:1}.assets#rollAssets #rollFloor{position:absolute;top:42.3%;left:20%;width:67%;height:33%;background-image:url("../assets/roll_bg.svg");background-size:cover;background-position:0% 0}body.slide_roll .assets#rollAssets #rollFloor{-moz-animation:rollFloor 4.8s linear infinite 2s;-webkit-animation:rollFloor 4.8s linear infinite 2s;animation:rollFloor 4.8s linear infinite 2s;animation-delay:1s}body.slide_roll .assets#rollAssets{opacity:1}body.slide_store .assets#storeAssets{opacity:1}.assets#mapsAssets{z-index:49}body.slide_maps .assets#mapsAssets{z-index:999;opacity:1}.assets#mapsAssets #mapImage{width:75%;position:absolute;top:15%}.assets#mapsAssets #mapText{font-size:2.1vw;position:absolute;top:72%}@media (max-width: 800px){.assets#mapsAssets #mapText{top:68%}}.assets#mapsAssets #tripWrapper{position:absolute;bottom:5%;left:0;width:75%}@media (max-width: 800px){.assets#mapsAssets #tripWrapper{width:100%}}.assets#mapsAssets #trips{border:solid 0.3em #409;display:flex;flex-direction:row;width:50%;min-width:20em;margin:0 auto;color:#409}.assets#mapsAssets #trips div{display:inline-block;text-align:center;flex-grow:1;padding:0.3em;cursor:pointer}.assets#mapsAssets #trips div.selected{background-color:#409;color:white;cursor:default}.assets#mapsAssets .mapTrip{position:absolute;opacity:0;-moz-transition:opacity .5s;-o-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s}.assets#mapsAssets .mapTrip#mapImageTrip1{left:-1.1%;top:20%;width:50.25%}.assets#mapsAssets .mapTrip#mapImageTrip2{position:absolute;left:-2.1%;top:35.2%;width:66%}.assets#mapsAssets .mapTrip#mapImageTrip3{position:absolute;left:9.1%;top:20.3%;width:56.25%}.assets#mapsAssets.trip1 #mapImageTrip1{opacity:1}.assets#mapsAssets.trip2 #mapImageTrip2{opacity:1}.assets#mapsAssets.trip3 #mapImageTrip3{opacity:1}@media (max-width: 800px){.assets#mapsAssets{margin-left:5%;margin-right:5%;width:90%}}.assets#affordableAssets #pricemarker{background:url("../assets/label2.svg");background-size:100% 100%;color:#409;padding:0.7em 1.3em 1.7em 2.9em;line-height:1;font-size:79%;position:absolute;top:38%;left:55%}.assets#affordableAssets #pricemarker span{display:block;font-size:200%}body.slide_affordable .assets#affordableAssets{opacity:1}body.loading #controls,body.slide_opening #controls{display:none}#controls div{position:fixed;top:110vw;font-size:170%;cursor:pointer;z-index:99}#controls div:hover{color:#3e3838}#controls #goLeft{left:2.5vw}#controls #goRight{right:2.5vw}body.slide_affordable #controls #goRight{opacity:0}header{color:#A3A5A7;-moz-transition:color 1s,fill 1s;-o-transition:color 1s,fill 1s;-webkit-transition:color 1s,fill 1s;transition:color 1s,fill 1s;width:100%;position:fixed;z-index:100;top:0;left:0;right:0;padding:0.4em 1em;box-sizing:border-box;margin-top:0em}body.slide_opening header{color:white}header #logo{width:10em;height:2.328em;margin-top:1.2em;float:left;fill:#A3A5A7;-moz-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;transition:opacity 1s;cursor:pointer}header #logo:hover{fill:#FF585D !important}body.slide_opening header #logo,body.loading header #logo{opacity:0}header .collapse{float:right;font-size:250%;cursor:pointer;position:relative;margin-right:0.25em;fill:#A3A5A7}header .collapse:hover{color:#FF585D;fill:#FF585D}header .collapse span{-moz-transition:opacity .5s;-o-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s;opacity:1}header .collapse .c{opacity:0;position:absolute;top:0;left:0}header nav{float:right;display:none;padding:0.7em 2em}header ul{margin:0;padding:0}header ul li{font-size:1.5em;display:inline-block;margin-left:2em}header.visible nav{display:block}header.visible .collapse{color:#bdbfc0}header.visible .collapse .c{opacity:1}header.visible .collapse .o{opacity:0}@media (max-width: 800px){header.visible{background:#fff;height:100vh;color:#A3A5A7 !important}header.visible #logo{fill:#A3A5A7 !important}}#sidenav{position:fixed;z-index:99;right:1em;top:calc(50% - (5 * 3.5em));-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s;opacity:1;display:table;border-collapse:collapse}body.loading #sidenav,body.slide_opening #sidenav{opacity:0}#sidenav ul{margin:0;padding:0;border:solid 2px #A3A5A7}#sidenav li{list-style:none;display:block;border-bottom:solid 2px #A3A5A7}#sidenav li:last-child{border-bottom:none}#sidenav li a{display:block;vertical-align:middle;height:1.6em;width:1.6em;padding:.7em;text-align:center}#sidenav div.icon{height:100%;width:100%}#sidenav a:hover,#sidenav li.active a{background:#A3A5A7}#sidenav a:hover div.icon,#sidenav li.active a div.icon{background-position-x:67.5%}#sidenav path{fill:#A3A5A7}@media (max-width: 800px){#sidenav{display:none}}#loadingMsg{transition:opacity 1s}#loadingMsg img{fill:#fff}body.loaded #loadingMsg{opacity:0}#southPointLogo #southPointLogoC1,#southPointLogo #southPointLogoC2,#southPointLogo #southPointLogoC3,#southPointLogo #southPointLogoC4,#southPointLogo #southPointLogoC5,#southPointLogo #southPointLogoC6,#southPointLogo #southPointLogoC7,#southPointLogo #southPointLogoC8,#southPointLogo #southPointLogoC9{transition:opacity 1s;opacity:0}body.loaded #southPointLogo #southPointLogoC1,body.loaded #southPointLogo #southPointLogoC2,body.loaded #southPointLogo #southPointLogoC3,body.loaded #southPointLogo #southPointLogoC4,body.loaded #southPointLogo #southPointLogoC5,body.loaded #southPointLogo #southPointLogoC6,body.loaded #southPointLogo #southPointLogoC7,body.loaded #southPointLogo #southPointLogoC8,body.loaded #southPointLogo #southPointLogoC9{opacity:1}#southPointLogo #southPointLogoS{-moz-transform:translate(54px, 0);-ms-transform:translate(54px, 0);-webkit-transform:translate(54px, 0);transform:translate(54px, 0);transition:transform 1s}body.loaded #southPointLogo #southPointLogoS{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}#southPointLogo #southPointLogoCompass{-moz-transform:translate(-54px, 0);-ms-transform:translate(-54px, 0);-webkit-transform:translate(-54px, 0);transform:translate(-54px, 0);transition:transform 1s}body.loaded #southPointLogo #southPointLogoCompass{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}@media (max-width: 800px) and (orientation: landscape){.assets,#renderCanvas,#canvasBg,#controls #goLeft,#controls #goRight,#fallbackImage,#namemarker{position:absolute !important}}@media only screen and (min-width: 801px) and (max-width: 899px){body{font-size:70%}}@media only screen and (min-width: 900px) and (max-width: 1199px){body{font-size:80%}}body.about,body.eurobike{color:white;background:#440099}body.about header,body.eurobike header{color:white}body.about header #logo,body.eurobike header #logo{fill:white}body.about header .collapse,body.eurobike header .collapse{fill:white}body.about header .collapse:hover,body.eurobike header .collapse:hover{fill:#FF585D}body.about content,body.eurobike content{font-size:16pt;width:32em;max-width:100%;margin:4em 0}body.about content #contentWrap,body.eurobike content #contentWrap{padding:2em}body.about content .image,body.eurobike content .image{margin:1em -2em 2em -2em;width:calc(100% + 4em)}body.about .image img{width:90%;margin-left:5%}.icon{background-image:url("/assets/icons.svg");background-repeat:no-repeat;background-size:649%;width:100%;height:100%}.icon.icon_lightgray{background-position-x:99.5%}.icon.icon_white{background-position-x:67.5%}.icon.icon_intro{background-position-y:-0.7%}.icon.icon_journeys{background-position-y:10.4%}.icon.icon_accelerate{background-position-y:23.2%}.icon.icon_speed{background-position-y:33.2%}.icon.icon_fold{background-position-y:55.7%}.icon.icon_roll{background-position-y:44.8%}.icon.icon_weight{background-position-y:66.9%}.icon.icon_store{background-position-y:78.1%}.icon.icon_maps{background-position-y:89.4%}.icon.icon_affordable{background-position-y:100.4%}
@media (max-width: 800px){
#wrapper{
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
}
@media(min-width:801px){
#wrapper{
margin: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
}


/*# sourceMappingURL=southpoint.css.map */