@font-face{font-family:weathericons;src:url(fonts/weathericons-regular-webfont.eot);src:url(fonts/weathericons-regular-webfont.eot?#iefix)format('embedded-opentype'), url(fonts/weathericons-regular-webfont.woff2)format('woff2'), url(fonts/weathericons-regular-webfont.woff)format('woff'), url(fonts/weathericons-regular-webfont.ttf)format('truetype'), url(fonts/weathericons-regular-webfont.svg#weather_iconsregular)format('svg');}



@font-face {
    font-family: 'verbregular';
    src: url('fonts/verbregular-webfont.eot');
    src: url('fonts/verbregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/verbregular-webfont.woff2') format('woff2'),
         url('fonts/verbregular-webfont.woff') format('woff'),
         url('fonts/verbregular-webfont.ttf') format('truetype'),
         url('fonts/verbregular-webfont.svg#verbregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{background:#f9f9f9!important;font-family:'verbregular', helvetica;font-weight:normal;color:#4e5a69;text-align:center;-webkit-font-smoothing: antialiased;}
h1{font-family:'verbregular', helvetica;-webkit-font-smoothing: antialiased;}
h4,h5{font-family:'verbregular', helvetica;font-weight:normal;-webkit-font-smoothing: antialiased;}
h2{font-size:2.9em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;letter-spacing:0;-webkit-font-smoothing: antialiased;}
h2mb{font-size:2.2em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;letter-spacing:0;-webkit-font-smoothing: antialiased;}

h2mb :before{
	content:'960';
	font-size:7em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;color:#66a1ba;position:absolute;margin-top:0px;margin-left:90px;}

h2mb :after{
	content:'1050';
	font-size:7em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;color:#66a1ba;position:absolute;margin-top:-20px;margin-left:-55px;}
	h2mb span{font-size:0.4em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;letter-spacing:0;-webkit-font-smoothing: antialiased;color:#df826b;position:absolute;
margin-left:0px;margin-top:5px}
.h2mbunit{font-size:0.8em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;letter-spacing:0;-webkit-font-smoothing: antialiased;padding-right:25px;
position:absolute;margin-top:-80px;margin-left:115px;color: rgba(153,153,153,0.7)}
.h2mbtrend{position:absolute;margin-top:-8px;margin-left:77px;font-size:0.85em !important;font-family:'Helvetica', Helvetica, Arial;}
.h2mbvalue{font-size:1.6em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;letter-spacing:0;-webkit-font-smoothing: antialiased;
}
.h2mbvalue:after {content:"hPa";font-size:0.4em;font-family:'Helvetica', Arial;font-weight:600;letter-spacing:0;-webkit-font-smoothing: antialiased;color:#df826b;
vertical-align: middle;}
.h2mbstart{font-size:0.7em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;letter-spacing:0;-webkit-font-smoothing: antialiased;padding-right:25px;
position:absolute;margin-top:-12px;margin-left:50px;color:#66a1ba;}
.h2mbend{font-size:0.7em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;letter-spacing:0;-webkit-font-smoothing: antialiased;padding-right:25px;
position:absolute;margin-top:-12px;margin-left:210px;color:#66a1ba;}
.temptrend{position:relative;color:#fff!important;font-family:"Helvetica", Arial;font-size:11px;margin-top:42px;margin-left:auto;text-align:center;z-index:1;font-weight:600;}

	
h3{font-size:4em;color:#4e5a69;font-family:'verbregular', helvetica;-webkit-font-smoothing: antialiased;}
h5{color:#b2c831;margin-left:5px;-webkit-font-smoothing: antialiased;}

::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #df826b;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #66a1ba;
}

.weatherdash{margin-right:0;margin-bottom:5px;padding:5px;border:1px solid #eee;background:rgba(255, 255, 255, 1);color:#4e5a69;min-height:215px!important;-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;min-width:295px!important;max-width:295px!important;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;z-index:1;}
.weatherdashfooter{margin-right:0;margin-bottom:5px;padding:15px;border:1px solid #eee;background:rgba(255, 255, 255, 1);color:#4e5a69;height:100px!important;border-radius:10px;min-width:860px!important;max-width:860px!important;font-weight:normal;font-family:"Helvetica", Arial;}
.weatherdashfooter .with-badge:before{content:"";border:20px solid #66a1ba;position:absolute;top:0;left:3px;border-bottom-color:transparent;border-right-color:transparent;}
.weatherdash weathertitle{text-transform:uppercase;color:#4e5a69;margin:auto;padding:0;height:inherit;font-weight:600; font-size: 0.82em;
  font-family: "Helvetica";text-align:right;}
.weatherdash hr{border:1px;border-top:0 solid #151515;border-top-style:solid;margin-top:7px}
.weatherdash h1{font-family:"Helvetica", Arial;font-weight:normal;font-size:3.5em;line-height:2px;letter-spacing:0;color:#4e5a69;padding-top:10px;padding-left:5px;margin-top:2px;text-align:center;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.weatherdash h2{font-size:2.9em;font-family:"verbregular",Helvetica, Arial;font-weight:normal;letter-spacing:0;color:#4e5a69;padding-top:10px;padding-left:5px;margin-top:2px;text-align:center;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.weatherdash h3{font-weight:normal;font-size:3em;letter-spacing:0;color:#4e5a69;padding-top:25px;padding-left:5px;margin-top:2px;text-align:center;font-family:"Helvetica", Arial;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.weatherdash p{font-size:14px;font-weight:normal;line-height:16px;color:inherit;margin:0 0 10px;padding:5px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.weatherdash h4{padding-left:5px;margin-top:2px;font-size:3.5em;font-weight:lighter;line-height:1;letter-spacing:0;color:#4e5a69;font-family:"Helvetica", Arial;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.heading{font-size:1em;color:#4e5a69;font-family:"Helvetica", Arial;font-weight:700;-webkit-font-smoothing:antialiased!important;line-height:15px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.heading1{font-size:1em;color:#4e5a69;font-family:"Helvetica", Arial;font-weight:700;-webkit-font-smoothing:antialiased!important;line-height:15px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
sup{font-size:.3em;color:#fff;opacity:.7}
line{font-size:2em;color:#ccc;vertical-align:central middle text-bottom}
verticalline{border-right:thin solid #ccc;margin-right:10px}
a:visited{border:none}
.tempcontainer{position:relative;float:left;width:140px;height:140px;margin:10px;margin-top:20px;font-family:'verbregular', Helvetica, Arial;}
.tempcontainer .circleOut{position:absolute;width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:42px;color:rgba(255, 255, 255, 1);position:absolute;top:-25px;left:0;bottom:0;right:0;}
.tempcontainer1{position:relative;float:left;width:100px;height:100px;margin:10px;margin-top:20px;font-family:'verbregular', Helvetica, Arial;}
.tempcontainer1 .circleOut{position:absolute;width:100px;height:100px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:42px;color:rgba(255, 255, 255, 1);position:absolute;top:-25px;left:0;bottom:0;right:0;font-family:'verbregular', Helvetica, Arial;}
.temptext{font-size:38px;font-weight:normal;color:rgba(255, 255, 255, 1);position:absolute;text-align:center;padding-top:0%;background:none;top:27.5%;left:0;bottom:0;right:0;}


.freezing{background:rgba(0,172,223,0.5);background:linear-gradient(to right, rgba(0,172,223,0.5) 0%,rgba(171,120,237,0.8) 100%) center center;width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;font-weight:normal;color:#ffffff;position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.cold{background:rgba(0,172,223,1);background:linear-gradient(to right, rgba(0,172,223,1) 0%,rgba(0,172,223,0.6) 100%) center center;width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;font-weight:normal;color:#ffffff;position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.gettingcolder{background:rgba(0,172,223,1);background:linear-gradient(to right, rgba(0,172,223,1) 0%,rgba(17,223,127,0.5) 100%) center center;width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;font-weight:normal;color:#ffffff;position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.colder{background:rgba(28,142,95,1);background:linear-gradient(to right, rgba(28,142,95,1) 0%,rgba(0,172,223,0.3) 100%) center center;width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;font-weight:normal;color:#ffffff;position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.cooler{background:rgba(90,179,41,1);background:linear-gradient(to right, rgba(90,179,41,0.8) 0%,rgba(90,179,41,0.8) 70%) center center;width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;font-weight:normal;color:#ffffff;position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.mild{background:rgba(131,173,45,1);background:linear-gradient(to right, rgba(131,173,45,1) 0%,rgba(131,173,45,1) 70%) center center;width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;font-weight:normal;color:#ffffff;position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.milder{background:rgba(206,184,98,1);width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;color:rgba(255, 255, 255, 1);position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.gettingcooler{background:rgba(255,174,0,0.9);width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;color:rgba(255, 255, 255, 1);position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.warm{background:rgba(255,153,0,0.9);width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;color:rgba(255, 255, 255, 1);position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.warmer{background:rgba(255,127,0,1);width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;color:rgba(255, 255, 255, 1);position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.hot{background:rgba(255,79,0,0.9);width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;color:rgba(255, 255, 255, 1);position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);font-family:'verbregular', Helvetica, Arial;}
.hotter{background:rgba(255,69,69,1);width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;color:rgba(255, 255, 255, 1);position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);font-family:'verbregular', Helvetica, Arial;}
.veryhot{background:rgba(255,104,104,1);width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;color:rgba(255, 255, 255, 1);position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}
.extremehot{background:rgba(218,113,113,1);width:140px;height:140px;border-radius:50%;top:0;left:0;bottom:0;right:0;font-size:0em;color:rgba(255, 255, 255, 1);position:absolute;text-align:center;padding-top:25%;border:10px solid rgba(233, 235, 241, 1);}



/*indoor temps*/

.temptext1{font-size:0.8em;color:#df826b;position:absolute;text-align:center;padding-top:0%;background:none;top:14%;left:190px;bottom:0;right:0;font-family:'verbregular', Arial;font-weight:normal;}
.temptext1 span{font-size:11px;position:absolute;margin-top:-13px;font-weight:800;color:#777;font-family:'Helvetica', Arial;margin-left:5px;}

suptemp{font-size:.7em;color:#fff;vertical-align:text-top;font-weight:normal;}
suptemp1{font-size:.7em;color:#777;vertical-align:text-top;font-weight:normal;}
supsolar{font-size:.8em;color:#1691be;vertical-align:text-top;font-weight:normal;}
.who{position:absolute;margin-top:-30px;text-align:center;margin-left:5%;font-family:"Helvetica", Arial;font-size:12px;font-weight:600;}
.magnitude{color:#fff;margin-top:100px;}.magnitude:nth-child(2n){display:none;}
.magnitude:nth-child(1n){display:none;}
.magnitude:first-child{display:block;}
.mag{color:#fff!important;border-radius:50%;height:103px;width:103px;padding-top:3px;float:left;background:rgba(223, 130, 107, 1);border:10px solid rgba(233, 235, 241, 1);font-size:2.5em!important;font-weight:normal;margin-left:15px;text-align:center;font-family:'verbregular', Helvetica, Arial;margin-top:-90px;}
.mag .content{float:left;line-height:1;margin-top:-.66em;padding-top:50%;text-align:center;width:100%;font-family:'verbregular', Helvetica, Arial;font-size:1em;z-index:99999;font-weight:normal;color:#fff;}
.place{color:#4e5a69;font-size:0.9em;font-weight:600;float:left;width:140px;margin-left:97px;margin-top:-45px;font-family:"Helvetica", Arial;display:table-row;line-height:1em;text-transform:inherit;}
.emsc{width:40%;line-height:0.9em;font-size:0.8em;color:#4e5a69;font-weight:normal;border-radius:4px;padding:2px;border:1px solid rgba(218,73,53,.2);float:right;margin-right:10px;}
.emsc span{font-size:0.8em;color:#fc6d58;font-weight:700;}
.magtext{font-size:9px;margin-top:-3px;position:absolute;margin-left:4.5%;font-weight:normal;color:#ffffff;font-family:'Helvetica',Arial;text-transform:uppercase}
uvi{font-size:0.3em;text-align:center;margin:40px auto 0 -35px;position:absolute;}
.uv01{color:#fff!important;margin-top:-3px;border-radius:75%;height:103px;width:103px;float:left;margin-left:15px;border:10px solid rgba(233, 235, 241, 1);font-size:2.5em!important;padding-top:5%;background:rgba(78, 90, 105, 1);font-family:'verbregular', Helvetica, Arial;font-weight:200}
.uv03{color:#fff!important;margin-top:-3px;border-radius:75%;height:103px;width:103px;float:left;margin-left:15px;border:10px solid rgba(233, 235, 241, 1);font-size:2.5em!important;padding-top:5%;background:rgba(79, 184, 123, 1);font-family:'verbregular', Helvetica, Arial;font-weight:200}
.uv35{color:#fff!important;margin-top:-3px;border-radius:75%;height:103px;width:103px;float:left;margin-left:15px;border:10px solid rgba(233, 235, 241, 1);font-size:2.5em!important;padding-top:5%;background:rgba(238, 166, 89, 1);font-family:'verbregular', Helvetica, Arial;font-weight:200}
.uv67{color:#fff!important;margin-top:-3px;border-radius:75%;height:103px;width:103px;float:left;margin-left:15px;border:10px solid rgba(233, 235, 241, 1);font-size:2.5em!important;padding-top:5%;background:rgba(238, 114, 89, 1);font-family:'verbregular', Helvetica, Arial;font-weight:200}
.uv810{color:#fff!important;margin-top:-3px;border-radius:75%;height:103px;width:103px;float:left;margin-left:15px;border:10px solid rgba(233, 235, 241, 1);font-size:2.5em!important;padding-top:5%;background:rgba(209, 94, 82, 1);font-family:'verbregular', Helvetica, Arial;font-weight:200}
.uv1112{color:#fff!important;margin-top:-3px;border-radius:75%;height:103px;width:103px;float:left;margin-left:15px;border:10px solid rgba(233, 235, 241, 1);font-size:2.5em!important;padding-top:5%;background:rgba(148, 81, 136, 1);font-family:'verbregular', Helvetica, Arial;font-weight:200}
.uvsup{font-size:14px;color:#df826b}
.uvtext{color:#4e5a69;font-size:0.7em;font-weight:normal;float:left;width:150px;margin-left:130px;margin-top:-85px;font-family:"Helvetica", Arial;line-height:0.9em;}
.uvtext color{font-size:0.8em;font-weight:normal;color:#df826b!important}
.uvfooter{position:relative;margin-top:110px;text-align:center}
.solar10{position:absolute;color:rgba(255,255,255, 1)!important;margin-top:40px;border-radius:75%;height:83px;width:83px;float:left;margin-left:175px;border-top:5px solid rgba(233, 235, 241, 1);border-right:5px solid rgba(233, 235, 241, 1);border-left:5px solid rgba(233, 235, 241, 1);border-bottom:5px solid rgba(233, 235, 241, 1);font-size:1.3em!important;padding-top:7%;font-family:"verbregular", Arial;background:#4e5a69;font-weight:normal;}
.solar600{position:absolute;color:rgba(255,255,255, 1)!important;margin-top:40px;border-radius:75%;height:83px;width:83px;float:left;margin-left:175px;border-top:5px solid rgba(233, 235, 241, 1);border-right:5px solid rgba(233, 235, 241, 1);border-left:5px solid rgba(233, 235, 241, 1);border-bottom:5px solid rgba(233, 235, 241, 1);font-size:1.3em!important;padding-top:7%;font-family:"verbregular", Arial;background:#4e5a69;font-weight:normal;}
.solar700{position:absolute;color:rgba(255,255,255, 1)!important;margin-top:40px;border-radius:75%;height:83px;width:83px;float:left;margin-left:175px;border-top:5px solid rgba(233, 235, 241, 1);border-right:5px solid rgba(233, 235, 241, 1);border-left:5px solid rgba(233, 235, 241, 1);border-bottom:5px solid rgba(233, 235, 241, 1);font-size:1.3em!important;padding-top:7%;font-family:"verbregular", Arial;background:#df826b;font-weight:normal;}
.solar800{position:absolute;color:rgba(255,255,255, 1)!important;margin-top:40px;border-radius:75%;height:83px;width:83px;float:left;margin-left:175px;border-top:5px solid rgba(233, 235, 241, 1);border-right:5px solid rgba(233, 235, 241, 1);border-left:5px solid rgba(233, 235, 241, 1);border-bottom:5px solid rgba(233, 235, 241, 1);font-size:1.3em!important;padding-top:7%;font-family:"verbregular", Arial;background:#df826b;font-weight:normal;}
.solar900{position:absolute;color:rgba(255,255,255, 1)!important;margin-top:40px;border-radius:75%;height:83px;width:83px;float:left;margin-left:175px;border-top:5px solid rgba(233, 235, 241, 1);border-right:5px solid rgba(233, 235, 241, 1);border-left:5px solid rgba(233, 235, 241, 1);border-bottom:5px solid rgba(233, 235, 241, 1);font-size:1.3em!important;padding-top:7%;font-family:"verbregular", Arial;background:rgba(255,79,0,0.9);font-weight:normal;}
.solar1000{position:absolute;color:rgba(255,255,255, 1)!important;margin-top:40px;border-radius:75%;height:83px;width:83px;float:left;margin-left:175px;border-top:5px solid rgba(233, 235, 241, 1);border-right:5px solid rgba(233, 235, 241, 1);border-left:5px solid rgba(233, 235, 241, 1);border-bottom:5px solid rgba(233, 235, 241, 1);font-size:1.3em!important;padding-top:7%;font-family:"verbregular", Arial;background:#df826b;font-weight:normal;}
.solar3000{position:absolute;color:rgba(255,255,255, 1)!important;margin-top:40px;border-radius:75%;height:83px;width:83px;float:left;margin-left:175px;border-top:5px solid rgba(233, 235, 241, 1);border-right:5px solid rgba(233, 235, 241, 1);border-left:5px solid rgba(233, 235, 241, 1);border-bottom:5px solid rgba(233, 235, 241, 1);font-size:1.3em!important;padding-top:7%;font-family:"verbregular", Arial;background:#df826b;font-weight:normal;}


.uvsup{font-size:14px;color:#df826b}
.uvtext{color:#4e5a69;font-size:0.9em;font-weight:normal;float:left;width:150px;margin-left:130px;margin-top:-85px;font-family:"Helvetica", Arial;line-height:1em;}
.uvtext color{font-size:1em;font-weight:600;color:#df826b!important}
.uvtext color2{font-size:1em;font-weight:600;color:#df826b!important}
.uvfooter{position:relative;margin-top:110px;text-align:center}
.heatcircle{position:absolute;background:none;padding:2px;float:right;margin-top:-15px;margin-left:140px}
.heatcircle-content{color:#4e5a69;float:left;line-height:1.2;margin-top:0;padding-top:12%;text-align:center;width:100%;font-family:"Helvetica", Arial;font-weight:normal}
.baromcircle-content{float:left;line-height:1;margin-top:-.9em;padding-top:50%;text-align:center;width:100%;color:#76797c;font-family:"Helvetica", Arial;font-weight:normal;font-weight:900}
.baromcircle{position:absolute;background:none;border-radius:50%;height:70px;width:70px;padding:2px;float:right;border-top:.1rem solid rgba(76, 59, 131, 0.1);border-right:.1rem solid rgba(76, 59, 131, 0.1);border-left:.1rem solid rgba(68, 59, 155, 0.1);border-bottom:.1rem solid rgba(68, 145, 155, 0.1);-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;background-size:cover!important;margin-top:-32px;margin-left:212px}

supraindrop{font-size:.4em;color:#66a1ba;font-weight:normal;font-family:'verbregular', Helvetica, Arial;z-index:9999999 !important;}
supraindropw{font-size:.4em;color:#f8f8f8;font-weight:normal;font-family:'verbregular', Helvetica, Arial;z-index:9999999 !important;}
.rainfalltext color{font-size:1em;font-weight:600;color:#387791!important}
suprain{font-size:.4em;color:#66a1ba;font-weight:800 !important;}
suprain1{font-size:.4em;color:#4e5a69;font-weight:800 !important;}
suprain2{font-size:.4em;color:#fff;font-weight:800 !important;}
.chart{position:absolute;background:none;margin-top:-28px;margin-left:0px;font-size:12px;font-weight:600 !important; border-top: 1px solid #eee;width:295px;padding-top:3px;padding-left:10px;text-align:left;}
.chart .a{font-size:12px;font-weight:600 !important}
a{color:#4e5a69!important;font-weight:600;font-family:"'verbregular'", Helvetica, Arial;text-transform:none;text-decoration:none}
.humidity{font-size:4em;font-weight:400;font-family:"Helvetica", Arial;font-weight:normal;padding-top:35px;color:#4e5a69}
windicons{font-size:0px;position:absolute;margin-top:-17px;margin-left:-137px;background:rgba(255, 255, 255, 0.4);border-top:3px solid rgba(233, 235, 241, 1);border-right:3px solid rgba(233, 235, 241, 1);border-left:3px solid rgba(233, 235, 241, 1);border-bottom:3px solid rgba(233, 235, 241, 1);border-radius:75%;padding:3px;}
.windgust{font-size:3.2em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;padding-top:5px;color:#4e5a69}
.windgustheading{font-size:1em;font-family:"verbregular", Arial;color:#4e5a69;font-weight:normal;}
.windgustcircle{position:absolute;margin-top:35px;margin-left:-136px!important;font-size:20px;font-family:"Helvetica", Arial;padding-top:35px;color:#4e5a69;font-weight:600;}
.windgustheadingcircle{position:absolute;margin-top:14px;margin-left:-125px;font-size:12px;font-family:"Helvetica", Arial;padding-top:35px;color:#4e5a69}
.iconsize{font-size:0;width:50%;height:50%;margin-left:10px}
.solar{font-size:2.8em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;padding-left:25px}
.h2uv{margin-top:35px;font-size:4em;font-family:"Helvetica", Arial;font-weight:normal;position:relative;text-align:center;padding:40px;color:#;border-radius:100%;width:180px;height:180px;background:none;background:linear-gradient(180deg, #068895 25%, #51b1a5 45%)}
.windir1 img{position:absolute;margin-top:-90px;margin-left:-93px;width:auto;border-radius:75%;z-index:1;
}
.windir{position:absolute;font-size:1.9em;font-family:'verbregular', Helvetica, Arial;font-weight:normal;color:#777;margin-top:58px;margin-left:120px;z-index:2;line-height:0.8em;}
@-webkit-keyframes cssAnimation{from{-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0px)}
to{-webkit-transform:rotate(359deg) scale(1) skew(0deg) translate(0px)}
}
@-moz-keyframes cssAnimation{from{-moz-transform:rotate(0deg) scale(1) skew(0deg) translate(0px)}
to{-moz-transform:rotate(359deg) scale(1) skew(0deg) translate(0px)}
}
@-o-keyframes cssAnimation{from{-o-transform:rotate(01deg) scale(1) skew(0deg) translate(0px)}
to{-o-transform:rotate(359deg) scale(1) skew(0deg) translate(0px)}
}
.sun{margin-left:85px;line-height:1.3em;text-align:center;font-weight:normal;font-family:"Helvetica", Arial;color:#4e5a69;font-size:0.9em;}
.sun img{margin-bottom:3px;}
.luminance{font-weight:600;font-family:"Helvetica", Arial;color:#4e5a69;font-size:0.95em;padding-top:15px;margin-top:-5px;}
.luminance:before{content:"Luminance";font-weight:600;font-family:"Helvetica", Arial;color:#df826b;font-size:0.95em;margin-top:-5px !important;}
.luminance1{font-weight:600;font-family:"Helvetica", Arial;color:#66a1ba;font-size:0.95em}
.moon{font-weight:600 !important;line-height:.95em;font-family:"Helvetica", Arial;color:#4e5a69;font-size:0.95em}
*.moon:before{content:"Phase";font-weight:600;font-family:"Helvetica", Arial;color:#66a1ba;font-size:0.95em;}
.moon img{width:20px;height:20px}
mb{font-weight:normal;font-family:"Helvetica", Arial;color:#66a1ba;font-size:0.65em !important;position:absolute;background:none;padding-top:17px;margin-left:-60px;;-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;background-size:cover!important;}
in{font-weight:normal;font-family:"Helvetica", Arial;color:#df826b;font-size:0.65em !important;position:absolute;background:none;padding-top:14px;margin-left:-35px;;-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;background-size:cover!important;}
wm2{font-weight:normal;font-family:"Helvetica", Arial;color:#848688;font-size:0.3em;vertical-align:middle;}
.max{position:relative;color:#fff!important;font-family:"Helvetica", Arial;font-size:0.83em;margin-top:2px;margin-left:3px;text-align:center;z-index:1;font-weight:600;}
.lo{position:absolute;color:#fff!important;font-family:"Helvetica", Arial;font-size:0.9em;margin-top:65px;margin-left:39px;z-index:1;font-weight:600;}
.feels{position:relative;color:#fff!important;font-family:"Helvetica", Arial;font-size:12px;margin-top:45px;margin-left:auto;text-align:center;z-index:1;font-weight:600;}
.feels1{position:relative;color:#fff!important;font-family:"Helvetica", Arial;font-size:.70em;margin-top:30px;margin-left:auto;text-align:center;z-index:1;font-weight:600;}
.windchillcircle{position:absolute;background:none;border-radius:50%;height:65px;width:65px;padding:2px;float:right;border-top:.1rem solid rgba(76, 59, 131, 0.1);border-right:.1rem solid rgba(76, 59, 131, 0.1);border-left:.1rem solid rgba(68, 59, 155, 0.1);border-bottom:.1rem solid rgba(68, 145, 155, 0.1);-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;background-size:cover!important;margin-top:-56px;margin-left:212px}
.windchillcircle-content{float:left;line-height:1;margin-top:-.9em;padding-top:40%;text-align:center;width:100%;color:#676e73;font-family:"Helvetica", Arial;-webkit-font-smoothing:antialiased!important}
.windmphcircle{position:absolute;background:none;border-radius:50%;height:65px;width:65px;padding:2px;float:left;border-top:.1rem solid rgba(76, 59, 131, 0.1);border-right:.1rem solid rgba(76, 59, 131, 0.1);border-left:.1rem solid rgba(68, 59, 155, 0.1);border-bottom:.1rem solid rgba(68, 145, 155, 0.1);-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;background-size:cover!important;margin-top:-56px;margin-left:12px}
.windmphcircle-content{float:left;line-height:1;margin-top:-.9em;padding-top:40%;text-align:center;width:100%;color:#4e5a69;font-family:"Helvetica", Arial;-webkit-font-smoothing:antialiased!important}
.windgustmphcircle{position:absolute;background:none;border-radius:50%;height:65px;width:65px;padding:2px;float:left;border-top:.1rem solid rgba(76, 59, 131, 0.1);border-right:.1rem solid rgba(76, 59, 131, 0.1);border-left:.1rem solid rgba(68, 59, 155, 0.1);border-bottom:.1rem solid rgba(68, 145, 155, 0.1);-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;background-size:cover!important;margin-top:-56px;margin-left:212px}
.windgustmphcircle-content{float:left;line-height:1;margin-top:-.9em;padding-top:40%;text-align:center;width:100%;color:#4e5a69;font-family:"Helvetica", Arial;-webkit-font-smoothing:antialiased!important}



.whitespace{height:45px}
sup{font-size:.3em;color:#828487}
.sup{font-size:.3em;color:#913636}
.suptemp{font-size:12px;color:#fff!important;position:relative;margin-bottom:50px;margin-right:150px}
.a{color:#4e5a69}
.centered{float:none;margin-left:auto;margin-right:auto}
#wuforecasts{max-width:420px;margin-left:1px;margin-right:0;background-color:none;font-family:'Helvetica', Helvetica, Arial;}
#wuforecast{float:left;display:block;width:26%;background-color:none;margin:0;font-family:'Helvetica', Arial;margin-left:15px;margin-top:-5px;}
#wuforecast:last-child{margin-right:0;border-top:1px solid rgba(233, 235, 241, 1);border-right:1px solid rgba(233, 235, 241, 1);border-left:1px solid rgba(233, 235, 241, 1);border-bottom:1px solid rgba(233, 235, 241, 1);padding:5px;border-radius:4px;background:rgba(255, 255, 255, 1);background:-moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(250,250,250, 1)), color-stop(100%, rgba(255, 255, 255, 1)));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);font-family:'Helvetica', Arial;}
#wuforecast:nth-child(1n){margin-right:0;border-top:1px solid rgba(233, 235, 241, 1);border-right:1px solid rgba(233, 235, 241, 1);border-left:1px solid rgba(233, 235, 241, 1);border-bottom:1px solid rgba(233, 235, 241, 1);padding:5px;border-radius:4px;background:rgba(255, 255, 255, 1);background:-moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(250,250,250, 1)), color-stop(100%, rgba(255, 255, 255, 1)));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);font-family:'Helvetica', Arial;}
#wuforecast:nth-child(2n){margin-right:0;border-top:1px solid rgba(233, 235, 241, 1);border-right:1px solid rgba(233, 235, 241, 1);border-left:1px solid rgba(233, 235, 241, 1);border-bottom:1px solid rgba(233, 235, 241, 1);padding:5px;border-radius:4px;background:rgba(255, 255, 255, 1);background:-moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(250,250,250, 1)), color-stop(100%, rgba(255, 255, 255, 1)));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);font-family:'Helvetica', Arial;}
#wuforecast:nth-child(3n){margin-right:0;border-top:1px solid rgba(233, 235, 241, 1);border-right:1px solid rgba(233, 235, 241, 1);border-left:1px solid rgba(233, 235, 241, 1);border-bottom:1px solid rgba(233, 235, 241, 1);padding:5px;border-radius:4px;background:rgba(255, 255, 255, 1);background:-moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(40%, rgba(250,250,250, 1)), color-stop(100%, rgba(255, 255, 255, 1)));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:-ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(250,250,250, 1) 40%, rgba(255, 255, 255, 1) 100%);font-family:'Helvetica', Arial;}
#wuforecast:nth-child(4n){display:none;}
#wuforecast:nth-child(5n){display:none;}
#wuforecast:nth-child(6n){display:none;}
#wuforecast:nth-child(7n){display:none;}
#wuforecast:nth-child(8n){display:none;}
#wuforecast:nth-child(9n){display:none;}
#weekday{background-color:none;font-family:'Helvetica', Arial;}
#weekday{margin:0;background-color:none;text-align:center;padding:3px;color:#4e5a69;font-family:'Helvetica', Arial;text-transform:uppercase;font-size:11px;font-weight:600;}
#temp{font-size:1em;color:#df826b;font-family:'Helvetica', Arial;}
#temp2{font-size:1em;color:#66a1ba;font-family:'Helvetica', Arial;}
.kmh{padding-top:5px;font-size:0.9em;font-family:'Helvetica', Arial;}
.rain{padding-top:5px;font-size:0.9em;font-family:'Helvetica', Arial;}
#icon{width:93%;float:left;padding:5px;margin:0;margin-top:0px;}
.wi-rotate-35{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg)}
.wi-rotate-45{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.wi-rotate-55{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(55deg);-ms-transform:rotate(55deg);transform:rotate(55deg)}
.wi-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.wi-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wi-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.wi-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.wi-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.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-raindrops:before{content:"\f04e";color:#99cade}.wi-raindrop:before{content:"\f078";color:#99cade}.wi-dust:before{content:"\f063"}.wi-snowflake-cold:before{content:"\f076";color:#66a1ba}.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-earthquake:before{content:"\f0c6"}.wi-fire:before{content:"\f0c7"}.wi-flood:before{content:"\f07c"}
.outlook{position:absolute;background:#ffffff;border-radius:4px;padding:15px;margin-top:-380px;box-shadow:0px 0px 10px -4px rgba(0, 0, 0, 0.4);width:600px;margin-left:4%;}
.outlook #dayicon{background-size:60px;z-index:1;}
.outlook #nticon{background-size:60px;z-index:1;}
.outlook #tomoicon{background-size:60px;z-index:1;}
.outlook .with-badge:before{content:"";border:20px solid #66a1ba;position:absolute;top:0;left:0px;border-bottom-color:transparent;border-right-color:transparent;}
.outlooktitle{font-size:1.2em;color:#df826b;font-family:'Helvetica', Arial;margin-top:5px;text-align:center;}
.outlooktitle span{color:#66a1ba;font-family:'Helvetica', Arial;}
#day{font-size:1.1em;color:#4e5a69;font-family:'Helvetica', Arial;text-align:left;padding:10px;border-bottom:1px solid rgba(233, 235, 241, 1);}
#day span{color:#66a1ba;font-family:'Helvetica', Arial;font-weight:normal;text-align:left;}
#night{font-size:1.1em;color:#4e5a69;font-family:'Helvetica', Arial;text-align:left;padding:10px;border-bottom:1px solid rgba(233, 235, 241, 1);margin-bottom:auto;width:90%;}
#night span{color:#ff6861;font-family:'Helvetica', Arial;text-align:left;font-weight:normal;}
#tomo{font-size:1.1em;color:#4e5a69;font-family:'Helvetica', Arial;text-align:left;padding:10px;border-bottom:1px solid rgba(233, 235, 241, 1);margin-bottom:auto;width:90%;}
#tomo span{color:#66a1ba;font-family:'Helvetica', Arial;text-align:left;font-weight:normal;}
#chartdiv{width:100%;height:500px}
.iconh3{position:absolute;font-size:1em;font-family:'Helvetica', Arial;font-weight:500;color:#4e5a69;margin-top:65px;float:left;margin-left:7px;width:150px;line-height:1.1em;margin-bottom:10px;}
.iconcurrent img{width:39%;margin-top:-9px;font-family:Helvetica, Arial;font-weight:500;color:#4e5964;float:left;margin-left:15px}
.wi{display:inline-block;font-family:weathericons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.wi-fw{text-align:center;width:1.4em}
.wi-rotate-45{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.wi-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.wi-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.wi-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.wi-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}
.wi-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}
.wi-raindrops:before{content:"\f04e";color:#66a1ba}
.wi-raindrop:before{content:"\f078";color:#66a1ba}
.wi-na:before{content:"\f07b"}
.wi-train:before{content:"\f0cb"}
.wi-moon-new:before{content:"\f095"}
.wi-moon-waxing-cresent-1:before{content:"\f096"}
.wi-moon-waxing-cresent-2:before{content:"\f097"}
.wi-moon-waxing-cresent-3:before{content:"\f098"}
.wi-moon-waxing-cresent-4:before{content:"\f099"}
.wi-moon-waxing-cresent-5:before{content:"\f09a"}
.wi-moon-waxing-cresent-6:before{content:"\f09b"}
.wi-moon-first-quarter:before{content:"\f09c"}
.wi-moon-waxing-gibbous-1:before{content:"\f09d"}
.wi-moon-waxing-gibbous-2:before{content:"\f09e"}
.wi-moon-waxing-gibbous-3:before{content:"\f09f"}
.wi-moon-waxing-gibbous-4:before{content:"\f0a0"}
.wi-moon-waxing-gibbous-5:before{content:"\f0a1"}
.wi-moon-waxing-gibbous-6:before{content:"\f0a2"}
.wi-moon-full:before{content:"\f0a3"}
.wi-moon-waning-gibbous-1:before{content:"\f0a4"}
.wi-moon-waning-gibbous-2:before{content:"\f0a5"}
.wi-moon-waning-gibbous-3:before{content:"\f0a6"}
.wi-moon-waning-gibbous-4:before{content:"\f0a7"}
.wi-moon-waning-gibbous-5:before{content:"\f0a8"}
.wi-moon-waning-gibbous-6:before{content:"\f0a9"}
.wi-moon-third-quarter:before{content:"\f0aa"}
.wi-moon-waning-crescent-1:before{content:"\f0ab"}
.wi-moon-waning-crescent-2:before{content:"\f0ac"}
.wi-moon-waning-crescent-3:before{content:"\f0ad"}
.wi-moon-waning-crescent-4:before{content:"\f0ae"}
.wi-moon-waning-crescent-5:before{content:"\f0af"}
.wi-moon-waning-crescent-6:before{content:"\f0b0"}
.wi-moon-alt-new:before{content:"\f0eb"}
.wi-moon-alt-waxing-cresent-1:before{content:"\f0d0"}
.wi-moon-alt-waxing-cresent-2:before{content:"\f0d1"}
.wi-moon-alt-waxing-cresent-3:before{content:"\f0d2"}
.wi-moon-alt-waxing-cresent-4:before{content:"\f0d3"}
.wi-moon-alt-waxing-cresent-5:before{content:"\f0d4"}
.wi-moon-alt-waxing-cresent-6:before{content:"\f0d5"}
.wi-moon-alt-first-quarter:before{content:"\f0d6"}
.wi-moon-alt-waxing-gibbous-1:before{content:"\f0d7"}
.wi-moon-alt-waxing-gibbous-2:before{content:"\f0d8"}
.wi-moon-alt-waxing-gibbous-3:before{content:"\f0d9"}
.wi-moon-alt-waxing-gibbous-4:before{content:"\f0da"}
.wi-moon-alt-waxing-gibbous-5:before{content:"\f0db"}
.wi-moon-alt-waxing-gibbous-6:before{content:"\f0dc"}
.wi-moon-alt-full:before{content:"\f0dd"}
.wi-moon-alt-waning-gibbous-1:before{content:"\f0de"}
.wi-moon-alt-waning-gibbous-2:before{content:"\f0df"}
.wi-moon-alt-waning-gibbous-3:before{content:"\f0e0"}
.wi-moon-alt-waning-gibbous-4:before{content:"\f0e1"}
.wi-moon-alt-waning-gibbous-5:before{content:"\f0e2"}
.wi-moon-alt-waning-gibbous-6:before{content:"\f0e3"}
.wi-moon-alt-third-quarter:before{content:"\f0e4"}
.wi-moon-alt-waning-crescent-1:before{content:"\f0e5"}
.wi-moon-alt-waning-crescent-2:before{content:"\f0e6"}
.wi-moon-alt-waning-crescent-3:before{content:"\f0e7"}
.wi-moon-alt-waning-crescent-4:before{content:"\f0e8"}
.wi-moon-alt-waning-crescent-5:before{content:"\f0e9"}
.wi-moon-alt-waning-crescent-6:before{content:"\f0ea"}
.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-14:before{content:"\f0a3"}
.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"}
/*trend arrows*/
.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-225-deg {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

.row{width:900px;min-width:900px;margin:0 auto}
.container{margin:0 auto;width:970px;}

h3{text-align:center;padding-top:15px;padding-bottom:15px;color:#fff;background-color:#FF704D;}
p{padding:20px 65px 10px 65px;color:dimgray;}
.img{image-rendering:auto;image-rendering:auto;image-rendering:auto}
@media screen and (min-width:1024px){.img{image-rendering:auto;image-rendering:auto;image-rendering:auto}
}
@media screen and (min-width:800px) and (max-width:1900px){.img{image-rendering:auto;image-rendering:auto;image-rendering:auto}
}
@media screen and (min-width:640px){.img{image-rendering:auto;image-rendering:auto;image-rendering:auto;overflow-x:hidden;}
}
@media screen and (max-width:759px){#menu,#menu-toggle,.chart,.footerbase,.growl,.heading,.solar10,.solar1000,.solar300,.solar400,.solar600,.solar700,.solar800,.solar900,.weatherdashfooter,.who,.magtext{display:none}.heading{margin-top:13px}.container{overflow-x:hidden  ;margin:auto 0;max-width:500px;}
.indoorposition{display:none}
.rowheader{display: none; }
}

.body , #body,body{
    max-height: 700px;overflow:auto
}
}
/* max/min gauges for homeweather station */
.GaugeMeter {
  position: absolute;
  text-align: center;
  overflow: Hidden;
  cursor: Default;
  display: inline-block;  margin-top:-95px;
}

.GaugeMeter SPAN, .GaugeMeter B {
  width: 54%;
  position: absolute;
  text-align: center;
  display: Inline-Block;
  font-weight: normal;
  font-family: "Helvetica", Arial;
  overflow: Hidden;
  white-space: wrap;
 
  margin-left:16px; 
}

.GaugeMeter[data-style="Semi"] B {
  width: 100%;
  margin: 0;font-family: "Helvetica", Arial;  
}

.GaugeMeter S{
  text-decoration: None;
  
  font-weight: normal;font-family: "Helvetica", Arial;
  opacity: 1;
  color:#66a1ba;font-weight:600;
}
.GaugeMeter U {
  text-decoration: None;
  
  font-weight: normal;font-family: "Helvetica", Arial;
  opacity: 1;
  color:#66a1ba;font-weight:600;
}

.GaugeMeter B {
  color: #66a1ba;
  font-weight: 600;
  margin-top:-5px;
  opacity: 1;
  line-height:-15px !important;
}
.GaugeMeter B p{
   margin-top:-35px;
   font-size:9px;color: #df826b;
  font-weight: 600;
}
}
.alarm {
	}

 /* barometer circle for homeweather station */
.trend {
	
	margin-left:0px;
	margin-top:1px;
	position:absolute;
	}
	



.rowheader {
  
  margin-left:35px;
  
}
.rowheader:before, .row:after {
 
 
  display: table;
}
.rowheader:after {
  clear: both;
}
.rowheader .box {
  display: none;
  float: left;
  position: relative;
  width: 294px;
  height: 70px;
  margin:0 6px 0 0;
  margin-top: 5px;
  margin-bottom:5px;
  color: #777;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: none; 
  
}

.rowheader .box.temperature {
   background-color:#fff;border:1px solid #eee;
}
.rowheader .box.footer {
  background-color: #4e5a69;
}
.rowheader .box.timelocal {
  
  background-color:#fff;border:1px solid #eee;
}
.rowheader.box.orangelocal {
  background-color: #EB9561;
}
.rowheader .box.humiditylocal {
  
  background-color:#fff;border:1px solid #eee;
}
.rowheader .box .value {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 2em; font-family: "verbregular";
}
.rowheader .box .title {
  position: absolute;
  top: 50px;
  right: 8px;
  font-size: 0.9em;
  font-weight: normal; font-family: "Helvetica";text-align:right;
}
.rowheader .box .weathertitle {
  position: absolute;
  top: 1px;
  left: 8px;
  font-size: 0.8em;
  font-weight: normal; font-family: "Helvetica";
  text-transform:uppercase;
}
.rowheader .box .weathertitle span {
  font-weight: normal; font-family: "Helvetica";color:#777;
}

.rowheader .box:before {
  font-family: FontAwesome;
  content: "";
  position: absolute;
  left: 16px !important;
  bottom: 6px;
  font-size: 4.0rem;
  color: rgba(255, 255, 255, 0.25);
 
}
.rowheader .box.icon-time {
  background-image:url(homepageicons/time.png);
  background-repeat:no-repeat;
  background-position:bottom left ;
}
.rowheader .box.icon-humidity {
  background-image:url(homepageicons/humidity.png);
  background-repeat:no-repeat;
  background-position:bottom left ;
 
}
.rowheader .box.icon-temp {
 background-image:url(homepageicons/temp.png);
  background-repeat:no-repeat;
  background-position:bottom left ;
}

div.clock-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: -webkit-translateY(-50%);
  text-align: center;
  width: 100%;
}
div.clock-container > ul {
  display: inline-block;
  font-size: 2em;
  font-family: 'verbregular',helvetica;
  color: #df826b;
  
}
div.clock-container > ul > li {
 color: #df826b;
 
  overflow: hidden;
  list-style: none;
}
div.clock-container > ul > li > span {
  display: block;
  margin-top:-15px;font-family: 'verbregular',helvetica;
  color: #df826b;
  margin-left:5px;position:absolute;
}

.updatedtime {
	top:5px;
	width:75px;
	text-align:right;
	margin-left:200px !important;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	line-height:1em;
	font-weight:600;
	color:#df826b;
	font-family:"Helvetica", Arial, Helvetica, sans-serif;}
.updatedtime span{
	margin-bottom:0px;
	color:#777;
	font-weight:200;
	font-family:"Helvetica", Arial, Helvetica, sans-serif;}
	
	.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;text-align:center;white-space:nowrap;cursor:pointer;background:rgba(255,255,255,.8);}
	.featherlight:last-of-type{background:rgba(255,255,255,.8);}
	.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
	.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:top;display:inline-block;overflow:hidden;padding:0px 0px 0;border-bottom:1px solid transparent;width:670px;margin-left:5%;margin-right:0%;max-height:500px;background:#fff;cursor:auto;white-space:normal;border-radius:4px;margin-top:40px;}
	.featherlight .featherlight-inner{display:block}
	.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font:Hevetica,arial;background:#ffffff;background:rgba(255,255,255,.3);color:#df826b;font-weight:900;font-size:22px;}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;border:1px solid #ccc;}
	.featherlight iframe{border:0;background-image:url(logos/graphlogo.png);background-position:left 45px bottom 5px;background-repeat:no-repeat !important;}
	.featherlight-loading{
	}

	/*wind direction css */
.windir1 img{position:absolute;margin-top:-70px;margin-left:-90px;width:auto;}
.windir2 img {position:absolute;margin-top:-65px;margin-left:-90px;width:auto;}
.windirsouth img {position:absolute;margin-top:-79px;margin-left:-92px;width:auto;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.windireast img {position:absolute;margin-top:-80px;margin-left:-95px;width:auto;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.windireast span {color:#df826b}
.windir {font-size:1.5em;margin-top:-105px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.windirwordsnorth {font-size:0.8em;margin-top:10px;margin-left:-2px;position:absolute;float:left;font-weight:normal;font-family:'Helvetica',Arial, Helvetica, sans-serif; letter-spacing:-1px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.windirwordssouth {font-size:0.8em;margin-top:10px;margin-left:-17px;position:absolute;float:left;font-weight:normal;font-family:'Helvetica',Arial, Helvetica, sans-serif; letter-spacing: -1px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.windirwordssouth span{color:#df826b; letter-spacing: -1px;}
.windirnorth img {position:absolute;margin-top:-77px;margin-left:-87px;width:auto;}
.windirnorth span {color:#df826b}
.windirnorth360 img {position:absolute;margin-top:-77px;margin-left:-93px;width:auto;}
.windirnorth360 span {color:#df826b}
.windirwordsnorth360 span{color:#df826b; letter-spacing: -1px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.windirnw img {position:absolute;margin-top:-75px;margin-left:-93px;width:auto;}
.windirnw span {color:#df826b}
.windirwords {font-size:0.8em;margin-top:10px;margin-left:-15px;position:absolute;float:left;font-weight:normal;font-family:'Helvetica',Arial, Helvetica, sans-serif;line-height:1em; letter-spacing: -1px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.windirwordsnorth span{color:#df826b; letter-spacing: -1px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.windirwords span{color:#df826b}