@font-face{font-family:weathericons;src:url(fonts/weathericons-regular-webfont.eot?) format("eot"),url(fonts/weathericons-regular-webfont.woff) format("woff"),url(fonts/weathericons-regular-webfont.ttf) format("truetype");}
@font-face{font-family:weathertext;src:url(fonts/weathertext.eot?) format("eot"),url(fonts/weathertext.woff) format("woff"),url(fonts/weathertext.ttf) format("truetype");}
@font-face{font-family:HelveticaNeue;src:url(fonts/HelveticaNeue.eot) format("eot"),url(fonts/HelveticaNeue.woff) format("woff"),url(fonts/HelveticaNeue.ttf) format("truetype");}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}html{box-sizing:border-box;}*, *:before, *:after{box-sizing:inherit;}
body{background:#1a1d21;background-color:#1a1d21;clear:both;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-size:14px;line-height:1.42857143;color:#ccc;cursor:url(mouse/mousedark.svg),auto;}
.left{float:left;}
.right{float:right;top:5px;margin-left:0;margin-right:60px;}
.w34logo{float:right;margin-right:3px;font-size:14px;color:#ccc;font-family:Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-weight:600;}
.cclicencelogo{margin:0;padding:5px;float:left;}
.langflag{float:right;margin-right:0;top:5px;}
.langflag img{width:20pt;position:absolute;top:15px;}
input[data-function*='swipe']{position:absolute;opacity:0;border:0;}
label[data-function*='swipe']{position:absolute;top:10px;left:5px;z-index:99999;display:block;width:142px;height:45px;text-align:center;color:#ccc;cursor:pointer;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transition:transform .3s;-moz-transform:translate3d(0,0,0);-moz-transition:transform .3s;-o-transform:translate3d(0,0,0);-o-transition:transform .3s;transform:translate3d(0,0,0);transition:transform .3s;border:0;}
label[data-function*='swipe']:after{position:absolute;content:'MENU';font-family:Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-weight:300;font-size:13px;padding-left:5px;margin-top:10px;border:0;}
input[data-function*='swipe']:checked ~ label[data-function*='swipe']:after{content:'CLOSE';font-family:Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-size:13px;padding-left:5px;border:0;color:#8AAB17}
input[data-function*='swipe']:checked ~ .content{-webkit-transform:translate3d(260px,0px,0px);-moz-transform:translate3d(260px,0px,0px);-o-transform:translate3d(260px,0px,0px);-ms-transform:translate3d(260px,0px,0px);transform:translate3d(260px,0px,0px);border:0;}
input[data-function*='swipe']:checked ~ .sidebar{-webkit-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);border:0;}
input[data-function*='swipe']:checked ~ .sidebar .menu li{width:260px;border:0;}
.sidebar{-webkit-transform:translate3d(-260px,0px,0px);-moz-transform:translate3d(-260px,0px,0px);-o-transform:translate3d(-260px,0px,0px);-ms-transform:translate3d(-260px,0px,0px);transform:translate3d(-260px,0px,0px);position:absolute;width:260px;color:#ccc;left:0;height:1000%;max-height:1024px;transition:all .3s;z-index:10;top:55px;border:0;border-radius:0;}
.sidebar img{width:20pt;}
.menu{width:220px;margin:0px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);-webkit-border-radius:0px;-o-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;border-radius:0px;float:left;height:1000%;max-height:800px;padding:5px;background:#2a2e33;border-right:1px solid #333;border-top:0;border-bottom:1px solid #333;}
.menu li{list-style:none;text-align:left;padding:5px;border:0;line-height:.8em;margin-bottom:0;padding-bottom:3px;}
.menu copyright{font-size:10px;font-weight:400;}
.menu li a{color:#ccc;display:block;text-decoration:none;font-family:Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-size:12px;margin:0;padding:0;border:0;}
.menu li:hover{color:#ccc;font-family:Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;border-radius:0;border:0;margin-left:0;background:none;}
.menu .active{font-family:Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-weight:400;background:#2a2e33;border:0;}
button{position:relative;font-size:16px;border:none;cursor:pointer;margin-right:0;margin-top:-45px;width:auto;padding:0;background:none;}
header{-webkit-box-shadow:rgba(0,0,0,.1) 0 1px 0;-moz-box-shadow:rgba(0,0,0,.1) 0 1px 0;-o-box-shadow:rgba(0,0,0,.1) 0 1px 0;-ms-box-shadow:rgba(0,0,0,.1) 0 1px 0;box-shadow:rgba(0,0,0,.1) 0 1px 0;height:3.9em;position:absolute;text-align:center;top:0;width:100%;z-index:4;background:#2a2e33;border:0;}
h1{color:#ccc;font-size:1rem;font-weight:400;letter-spacing:-.05em;line-height:2.3em;padding-right:.5em;top:10px;}
.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:1.1;color:inherit;}
.h2 .small,h2 .small,.h3 .small,h3 .small,.h4 .small,h4 .small,.h5 .small,h5 .small,.h6 .small,h6 .small,.h1 .small,h1 .small{font-weight:400;line-height:1;color:#ccc;}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px;}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px;}
.logo{position:absolute;color:#ccc;font-size:1.4em;font-weight:600;letter-spacing:-.05em;line-height:3.3em;padding-right:.5em;margin-top:-90px;}
.logo span{color:#ccc;font-weight:100;letter-spacing:-.05em;}
.weather-item,body{text-align:center;text-transform:none;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.weather-container,.weather-item,a,body{text-transform:none;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.weather2-item,.weather2-indoor,.weather2-clock,.weather2-alert.weatherfooter-item{font-family:HelveticaNeue,"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.weather-item,.weather2-item,.weather2-indoor,.weather2-clock,.weather2-alert{color:#ccc;font-weight:400;box-shadow:0 .25em .25em rgba(0,0,0,.1);max-height:360px;padding:3px;}
.weather2-alert span{color:#FF9350;}
.weather2-indoor span{color:#9ABA2F;}
.weather2-clock span2{color:#9ABA2F;}
.featherlight:before,img,wm2{vertical-align:middle;}
.heading1,.wi{-moz-osx-font-smoothing:grayscale;}
.sr-only,svg:not(:root){overflow:hidden;}
.weather-container{display:flex;list-style:none;width:960px;height:204px;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;overflow:hidden;margin:5px auto;background:none;}
.weather-item{width:320px;height:201px;border:1px solid #202428;border-bottom:18px solid #202428;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;font-size:1em;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:0 5px 5px 0;padding:6px;background:#2a2e33;}
.weather2-container{display:flex;width:960px;height:100px;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:65px auto -20px;background:none;}
.weather2-item{width:33.3333%;height:80px;border:0 solid #404142;text-align:left;padding-left:10px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;float:left;text-transform:none;font-size:.9em;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:0 5px 5px 0;background:none;display:none}
.weather2-indoor{width:33.3333%;height:80px;border:0 solid #191B1E;text-align:left;padding-left:10px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;float:left;text-transform:none;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:0 5px 5px 0;background:RGBA(255,136,65,0.8);font-size:12px;color:#ccc;background:#2a2e33;}
.weather2-indoorwarm{width:33.3333%;height:80px;border:0 solid #191B1E;text-align:left;padding-left:10px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;float:left;text-transform:none;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:0 5px 5px 0;background:RGBA(255,136,65,0.8);font-size:12px;color:#ccc;background:#2a2e33;}
.topicons img{width:20px;margin-top:54px;opacity:.8;}
.topicons svg{margin-top:50px;opacity:.5;}
.weather2-clock{width:33.3333%;height:80px;border:0 solid #191B1E;text-align:left;padding-left:10px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;float:left;text-transform:none;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:0 5px 5px 0;font-size:12px;color:#ccc;background:#2a2e33;}
.clocktopicons img{width:20px;margin-top:55px;opacity:.8;}
.clocktopicons svg{margin-top:50px;opacity:.5;}
.weather2-alert{width:33.3333%;height:80px;border:0 solid #191B1E;text-align:left;padding-left:10px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;float:left;text-transform:none;font-size:.9em;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:0 5px 5px 0;font-size:12px;color:#ccc;background:#2a2e33;}
.alerttopicons img{width:20px;margin-top:38px;opacity:.8;}
.alerttopicons svg{margin-top:33px;opacity:.5;}
.weatherfooter-container{display:flex;width:960px;font-family:HelveticaNeue,"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:0 auto 2px;}
.weatherfooter-item{width:100%;height:80px;border:1px solid #191B1E;text-align:center;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;font-family:HelveticaNeue,"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:0 5px 5px 0;padding:15px;background:#2a2e33;}
.barometergaugegrid{width:90%;text-align:center;margin:10px 0 auto;}
h2mb{letter-spacing:0;font:2em weathertext,Arial;}
h2mb span{color:#F26C4F;margin-left:0;margin-top:5px;font:.4em arial,sans-serif;}
.h2mbvalue{margin-top:3px;padding-right:0;color:#ccc;font-weight:400;font-family:weathertext,Arial,sans-serif;}
.h2mbunit{padding-right:25px;margin-top:-60px;margin-left:115px;color:#ccc;font:.8em arial,sans-serif;}
.barometertrend{position:relative;color:#ccc;text-align:center;z-index:1;font:11px Arial,sans-serif;margin:-58px auto auto;}
.barometertrend steady{color:#ccc;}
.temptrend{position:absolute;margin-top:38px;margin-left:13%;text-align:center;z-index:auto;font-size:0;color:#fff;font-family:Arial,sans-serif;}
trendmovementrising{color:#fff;font-size:12px;font-weight:600;margin-left:15px;}
trendmovementfalling{color:#fff;font-size:12px;font-weight:600;margin-left:15px;}
trendmovementsteady{color:#fff;font-size:12px;font-weight:normal;margin-left:10px;}
.indoortrend{position:absolute;margin-left:40px;top:58px;color:#ccc;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-family:arial,sans-serif;font-size:10px;width:280px;background:none;border-radius:0;padding:0;font-weight:normal;}
.indoortrend online{color:#9ABA2F;}
.indoortrend offline{color:#FF9350;font-weight:600;}
.indoorheating{margin-left:190px;color:#ccc;font:normal 11px arial,sans-serif;position:absolute;margin-top:58px;width:185px;}
.indoorheating span{color:RGBA(154, 186, 47, 1.00);font:normal 11px arial,sans-serif;}
.indoorheating spanrising{color:RGBA(255, 144, 54, 1.00);font:normal 11px arial,sans-serif;}
h3{font:4em weathertext,arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;text-align:center;white-space:nowrap;background:#2a2e33;margin-left:0;}
.featherlight:last-of-type{background:rgba(0,0,0,.5);}
.featherlight:before{content:'';display:inline-block;height:100%;}
.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:top;display:inline-block;overflow:hidden;border-bottom:1px solid transparent;width:825px;margin-left:0%;margin-right:0;max-height:550px;cursor:auto;white-space:normal;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;margin-top:7.5%;padding:0;background:#2a2e33;}
.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:5px;right:10px;width:25px;cursor:pointer;text-align:center;font:22px/25px arial,sans-serif;color:#9aba2f;font-weight:900;background:none;}
.featherlight .featherlight-image{width:100%;}
.featherlight-iframe .featherlight-content{border:1px solid #333;padding:10px 10px 0;}
.featherlight iframe{border:1px solid #2a2e33;background:none;}
.stationlocationtime{margin-top:41px;text-align:left;font:10px arial,sans-serif;position:absolute;padding:2px;padding-right:4px;margin-left:35px;width:auto;}
.indoortitles{color:#ccc;margin-top:5px;text-align:center;font:1.2em arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.indoorlocation{margin-top:40px;text-align:left;font:400 10px arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;position:absolute;background:RGBA(40,39,39,0.1);padding:2px;padding-right:4px;border-radius:3px;margin-left:35px;width:auto;font-weight:600;}
.indoorvalues{position:absolute;margin-top:-15px;}
.heading1{color:#ccc;font:1em/15px arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.tempcontainer,.tempcontainer1{float:left;font-family:weathertext,arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
supmb{font-size:.8em;color:#ccc;}
supunit{font-size:.7em;color:#ccc;font-weight:400;vertical-align:top;}
verticalline{border-right:thin solid #ccc;margin-right:10px;}
a:visited{border:none;}
.tempcontainer .circleOut{border-radius:50%;left:0;bottom:0;right:0;top:-20px;position:absolute;width:110px;height:110px;}
.tempcontainer{position:relative;width:110px;height:110px;margin:42px 10px 10px 50px;}
.temperaturecircle{color:#fff;}
.temperaturecirclefreezing{position:absolute;text-align:center;}
.temptextfreezing{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:RGBA(0,164,180,0.8);background:-webkit-linear-gradient(270deg, #00a4b4 , #32004b);background:-o-linear-gradient(270deg, #00a4b4 , #32004b);background:-moz-linear-gradient(270deg, #00a4b4 , #32004b);background:-ms-linear-gradient(270deg, #00a4b4 , #32004b);background:linear-gradient(270deg, #00a4b4 , #32004b);border:0;}
.temperaturecirclecold{position:absolute;text-align:center;}
.temptextcold{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:RGBA(0,164,180,0.8);background:-webkit-linear-gradient(270deg, #00a4b4 , #087883);background:-o-linear-gradient(270deg, #00a4b4 , #087883);background:-moz-linear-gradient(270deg, #00a4b4 , #087883);background:-ms-linear-gradient(270deg, #00a4b4 ,#087883);background:linear-gradient(270deg, #00a4b4 , #087883);border:0;}
.temperaturecirclegettingcolder{position:absolute;text-align:center;}
.temptextgettingcolder{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:RGBA(0,164,180,0.8);background:-webkit-linear-gradient(90deg, #01a4b4 ,#03bf87);background:-o-linear-gradient(90deg, #01a4b4 ,#03bf87);background:-moz-linear-gradient(90deg, #01a4b4 ,#03bf87);background:-ms-linear-gradient(90deg, #01a4b4 ,#03bf87);background:linear-gradient(90deg, #01a4b4 ,#03bf87);border:0;}
.temperaturecirclecolder{position:absolute;text-align:center;}
.temptextcolder{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:RGBA(0,164,180,0.8);background:-webkit-linear-gradient(90deg, #00a4b4 , #88b04b);background:-o-linear-gradient(90deg, #00a4b4 , #88b04b);background:-moz-linear-gradient(90deg, #00a4b4 , #88b04b);background:-ms-linear-gradient(90deg, #00a4b4 , #88b04b);background:linear-gradient(90deg, #00a4b4 , #88b04b);border:0;}
.temperaturecirclecooler{position:absolute;text-align:center;}
.temptextcooler{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:RGBA(0,164,180,0.8);background:-webkit-linear-gradient(270deg, #9aba2f , #1b9aa7);background:-o-linear-gradient(270deg, #9aba2f , #1b9aa7);background:-moz-linear-gradient(270deg, #9aba2f , #1b9aa7);background:-ms-linear-gradient(270deg, #9aba2f , #1b9aa7);background:linear-gradient(270deg, #9aba2f , #1b9aa7);border:0;}
.temperaturecirclemild{position:absolute;text-align:center;}
.temptextmild{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:RGBA(0,164,180,0.8);background:-webkit-linear-gradient(90deg, #9aba2f, #ffae00);background:-o-linear-gradient(90deg, #9aba2f, #ffae00);background:-moz-linear-gradient(90deg, #9aba2f, #ffae00);background:-ms-linear-gradient(90deg, #9aba2f, #ffae00);background:linear-gradient(90deg, #9aba2f, #ffae00);border:0;}
.temperaturecirclemilder{position:absolute;text-align:center;}
.temptextmilder{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:RGBA(0,164,180,0.8);background:-webkit-linear-gradient(90deg, #88b04b , #e5c21f);background:-o-linear-gradient(90deg, #88b04b ,#e5c21f);background:-moz-linear-gradient(90deg, #88b04b , #e5c21f);background:-ms-linear-gradient(90deg, #88b04b , #e5c21f);background:linear-gradient(90deg, #88b04b , #e5c21f);border:0;}
.temperaturecirclegettingcooler{position:absolute;text-align:center;}
.temptextgettingcooler{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:RGBA(0,164,180,0.8);background:-webkit-linear-gradient(90deg, #88b04b , #ff8841);background:-o-linear-gradient(90deg, #88b04b , #ff8841);background:-moz-linear-gradient(90deg, #88b04b , #ff8841);background:-ms-linear-gradient(90deg, #88b04b , #ff8841);background:linear-gradient(90deg, #88b04b , #ff8841);border:0;}
.temperaturecirclewarm{position:absolute;text-align:center;}
.temptextwarm{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:#efa80f;background:-webkit-linear-gradient(90deg, #efa80f , #ff8841);background:-o-linear-gradient(90deg, #efa80f , #ff8841);background:-moz-linear-gradient(90deg, #efa80f , #ff8841);background:-ms-linear-gradient(90deg, #efa80f , #ff8841);background:linear-gradient(90deg, #efa80f , #ff8841);border:0;}
.temperaturecirclewarmer{position:absolute;text-align:center;}
.temptextwarmer{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:RGBA(0,164,180,0.8);background:-webkit-linear-gradient(90deg, #ff8841 , rgba(236,102,21,1));background:-o-linear-gradient(90deg, #ff8841 , rgba(236,102,21,1));background:-moz-linear-gradient(90deg, #ff8841 , rgba(236,102,21,1));background:-ms-linear-gradient(90deg, #ff8841 , rgba(236,102,21,1));background:linear-gradient(90deg, #ff8841 , rgba(236,102,21,1));border:0;}
.temperaturecirclehot{position:absolute;text-align:center;}
.temptexthot{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:RGBA(0,164,180,0.8);background:-webkit-linear-gradient(90deg, #ff8841 , rgba(236,102,21,1));background:-o-linear-gradient(90deg, #ff8841 , rgba(236,102,21,1));background:-moz-linear-gradient(90deg, #ff8841 , rgba(236,102,21,1));background:-ms-linear-gradient(90deg, #ff8841 , rgba(236,102,21,1));background:linear-gradient(90deg, #ff8841 , rgba(236,102,21,1));border:0;}
.temperaturecirclehotter{position:absolute;text-align:center;}
.temptexthotter{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:#ff8841;background:-webkit-linear-gradient(90deg, #ff8841 , rgba(230,14,75,1));background:-o-linear-gradient(90deg, #ff8841 , rgba(230,14,75,1));background:-moz-linear-gradient(90deg, #ff8841 , rgba(230,14,75,1));background:-ms-linear-gradient(90deg, #ff8841 , rgba(230,14,75,1));background:linear-gradient(90deg, #ff8841 , rgba(230,14,75,1));border:0;}
.temperaturecircleveryhot{position:absolute;text-align:center;}
.temptextveryhot{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:#fd7641;background:-webkit-linear-gradient(90deg, #fd7641, #637ff6);background:-o-linear-gradient(90deg, #fd7641, #637ff6);background:-moz-linear-gradient(90deg, #fd7641, #637ff6);background:-ms-linear-gradient(90deg, #fd7641, #637ff6);background:linear-gradient(90deg, #fd7641, #637ff6);border:0;}
.temperaturecircleextremehot{position:absolute;text-align:center;}
.temptextextremehot{width:105px;height:105px;border-radius:100%;font-size:30px;color:#fff;position:absolute;text-align:center;padding-top:32%;background:#de2c52;background:-webkit-linear-gradient(90deg, #de2c52, #637ff6);background:-o-linear-gradient(90deg, #de2c52, #637ff6);background:-moz-linear-gradient(90deg, #de2c52, #637ff6);background:-ms-linear-gradient(90deg, #de2c52, #637ff6);background:linear-gradient(90deg, #de2c52, #637ff6);border:0;}
suptemp,suptemp1{font-size:.5em;vertical-align:text-top;}
suptempindoor{color:#ccc;font-size:.4em;vertical-align:text-top;margin-left:-5px}
supsolar{font-size:.8em;vertical-align:text-top;}
.who{position:absolute;margin-top:-30px;text-align:center;margin-left:5%;font:12px arial,sans-serif;}
uvi{font-size:.35em;text-align:center;position:absolute;margin:25px auto 0 -20px;}
uviforecast{font-size:.35em;text-align:center;position:absolute;margin:-3px auto 0 0;color:#ccc}
.uvi01{padding-top:20px;font:1.7em Helvetica, Arial, Helvetica;margin-top:-50px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:80px;height:80px;text-align:center;line-height:40px;color:#ccc;}
.uvi03{padding-top:20px;font:1.7em Helvetica, Arial, Helvetica;margin-top:-50px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:80px;height:80px;text-align:center;line-height:40px;color:#9ABA2F;}
.uvi03 span,p{color:#ccc;}
.uvi35{padding-top:20px;font:1.7em Helvetica, Arial, Helvetica;margin-top:-50px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:80px;height:80px;text-align:center;line-height:40px;color:#FF9350;}
.uvi35 span,p{color:#ccc;}
.uvi67{padding-top:20px;font:1.7em Helvetica, Arial, Helvetica;margin-top:-50px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:80px;height:80px;text-align:center;line-height:40px;color:#FF793A;}
.uvi67 span,p{color:#ccc;}
.uvi810{padding-top:20px;font:1.7em Helvetica, Arial, Helvetica;margin-top:-50px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:80px;height:80px;text-align:center;line-height:40px;color:#e47363;}
.uvi810 span,p{color:#ccc;}
.uvi1112{padding-top:20px;font:1.7em Helvetica, Arial, Helvetica;margin-top:-50px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:80px;height:80px;text-align:center;line-height:40px;color:#a475cb;}
.uvi1112 span,p{color:#ccc;}
.uv01{padding-top:3%;font:2em weathertext,arial,sans-serif;color:#777;margin-top:-20px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:70px;height:70px;text-align:center;font-weight:normal;}
.uv03{padding-top:3%;font:2em weathertext,arial,sans-serif;color:#9ABA2F;margin-top:-20px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:70px;height:70px;text-align:center;font-weight:normal;}
.uv35{padding-top:3%;font:2em weathertext,arial,sans-serif;color:#FF9350;margin-top:-20px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:70px;height:70px;text-align:center;font-weight:normal;}
.uv67{padding-top:3%;font:2em weathertext,arial,sans-serif;color:#FF793A;margin-top:-20px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:70px;height:70px;text-align:center;font-weight:normal;}
.uv810{padding-top:3%;font:2em weathertext,arial,sans-serif;color:#e47363;margin-top:-20px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:70px;height:70px;text-align:center;font-weight:normal;}
.uv1112{padding-top:3%;font:1.9em weathertext,arial,sans-serif;color:#a475cb;margin-top:-20px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:70px;height:70px;text-align:center;font-weight:normal;}
.uvsup{font-size:14px;color:#ccc;}
.uvtext{color:#ccc;float:left;width:150px;margin-left:120px;margin-top:-60px;font:12px arial,sans-serif;}
.uvtext span{color:#FF9350;}
.uvtext color,.uvtext color2{font-size:1em;color:#ccc;}
.uvfooter{position:relative;margin-top:100px;text-align:center;}
.solarcircle{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:100px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;line-height:14px;color:#ccc;}
.solarcircle3{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:100px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:Arial,sans-serif;font-size:13px;font-weight:600;line-height:12px;color:#ccc;}
.solarcircle4{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:100px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:Arial,sans-serif;font-size:10px;font-weight:normal;line-height:14px;color:#ff8841;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.solarcirclepoor{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:100px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:Arial,sans-serif;font-size:12px;font-weight:normal;line-height:14px;color:#ccc;}
.solarcirclepoor span{font-size:10px;color:#ccc;font-family:Arial,sans-serif;}
.solarcircledark{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:100px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:15px;font-family:Arial,sans-serif;font-size:11px;font-weight:normal;line-height:14px;color:#ccc;}
.solarcircledark span{font-size:9px;color:#ccc;font-family:Arial,sans-serif;}
.solarcirclelow{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:100px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:Arial,sans-serif;font-size:13px;font-weight:600;line-height:14px;color:#01a4b4;}
.solarcirclelow span{font-size:10px;color:#ccc;font-family:Arial,sans-serif;}
.solarcirclemoderate{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:100px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;line-height:14px;color:#9ABA2F;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-weight:600;}
.solarcirclemoderate span{font-size:10px;color:#ccc;font-family:Arial,sans-serif;}
.solarcirclegood{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:100px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;line-height:14px;color:#ff8841;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-weight:600;}
.solarcirclegood span{font-size:10px;color:#ccc;font-family:Arial,sans-serif;}
.solarcircleverygood{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:100px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;line-height:14px;color:#e47363;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.solarcircleverygood span{font-size:10px;color:#ccc;font-family:Arial,sans-serif;}
.solatext{color:#ccc;float:left;width:150px;margin-left:135px;margin-top:0;font:12px arial,sans-serif;}.solatext color{color:#ccc;}
.solatext color3{color:#ff8841;}.solatext moderate{color:#9ABA2F;}.solatext low{color:#ccc;}.solatext poor{color:#ccc;}.solatext good{color:#ff8841;}.solatext verygood{color:#e47363;}
eq{font-size:.35em;text-align:center;position:absolute;font-weight:600;margin:32px auto 0 -30px;}
.eqtext{color:#ccc;float:left;width:100px;margin-left:120px;margin-top:-100px;font:9px arial,sans-serif;font-weight:600;line-height:9px;}
.eqtext color{font-size:9px;color:#9ABA2F;font-weight:400;line-height:9px;}
.eqtext depth{font-size:9px;color:#9ABA2F;font-weight:400;line-height:9px;}
.eq03,.eq45,.eq5,.eq67,.eq08{position:relative;padding-top:15px;font:2em arial,sans-serif;color:#ccc;top:-30px;border-radius:50%;margin-left:20px;border:2px solid RGBA(57, 61, 64, 1.00);width:80px;height:80px;text-align:center;}
.eq03:after{content:'MINOR';display:block;font-size:9px;line-height:10px;}
.eq5{background:#e48f4c;}
.eq67{background:#ee7259;}
.eq67:after{content:'STRONG';display:block;font-size:9px;line-height:10px;}
.eq08{background:#d15e52;}
.eq08:after{content:'MAJOR';display:block;font-size:9px;line-height:10px;}
.eqcircle{position:absolute;margin-top:-45px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:220px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;font-size:22px;line-height:12px;color:#f26c4f;}
.eqcircle1{position:absolute;margin-top:-45px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:220px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;font-size:22px;line-height:12px;color:#9ABA2F;}
.eqcircle2{position:absolute;margin-top:-45px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:220px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;font-size:22px;line-height:12px;color:#e48f4c;}
.eqcircle3{position:absolute;margin-top:-45px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:220px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;font-size:22px;line-height:12px;color:#ee7259;}
.eqcircle4{position:absolute;margin-top:-45px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:220px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;font-size:22px;line-height:12px;color:#f26c4f;}
.eqnotification{position:fixed;top:70px;right:25px;max-width:400px;width:100%;border-radius:4px;z-index:99999;margin:10px auto;padding:15px;}
.eqnotification .eqnotification-close{position:absolute;top:10px;right:10px;font-size:18px;border-radius:50px;width:28px;height:28px;line-height:22px;text-align:center;color:#ccc;}
.eqnotification .eqnotification-close:after{content:"!";color:#ccc;}
.eqnotification .eqnotification-title,.eqnotification .eqnotification-message{color:#ccc;font-family:Helvetica,arial,sans-serif;}
.eqnotification .eqnotification-title{position:relative;margin-top:-10px;font-size:22px;font-weight:600;}
.eqnotification .eqnotification-message{position:relative;margin-top:-5px;font-size:13px;font-weight:600;line-height:15px;width:300px;}
.eqnotification .eqnotification-distance{position:relative;margin-top:-15px;font-size:13px;font-weight:600;line-height:15px;width:300px;color:#ccc;}
.eqnotification .eqnotification-credit{position:absolute;font-size:10px;font-weight:600;line-height:20px;color:#ccc;padding-left:5px;margin-top:-10px;float:right;}
.eqnotification a{font-size:10px;font-weight:400;line-height:20px;color:#ccc;}
.eqpopup{background:#f26c4f;}
.eqpopup .eqnotification-close{border:1px solid #fff;color:#ccc;}
eqnoti{position:absolute;margin-top:15px;margin-left:5px;font-size:14px;font-weight:400;color:#878a8d;font-family:arial;}
eqnoti color{font-size:1em;font-weight:600;color:#ff9350;font-family:arial;}
eqnoti magn{font-size:.8em;font-weight:400;color:#bbb;font-family:arial;}
magalert{position:absolute;margin-top:5px;margin-left:-15px;font-size:20px;font-weight:600;color:#ff9350;font-family:arial;}
eqalert{position:absolute;margin-left:5px;margin-top:17px;font-size:9px;font-weight:600;font-family:arial;width:245px;line-height:10px;}
eqalert1{position:absolute;margin-left:5px;margin-top:0;font-size:9px;font-weight:600;font-family:arial;width:245px;line-height:10px;}
eqspan{color:#ff9350;font-size:9px;}
eqspan1{color:#00adbc;font-size:9px;}
eqtime{position:absolute;margin-top:10px;font-size:10px;line-height:12px;margin-left:200px;font-weight:400;font-family:arial;}
dist{position:absolute;font-size:10px;font-weight:600;color:#ff9350;font-family:arial;margin-left:5px;line-height:11px;margin-top:5px;}
dist place{font-weight:400;color:#ccc;font-size:9px;}
.eqtext1{color:#ccc;float:left;width:100px;margin-left:100px;margin-top:-30px;font:9px arial,sans-serif;line-height:9px;}
.eqtext1 color{color:#9ABA2F;font-weight:400;line-height:9px;}
.eqtext1 colortext{color:#9ABA2F;font-weight:400;font-size:9px;line-height:9px;}
.eqtext1 colordepth{color:#ccc;font-weight:400;font-size:9px;line-height:9px;}
.eqtext1 color3{color:#00adbc;font-weight:400;line-height:9px;}
.baromcircle,.heatcircle{position:absolute;}
.heatcircle{float:left;margin-top:10px;margin-left:160px;padding:1px;width:140px;}
.heatcircle-content{color:#ccc;float:left;margin:4px;margin-top:0;padding:5px;padding-top:0;text-align:center;width:140px;font:400 11px/1.2 arial, sans-serif;background:none;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}
.baromcircle-content{float:left;line-height:1;margin-top:-.9em;padding-top:50%;text-align:center;width:100%;color:#76797c;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-weight:900;}
supraindrop,supraindropw{z-index:9999999;font:.4em weathertext,arial,sans-serif;}
.baromcircle{border-radius:50%;height:70px;width:70px;float:right;border-top:.1rem solid rgba(76,59,131,.1);border-right:.1rem solid rgba(76,59,131,.1);border-left:.1rem solid rgba(68,59,155,.1);border-bottom:.1rem solid rgba(68,145,155,.1);-webkit-background-size:cover;-ms-background-size:cover;margin-top:-32px;margin-left:212px;padding:2px;}
supraindropw{color:#f8f8f8;}
.rainfalltext color{font-size:1em;color:#387791;}
suprain,suprain1,suprain2{font-size:.4em;font-weight:800;}
.chartforecast{margin-left:0;font-size:.67em;font-family:arial,sans-serif;font-weight:400;position:absolute;color:#ccc;margin-top:174px;width:300px;padding-top:5px;padding-left:10px;text-align:left;text-transform:uppercase!important;}
.humidity,.windgustcircle,.windgustheadingcircle{padding-top:35px;color:#ccc;}
.h2uv,.max,.sun{text-align:center;}
a{font-weight:600;font-size:1em;color:#ccc;text-decoration:none;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.humidity{font:400 4em arial,sans-serif;}
humiditycolor{color:RGBA(154, 186, 47, 1.00);font-weight:700;}
.windgustheading{color:#ccc;font:1em weathertext,arial,sans-serif;}
.windgustcircle{position:absolute;margin-top:35px;margin-left:-136px;font:20px arial,sans-serif;}
.windgustheadingcircle{position:absolute;margin-top:14px;margin-left:-125px;font:12px arial,sans-serif;}
.iconsize{font-size:0;width:50%;height:50%;margin-left:10px;}
.mooninfo{margin-left:120px;font:1em/1.2em arial,sans-serif;margin-top:100px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #777;border-top:1px solid #777;width:auto;height:280px;padding:100px 0 10px;}
.line{margin-top:5px;border-bottom:1px solid rgba(255,255,255,0.3);margin-bottom:5px;}
.mooncircle{position:absolute;color:#ccc;top:50px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:160px;width:160px;margin-left:165px;border-left:8px solid rgba(95,96,97,0.5);border-top:8px solid rgba(95,96,97,0.8);border-right:8px solid rgba(95,96,97,0.5);border-bottom:8px solid rgba(95,96,97,0.8);padding-top:10px;font-size:26px;background:#2a2e33;}
.mooncircle span{color:#ccc;text-align:center;font-family:weathertext,arial,sans-serif;font:200 2.1em weathertext,arial,sans-serif;display:block;margin-left:0;}
.mooncircle moonhead{position:absolute;color:#ff9350;text-align:center;font-size:18px;font-family:HelveticaNeue,"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin-top:20px;margin-left:-45px;}
.solar{padding-left:25px;font:2.8em weathertext,Arial,sans-serif;}
.h2uv{margin-top:35px;position:relative;border-radius:100%;width:180px;height:180px;font:4em arial,sans-serif;padding:40px;background:linear-gradient(180deg,#068895,#51b1a5);}
.sun{margin-left:85px;font:.9em/1.3em arial,sans-serif;margin-top:10px;}
.luminance{postion:absolute;margin-top:95px;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-size:11px;line-height:11px;}
.luminance:before{content:"Luminance";font-size:11px;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;color:#ff9350;line-height:12px;margin-left:5px;}
.moonrise{padding-top:5px;margin-top:-5px;margin-left:-0;font-size:11px;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.moonset{padding-top:5px;margin-top:-32px;margin-left:80px;}
.fullmoon{padding-top:5px;margin-top:-6px;margin-left:0;font-size:11px;}
.luminance1{padding-top:0;margin-top:0;font:.9em arial,sans-serif;width:300px;}
.luminance1:before{content:"Phase";font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;color:#00adbc;}
in,mb{position:absolute;font:.65em arial,sans-serif;}
.moon img{width:20px;height:20px;}
.daylight{position:absolute;color:#ccc;font-family:arial,sans-serif;text-align:center;z-index:999;top:50px;margin-left:360px;border:0;}
canvas{display:block;position:absolute;top:0;left:0;border-radius:75%;z-index:-1;border:0;width:160px;font-family:weathertext,Arial,sans-serif;-ms-transform:scale(.9999);-moz-transform:scale(.9999);-webkit-transform:scale(.9999);-o-transform:scale(.9999);transform:scale(.9999);background:linear-gradient(45deg,#777,#444);}
daylighthours:before{position:absolute;content:"Today Estimated";font-size:12px;margin-top:-20px;display:inline;margin-left:2px;font-family:HelveticaNeue,"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
daylighthours{color:#f8f8f8;display:block;line-height:160px;text-align:center;width:140px;font-size:26px;font-weight:100;margin-left:5px;z-index:auto;font-family:weathertext,"Helvetica Neue Light",Arial,sans-serif;}
daylighthours .hrs{color:#f8f8f8;font-size:14px;}
daylighthours:after{position:absolute;content:"of Daylight";font-size:12px;margin-top:20px;display:inline;margin-left:-60px;font-family:HelveticaNeue,"Helvetica Neue Light",Arial,sans-serif;}
.sunpos{position:relative;margin-top:-21px;}
.sunpos > div{margin-left:125px;}
.sunpos-times{margin-top:40px;width:230px;height:60px;border-bottom:1rem thin #ccc;overflow-y:hidden;}
.sunpos-times .sunpos-path{margin-left:25px;width:190px;height:190px;overflow:hidden;border:1px dashed #aaa;border-radius:50%;}
.sunpos-times .sunpos-symbol-path{position:absolute;color:#ff9350;text-shadow:0 0 0 #000;height:15px;-webkit-transition:0 2s linear;-moz-transition:0 2s linear;-o-transition:0 2s linear;-ms-transition:0 2s linear;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform:rotateZ(-75deg);-moz-transform:rotateZ(-75deg);-o-transform:rotateZ(-75deg);-ms-transform:rotateZ(-75deg);transform-origin:50% 100%;transform:rotateZ(-75deg);left:70px;bottom:0;}
.sunpos-times .sunpos-symbol-path .symbol{position:relative;font-size:16px;top:-8px;}
.sunpos-times .sunpos-animation{width:0;height:160px;-webkit-transition:width 2s linear;-moz-transition:width 2s linear;-o-transition:width 2s linear;-ms-transition:width 2s linear;transition:width 2s linear;border-right:1px dashed #ccc;background:#ff9350;}
.symbol{font-size:10px;}
mb{color:#00adbc;padding-top:17px;margin-left:-60px;-webkit-background-size:cover;-ms-background-size:cover;}
in{color:#ff9350;padding-top:14px;margin-left:-35px;-webkit-background-size:cover;-ms-background-size:cover;}
wm2{color:#848688;font:.4em arial,sans-serif;}
.lo,.max{color:#fff;position:relative;z-index:auto;font:.83em arial,sans-serif;font-weight:700;}.maxws1001{color:#fff;position:relative;z-index:auto;font:.78em arial,sans-serif;font-weight:700;}
.feels,.feels1{position:relative;color:#ccc;margin-left:auto;text-align:center;z-index:auto;}
.feels{margin-top:45px;font:12px arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.feels1{margin-top:30px;font:.7em arial,sans-serif;}
.windchillcircle,.windgustmphcircle,.windmphcircle{position:absolute;border-radius:50%;height:65px;border-top:.1rem solid rgba(76,59,131,.1);border-right:.1rem solid rgba(76,59,131,.1);border-left:.1rem solid rgba(68,59,155,.1);border-bottom:.1rem solid rgba(68,145,155,.1);}
.windchillcircle{width:65px;float:right;-webkit-background-size:cover;-ms-background-size:cover;margin-top:-56px;margin-left:212px;padding:2px;}
.windchillcircle-content{float:left;line-height:1;margin-top:-.9em;padding-top:40%;text-align:center;width:100%;color:#676e73;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;}
.windgustmphcircle-content,.windmphcircle-content{float:left;line-height:1;color:#ccc;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;text-align:center;}
.windmphcircle{width:65px;float:left;-webkit-background-size:cover;-ms-background-size:cover;margin-top:-56px;margin-left:12px;padding:2px;}
.windgustmphcircle{width:65px;float:left;-webkit-background-size:cover;-ms-background-size:cover;margin-top:-56px;margin-left:212px;padding:2px;}
.whitespace{height:45px;}sup{color:#828487;top:-.5em;}.sup{font-size:.3em;color:#913636;}.suptemp{font-size:12px;color:#fff;position:relative;margin-bottom:50px;margin-right:150px;}
.centered{float:none;margin-left:auto;margin-right:auto;}
.wi-rotate-35{-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg);}.wi-rotate-55{-webkit-transform:rotate(55deg);-ms-transform:rotate(55deg);transform:rotate(55deg);}
.wi-snow-wind:before{content:"\f064";}.wi-snow:before{content:"\f01b";}.wi-smog:before{content:"\f074";}.wi-smoke:before{content:"\f062";}.wi-lightning:before{content:"\f016";}
.wi-dust:before{content:"\f063";}.wi-snowflake-cold:before{content:"\f076";color:#00adbc;}.wi-snowflake1-cold:before{content:"\f076";color:#f8f8f8;padding:10px;}.wi-windy:before{content:"\f021";}
.wi-strong-wind:before{content:"\f050";}.wi-sandstorm:before{content:"\f082";}.wi-fire:before{content:"\f0c7";}.wi-flood:before{content:"\f07c";}
.outlook{background:#2a2e33;border-radius:4px;padding:20px;border:1px solid #777;width:600px;height:400px;margin-left:4%;}
.outlook #dayicon,.outlook #nticon,.outlook #tomoicon ,.outlook #dayaftertomoicon{background-size:60px;height:60px;z-index:1;}
.outlook .with-badge:before{content:"";border:20px solid #00adbc;position:absolute;top:0;left:0;border-bottom-color:transparent;border-right-color:transparent;}
.outlooktitle{color:#ccc;margin-top:5px;text-align:center;font:1em arial,sans-serif;}
.outlooktitle span{color:#ccc;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;}
#day,#night,#tomo,#dayaftertomo{color:#ccc;padding:5px;border-bottom:0 solid #e9ebf1;text-align:left;}
#rainday,#rainnight,#raintomo,#dayafterraintomo{color:#00adbc;padding:5px;border-bottom:0;text-align:right;margin-top:-10px;font-size:.9em;}
#day{font:.9em arial,sans-serif;}
#day span,#tomo span{color:#00adbc;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;text-align:left;}
#dayaftertomo span{color:#ff9350;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;text-align:left;}
#night,#tomo,#dayaftertomo{margin-bottom:auto;width:90%;font:.9em arial,sans-serif;}
#night span{color:#ff6861;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;text-align:left;}
#chartdiv{width:100%;height:500px;}
.iconh3wu{position:relative;color:#ccc;margin-top:0;margin-left:-10px;margin-bottom:5px;font-family:Arial;font-size:12px;line-height:12px;padding-top:20px;}.iconh3wu span{color:#ccc;}
.iconcurrentwu img{position:relative;width:110px;height:93px;margin-top:0px;float:left;margin-left:10px;font-size:0;padding-top:10px;margin-bottom:-10px;}
.wuspace{position:relative;width:200px;height:50px;background:none;margin-top:-15px}
.nexthours{position:absolute;margin-top:92px;font-family:arial,sans-serif;font-size:11px;margin-left:50px;display:inline-block;}
.beaufortconditions{position:relative;font-size:12px;color:#ccc;width:140px;display:inline-block;}
.wi{display:inline-block;font-family:weathericons;font-style:normal;font-weight:400;line-height:1}.wi-fw{text-align:center;width:1.4em}.wi-rotate-45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.wi-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.wi-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wi-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.wi-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.wi-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.wi-raindrops:before{content:"\f04e";color:#00adbc}.wi-raindrop:before{content:"\f078";color:#00adbc}.wi-na:before{content:"\f07b"}.wi-train:before{content:"\f0cb"}.wi-moon-0:before{content:"\f095"}.wi-moon-1:before{content:"\f096"}.wi-moon-2:before{content:"\f097"}.wi-moon-3:before{content:"\f098"}.wi-moon-4:before{content:"\f099"}.wi-moon-5:before{content:"\f09a"}.wi-moon-6:before{content:"\f09b"}.wi-moon-7:before{content:"\f09c"}.wi-moon-8:before{content:"\f09d"}.wi-moon-9:before{content:"\f09e"}.wi-moon-10:before{content:"\f09f"}.wi-moon-11:before{content:"\f0a0"}.wi-moon-12:before{content:"\f0a1"}.wi-moon-13:before{content:"\f0a2"}.wi-moon-15:before{content:"\f0a4"}.wi-moon-16:before{content:"\f0a5"}.wi-moon-17:before{content:"\f0a6"}.wi-moon-18:before{content:"\f0a7"}.wi-moon-19:before{content:"\f0a8"}.wi-moon-20:before{content:"\f0a9"}.wi-moon-21:before{content:"\f0aa"}.wi-moon-22:before{content:"\f0ab"}.wi-moon-23:before{content:"\f0ac"}.wi-moon-24:before{content:"\f0ad"}.wi-moon-25:before{content:"\f0ae"}.wi-moon-26:before{content:"\f0af"}.wi-moon-27:before{content:"\f0b0"}.wi-moon-alt-0:before{content:"\f0eb"}.wi-moon-alt-1:before{content:"\f0d0"}.wi-moon-alt-2:before{content:"\f0d1"}.wi-moon-alt-3:before{content:"\f0d2"}.wi-moon-alt-4:before{content:"\f0d3"}.wi-moon-alt-5:before{content:"\f0d4"}.wi-moon-alt-6:before{content:"\f0d5"}.wi-moon-alt-7:before{content:"\f0d6"}.wi-moon-alt-8:before{content:"\f0d7"}.wi-moon-alt-9:before{content:"\f0d8"}.wi-moon-alt-10:before{content:"\f0d9"}.wi-moon-alt-11:before{content:"\f0da"}.wi-moon-alt-12:before{content:"\f0db"}.wi-moon-alt-13:before{content:"\f0dc"}.wi-moon-alt-14:before{content:"\f0dd"}.wi-moon-alt-15:before{content:"\f0de"}.wi-moon-alt-16:before{content:"\f0df"}.wi-moon-alt-17:before{content:"\f0e0"}.wi-moon-alt-18:before{content:"\f0e1"}.wi-moon-alt-19:before{content:"\f0e2"}.wi-moon-alt-20:before{content:"\f0e3"}.wi-moon-alt-21:before{content:"\f0e4"}.wi-moon-alt-22:before{content:"\f0e5"}.wi-moon-alt-23:before{content:"\f0e6"}.wi-moon-alt-24:before{content:"\f0e7"}.wi-moon-alt-25:before{content:"\f0e8"}.wi-moon-alt-26:before{content:"\f0e9"}.wi-moon-alt-27:before{content:"\f0ea"}.wi-horizon-alt:before{content:"\f046"}.wi-horizon:before{content:"\f047"}.wi-sunrise:before{color:#ff9350}.wi-moonrise:before{content:"\f0c9";color:#ff9350}.wi-moonset:before{content:"\f0ca";color:#f26c4f}.wi-earthquake:before{content:"\f0c6";color:#ccc;font-size:1.8em}.wi-earthquake1:before{content:"\f0c6";color:#aaa;font-size:1em}.wi-wind:before{content:"\f0b1";font-size:1.2em;vertical-align:text-bottom}.wi-wind.towards-45-deg{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.wi-wind.towards-90-deg{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.wi-wind.towards-135-deg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.wi-meteor:before{content:"\f071";color:#ccc}
.updatedtime{margin-top:-20px;width:75px;text-align:center;margin-left:220px;color:#ccc;font:10px arial,sans-serif;line-height:10px;width:75px;border-radius:3px;background:none;padding:3px;}
.updatedtimeuv{margin-top:-112px;width:75px;text-align:center;margin-left:220px;color:#ccc;font:10px arial,sans-serif;line-height:10px;width:75px;background:none;padding:3px;}
.updatedtimeuv span{color:#ccc;}
.updatedtimecurrent{margin-top:-20px;width:75px;text-align:center;margin-left:220px;color:#ccc;font:10px arial,sans-serif;line-height:10px;width:75px;border-radius:3px;background:none;padding:3px;}
.updatedtimealert{margin-top:5px;width:75px;text-align:center;margin-left:215px;color:#ccc;font:700 10px arial,sans-serif;line-height:10px;}
.updatedtimealert span{margin-bottom:0;color:#ccc;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-family:arial,sans-serif;}
.updatedtimedir{margin-top:-25px;width:75px;text-align:center;margin-left:135px;position:absolute;color:#ccc;font:10px arial,sans-serif;line-height:10px;border-radius:3px;background:none;padding:3px;}
.average,.averageuv{margin-top:140px;width:100px;text-align:right;position:absolute;}
.averagetemp{margin-top:-5px;width:100px;text-align:center;position:absolute;margin-left:-2px;color:#ccc;font:bold 11px arial,sans-serif;}
.averagetemp span{color:#ccc;font:normal 10px arial,sans-serif;text-align:center;margin-left:-5px;}
.averagetempoutside{margin-top:-5px;width:50px;position:absolute;margin-left:0;color:#ccc;font:bold 11px arial,sans-serif;}
.averagetempoutside span{color:#ccc;font:normal 10px arial,sans-serif;text-align:center;margin-left:0;}
.solarmax{margin-top:140px;width:100px;text-align:right;position:absolute;font:700 10px arial,sans-serif;margin-left:190px;color:#ccc;font:bold 10px arial,sans-serif;}
.solarmax span{color:#9ABA2F;font:10px arial,sans-serif;}
.uvmax{margin-top:0px;width:100px;text-align:right;position:absolute;font:700 10px arial,sans-serif;margin-left:-40px;color:#ccc;font:bold 10px arial,sans-serif;}
.uvmax span{color:#9ABA2F;font:10px arial,sans-serif;}
.solarenergy{margin-top:140px;width:120px;text-align:left;position:absolute;font:700 10px arial,sans-serif;margin-left:5px;color:#ccc;font:bold 10px arial,sans-serif;}
.solarenergy span{color:#9ABA2F;font:10px arial,sans-serif;}
.average{margin-left:180px;color:#00a4b4;font:bold 11px arial,sans-serif;width:120px;}
.windrunarea{position:absolute;margin-left:-70px;width:100px;color:#ff9350;font:bold 11px arial,sans-serif;text-align:left;}
.windrun{width:120px;color:#ff9350;font:bold 11px arial,sans-serif;margin-top:130px;text-align:left;margin-left:0;}
.windrun span{color:#ccc;font:normal 11px arial,sans-serif;}
.averageuv{margin-left:-20px;color:#ff9350;font:bold 11px arial,sans-serif;}
.averageindoor{margin-left:255px;color:#ccc;font:normal 11px arial,sans-serif;position:absolute;margin-top:43px;width:85px;}
.barometertrend1{margin-left:10px;margin-top:120px;width:100px;text-align:left;position:absolute;color:#aaa;font:bold 10px arial,sans-serif;line-height:9px;}
.barometertrend1 hourtrend{font:normal 10px arial,sans-serif;color:#aaa;line-height:9px;text-align:left;margin-left:15px;}
barometerinfo{color:#ccc;}
.barometeravg{margin-left:10px;margin-top:120px;width:50px;position:absolute;color:#ccc;font:11px arial,sans-serif;line-height:9px;text-align:center;}
.barometeravg span{font:normal 10px arial,sans-serif;color:#ff8841;}
.barometeravg unit{font:normal 10px arial,sans-serif;color:#ccc;}
.barometermax{margin-left:10px;margin-top:5px;width:50px;position:absolute;color:#ccc;font:10px arial,sans-serif;line-height:9px;text-align:center;}
.barometermax span{font:normal 10px arial,sans-serif;color:#9ABA2F;}
.barometermax unit{font:normal 10px arial,sans-serif;color:#aaa;}
.barometermin{margin-left:230px;margin-top:120px;width:50px;position:absolute;color:#ccc;font:10px arial,sans-serif;line-height:9px;text-align:center;}
.barometermin span{font:normal 10px arial,sans-serif;color:#9ABA2F;}
.barometermin unit{font:normal 10px arial,sans-serif;color:#aaa;}
.averagedir{margin-left:115px;margin-top:120px;width:auto;text-align:center;position:absolute;color:#ff9350;font:normal 10px arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.averagedir span{margin-bottom:0;color:#aaa;font-weight:600;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-family:arial,sans-serif;}
.averagedir span2{margin-bottom:0;color:#aaa;font-weight:600;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-family:arial,sans-serif;}
.averagedir1{margin-left:200px;margin-top:128px;width:auto;text-align:center;position:absolute;color:#9aba2f;font:400 10px arial,sans-serif;width:100px}
.averagedir1 span{margin-bottom:0;color:#ccc;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-family:arial,sans-serif;}
.averagedir1 span2{margin-bottom:0;color:#ccc;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-family:arial,sans-serif;}
.windrun{margin-left:198px;margin-top:140px;width:auto;text-align:center;position:absolute;color:#ccc;font:400 10px arial,sans-serif;width:100px}
.windrun span{color:#9ABA2F;font:400 10px arial,sans-serif;}
.windalarm,.windcondition{width:100px;text-align:left;}
.windicons{font-size:0;position:absolute;margin-top:75px;margin-left:135px;border:3px solid RGBA(57, 61, 64, 1.00);border-radius:75%;padding:3px;}
.windicons img{width:20px;height:20px;}
.windcondition{margin-top:-25px;margin-left:65px;position:absolute;color:#ccc;font:600 9px arial,sans-serif;}
.windalarm{margin-top:-26px;margin-left:185px;position:absolute;color:#ccc;font:600 9px arial,sans-serif;}
.avgspeedwind,.avgspeedgust{margin-top:10px;text-align:left;position:absolute;width:75px;}
.avgspeedwind{margin-left:30px;color:#ff9350;font:11px arial,sans-serif;font-weight:600;}
.avgspeedwind span{margin-bottom:0;color:#aaa;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.avgspeedgust{margin-left:200px;color:#ff9350;font:11px arial,sans-serif;font-weight:600;}
.avgspeedgust span{margin-bottom:0;color:#aaa;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.windseparator{color:RGBA(57, 61, 64, 1.00);}
hr,img{border:0;}
body,figure{margin:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sub{bottom:-.25em;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:border-box;box-sizing:content-box;margin-top:20px;margin-bottom:20px;border-top:1px solid #eee;}
.windirection{width:100%;margin:10px 0 0 85px;}
.homeweathercompass{position:absolute;width:175px;height:175px;text-align:center;margin-top:-20px;margin-left:-20px;z-index:1;}
.text{z-index:10;text-align:center;font-family:weathertext,Arial;font-size:26px;color:#ccc;margin:60px 0 auto;}
.windvalue{font-family:weathertext,Arial;font-size:26px;color:#ccc;}
.homeweathercompass > .homeweathercompass-line{position:absolute;z-index:10;left:25px;right:25px;top:25px;bottom:25px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;border-left:8px solid rgba(95,96,97,0.5);border-top:8px solid rgba(95,96,97,0.8);border-right:8px solid rgba(95,96,97,0.5);border-bottom:8px solid rgba(95,96,97,0.8);-webkit-clip-path:polygon(100%0,100%100%,100%100%,0100%,00);-ms-clip-path:polygon(100%0,100%100%,100%100%,0100%,00);margin:auto;}
.thearrow{position:absolute;z-index:200;top:0;left:50%;margin-left:-5px;width:10px;height:50%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;animation:rotate 1.5s both linear;-webkit-animation:rotate 1.5s both linear;-moz-animation:rotate 1.5s both linear;-o-animation:rotate 1.5s both linear;-ms-animation:rotate 1.5s both linear;}
.thearrow:after{content:'';position:absolute;left:50%;top:0;height:15px;width:15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f26c4f;}
.thearrow:before{content:'';width:6px;height:6px;position:absolute;z-index:9;left:2px;top:-3px;border:2px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;}
.homeweathercompass > .windirectiontext{display:block;text-align:center;color:#ccc;font-family:Arial,sans-serif;font-weight:600;line-height:12px;font-size:12px;z-index:10;margin:0 0 auto;}
.animated .thearrow{animation:rotate 1.5s both linear;-webkit-animation:rotate 1.5s both linear;-moz-animation:rotate 1.5s both linear;-o-animation:rotate 1.5s both linear;-ms-animation:rotate 1.5s both linear;}
#raincontainer1{height:170px;overflow:hidden;position:absolute;width:210px;margin:-30px auto 0 10px;z-index:0;}
#raincontainer1 div{position:absolute;}
.rainvalue{font-size:1.1em;color:rgba(255,255,255,0.6);margin-left:30px;margin-top:2%;line-height:1em;font-family:weathertext,Arial,sans-serif;width:50%;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.rainvalue span{font-size:.6em;}
.norain{margin-left:-10px;margin-top:15%;height:60px;width:75px;padding:4px;background:url(homepageicons/norain.svg) no-repeat center;}
.raintext1{font-size:10px;color:#00adbc;margin-left:0;margin-top:1%;font-weight:700;line-height:10px;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.raintext1 span{color:#ccc;font-size:1em;}
#beaker{border:5px solid RGBA(57, 61, 64, 1.00);border-top:0;border-radius:5px 5px 5px 5px;height:125px;left:50px;bottom:0;width:125px;background:url(rain/marker.svg) no-repeat;z-index:20;}
#beaker:before,#beaker:after{border:5px solid RGBA(57, 61, 64, 1.00);border-bottom:0;border-radius:7px;content:'';height:5px;position:absolute;top:-0;width:15px;z-index:20;}
#beaker:before{left:-15px;}#beaker:after{right:-15px;}#raintoday{background-color:#0B717A;background:#0B717A;background-repeat:no-repeat;border:3px solid RGBA(57, 61, 64, 1.00);border-top:0;border-left:0;border-right:0;border-radius:0 0 1px 1px;bottom:0;margin-left:55px;margin-bottom:2px;width:115px;max-height:110px;-webkit-transition:water 3s ease-out;-moz-transition:water 3s ease-out;-o-transition:water 3s ease-out;transition:water 3s ease-out;z-index:0;animation:homeweatherstationraingauge 3000s linear infinite;background:url(rain/water.svg);}
@keyframes homeweatherstationraingauge{0%{background-position:0 0;}100%{background-position:100000% 0;}}
#raintoday:after{background-color:none;bottom:0;content:'';height:200px;left:-40px;position:absolute;width:120px;}
.maxrainfallmonth{position:absolute;border-radius:50%;height:60px;width:60px;float:right;border:1px solid RGBA(57, 61, 64, 1.00);-webkit-background-size:cover;-ms-background-size:cover;margin-top:10px;margin-left:210px;padding:5px;}
.maxrainfallyear{position:absolute;border-radius:50%;height:60px;width:60px;float:right;border:1px solid RGBA(57, 61, 64, 1.00);-webkit-background-size:cover;-ms-background-size:cover;margin-top:15px;margin-left:-7px;padding:5px;}
.daylightvalue{position:absolute;font-family:weathertext,Arial;left:-10px;top:50px;color:#f8f8f8;z-index:1;font-size:22px;line-height:20px;width:100px;}
.daylightvalue minutes{position:absolute;font-family:weathertext,Arial;left:40px;color:#f8f8f8;z-index:auto;font-size:22px;line-height:20px;width:100px;}
.daylightvalue:before{position:absolute;content:"Estimated";display:block;font-size:11px;line-height:20px;top:-28px;left:45px;letter-spacing:normal;}
.daylightvalue span{position:absolute;color:#ccc;font-size:3px;left:67px;top:0;}
.daylightvalue period{position:absolute;color:#ccc;font-size:11px;left:47px;top:20px;}
.daylightvalue dayperiod{position:absolute;color:#ccc;font-size:10px;left:20px;top:20px;width:100px;}
.daylightvalue min{position:absolute;color:#ccc;font-size:9px;left:85px;top:-17px;letter-spacing:normal;}
.daylightvalue hrs{position:absolute;color:#ccc;font-size:9px;left:40px;top:-17px;letter-spacing:normal;}
.moonimage{position:absolute;left:55px;top:94px;color:#f8f8f8;font-size:10px;line-height:20px;z-index:1;}
.sunimage{position:absolute;left:55px;top:4px;color:#f8f8f8;font-size:10px;line-height:20px;z-index:1;}
.wi-daylight:before{content:"\f06e";}
.hrswassunrise{margin-top:-120px;width:100px;position:absolute;font-size:10px;margin-left:-95px;line-height:10px;color:#aaa;}
.hrswassunrise period{color:#ccc;}
.hrstillsunset{margin-top:-20px;width:100px;position:absolute;font-size:10px;margin-left:120px;line-height:10px;color:#aaa;}
.hrstillsunset period{color:#ccc;}
.sunrisehome{margin-top:-120px;width:100px;position:absolute;font-size:10px;margin-left:120px;line-height:10px;color:#aaa;}
.sunrisehome period{color:#ccc;}
.sunsethome{margin-top:-20px;width:100px;position:absolute;font-size:10px;margin-left:-90px;line-height:10px;color:#aaa;}
.sunsethome period{color:#ccc;}
#daylight{border:4px solid rgba(95,96,97,0.8);-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;width:118px;height:118px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
.daylightbox{margin-top:15px;position:absolute;margin-left:85px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;border:0 solid RGBA(57, 61, 64, 1.00);width:120px;height:120px;}
.daylightoutput{position:absolute;z-index:0;}
.daylightoutputmoon{position:absolute;flex-direction:column;justify-content:center;align-items:center;top:-2px;left:-2px;width:160px;height:160px;border-radius:100%;border:10px solid RGBA(57, 61, 64, 1.00);z-index:10;}
#navigation,.magnitude:nth-child(1n),.magnitude:nth-child(2n){display:none;}
.moduletitle{color:#ccc;font-size:11px;text-transform:uppercase;font-weight:600;}
.fgtext{color:#ccc;font-size:11px;}
.yearpopup{margin-left:0px;text-transform:uppercase;}
.monthpopup{margin-left:20px;text-transform:uppercase;}
.todaypopup{margin-left:20px;text-transform:uppercase;}
.windvalue{color:#ccc;font-family:weathertext,arial;}
.windunits{color:#F05E40;}
.menu li a:hover,.chartforecast:hover,.temptrendrising,a:hover,.homeweathernotify warmer{color:#9aba2f;}
.h2mbunit,h2mb span,.outlook,.updatedtime,#raincontainer1 div{position:absolute;}
.barometertrend falling,.barometertrend rising,.barometertrend steady,html{font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.barometertrend rising,#temp,.wi-sunset:before,.windirectiontext span{color:#ccc;}
.barometertrend falling,supraindrop,suprain,.temptrendfalling,.homeweathernotify colder{color:#ccc;}
.indoorfeels span,supsolar,suptemp1,suptempindoor,suprain1,.luminance,.sun,.windir,.a,.averagetemp span2{color:#ccc;}
.featherlight .featherlight-inner,.magnitude:first-child{display:block;}
::-webkit-scrollbar{width:12px;}
::-webkit-scrollbar-track{background-color:#eaeaea;border-left:1px solid #ccc;}
::-webkit-scrollbar-thumb{background-color:#9ABA2F;}
::-webkit-scrollbar-thumb:hover{background-color:#00adbc;}
::-moz-scrollbar{width:12px;}
::-moz-scrollbar-track{background-color:#eaeaea;border-left:1px solid #ccc;}
::-moz-scrollbar-thumb{background-color:#9ABA2F;}
::-moz-scrollbar-thumb:hover{background-color:#00adbc;}
::-o-scrollbar{width:12px;}
::-o-scrollbar-track{background-color:#eaeaea;border-left:1px solid #ccc;}
::-o-scrollbar-thumb{background-color:#9ABA2F;}
::-o-scrollbar-thumb:hover{background-color:#00adbc;}
::scrollbar{width:12px;}
::scrollbar-track{background-color:#eaeaea;border-left:1px solid #ccc;}
::scrollbar-thumb{background-color:#9ABA2F;}
::scrollbar-thumb:hover{background-color:#00adbc;}
.cold,.freezing,.colder,.gettingcolder{width:120px;height:120px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0;color:#ccc;position:absolute;text-align:center;padding-top:25%;}
.freezing,.cold,.gettingcolder,.colder,.mild,.milder,.gettingcooler,.hot,.hotter,.veryhot,.extremehot{border:3px solid RGBA(57, 61, 64, 1.00);}
.temperaturecirclefreezing,.temperaturecirclecold,.temperaturecirclegettingcolder{width:115px;height:115px;border-radius:100%;font-size:0;color:#ccc;position:absolute;text-align:center;padding-top:25%;border:1px solid rgba(0,172,223,1);}
suprain2{color:#ccc;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
suptemp,lo,.max{color:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.uv01:after,.uv03:after,.uv35:after,.uv67:after,.uv810:after,.uv1112:after{content:'UVINDEX';display:block;font-size:9px;color:#ccc;}
.solarcircle span,.solarcircle1 span,.solarcircle2 span,.solarcircle3 span{color:#ccc;text-align:center;font:600 .7em/10px arial,sans-serif;}
.solarcircle1,.solarcircle2{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:110px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:"weathertext","Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:normal;line-height:12px;color:#9ABA2F;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.solarcircle4{position:absolute;margin-top:-15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:60px;width:60px;margin-left:110px;border:2px solid RGBA(57, 61, 64, 1.00);padding-top:18px;font-family:Arial,sans-serif;font-size:10px;font-weight:normal;line-height:12px;color:#ff8841;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.solatext color1,.solatext color2{color:#ccc;font-weight:600;}
.eq45:after,.eq5:after{content:'MODERATE';display:block;font-size:9px;line-height:10px;}
.eqcircle span,.eqcircle1 span,.eqcircle2 span,.eqcircle3 span,.eqcircle4 span{color:#999;text-align:center;font:600 .3em/10px arial,sans-serif;}
.eqtext1 color1,.eqtext1 color2{color:#9ABA2F;font-weight:400;}
.mooninfo img,.sun img{margin-bottom:3px;}
.moon,.moon1{color:#7c7e80;font:normal .9em/.95em arial,sans-serif;}
.moon:before,.moon1:before{content:"";color:#00adbc;font:.9em arial,sans-serif;}
.windmphcircle-content,.windgustmphcircle-content{margin-top:-.9em;padding-top:40%;width:100%;}
.wi-moon-14:before,.wi-sunrise:before,.wi-sunset:before{content:"\f0a3";}
.updatedtime span,.updatedtimecurrent span,.updatedtimealert span,.updatedtimedir span,.average span,.averageuv span,.averageindoor span,.averagedir span{margin-bottom:0;color:#ccc;font-weight:400;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.humidityindoor span,.temperatureindoor span{margin-bottom:0;font-size:.4em;color:#ccc;font-weight:400;font-family:weathertext,arial,sans-serif;}
.windcondition span,.windalarm span{margin-bottom:0;color:#ccc;font-weight:600;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.maxrainfallmonth-content{float:left;line-height:1;margin-top:-.9em;padding-top:37%;text-align:center;width:100%;color:#ccc;font-family:Arial;-webkit-font-smoothing:antialiased;font-size:.8em}.maxrainfallyear-content{float:left;line-height:1;margin-top:-.9em;padding-top:30%;text-align:center;width:100%;color:#999;font-family:Arial;-webkit-font-smoothing:antialiased;font-size:.8em}.jGrowl{z-index:9999;color:#fff;font-size:12px;font-family:"Arial",Helvetica,Arial,sans-serif;font-weight:700}
.jGrowl{z-index:9999;color:#fff;font-size:12px;font-family:"Arial",Helvetica,Arial,sans-serif;font-weight:700}
.jGrowl{z-index:9999;color:#fff;font-size:12px;font-family:"Arial",Helvetica,Arial,sans-serif;position:fixed;font-weight:bold;}
.jGrowl.top-left{left:0;top:0;}
.jGrowl.top-right{right:0;bottom:0;}
.jGrowl.bottom-left{left:0;bottom:0;}
.jGrowl.bottom-right{right:0;bottom:0;}
.jGrowl.center{top:0;width:50%;left:25%;}
.jGrowl.center .jGrowl-notification,.jGrowl.center .jGrowl-closer{margin-left:auto;margin-right:auto;}
.jGrowl-notification{background-color:#d65b4a;zoom:1;width:250px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;min-height:40px;}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight{border:1px solid RGBA(57, 61, 64, 1.00);background:#d65b4a;color:#ccc;}
.jGrowl-notification .jGrowl-header{font-weight:700;font-size:.85em;}
.jGrowl-notification .jGrowl-close{background-color:transparent;color:#fff;border:none;z-index:99;float:right;font-weight:bold;font-size:16px;cursor:pointer;margin:0;border:1px solid #ccc;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;padding:0;width:22px;height:22px;line-height:5px;padding-bottom:2px;}
.jGrowl-closer{background-color:#fff;opacity:.9;zoom:1;width:50px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:1em;text-align:center;color:#ccc;}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight{border:1px solid #ccc;background:RGBA(57, 61, 64, 1.00);color:#ccc;}
@media print{.jGrowl{display:none;}
}
.windunitidspeed{position:absolute;color:#aaa;margin-top:5px;margin-left:10px;font-size:10px;}.windunitidgust{position:absolute;color:#aaa;margin-top:5px;margin-left:10px;font-size:10px;}
.windalarm,.windcondition{width:100px;text-align:left;}.windcondition{margin-top:-25px;margin-left:65px;position:absolute;color:#ccc;font:600 9px arial,sans-serif;}
.windalarm{margin-top:-26px;margin-left:185px;position:absolute;color:#ccc;font:600 9px arial,sans-serif;}.gustspeedtrend,.windspeedtrend{margin-top:0;width:75px;text-align:center;position:absolute;}
.avgspeedwind,.avgspeedgust{margin-top:10px;width:120px;text-align:left;position:absolute;}.gustspeedtrend{margin-left:180px;color:#aaa;font:11px arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-weight:600;}
.gustspeedtrend span{margin-bottom:0;color:#aaa;font-weight:600;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.windspeedtrend{position:absolute;margin-left:45px;color:#ff9350;font:11px arial,sans-serif;font-weight:600;}
.windspeedtrend span{margin-bottom:0;color:#aaa;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.avgspeedwind{margin-left:30px;color:#ff9350;font:11px arial,sans-serif;font-weight:600;}
.avgspeedwind span{margin-bottom:0;color:#aaa;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.avgspeedgust{margin-left:195px;color:#aaa;font:11px arial,sans-serif;font-weight:600;}
.avgspeedgust span{margin-bottom:0;color:#aaa;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.windseparator{color:RGBA(57, 61, 64, 1.00);}
.windirection1{width:100%;margin:110px 0 0 85px;}
.homeweathercompass1{position:absolute;width:175px;height:175px;text-align:center;margin-top:-30px;margin-left:60px;z-index:1;}
.text1{z-index:10;text-align:center;font-family:weathertext,Arial;font-size:26px;color:#ccc;margin:60px 0 auto;}
.windvalue1{font-family:weathertext,Arial;font-size:26px;color:#ccc;}
.windicons1{font-size:0;position:absolute;margin-top:80px;margin-left:25px;border:3px solid RGBA(57, 61, 64, 1.00);border-radius:75%;padding:3px;}
.windicons1 img{width:15px;height:15px;}
.homeweathercompass1 > .homeweathercompass-line1{position:absolute;z-index:10;left:25px;right:25px;top:25px;bottom:25px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;border-left:8px solid rgba(95,96,97,0.5);border-top:8px solid rgba(95,96,97,0.8);border-right:8px solid rgba(95,96,97,0.5);border-bottom:8px solid rgba(95,96,97,0.8);-webkit-clip-path:polygon(100%0,100%100%,100%100%,0100%,00);-ms-clip-path:polygon(100%0,100%100%,100%100%,0100%,00);margin:auto;}
.thearrow1{position:absolute;z-index:200;top:0;left:50%;margin-left:-5px;width:10px;height:50%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;animation:rotate 1.5s both linear;-webkit-animation:rotate 1.5s both linear;-moz-animation:rotate 1.5s both linear;-o-animation:rotate 1.5s both linear;-ms-animation:rotate 1.5s both linear;}
.thearrow1:after{content:'';position:absolute;left:50%;top:0;height:15px;width:15px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#ff9350;}
.thearrow1:before{content:'';width:6px;height:6px;position:absolute;z-index:9;left:2px;top:-3px;border:2px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;}
.homeweathercompass1 > .windirectiontext1{display:block;text-align:center;color:#ccc;font-family:Arial,sans-serif;font-weight:600;line-height:12px;font-size:12px;z-index:10;margin:0 0 auto;}
.windirectiontext1 span{color:#9aba2f;}
.animated1 .thearrow1{animation:rotate 1.5s both linear;-webkit-animation:rotate 1.5s both linear;-moz-animation:rotate 1.5s both linear;-o-animation:rotate 1.5s both linear;-ms-animation:rotate 1.5s both linear;}
.windunits{color:#ccc;}
.windblowing{position:absolute;margin-top:5px;margin-left:20px;font-size:11px;}
.gustblowing{position:absolute;margin-top:5px;margin-left:220px;font-size:11px;}
.beaufort{position:absolute;margin-top:55px;margin-left:50px;font-size:11px;}
.windspeedvalues{position:absolute;padding-bottom:5px;line-height:1em;height:50px;font-family:'weathertext',Helvetica,Arial;}
.windspeedvalue{position:absolute;font-size:2em;font-family:'weathertext',Helvetica,Arial;margin-left:20px;margin-top:40px;color:#a0a5a9;}
.windgustvalue{position:absolute;font-size:2em;font-family:'weathertext',Helvetica,Arial;margin-left:225px;margin-top:40px;color:#a0a5a9;}
.gustspeedtrend1,.windspeedtrend1{margin-top:-5px;width:100px;text-align:right;position:absolute;}
.avgspeedwind1,.avgspeedgust1{margin-top:10px;width:120px;text-align:left;position:absolute;}
.gustspeedtrend1{margin-left:210px;color:#CCC;font:10px arial,sans-serif;font-weight:normal;float:left;width:75px;display:block;text-align:center;}
.gustspeedtrend1 span{margin-bottom:0;color:#ccc;font-weight:normal;font:10px arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.gustspeedtrend1 max{color:#FF9350;}
.windspeedtrend1{margin-left:0;color:#CCC;font:10px arial,sans-serif;font-weight:normal;float:left;width:75px;display:block;text-align:center;}
.windspeedtrend1 span{margin-bottom:0;color:#ccc;font-weight:normal;font:10px arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.windspeedtrend1 max{color:#FF9350;}
.avgspeedwind1{margin-left:30px;color:#aaa;font:11px arial,sans-serif;font-weight:600;}
.avgspeedwind1 span{margin-bottom:0;color:#aaa;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.avgspeedgust1{margin-left:200px;color:#aaa;font:11px arial,sans-serif;font-weight:600;}
.avgspeedgust1 span{margin-bottom:0;color:#aaa;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;}
.windseparator1{color:RGBA(57, 61, 64, 1.00);}
.beaufort1{position:absolute;margin-top:110px;margin-left:15px;font-size:10px;}
.mooninfo img,.sun img{margin-bottom:3px;}
.moon,.moon1{color:#7c7e80;font:normal .9em/.95em arial,sans-serif;}
.moon:before,.moon1:before{content:"";color:#00adbc;font:.9em arial,sans-serif;}
.mooncircle1{position:absolute;color:#ccc;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;height:125px;width:125px;margin-left:0;border:6px solid rgba(95,96,97,0.5);padding-top:35px;padding-bottom:10px;font-size:28px;background:#2a2e33;font-family:weathertext,arial;}
.mooncircle1 luminance1{position:absolute;font-size:14px;margin-top:-15px;color:#9aba2f;display:block;text-align:center;margin-left:22px;}
.mooncircle1 span{color:#ccc;text-align:center;font-family:weathertext,arial,sans-serif;display:block;margin-left:0;margin-top:-5px;}
.mooncircle1 moonhead1{position:absolute;color:#ff9350;text-align:center;font-size:16px;font-family:HelveticaNeue,"Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin-top:20px;margin-left:-45px;}
.moonphase{font-size:9px;color:#ccc;margin:0 auto;margin-top:25px;display:block;padding-top:5px;line-height:14px;margin-top:-10px;}
.moonphasebox{width:100%;margin:10px 0 0 85px;}
.moonposition{font-size:16px;line-height:20px;padding-top:2px;}
.moonrise1{position:absolute;padding-top:5px;margin-top:0;margin-left:-80px;font-size:10px;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;width:75px;line-height:10px;text-align:center;color:#aaa;}
.moonrise1 span{color:#ff9350;margin-left:25px;}
.moonset1{position:absolute;padding-top:5px;margin-top:100px;margin-left:125px;font-size:10px;font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;width:75px;line-height:10px;text-align:center;color:#aaa;}
.moonset1 span{color:#00adbc;margin-left:15px;}
.fullmoon1{position:absolute;padding-top:5px;margin-top:0;margin-left:115px;font-size:10px;width:100px;line-height:10px;text-align:center;color:#aaa;}
.fullmoon1 span{margin-left:8px;}
.newmoon1{position:absolute;padding-top:5px;margin-top:100px;margin-left:-85px;font-size:10px;width:110px;line-height:10px;text-align:center;color:#aaa;}
.newmoon1 span{margin-left:8px;}
.meteorshower{position:absolute;padding-top:5px;margin:125px auto;font-size:9px;width:130px;line-height:10px;text-align:center;color:#aaa;}
.luminance1{padding-top:0;margin-top:0;font:.9em arial,sans-serif;width:300px;}
.luminance1:before{content:"Phase";font-family:arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;color:#00adbc;}
.feels1{position:relative;color:#ccc;margin-left:auto;text-align:center;z-index:auto;}
.feels1{margin-top:30px;font:.7em arial,sans-serif;}
.b{padding:70px;}
.b > h1{margin-bottom:10px;}
.c{background:none;width:0;height:0;position:fixed;bottom:-20px;left:0;transition:bottom .5s ease-in-out;z-index:99999;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px;}
.c:target{bottom:0;z-index:auto;}
.cl{text-decoration:none;color:#ccc;background:#718b1b;line-height:25px;width:32px;height:32px;padding:5px;padding-top:7px;display:block;position:absolute;top:-65px;left:5px;-webkit-border-radius:75%;-moz-border-radius:75%;border-radius:75%;z-index:auto;}
.cl:hover{color:#ccc;}
.ct{padding:30px 30px 0;}
.t{margin-bottom:10px;}
.t > label{font-size:12px;color:#ccc;}
.t > input[type="text"],.t > textarea{font-size:15px;color:#ccc;background:#424242;width:100%;padding:5px;border:none;outline:none;box-sizing:border-box;transition:background .3s ease-in-out,color .3s ease-in-out;border-radius:4px;}
.t > input[type="text"]:focus,.t > textarea:focus{color:#000;background:#fff;border-radius:4px;}
.t > textarea{resize:none;}
.bt{font-size:15px;color:#000;background:#e8e8e8;display:inline-block;border:none;outline:none;padding:8px 12px;text-decoration:none;border-radius:4px;}
.bt:active{background:#F05E40;border-radius:4px;}
.bt.p{color:#ccc;background:#00A4B4;border-radius:4px;}
.bt.p:active{background:#F05E40;border-radius:4px;}
.a-r{text-align:right;border-radius:4px;}
.wuweather-container{display:flex;list-style:none;width:960px;height:245px;font-family:arial, sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;overflow:hidden;margin:5px auto;background:none;}
.wuweather-item{width:960px;height:245px;border:1px solid #191B1E;border-bottom:18px solid #191B1E;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;font-size:0.8em;font-family:arial, sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:0 5px 5px 0;padding:6px;background:#2a2e33;}
.weatherwxsim-container{display:flex;list-style:none;width:960px;height:245px;font-family:arial, sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;overflow:hidden;margin:5px auto;background:none;}
.weatherwxsim-item{width:960px;height:245px;border:1px solid #191B1E;border-bottom:18px solid #191B1E;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;font-size:0.8em;font-family:arial, sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;margin:0 5px 5px 0;padding:6px;background:#2a2e33;}
@media screen and (max-width:768px){.weather-container{display:inline;width:300px;height:200px;background-color:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-family:arial,sans-serif;overflow:hidden;}
.weather-item{float:none;width:310px;margin:0 auto;margin-top:10px;overflow:hidden;}
.homeweathernotifications{display:none;}
.homeweathernotify{display:none;}
.chart,.chart,.charttemperature,.chartforecast,.a,.chartbarometer,.chartdeprem,.chartdirection,.chartrainfall,.chartsky,.chartsolar,.chartwindspeed,.weather2-container,.weatherfooter-container,.weatherheather, .weatherwxsim-container,.weatherwxsim-item,.wuweather-container,.wuweather-item{display:none;}
header{display:none;}
.c{width:auto;left:40px;right:40px;display:none;}
}
@media screen and (max-width:1024px) and (orientation:portrait){.weather-container{display:inline;width:300px;height:200px;background-color:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-family:arial,sans-serif;overflow:hidden;}
.weather-item{float:none;width:310px;margin:0 auto;margin-top:10px;overflow:hidden;}
.homeweathernotifications{display:none;}
.homeweathernotify{display:none;}
.chart,.chart,.charttemperature,.chartforecast,.a,.chartbarometer,.chartdeprem,.chartdirection,.chartrainfall,.chartsky,.chartsolar,.chartwindspeed,.weather2-container,.weatherfooter-container,.weatherheather, .weatherwxsim-container,.weatherwxsim-item,.wuweather-container,.wuweather-item{display:none;}
header{display:none;}
.c{width:auto;left:40px;right:40px;display:none;}
}
@media screen and (max-width:640px){.weather-container{display:inline;width:300px;height:200px;background-color:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-family:arial,sans-serif;overflow:hidden;}
.weather-item{float:none;width:310px;margin:0 auto;margin-top:10px;overflow:hidden;}
.homeweathernotifications{display:none;}
.homeweathernotify{display:none;}
.chart,.chart,.charttemperature,.chartforecast,.a,.chartbarometer,.chartdeprem,.chartdirection,.chartrainfall,.chartsky,.chartsolar,.chartwindspeed,.weather2-container,.weatherfooter-container,.weatherheather, .weatherwxsim-container,.weatherwxsim-item,.wuweather-container,.wuweather-item{display:none;}
header{display:none;}
.c{width:auto;left:40px;right:40px;display:none;}
}
.indoorcontainer{overflow:hidden;z-index:10;position:absolute;margin:0;height:74px;width:303px;background-color:#F05E40;border-radius:5px;color:#ccc;margin-left:-5px;margin-top:17px;}
.Circle1{z-index:100;position:absolute;height:80px;width:80px;right:-20px;top:-30px;border-radius:50%;background-color:rgba(241,125,45,0.9);animation:enlarge;animation-duration:5s;animation-iteration-count:infinite;}
.Circle2{z-index:80;position:absolute;height:150px;width:150px;right:-50px;top:-70px;border-radius:50%;background-color:rgba(241,125,45,0.8);animation:enlarge;animation-duration:7s;animation-iteration-count:infinite;}
.Circle3{z-index:50;position:absolute;height:200px;width:200px;right:-50px;top:-100px;border-radius:50%;background-color:rgba(241,125,45,0.7);animation:enlarge;animation-duration:10s;animation-iteration-count:infinite;}
.sun{z-index:1000;font-size:15px!important;}
.Location{z-index:1000;position:absolute;font-family:"weathertext",sans-serif;font-size:16px;font-weight:600;right:20px;bottom:5px;padding-top:5px;}
.Location1{position:relative;font-family:"weathertext",sans-serif;font-size:13px;font-weight:400;right:20px;padding-top:5px;top:30px;margin-left:155px;color:#ccc;z-index:100;}
suptemp1{color:#ccc;}
suptemp3{color:#ccc;font-size:.5em;vertical-align:text-top;}
@keyframes enlarge{50%{transform:scale(1.2);}
}
#wuforecast:nth-child(4n),#wuforecast:nth-child(5n),#wuforecast:nth-child(6n),#wuforecast:nth-child(7n),#wuforecast:nth-child(8n),#wuforecast:nth-child(9n),.magnitude:nth-child(1n),.magnitude:nth-child(2n){display:none;}
#wuforecast,.magnitude:first-child{display:block;}
#weekday,#wuforecast,#wuforecasts{background:none;}
#wuforecasts{max-width:420px;margin-left:1px;margin-right:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-family:arial,sans-serif;}
#wuforecast{float:left;width:26%;margin:-10px 0 0 15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-family:arial,sans-serif;}
#wuforecast:last-child,#wuforecast:nth-child(1n),#wuforecast:nth-child(2n),#wuforecast:nth-child(3n){margin-right:0;border:1px solid RGBA(57, 61, 64, 1.00);padding:0;border-radius:4px;background:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-family:arial,sans-serif;height:135px;line-height:15px;}
#weekday{margin:0;text-align:center;padding:3px;font:.8em arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;color:#ccc;background:RGBA(57, 61, 64, 1.00);}
#temp,#temp2{font:1em arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-weight:700;}
#temp{color:#ff9350;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-weight:700;}
#temp2{color:#00adbc;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-weight:700;}
.kmh,.rain{padding-top:5px;font:.9em arial,sans-serif;font-weight:700;}
#icon{width:55px;height:43px;float:left;padding:5px;margin:0 10px;}
#chartdiv{width:100%;height:500px;}
.notificationinfo{position:absolute;font-size:11px;color:#9ABA2F;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;padding:3px;margin-left:40px;top:53px;}
.weather34text{position:absolute;font-size:16px;color:#ccc;float:left;right:5px;font-family:Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-weight:600;display:none;}
.nextnewmoon{color:#ccc;display:block;font-weight:bold;text-align:center}.nextfullmoon{color:#ccc;font-weight:bold;display:block;text-align:center}.nextmoonrise{color:#ccc;font-weight:bold;display:block;text-align:center}
.nextmoonset{color:#ccc;font-weight:bold;display:block;text-align:center}.designedby{float:right;padding:10px;font-size:10px;font-weight:normal;width:100px;text-align:center;line-height:11px;}
.footertext{position:relative;color:#ccc;font-size:11px;font-family:Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;display:flex;justify-content:center;align-items:center;}
.firerisk{margin-top:132px;width:500px;text-align:left;position:absolute;margin-left:4px;color:#ccc;font:normal 11px arial,sans-serif;}.firerisk lo{color:#9aba2f;font:bold 11px arial,sans-serif;text-align:center;}.firerisk hi{color:#ff8841;font:bold 11px arial,sans-serif;text-align:center;}.firerisk mod{color:#ff8841;font:bold 11px arial,sans-serif;text-align:center;}.firerisk ext{color:#ff8841;font:bold 11px arial,sans-serif;text-align:center;}
.firerisk veryhi{color:#ff8841;font:bold 11px arial,sans-serif;text-align:center;}
.feelstemp{margin-top:135px;text-align:none;position:absolute;margin-left:3px;color:#999;font:normal 10px arial,sans-serif;line-height:10px;}
.feelstemp risk{color:#FF793A;font:normal 10px arial,sans-serif;}
.welcome{position:absolute;font-size:16px;font-weight:normal;width:300px;margin-top:25px;color:#ccc;display:inline;margin-left:30px;}
.welcome span{color:#9ABA2F;font-weight:600;}
.online{color:#ccc;font-size:12px;}
.online span{color:#9ABA2F;font-weight:600;}
wuhourforecastemp{color:#ccc;font-weight:600;font-size:11px;line-height:11px;display:inline-block}
.weatheroffline{border-radius:60px;border:0 solid #777;height:70px;width:70px;position:relative;top:35%;top:-webkit-calc(50% - 43px);top:calc(50% - 43px);left:35%;left:-webkit-calc(50% - 43px);left:calc(50% - 43px);color:#777;font-size:10px}.weatheroffline:after{content:"";position:absolute;background-color:#9ABA2F;top:2px;left:48%;height:18px;width:2px;border-radius:5px;-webkit-transform-origin:50% 97%;transform-origin:50% 97%;-webkit-animation:weatherofflineani 2s linear infinite;animation:weatherofflineani 2s linear infinite}@-webkit-keyframes weatherofflineani{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes weatherofflineani{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.weatheroffline:before{content:"";position:absolute;background-color:#0B717A;top:6px;left:48%;height:15px;width:2px;border-radius:5px;-webkit-transform-origin:50% 94%;transform-origin:50% 94%;-webkit-animation:weatherofflineani1 12s linear infinite;animation:weatherofflineani1 12s linear infinite}@-webkit-keyframes weatherofflineani1{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes ptAiguille{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.homeweathervertical-text{margin-top:50px;margin-left:120px;-webkit-transform:rotate(90deg);-webkit-transform-origin:left top 0;-moz-transform:rotate(90deg);-moz-transform-origin:left top 0;-o-transform:rotate(90deg);-o-transform-origin:left top 0;-ms-transform:rotate(90deg);-ms-transform-origin:left top 0;transform:rotate(90deg);transform-origin:left top 0;font-size:3em;color:#ccc;opacity:0.5}.homeweathervertical-text span{color:#9ABA2F}.homeweathervertical-text{float:left;}.blank{display:none;}.wuforecastbackground{background:none}.cloudbase{position:absolute;color:#ccc;font-size:11px;margin-top:55px;margin-left:85px;line-height:13px}.lightningrain{position:absolute;color:#ccc;font-size:10px;margin-top:142px;margin-left:0;line-height:11px;font-weight:700}.lightningrain span{color:#ff8841;font-weight:700}.rainaverage{margin-top:143px;width:100px;position:absolute;color:#ccc;font-size:10px;line-height:11px;font-weight:700;margin-left:200px}.rainaverage span{color:#01a4b4}batterygood{color:#9aba2f}batterypoor{color:#ff8841}lightningrain{color:#ff8841;font-size:18px;line-height:17px;display:block;font-family:"weathertext",arial;font-weight:normal;}

.weather34box-toparea{margin:0;width:100%;}
.weather34box{border:2px solid #1a1d21;border-top:1;border-bottom:1;border-radius:5px;color:#ccc;float:left;padding:5px;position:relative;width:24.9%;height:83px;margin:0 auto;}
.weather34box .title{position:absolute;font-family:arial,helvetica;font-size:10px;padding:3px;text-transform:uppercase;color:#ccc;float:left;top:0;}
.weather34box .value{position:absolute;font-size:26px;font-weight:lighter;padding:0 3px;color:#ccc;float:left;top:0;}
.weather34box.indoor{background-color:#2a2e33;}
.weather34box.indoor span{color:#aaa;font-weight:400;}
.weather34box.indoor titlespan{color:#9aba2f;font-weight:400;}
.weather34box.clock{background-color:#2a2e33;background-image:url('homepageicons/time.svg');background-repeat:no-repeat;background-position:left 10px bottom 18px;color:#fff}
.weather34box.clock span{color:#aaa;font-weight:400;}
.weather34box.clock titlespan{color:#9aba2f;font-weight:400;}
.weather34box.earthquake{background-color:#2a2e33;}
.weather34box.earthquake span{color:#ff8841;font-weight:400;}
.weather34box.alert{background-color:#2a2e33;}
.weather34box.alert span{color:#ff8841;font-weight:400;}
.homehumidityindoor{margin-left:70px;color:#ccc;font:normal 12px arial,sans-serif;position:absolute;margin-top:20px;width:185px;}
.homehumidityindoor span{color:#ccc;font-size:22px;font-family:weathertext,arial;}
.hometemperatureindoor{margin-left:0;color:#ccc;font:normal 12px arial,sans-serif;position:absolute;margin-top:20px;width:120px;}
.hometemperatureindoor span{color:#aaa;font-size:12px;}
.hometemperatureindoortrend{margin-left:0;position:absolute;margin-top:12px;width:15px;}
homeindoor25{color:#ff8841;font:normal 22px weathertext,arial,sans-serif;}
homeindoor25 span{color:#ccc;}
homeindoor20{color:#ff8841;font:normal 22px weathertext,arial,sans-serif;}
homeindoor20 span{color:#ccc;}
homeindoorless20{color:#00A4B4;font:normal 22px weathertext,arial,sans-serif;}
homeindoor15{color:#fff;font:normal 22px weathertext,arial,sans-serif;}
.homeindoorfeels{position:absolute;margin-left:10px;top:55px;color:#ccc;font-size:11px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-family:arial,sans-serif;font-size:11px;width:150px;background:none;border-radius:3px;padding:0;text-align:left;font-weight:400;}
.homeindoorfeels span{color:#ccc;font-weight:600;}
.homeindoorfeels spanuncomfortable{color:#E05547;font-weight:400;}
.homeindoorfeels spanwarmer{color:#ff8841;font-weight:400;}
.homeindoorfeels spancomfortable{color:#9ABA2F;font-weight:400;}
.homeindoorfeels spancooler{color:#9ABA2F;font-weight:400;}
.homeindoorfeels spancold{color:#B8E1F2;font-weight:400;}
.homeindoorfeels spancolder{color:#249AA7;font-weight:400;}
homesuptemp,homesuptemp1{font-size:.5em;vertical-align:text-top;margin-left:-7px;color:#ccc;}
homesuptempindoor{color:#ccc;font-size:.4em;vertical-align:text-top;margin-left:-10px}
.clock-container{margin-left:55px;color:#aaa;font:normal 22px weathertext,arial,sans-serif;position:absolute;margin-top:23px;width:150px;}
.clock-container > ul{display:inline-block;color:#aaa;font:22px weathertext,arial,sans-serif;margin-left:-40px;}
.clock-container > ul > li{color:#aaa;list-style:none;}
.clock-container > ul > li > span{display:block;margin-top:-37px;font-family:weathertext,arial,sans-serif;color:#aaa;}
.weather34clock{position:absolute;display:block;margin-top:-15px;font-family:weathertext,arial,sans-serif;color:#aaa;font-size:22px;}
am{font-size:12px;font-weight:normal;}
pm{font-size:12px;font-weight:normal;}
.weather34clock{position:absolute;display:block;margin-top:-15px;font-family:weathertext,arial,sans-serif;color:#aaa;font-size:22px;}
.homeweather34clock{position:absolute;display:block;margin-top:-15px;font-family:weathertext,arial,sans-serif;color:#aaa;font-size:22px;}
homeam{font-size:12px;font-weight:normal;}
homepm{font-size:12px;font-weight:normal;color:#aaa;}
.homeindoordate{display:inline-block;position:absolute;color:#aaa;font-size:11px;text-transform:uppercase;top:55px;width:150px;margin-left:50px;font-weight:600}
.homeweatheralert{position:absolute;top:15px;font-family:"weathertext",Arial,sans-serif;width:300px;margin-left:-50px;color:#aaa;}
.homeweatheralert spanbold{font-weight:normal;}
.homeweatheralert alert{font-size:13px;font-family:"Arial",sans-serif;color:ccc;font-weight:normal;color:#aaa;}
.homeweatheralert alertspan{font-size:12px;font-family:"Arial",sans-serif;color:#aaa;}
.homeweatheralert span2{font-size:12px;font-family:"Arial",sans-serif;color:#aaa;}
.homeweatheralert description{margin-top:20px;margin-left:2px;font-size:13px;line-height:12px;font-family:"Arial",sans-serif;}
.homeweatheralert colder{color:#01a4b4;}
.homeweatheralert warmer{color:#ff8841;}
.homeweatheralert rain{color:#01a4b4;font-size:22px;}
.homeweatheralert rain span{color:#aaa;font-size:12px;font-family:"Arial",sans-serif;}
.homeweatheralert uvalert{color:#ff8841;font-size:22px;}
.homeweatheralert uvalert span{color:#aaa;font-size:12px;font-family:"Arial",sans-serif;}
.homeweatheralert noalert{color:#aaa;font-size:14px;font-family:"Arial",sans-serif;margin-top:-25px;}
.homeweatheralert noalert span{color:#ff8841;font-size:14px;font-family:"Arial",sans-serif;margin-top:-25px;}
.homehardwarestatus{position:absolute;margin-left:5px;top:65px;color:#ccc;font-family:arial,sans-serif;font-size:10px;width:200px;font-weight:normal;}
.homehardwarestatus online{color:#9ABA2F;}
.homehardwarestatus offline{color:#FF9350;font-weight:600;}
.eqcirclehome{height:39.5px;width:39.5px;display:table-cell;text-align:center;vertical-align:middle;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;background:none;position:absolute;top:50px;border:solid #aaa 0.12rem;}
.eqcircle1home{height:40px;width:40px;display:table-cell;text-align:center;vertical-align:middle;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;background:none;position:absolute;top:50px;border:solid rgba(95,96,97,0.9) 0.12rem;}
.eqcircle2home{height:40px;width:40px;display:table-cell;text-align:center;vertical-align:middle;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;;background:none;position:absolute;top:50px;border:solid #aaa 0.12rem;}
.eqcircle3home{height:40px;width:40px;display:table-cell;text-align:center;vertical-align:middle;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;background:none;position:absolute;top:50px;border:solid #aaa 0.12rem;}
spanbluemag{color:#01a4b4;font-size:17px;line-height:38px;font-weight:normal;font-family:"weathertext",Arial,sans-serif;}
spanyellowmag{color:#ff8841;font-size:17px;line-height:38px;font-weight:normal;font-family:"weathertext",Arial,sans-serif;}
spangreenmag{color:#9ABA2F;font-size:17px;line-height:38px;font-weight:normal;font-family:"weathertext",Arial,sans-serif;}
spanredmag{color:#e07262;font-size:17px;line-height:38px;font-weight:normal;font-family:"weathertext",Arial,sans-serif;}
magnitudesymbol{color:#aaa;font-size:11px;vertical-align:top;line-height:38px;}
spane{position:absolute;font-size:12px;color:#aaa;font-family:Arial,Helvetica,sans-serif;font-weight:normal;top:0px;width:200px;left:30px}
.eqcircle1home regionalmoderate{postion:absolute;color:#ff8841;top:-10px}
regionalstrong{color:#e07262}
regionalminor{color:#9aba2f}
.eqtexthome{color:#aaa;float:left;width:160px;padding-left:5px;margin-left:32px;margin-top:55px;font:10px arial,sans-serif;line-height:10px;font-weight:600;text-transform: capitalize; }
.eqtexthome color{color:#aaa;font-weight:600;line-height:10px;}
colortext{color:#aaa;font-weight:600;font-size:11px;line-height:10px;}
colordepth{color:#aaa;font-weight:600;font-size:10px;line-height:10px;}
colordist{color:#aaa;font-weight:600;line-height:10px;font-size:10px;margin-left:5px;}
.eqcirclehomeregional{position:absolute;margin-top:-30px;margin-left:-30px;font-family:"weathertext",Arial,sans-serif;font-size:26px;line-height:15px;color:#ff8841;}
.eqcircle1homeregional{position:absolute;margin-top:30px;font-family:"weathertext",Arial,sans-serif;font-size:26px;line-height:12px;color:#ff8841;}
.eqcircle2homeregional{position:absolute;margin-top:30px;font-family:"weathertext",Arial,sans-serif;font-size:26px;line-height:12px;color:#ff8841;}
.eqcircle3homeregional{position:absolute;margin-top:30px;font-family:"weathertext",Arial,sans-serif;font-size:26px;line-height:12px;color:#ff8841;}
.eqcircle4homeregional{position:absolute;margin-top:30px;font-family:"weathertext",Arial,sans-serif;font-size:26px;line-height:12px;color:#ff8841;}
.eqtexthomeregional{color:#aaa;float:left;width:300px;margin-left:30px;margin-top:10px;font:9px arial,sans-serif;line-height:11px;font-weight:600}
.eqtexthomeregional color{color:#aaa;font-weight:600;line-height:9px;}
.eqtexthomeregional colortext{color:#aaa;font-weight:600;font-size:9px;line-height:9px;}
.eqtexthomeregional colordepth{color:#aaa;font-weight:600;font-size:9px;line-height:9px;}
.eqtexthomeregional colordist{color:#ff8841;font-weight:600;line-height:9px;}
.earthquakestatus{position:absolute;margin-left:60px;top:60px;color:#aaa;font-family:arial,sans-serif;font-size:10px;width:200px;font-weight:normal;}
spanm{font-size:12px;color:#aaa;font-family:Arial,Helvetica,sans-serif;}
spanm2{font-size:14px;color:#aaa;font-family:Arial,Helvetica,sans-serif;margin-top:40px !important;font-weight:normal;line-height:15px;}
spanm4{font-weight:600;color:#aaa}
spanm5{color:#aaa;font-size:11px;}
spanheat{color:#ff8841;font-size:22px;}
spanblue{color:#01a4b4;}
spanyellow{color:#ff8841;margin-top:50px;line-height:54px}
spanyellowbig{font-family:"weathertext",Arial,sans-serif;font-family:"weathertext",Arial,sans-serif;color:#ff8841;font-size:26px;float:left;line-height:33px;font-weight:normal;}
spangreen{color:#9ABA2F;margin-top:50px;line-height:54px}
spangreenbig{font-family:"weathertext",Arial,sans-serif;color:#9ABA2F;font-size:26px;float:left;line-height:33px;font-weight:normal;}
spanred{color:#e07262;margin-top:50px;line-height:54px}
spangredbig{font-family:"weathertext",Arial,sans-serif;color:#e07262;font-size:26px;float:left;line-height:33px;font-weight:normal;}
strength{font-size:13px;color:#aaa;font-family:Arial,Helvetica,sans-serif;font-weight:normal;}
.cumulussunshine{margin-left:0;color:#aaa;font:normal 12px arial,sans-serif;position:absolute;margin-top:20px;width:120px;}
cumulussunshinespan{color:#ff8841;font:normal 18px weathertext,arial,helvetica,sans-serif;}
cumulussunshinesuptemp{font-size:.3em;vertical-align:text-top;margin-left:-7px;color:#aaa;}
.cumulusisitsunny{margin-left:50px;color:#aaa;font:normal 12px arial,sans-serif;position:absolute;margin-top:25px;width:180px;}
cumulusisitsunny{color:#aa;font:normal 26px weathertext,arial,helvetica,sans-serif;}
cumulusisitsunny{font-size:.4em;vertical-align:text-top;margin-left:-7px;color:#aaa;}
.cumulusmaxsolar{margin-left:50px;color:#aaa;font:normal 12px arial,sans-serif;position:absolute;margin-top:40px;width:180px;}
cumulusmaxsolarspan{color:#aaa;font:normal 26px weathertext,arial,helvetica,sans-serif;}
cumulusmaxsolarsuptemp{font-size:.4em;vertical-align:text-top;margin-left:-7px;color:#aaa;}
.clockiconsvg{position:relative;top:25px;margin-left:150px;color:#aaa;opacity:0.5}
.maxtemp{margin-left:0;color:#aaa;font:normal 12px arial,sans-serif;position:absolute;margin-top:20px;width:220px;min-width:220px;}
maxtemptitle{color:#ff8841;ont:normal 12px arial,sans-serif;}
maxtempspan{color:#ff8841;font:normal 20px weathertext,arial,helvetica,sans-serif;}
maxtempsuptemp{font-size:.4em;vertical-align:text-top;margin-left:3px;color:#aaa;}
maxtemptime{font-size:10px;vertical-align:middle;margin-left:-3px;color:#ccc;}
.lowtemp{margin-left:0;color:#aaa;font:normal 12px arial,sans-serif;position:absolute;margin-top:45px;width:220px;min-width:220px;}
lowtemptitle{color:#01a4b4;ont:normal 12px arial,sans-serif;}
lowtempspan{color:#01a4b4;font:normal 20px weathertext,arial,helvetica,sans-serif;}
lowtempsuptemp{font-size:.4em;margin-left:3px;color:#aaa;}
lowtemptime{font-size:10px;margin-left:-6px;vertical-align:middle;color:#ccc;}
.maxwind{margin-left:0;color:#aaa;font:normal 12px arial,sans-serif;position:absolute;margin-top:20px;width:220px;min-width:220px;}
maxwindtitle{color:#9aba2f;ont:normal 12px arial,sans-serif;}
maxwindspan{color:#9aba2f;font:normal 20px weathertext,arial,helvetica,sans-serif;}
maxwindtime{font-size:10px;vertical-align:middle;margin-left:1px;color:#ccc;}
.maxgust{margin-left:0;color:#aaa;font:normal 12px arial,sans-serif;position:absolute;margin-top:45px;width:220px;min-width:220px;}
maxgustspan{color:#ff8841;font:normal 20px weathertext,arial,helvetica,sans-serif;}
maxgusttitle{color:#ff8841;ont:normal 12px arial,sans-serif;}
maxgusttime{font-size:10px;vertical-align:middle;margin-left:-2px;color:#ccc;}


.yearrain{margin-left:0;color:#aaa;font:normal 12px arial,sans-serif;position:absolute;margin-top:20px;width:220px;min-width:220px;}
.yearrain span{margin-left:2px;color:#01a4b4;}
yearraintitle{color:#aaa;ont:normal 12px arial,sans-serif;}
yearrainspan{color:#01a4b4;font:normal 18px weathertext,arial,helvetica,sans-serif;}
yearraintime{font-size:10px;vertical-align:middle;margin-left:1px;color:#ccc;}

.monthrain{margin-left:0;color:#aaa;font:normal 12px arial,sans-serif;position:absolute;margin-top:40px;width:220px;min-width:220px;}
monthraintitle{color:#aaa;ont:normal 12px arial,sans-serif;}
monthrainspan{color:#01a4b4;font:normal 18px weathertext,arial,helvetica,sans-serif;}
monthraintime{font-size:10px;vertical-align:middle;margin-left:1px;color:#ccc;}
spanalert{color:#ff8841;}
sunshineicon{color:#ff8841;}

.hoursago{postion:absolute;font-size:11px;color:#aaa;font-family:Arial,Helvetica,sans-serif;font-weight:normal;margin-top:-25px;width:200px;margin-left:30px}
.weather34forecast{position:absolute;color:#ccc;font-size:12px;width:250px;text-align:center;margin:35px 5px auto;margin-left:25px;line-height:12px;padding:3px;}
.cloudbase34{position:absolute;color:#ccc;font-size:11px;margin-top:85px;margin-left:85px;line-height:13px}

.weather34forecastz{position:absolute;color:#ccc;font-size:12px;width:260px;text-align:center;margin:27px 5px auto;margin-left:25px;line-height:12px;padding:3px;}
.weather34forecastz span{color:#ff8841;}
.weather34forecastz spancooler{color:#01a4b4;}
.weather34forecastz spanovcast{color:#aaa;}
.weather34forecastz spanstronger{color:#d65b4a;}
.cloudbase34z{position:absolute;color:#ccc;font-size:11px;margin-top:92px;margin-left:85px;line-height:13px}

.circlelightning{height:39.5px;width:39.5px;display:table-cell;text-align:center;vertical-align:middle;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;background:none;position:absolute;top:20px;border:solid rgba(95,96,97,0.9) 0.12rem;font-size:15px;line-height:39px;color:#ff8841;font-weight:normal;font-family:"weathertext",Arial,sans-serif;}
spanelightning{position:absolute;font-size:12px;color:#aaa;font-family:Arial,Helvetica,sans-serif;font-weight:normal;top:0;width:200px;left:20px}
svglightning{color:#ff8841;font-family:'weathertext',Arial,sans-serif;}
spanunit{color:#aaa;font-family:'weathertext',Arial,sans-serif;font-size:12px;margin-left:10px;}
spanunitf{color:#aaa;font-family:'weathertext',Arial,sans-serif;font-size:12px;margin-left:10px;}
.circlewindchill{height:39.5px;width:39.5px;display:table-cell;text-align:center;vertical-align:middle;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;background:none;position:absolute;top:20px;border:solid rgba(95,96,97,0.9) 0.12rem;font-size:15px;line-height:39px;color:#01a4b4;font-weight:normal;font-family:"weathertext",Arial,sans-serif;}
spanewindchill{position:absolute;font-size:13px;color:#aaa;font-family:Arial,Helvetica,sans-serif;font-weight:normal;top:0;width:200px;left:20px}
svgwindchill{color:#01a4b4;font-family:'weathertext',Arial,sans-serif;}

.weatherdisplayforecast{position:absolute;color:#ccc;font-size:12px;width:280px;text-align:center;margin:45px 5px auto;line-height:12px;padding:3px;}
.cloudbasewd{position:absolute;color:#ccc;font-size:11px;margin-top:105px;margin-left:85px;line-height:13px}