@font-face{font-family:meteoblue;src:url(/website/fonts/meteoblue_pictofont_rev8.woff#iefix) format("woff"),url(/website/fonts/meteoblue_pictofont_rev8.ttf) format("truetype");font-weight:400;font-style:normal}
.glyph{direction:ltr}
.glyph:after,.glyph:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:meteoblue;display:inline-block;font-style:normal;font-weight:400;line-height:1;position:relative;vertical-align:baseline;text-decoration:none}
.glyph:after:hover,.glyph:before:hover{text-decoration:none}
.glyph.time:before{content:"\00e0e0"}
.glyph.date:before{content:"\00e0e7"}
.glyph.temperature:before{content:"\00e010"}
.glyph.windchill:before{content:"\00e011"}
.glyph.winddir:before{content:"\00e012"}
.glyph.winddir.N:before{content:"\00e008"}
.glyph.winddir.NNE:before{content:"\00e009"}
.glyph.winddir.NE:before{content:"\00e00a"}
.glyph.winddir.ENE:before{content:"\00e00b"}
.glyph.winddir.E:before{content:"\00e00c"}
.glyph.winddir.ESE:before{content:"\00e00d"}
.glyph.winddir.SE:before{content:"\00e00e"}
.glyph.winddir.SSE:before{content:"\00e00f"}
.glyph.winddir.S:before{content:"\00e000"}
.glyph.winddir.SSW:before{content:"\00e001"}
.glyph.winddir.SW:before{content:"\00e002"}
.glyph.winddir.WSW:before{content:"\00e003"}
.glyph.winddir.W:before{content:"\00e004"}
.glyph.winddir.WNW:before{content:"\00e005"}
.glyph.winddir.NW:before{content:"\00e006"}
.glyph.winddir.NNW:before{content:"\00e007"}
.glyph.windspeed:before{content:"\00e013"}
.glyph.windgust:before{content:"\00e014"}
.glyph.humidity:before{content:"\00e015"}
.glyph.rain:before{content:"\00e016"}
.glyph.rain1h:before{content:"\00e017"}
.glyph.rain3h:before{content:"\00e018"}
.glyph.precipprob:before{content:"\00e019"}
.glyph.watertemp:before{content:"\00e01a"}
.glyph.waveheight:before{content:"\00e01b"}
.glyph.wavedirection:before{content:"\00e01c"}
.glyph.windwavedirection:before{content:"\00e01d"}
.glyph.pressure:before{content:"\00e01e"}
.glyph.sunshine:before{content:"\00e01f"}
.glyph.predictability:before{content:"\00e020"}
.glyph.sunrise:before{content:"\00e021"}
.glyph.sunset:before{content:"\00e022"}
.glyph.snow:before{content:"\00e025"}
.glyph.dust:before{content:"\00e026"}
.glyph.swellwaveheight:before{content:"\00e028"}
.glyph.swellwaveperiod:before{content:"\00e029"}
.glyph.windwaveheight:before{content:"\00e02a"}
.glyph.windwaveperiod:before{content:"\00e02b"}
.glyph.thunderstormprob:before{content:"\00e02c"}
.glyph.ozone:before{content:"\00e02d"}
.glyph.featcl_V:before{content:"\00e032"}
.glyph.featcl_T:before{content:"\00e036"}
.glyph.featcl_H:before{content:"\00e037"}
.glyph.featcl_S:before{content:"\00e038"}
.glyph.settings:before{content:"\00e04b"}
.glyph.language:before{content:"\00e04c"}
.glyph.search:before{content:"\00e071"}
.glyph.menu:before{content:"\00e040"}
.glyph.options:before{content:"\00e04b"}
.glyph.delete:before{content:"\00e06c"}
.glyph.close:before{content:"\00e06d"}
.glyph.edit:before{content:"\00e070"}
.glyph.hourglass:before{content:"\00e072"}
.glyph.help:before{content:"\00e080"}
.glyph.download:before{content:"\00e082"}
.glyph.upload:before{content:"\00e098"}
.glyph.bookmark:before{content:"\00e085"}
.glyph.document:before{content:"\00e086"}
.glyph.gallery:before{content:"\00e095"}
.glyph.more:before{content:"\00e087"}
.glyph.share:before{content:"\00e088"}
.glyph.params:before{content:"\00e089"}
.glyph.print:before{content:"\00e08a"}
.glyph.onoff:before{content:"\00e0de"}
.glyph.warning:before{content:"\00e08d"}
.glyph.info:before{content:"\00e08e"}
.glyph.facebook-positive:before{content:"\00e0b1";color:#39579a}
.glyph.facebook:before{content:"\00e0b2";color:#39579a}
.glyph.twitter-positive:before{content:"\00e0b3";color:#00abf0}
.glyph.twitter:before{content:"\00e0b4";color:#00abf0}
.glyph.whatsapp:before{content:"";color:#25d366}
.glyph.googleplus:before{content:"\00e0b6";color:#df4a32}
.glyph.whatsapp:before{content:"\00e0b8";color:#25d366}
.glyph.user:before{content:"\00e0b9"}
.glyph.comment:before{content:"\00e0ba"}
.glyph.user_logged_in:before{content:"\00e0bd"}
.glyph.like:before{content:"\00e0bb"}
.glyph.dislike:before{content:"\00e0bc"}
.glyph.credits:before{content:"\00e090"}
.glyph.pointplus:before{content:"\00e0c7"}
.glyph.pointplus_small:before{content:"\00e0c6"}
.glyph.meteoblue:before{content:"\00e0d0"}
.glyph.logo:before{content:"\00e0d1"}
.glyph.sun:before{content:"\00e0d4"}
.glyph.external:before{content:"\00e08f"}
.glyph.external_positive:before{content:"\00e094"}
.glyph.checkmark:before{content:"\00e0d8"}
.glyph.cross:before{content:"\00e0d9"}
.glyph.location:before{content:"\00e0df"}
.glyph.clock:before{content:"\00e0e0"}
.glyph.arrowhead_hollow_down:before{content:"\00e048"}
.glyph.arrowhead_hollow_up:before{content:"\00e047"}
.glyph.arrowhead_hollow_left:before{content:"\00e049"}
.glyph.arrowhead_hollow_right:before{content:"\00e04a"}
.glyph.forward:before{content:"\00e063"}
.glyph.backward:before{content:"\00e064"}
.glyph.fast_forward:before{content:"\00e065"}
.glyph.fast_backward:before{content:"\00e066"}
.glyph.play:before{content:"\00e060"}
.glyph.pause:before{content:"\00e061"}
.glyph.fullscreen:before{content:"\00e074"}
.glyph.fullscreen_close:before{content:"\00e075"}
.glyph.gps:before{content:"\00e0e3"}
.glyph.cloud:before{content:"\00e0d6"}
.glyph.at1:before{content:"\00e110"}
.glyph.at2:before{content:"\00e111"}
.glyph.at3:before{content:"\00e112"}
.glyph.at4:before{content:"\00e113"}
.glyph.at5:before{content:"\00e114"}
.glyph.at6:before{content:"\00e115"}
.glyph.at7:before{content:"\00e116"}
.glyph.at8:before{content:"\00e117"}
.glyph.at9:before{content:"\00e118"}
.glyph.at10:before{content:"\00e119"}
.glyph.at12:before{content:"\00e11A"}
.glyph.at13:before{content:"\00e11B"}
body{margin:0;background-color:#333;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}
table{border-collapse:collapse}
#webglmaps{position:absolute;overflow:hidden;width:100%;height:100%}
#canvas{display:block;position:absolute;z-index:0}
#overlay_map{pointer-events:none;display:block;position:absolute;height:100%;width:100%;background-repeat:no-repeat;background-size:100% 100%;z-index:1}
a{color:#02111a;text-decoration:none}
#logo_container{position:absolute;top:10px;left:10px;opacity:.85}
#logo_container:hover{opacity:1}
#back_to_forecast,#logo{color:#f8f8f8;line-height:1em;text-decoration:none;text-shadow:0 0 40px #02111a}
#logo{font-size:1.85em}
#back_to_forecast{display:block;padding-top:8px}
.center-container{position:absolute;width:100%;height:100%;text-align:center;color:#f8f8f8;background-color:rgba(120,120,120,.4);z-index:20}
.center-container .error-message{position:absolute;top:40%;left:10%;width:80%;padding:1em;background-color:#d01f3a;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.center-container .play{position:absolute;top:40%;left:50%;margin-left:-70px;margin-top:-60px;width:120px;height:120px;color:#231f20;background-color:rgba(217,151,58,.9);padding:10px;border-radius:70px;font-size:95px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.center-container .play:before{padding-left:20px}
.center-container.start{cursor:pointer}
.center-container.start:hover .play{background-color:#d9973a;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
#zoomControls{position:absolute;left:10px;top:90px}
@media only screen and (max-width:840px){#zoomControls{top:13px;left:13px}}
#colortable,#currentLocation,#menu,#timeControl,#zoom_in_out{color:#02111a;background-color:rgba(248,248,248,.6)}
#currentLocation,#zoom_in,#zoom_out{font-weight:700;display:block;cursor:pointer;margin:0;text-align:center;text-decoration:none;font-size:1.5em;width:30px}
#currentLocation:hover,#zoom_in:hover,#zoom_out:hover{background-color:rgba(255,255,255,.8)}
#currentLocation{margin-top:20px}
@-webkit-keyframes spin{100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}
@keyframes spin{100%{transform:rotateY(360deg)}}
.glyph.location.loading:before{color:#555;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;z-index:1}
#timetable{bottom:80px;left:0;width:100%;position:absolute}
.options{position:absolute;top:1em;right:1em}
.social{position:relative;margin-right:4em;float:right}
.social a{font-size:1.4em;float:left;margin-left:.2em;opacity:.8}
.social a:hover{opacity:1}
.social a.glyph:before{color:#fff}
.social .sharer{box-sizing:border-box;position:absolute;right:0;top:2em;width:300px;padding:0 32px 0 15px;background:#f8f8f8}
.social .sharer-group{margin:20px 0}
.social .description{font-size:.8em;color:#6e6e6e}
.social input{width:100%;margin:.4em 0;padding:.4em;font-size:.9em;border:1px solid #ccc}
.social input:focus{outline:0;border-color:#4694d8}
#menu_toggle{position:absolute;right:0;top:-7px;font-size:35px;cursor:pointer;opacity:.8;color:#fff}
#menu_toggle:hover{opacity:1}
#menu{margin-right:30px;margin-top:42px;vertical-align:middle;padding:.3em;font-size:.9em}
ul{list-style:none;margin:0;padding:0 .3em}
li{margin:0;padding:.3em 0;display:block}
input,select{cursor:pointer}
label{margin-left:.3em;cursor:pointer}
#one_day_back,#one_day_forward{background-color:#ff6a05;font-weight:700}
td#one_day_back:hover,td#one_day_forward:hover{background-color:#ff490b}
#aboveTable{position:absolute;top:-50px;left:0;color:#2e2e2e;text-shadow:none}
#forecastLink{padding:2px;text-decoration:none;margin-right:10px;font-weight:400;background-color:rgba(255,238,61,.8)}
#colortable{cursor:default;width:30px;position:fixed;font-size:12px;color:#eee;left:100%;top:0;text-shadow:0 0 2px #000;text-align:center}
#timezone{color:#000;bottom:2px;text-shadow:-1px -1px 0 #f8f8f8,1px -1px 0 #f8f8f8,-1px 1px 0 #f8f8f8,1px 1px 0 #f8f8f8;left:2px;position:absolute;padding:1px;font-size:13px;font-weight:700}
@media only screen and (max-width:840px){#timezone{bottom:38px;left:5px}}
@media only screen and (max-width:600px){#timezone{bottom:43px}}
#domainList{right:50px;bottom:90px}
#domainContainer{margin-top:5px;padding:5px;border-top:1px solid #999}
.domain_info_popup{border-collapse:separate;padding:5px;width:200px;color:#fff;margin-right:5px;position:absolute;top:0;right:100%;background-color:rgba(0,0,0,.8);display:none}
@media only screen and (max-width:600px){.domain_info_popup{width:128px}}
.domain_info{cursor:default;position:relative;padding:2px 0}
.domain_info:hover{background-color:rgba(255,255,255,.6)}
.domain_info:hover .domain_info_popup{display:table}
#timeControl{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:750px;cursor:pointer;background:rgba(2,17,26,.6);color:#f8f8f8}
@media only screen and (max-width:840px){#timeControl{width:100%}}
#now_button{padding:8px 5px;font-size:.9em}
.timeElement .glyph{font-size:inherit}
.timeElement{text-align:center;z-index:10;position:relative;padding:8px 15px;display:table-cell;border-left:1px solid #9c9c9c;white-space:nowrap}
.timeElement .glyph:before{line-height:.5em}
@media only screen and (max-width:600px){.timeElement{font-size:13px;padding:12px 5px}}
.timeElement.first{border-left:none;min-width:30px}
.timeElement:hover{background-color:rgba(255,255,255,.2)}
#timeSliderOuter{position:relative;display:table-cell;width:100%}
#timeSlider{width:100%;display:table;-webkit-tap-highlight-color:transparent}
#hoverProgress,#timeProgress{position:absolute;top:0;left:0;height:6px;width:0}
.notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}
#timeProgress{background-color:#cc2e17;-webkit-transition:width .3s;transition:width .3s}
@keyframes move{0%{background-position:0 0}
100%{background-position:50px 50px}}
#timeProgress.loading{background-image:-webkit-linear-gradient(-45deg,#cc2e17 25%,#424242 25%,#424242 50%,#cc2e17 50%,#cc2e17 75%,#424242 75%,#424242);background-image:-moz-linear-gradient(-45deg,#cc2e17 25%,#424242 25%,#424242 50%,#cc2e17 50%,#cc2e17 75%,#424242 75%,#424242);background-image:-ms-linear-gradient(-45deg,#cc2e17 25%,#424242 25%,#424242 50%,#cc2e17 50%,#cc2e17 75%,#424242 75%,#424242);background-image:linear-gradient(-45deg,#cc2e17 25%,#424242 25%,#424242 50%,#cc2e17 50%,#cc2e17 75%,#424242 75%,#424242);-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-ms-background-size:50px 50px;background-size:50px 50px;-webkit-animation:move 2s linear infinite;-moz-animation:move 2s linear infinite;-ms-animation:move 2s linear infinite;animation:move 2s linear infinite}
#hoverProgress{border-right:3px solid #000}
#hoverHour,#timeHour{cursor:ew-resize;border-radius:5px;padding:4px 7px;position:absolute;top:-24px;right:-23px;background-color:rgba(0,0,0,.6);font-size:.8em}
.hide{display:none}
#colortable,#fps,#logo_container,#menu,#menu_toggle,#timeControl,#timezone,#zoomControls,.options{-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}
@media only screen and (max-width:840px){#currentLocation,#day_backward,#day_forward,#fps,#logo_container{display:none}}
@media only screen and (max-width:600px){#hour_backward,#hour_forward,#zoomControls{display:none}}
#fullscreen_button{background-color:#d9973a;color:#f8f8f8}
/*# sourceMappingURL=webglmaps.min.css.map */