html,body{height:100%;margin:0;padding:0;font-family:Lato,sans-serif;font-size:14px}div#wrapper{width:100%;height:100%;position:fixed;top:0;overflow-y:hidden}#wrapper2{z-index:110;pointer-events:none;width:100%;position:fixed;top:50px;bottom:0;overflow-y:scroll}h3{font-size:20px}#loader{z-index:2;opacity:1;background-color:#fff;background-image:url(./asterholma1-CHm6ChrR.jpg);background-repeat:repeat;background-size:auto 100%;width:100%;height:100%;font-family:sans-serif;display:block;position:fixed}#loaderbox{width:100%;display:block;position:absolute;top:50px}#loaderheader{width:100%;display:block;top:50px}#loaderheader img{margin:auto;display:block}#loadercontent{text-align:center;background-color:#ffffff80;width:100%;margin-left:auto;margin-right:auto;font-size:18px}#loadercontent #h1{font-size:24px}.fmodal{text-align:center;z-index:110;background-color:#0009;width:100%;padding:10px;position:fixed;top:0;bottom:0;overflow-y:scroll}.fmodalcontent{text-align:left;background-color:#fff;max-width:630px;min-height:100%;margin:auto;padding:15px}#timetables .fmodalcontent{max-width:730px}.fmodalheader{margin-bottom:20px;position:relative}.fmodalheader .closeInfoButton{top:0;right:0}.timetablescontent{max-width:730px}.timetablelink{overflow-x:scroll}.timetable{max-width:700px}#infopage{pointer-events:auto;font-family:Roboto,sans-serif;top:50px}div#infopagecontent{text-align:left;background-color:#fff;max-width:600px;min-height:100%;margin:auto;padding:15px;position:relative}#infopage table{width:100%}#infopage td,#infopage th{min-width:50px;padding:5px}#infopage h3,#infopage h4,#followbox{margin-top:30px}#followbox ul{margin-top:25px;margin-bottom:30px;list-style-type:none}#followbox li{vertical-align:middle;margin-bottom:5px}#followbox li i{vertical-align:middle;margin-top:5px;margin-right:20px;font-size:1.5em}#followbox li span{vertical-align:middle}#licensebox{border-color:#bbb;border-top-style:solid;border-top-width:1px;margin-top:40px;padding-top:10px}.fbcolor{color:#3b5998}.twittercolor{color:#00aced}.instagramcolor{color:#e4405f}.infosection h1,.infosection h2{margin-bottom:30px}#marinetrafficbutton{width:100%}.closeInfoButtonHolder{z-index:1;max-width:630px;height:0;margin:0 auto;position:sticky;top:0}#timetables .closeInfoButtonHolder{max-width:730px}.closeInfoButton{color:#000;z-index:10;background-color:#eee;width:40px;height:40px;padding:0;font-size:20px;position:absolute;top:20px;right:20px}.closeInfoButtonPlaceHolder{float:right;width:40px;height:40px;margin-left:5px}.closeInfoButton.fix{position:fixed;top:70px;right:21px;box-shadow:0 2px 2px #dcdcdc80}.closeInfoButtonHolder .closeInfoButton{margin-top:0;top:15px;right:15px}.scrollIndicator{z-index:130;pointer-events:none;background-color:#ecececad;width:100%;height:25px;padding-left:50%;display:none;position:fixed;bottom:0}.scrollIndicator.can-scroll{display:block}.scrollIndicator i{color:#822928;font-size:40px;position:relative;top:-6px;left:-20px}.map div{text-shadow:-2px -2px 1px #ffffffb3,2px -2px 1px #ffffffb3,-2px 2px 1px #ffffffb3,2px 2px 1px #ffffffb3,-2px 0 1px #ffffffb3,2px 0 1px #ffffffb3,0 -2px 1px #ffffffb3,0 2px 1px #ffffffb3}.map.satellite div{text-shadow:-1px -1px #0000004d,1px -1px #0000004d,-1px 1px #0000004d,1px 1px #0000004d,-1px 0 #0000004d,1px 0 #0000004d,0 -1px #0000004d,0 1px #0000004d}#map.hide{opacity:0}#map .gm-iv-address div,#map .gm-style-cc div,#map .gm-style-iw div{text-shadow:none}.map .txtol{white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:Roboto,sans-serif;font-style:normal;line-height:1;position:absolute}.map .area{color:#202030;opacity:.6}.map.satellite .area{color:#fff}.map .area.bg{background-color:#ffffff80}.map.satellite .area.bg{background-color:#0000}.map .area.province{font-size:2em;font-weight:700}.map .area.mun1{font-size:1.8em;font-weight:700}.map .area.mun2{font-size:1.4em;font-weight:700}.map .area.island1{color:#101010;opacity:.8;font-family:Trebuchet MS;font-size:1em;font-weight:400}.map.satellite .area.island1{color:#ddd}.map .pier{color:#002080;opacity:.9;cursor:pointer}.map.satellite .pier{color:#6ac1fc}.map .pier-1{font-size:1.2em;font-weight:600}.map .pier-2{font-size:1.1em;font-weight:600}.map .pier-3{font-size:1.1em;font-weight:500}.map .pier-4{font-size:1em}.map .vessel{color:purple;z-index:11;background-color:#fff3;padding:1px;font-size:1.1em;font-weight:400}.map.satellite .vessel{color:#80b0a0;background-color:initial}.map .vessel.stopped{z-index:10;font-size:.7em;font-weight:600}.map .vessel.old{opacity:.4;z-index:9}.map .distancebox{visibility:hidden;white-space:nowrap;color:#fff;text-shadow:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#0065bdb3;border:2.5px solid #fff;border-radius:3px;padding:4px;font-family:Roboto,sans-serif;font-size:.9em;font-style:normal;line-height:1.1;position:absolute}.map .connectionlabelbox{z-index:20;white-space:normal;background:#f0faffb3;border:3px solid #0705a599;border-radius:4px;max-width:250px;padding:3px}.map .connectionlabelbox .connectionname{padding:3px;font-size:1.4em}.map .connectionlabelbox .connectionspecifier{padding:0 3px;font-size:1.1em}.map{width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1)}.btn:focus,.btn.active:focus,button:focus,select:focus{outline:0}.lastrow{margin-top:30px}@media (hover:hover){.btn:hover,.btn.active:hover{background-color:#8de}}#bannerModal span{background:#fff}#dont-show-again{margin-right:30px;position:relative;top:4px}#dont-show-again input{margin-right:10px}#topbar{z-index:110;background-color:#fff;border-bottom:1px solid #aaa;width:100%;height:50px;position:fixed;top:0;box-shadow:0 2px 5px #0003,0 6px 20px #00000030}#topbartitle{color:#444;text-align:center;pointer-events:none;background:0 0;width:100%;padding:10px;font-size:22px;font-weight:600;position:absolute}.topbarbutton{float:left;text-align:left;color:#444;background:0 0;border:none;border-radius:5px 5px 0 0;outline:0;max-height:46px;margin-top:2px;margin-left:4px;padding-left:15px;font-size:30px;transition:background-color .1s linear}.topbarbutton.left{width:120px}.topbarbutton .description{text-transform:uppercase;padding:0 0 0 6px;font-size:12px;transition:font-size .1s ease-out}.topbarbutton.right .description{padding:0 6px 0 0}.topbarbutton.search{width:135px;padding-left:14px}.topbarbutton.right{float:right;text-align:right;width:196px;margin-left:0;margin-right:4px;padding-left:0;padding-right:15px}.topbarbutton.active{background-color:#f2f2f2;transition:background-color .1s linear}.topbarbutton.active .description{font-size:17px;transition:font-size .2s ease-out}@media screen and (width<=650px){.topbarbutton.search{width:55px}.topbarbutton.search .description{display:none}}@media screen and (width<=512px){.topbarbutton,.topbarbutton.left,.topbarbutton.search,.topbarbutton.right{width:55px;margin-left:0;margin-right:0}.topbarbutton .description{color:#fff;background-color:#000000b3;border-radius:0 7px 7px;padding:5px;transition:opacity .5s linear 1s;display:block;position:fixed;top:60px;left:30px}.topbarbutton.search .description{display:block;top:60px;left:85px}.topbarbutton.right .description{top:60px;left:initial;border-radius:7px 0 7px 7px;padding:5px;right:30px}.topbarbutton .description:after{content:"";border-top:0;border-bottom:15px solid #000000b3;border-left:0;border-right:15px solid #0000;width:0;height:0;margin-top:-15px;position:absolute;top:0;left:0%}.topbarbutton.right .description:after{left:initial;border-top:0;border-bottom:15px solid #000000b3;border-left:15px solid #0000;border-right:0;margin-top:-15px;right:0%}.topbarbutton.active .description{display:none}.topbarbutton .description.hide{opacity:0;pointer-events:none;transition:opacity .5s linear}}.slidedownmenu{z-index:120;background-color:#fff;border-radius:0 0 10px 10px;width:200px;max-height:0%;transition:max-height .1s linear;position:fixed;top:50px;overflow:hidden scroll}.slidedownmenu.open{max-height:90%;transition:max-height .2s linear}#menu{left:0;box-shadow:2px 2px #ddd}#settings{right:0;box-shadow:-2px 2px #ddd}#searchpanel{border:1px solid gray;width:350px;padding:5px 10px 10px;font-size:15px;transition:left .2s ease-out;top:55px;left:20px}.searchbox{width:100%;margin:0;padding:10px 6px}.searchhit{cursor:pointer;background-color:#fff;border:1px solid gray;flex-flow:row;align-items:stretch;margin:2px 0;padding:4px 6px;display:flex}.searchhit:hover,.searchhit:focus{background-color:#eee;outline:none;transition:font-size .1s linear,background-color .1s linear;position:relative;top:1px;left:1px}.searchhitgroup{background-color:#f8f8f8;margin-top:15px;padding:2px 5px}.searchhitgroup.pier:before{content:"";-moz-osx-font-smoothing:grayscale;margin-right:10px;font-family:FontAwesome}.searchhitgroup.vessel:before{content:"";-moz-osx-font-smoothing:grayscale;margin-right:10px;font-family:FontAwesome}.hitspecifier{color:gray;font-size:.7em}.searchhitgroupspecifier{color:gray;margin-left:15px;font-size:.7em}.searchhitgroupcontent{margin-left:25px}.route .searchhitgroupcontent{margin-left:initial}.hitroutelineouter{flex-flow:row;align-items:flex-start;padding-top:4px;display:flex}.hitrouteline{width:30px;height:50%;margin-right:10px;display:inline-block}.hitrouteinfo{padding-left:7px;display:inline-block}[type=search]{-webkit-appearance:none;outline-offset:-2px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:16px;width:16px;height:16px;display:block}.box{text-align:center;cursor:pointer;border-bottom:1px solid #ddd;height:50px;padding-top:15px;padding-bottom:15px;overflow:hidden}.box:hover{background-color:#eee;font-size:1.2em;transition:font-size .1s linear,background-color .1s linear;position:relative}.boxs{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-bottom:1px solid #ddd;min-height:40px;padding:10px;overflow:hidden}.boxs button{height:30px;padding-top:4px}.boxs h4{font-size:18px}.MapTypeSelector{background-color:#fff;width:100%;overflow:hidden}.mapSelectOption{cursor:pointer;height:0;margin-bottom:0;transition:height .3s ease-in-out;overflow:hidden}.mapSelectOption.selected{border:1px solid #a9a9a9;height:30px}.mapSelectOption:hover{border:3px solid #a9a9a9}.MapTypeSelector.open .mapSelectOption{height:87px;margin-bottom:3px;transition:height .3s ease-in-out}.MapTypeSelector.open .mapSelectOption.selected{border:3px solid #00f}.mapSelectOption .text{text-shadow:-2px -2px 2px #fffc,2px -2px 2px #fffc,-2px 2px 2px #fffc,2px 2px 2px #fffc,-2px 0 2px #fffc,2px 0 2px #fffc,0 -2px 2px #fffc,0 2px 2px #fffc;position:absolute;top:2px;left:5px}.layerselector{cursor:pointer;width:100%;margin:0;padding:5px}.layerselector:hover{background-color:#eee}.infosection .layerselector{text-align:center;margin-top:30px;margin-bottom:30px}.layer input[type=checkbox]{display:none}.layer input[type=checkbox]+label:before{content:"";letter-spacing:10px;width:20px;font-family:FontAwesome;display:inline-block}.layer input[type=checkbox]:checked+label{font-weight:700}.layer input[type=checkbox]:checked+label:before{content:""}.layer input[type=checkbox][disabled]{color:#ddd;cursor:initial}.layer input[type=checkbox][disabled]+label{color:#ddd}.infocontent{background-color:#fcfdfe;max-width:640px;margin:0 auto;padding:20px 20px 40px;overflow:hidden}.infotitle{min-height:50px;font-size:20px;font-weight:600}.infotitle .specifier{min-height:10px;font-size:16px;font-weight:400}.spaceabove{margin-top:30px}.contactsheader{border-top:1px solid #d3d3d3;margin-top:15px;padding-top:15px;font-size:20px;font-weight:600}.vesselbox{background-color:#eee;border:0 solid;height:40px;margin-top:2px;margin-bottom:2px;padding:3px 5px}.vesselname{padding-right:px;font-size:18px;position:relative;top:8px;left:40px}.vesselname:before{content:"";-moz-osx-font-smoothing:grayscale;font-family:FontAwesome;font-size:25px;position:absolute;top:-10px;left:-35px}.vesselfeatures{text-align:right;padding-right:5px;font-size:12px;position:absolute;bottom:6px;right:15px}.vesselfeatures span{margin-left:7px}.routefeature{padding-left:45px}.routefeature:before{-moz-osx-font-smoothing:grayscale;font-family:FontAwesome;position:absolute;left:15px}.routefeature.negative:before{color:#ccc}.routefeature.interval:before{content:""}.routefeature.duration:before{content:""}.routefeature.cost:before{content:""}.routefeature.booking:before{content:""}.routefeature.order:before{content:""}.routefeature.seasonal:before{content:""}.routefeature.limit:before{content:""}.routefeature.seealso:before{content:""}.timetablebutton{width:100%;margin-top:5px}.timetablebutton:before{content:"";-moz-osx-font-smoothing:grayscale;font-family:FontAwesome}.timetablebutton.external:after,.linkbutton.external:after{content:" ";-moz-osx-font-smoothing:grayscale;font-family:FontAwesome}.pierrow:before{content:"";-moz-osx-font-smoothing:grayscale;float:left;margin-bottom:5px;margin-right:10px;font-family:FontAwesome;font-size:30px}.pierlink{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #a9a9a9;border-radius:3px;margin-bottom:3px;margin-right:3px;padding:2px 4px;display:inline-block}.pierlink:hover{background-color:#8de}.info h4{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}div.timetablelink{border-bottom:2px solid #000}div.timetablelink:last-of-type{border-bottom:none}.contactsbox{text-align:center;max-width:400px;margin-left:auto;margin-right:auto}.contactformheader{margin-top:20px;font-size:18px;font-weight:400}.contactbutton{width:100%;max-width:400px;margin-top:10px;margin-left:auto;margin-right:auto}.contactbutton:before{-moz-osx-font-smoothing:grayscale;font-family:FontAwesome;font-weight:400}.contactbutton.phone:before{content:"  "}.contactbutton.email:before{content:"  "}.contactbutton.www:before{content:"  "}.contactbutton.facebook:before{color:#3b5998;content:"  ";font-size:1.2em}.mainpier .pier{font-weight:700}.pierspecifier{font-size:-2px;font-weight:400}h4{font-size:20px}.btn:focus,.btn.active:focus{outline:0;box-shadow:none!important}.btn-default.active,.btn-default.active:focus{background-color:#bbb}.btn-default:focus{background-color:#fff;border-color:#ccc}@media (hover:hover){.btn:hover,.btn.active:hover{background-color:#8de}}.collapsing{transition:height .4s}.center{text-align:center}.mapoverlay{z-index:110;pointer-events:none;background-color:#0000;width:100%;height:80%;display:none;position:static;top:0}#mapcontainer{z-index:100;height:100%;position:absolute;top:0;left:0;right:0}@media screen and (width<=767px){#wrapper2.info-open .mapoverlay{pointer-events:auto;display:block}.spaceabove{margin-top:15px}.contactformheader{margin-top:10px}}.headerbox{margin-top:10px;font-size:16px;font-weight:700}.contentsbox{margin-top:20px}.contentbox{color:#000;background-color:none;border:1px solid #a9a9a9;margin-top:10px;padding:10px 5px;text-decoration:none}.contentbox:hover{background-color:#81d8ec}.routename{font-weight:700}.infopageroute{border-top:4px solid #000;width:30px;height:7px;margin-right:15px;display:inline-block}.ferrieslist{padding-left:45px;list-style:none}.ferrieslist li{text-indent:-45px}#liveindpos{z-index:101;position:absolute;top:53px;left:3px;overflow:visible}#liveind{color:#fff;background:#00000080;border-radius:5px;padding:5px;transition:left .4s ease-in;display:block;position:relative;left:-200px}#liveind.visible{transition:left .8s ease-out;left:0}.location-button{color:#d0d0d0;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#fff;border:none;border-radius:2px;width:40px;height:40px;margin-bottom:15px;margin-right:10px;box-shadow:0 1px 4px -1px #0000004d}.location-button:before{content:"";-moz-osx-font-smoothing:grayscale;font-family:FontAwesome;font-size:30px;position:absolute;top:5px;right:7px}.location-button.active{color:#3b84df}.location-button.active.follow{background-color:#aed1fc}.reset-button{color:#606060;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#fbe6a7;border:none;border-radius:2px;width:60px;height:40px;margin-bottom:25px;box-shadow:0 1px 4px -1px #0000004d}.reset-button:before{content:"";-moz-osx-font-smoothing:grayscale;font-family:FontAwesome;font-size:26px;position:absolute;top:5px;right:21px}.fmodal-enter{opacity:.01}.fmodal-enter.fmodal-enter-active{opacity:1;transition:opacity .5s ease-in}.fmodal-exit.fmodal-exit-active{opacity:.01;transition:opacity .3s ease-in}.info{z-index:110;pointer-events:auto;opacity:1;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#fbfcfd;border:1px solid gray;transition:opacity .2s ease-in .4s,width .7s ease-in-out,top .7s ease-in-out,height .7s ease-in-out;position:absolute;box-shadow:0 -3px 8px #0003,0 6px 20px #00000030}.info.hidden{opacity:.01;transition:opacity .2s ease-in .1s}@media screen and (width>=768px){.info{width:400px;top:0;bottom:0;left:0;overflow-y:scroll}.info-enter{left:-400px}.info-enter.info-enter-active{transition:left .2s ease-out;left:0}.info-exit.info-exit-active{transition:left .2s ease-in;left:-400px}.closeInfoButton.fix1{position:fixed;top:70px;left:340px;box-shadow:0 2px 2px #dcdcdc80}.info-open #searchpanel{transition:left .2s ease-out;left:420px}}@media screen and (width<=767px){.info{width:100%;min-height:20%;top:80%;overflow-y:hidden}.info-enter{top:100%}.info-enter.info-enter-active{transition:top .2s ease-out;top:80%}.info-exit.info-exit-active{transition:top .2s ease-in;top:100%}}@media screen and (height<=500px){#topbar{height:40px}.topbarbutton{max-height:36px;margin:2px;font-size:25px}#topbartitle{padding:5px}#menu,#settings,#infopage{top:40px}#searchpanel{top:45px}#wrapper2,#mapoverlay{top:40px}}@media screen and (height<=500px) and (width>=768px){.closeInfoButton.fix1{top:60px}}.infocontent-enter{opacity:0}.infocontent-enter.infocontent-enter-active{opacity:1;transition:opacity .2s linear}.infocontent-exit{opacity:1;pointer-events:none;position:relative;top:0}.infocontent-exit.infocontent-exit-active{opacity:0;transition:opacity .2s linear}#loader.loader-enter{opacity:0}#loader.loader-enter.loader-enter-active{opacity:1;transition:opacity .2s linear}#loader.loader-exit{opacity:1}#loader.loader-exit.loader-exit-active{opacity:0;transition:opacity .7s linear}
