.indoordate,.moduletitle cap,.monthpopup,.todaypopup,.weather34box .title,.yearpopup{
    text-transform:uppercase
}
#night span,#temp,#temp2,#wuforecast,#wuforecast:last-child,#wuforecast:nth-child(1n),#wuforecast:nth-child(2n),#wuforecast:nth-child(3n),#wuforecasts,.avgspeedgust span,.avgspeedgust1 span,.avgspeedwind span,.avgspeedwind1 span,.barometertrend,.footertext,.gustspeedtrend,.gustspeedtrend span,.gustspeedtrend1 span,.h2mbunit,.heading1,.indoorfeels,.indoortrend,.mooncircle1 moonhead1,.moonrise1,.moonset1,.notificationinfo,.weather34text,.weatherfooter-container,.weatherfooter-item,.weatherwxsim-container,.weatherwxsim-item,.wi,.windalarm span,.windchillcircle-content,.windcondition span,.windgustmphcircle-content,.windmphcircle-content,.windspeedtrend1 span,.wuweather-container,.wuweather-item,body{
    -moz-osx-font-smoothing:rgba(2,29,62,.8) scale
}
#day span,#dayaftertomo span,#night span,#temp,#temp2,#tomo span,#weekday,#wuforecast,#wuforecast:last-child,#wuforecast:nth-child(1n),#wuforecast:nth-child(2n),#wuforecast:nth-child(3n),#wuforecasts,.average span,.averagedir,.averagedir span,.averagedir span2,.averagedir1 span,.averagedir1 span2,.averageindoor span,.averageuv span,.avgspeedgust span,.avgspeedgust1 span,.avgspeedwind span,.avgspeedwind1 span,.baromcircle-content,.barometertrend,.barometertrend falling,.barometertrend rising,.barometertrend steady,.footertext,.gustspeedtrend,.gustspeedtrend span,.gustspeedtrend1 span,.h2mbunit,.h2mbvalue,.heading1,.homeindoorfeels,.indoorfeels,.indoorlocation,.indoortitles,.indoortrend,.luminance,.luminance1:before,.luminance:before,.mooncircle1 moonhead1,.moonrise,.moonrise1,.moonset1,.notificationinfo,.outlooktitle span,.ozonegood,.ozonemoderate,.ozoneverygood,.tempcontainer,.tempcontainer1,.updatedtime span,.updatedtimealert span,.updatedtimecurrent span,.updatedtimedir span,.weather34text,.weatherfooter-container,.weatherfooter-item,.weatherwxsim-container,.weatherwxsim-item,.windalarm span,.windchillcircle-content,.windcondition span,.windgustmphcircle-content,.windmphcircle-content,.windspeedtrend,.windspeedtrend span,.windspeedtrend1 span,.wuweather-container,.wuweather-item,a,body,h2mb,h2mb span,h3,html{
    text-rendering:optimizeLegibility;
    color-adjust:[exact]
}
.fgtext,.indoordate,.menu li a,.moduletitle,.sidebar{
    color:rgba(2,29,62,.8)
}
.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    color-adjust:[exact]
}
.beaufort,.indoordate,.sidebar{
    position:absolute
}
lowtemptitle,maxgusttitle,maxtemptitle,maxwindtitle,monthraintitle,yearraintitle{
    font:400 12px arial,system
}
.logo,.logo span,h1{
    letter-spacing:-.05em
}
,.weather-container,.weather-item,.weather2-container,.weather2-item,.weatherfooter-item,h1{
    text-rendering:optimizeLegibility;
    color-adjust:[exact]
}
.bt,.cl,a{
    text-decoration:none
}
.gustblowing,.windblowing{
    margin-top:5px;
    position:absolute
}
.beaufort,.fgtext,.gustblowing,.indoordate,.moduletitle,.windblowing{
    font-size:12px
}
.eqcircle1home,.featherlight:before,img,lowtemptime,maxgusttime,maxtemptime,maxwindtime,monthraintime,wm2,yearraintime{
    vertical-align:middle
}
*,:after,:before,html{
    -moz-box-sizing:border-box
}
*,:after,:before,hr{
    -o-box-sizing:border-box
}
@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:system;
    font-style:normal;
    src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Ubuntu Light"),local("Segoe UI Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma"),local("Arial")
}
@font-face{
    font-family:weathertext;
    src:url(fonts/sanfranciscodisplay-regular-webfont.woff)
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:inherit
}
*,.weather-item,html{
    -webkit-box-sizing:border-box
}
body{
    background:#fff;
    clear:both;
    cursor:default;
    -webkit-osx-font-smoothing:grayscale;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:grayscale
}
#navigation{
    display:none
}
.moduletitle{
    font-weight:400
}
.indoordate{
    top:-25px
}
.yearpopup{
    margin-left:5px;
    z-index:90
}
.monthpopup,.todaypopup{
    margin-left:10px;
    z-index:20
}
.weather-container,.weather-item,.weather2-item,a,body{
    text-transform:none
}
.windblowing{
    margin-left:60px
}
.gustblowing{
    margin-left:165px
}
.beaufort{
    margin-top:55px;
    margin-left:50px
}
.menu,.sidebar{
    height:1000%;
    max-height:800px
}
.sidebar{
    -webkit-transform:translate3d(-260px,0,0);
    -moz-transform:translate3d(-260px,0,0);
    -o-transform:translate3d(-260px,0,0);
    -ms-transform:translate3d(-260px,0,0);
    transform:translate3d(-260px,0,0);
    left:0;
    transition:all .3s;
    z-index:10;
    top:55px;
    border-radius:0
}
.menu,.thearrow7:after{
    -webkit-border-radius:0
}
.sidebar img{
    width:20pt
}
.menu{
    width:220px;
    margin:0;
    background:rgba(45,45,45,1);
    box-shadow:0 1px 4px rgba(0,0,0,.3);
    -o-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    float:left;
    padding:5px
}
.menu li{
    list-style:none;
    text-align:left;
    padding:2px 2px 3px;
    border:0;
    line-height:.8em;
    margin-bottom:0
}
.weather-item,body,header{
    color-adjust:exact;
    text-align:center
}
.weather2-item{
    text-align:left;
    padding-left:10px;
    height:80px
}
.menu copyright{
    font-size:10px;
    font-weight:400
}
.menu li a{
    color-adjust:exact;
    display:block;
    font-size:12px;
    margin:0;
    padding:0;
    border:0
}
.menu li:hover{
    color:rgba(2,29,62,.8);
    border-radius:0;
    border:0;
    margin-left:0;
    background:0
}
.menu .active{
    font-weight:400;
    background:#2a2e33;
    border:0
}
button{
    position:relative;
    font-size:16px;
    border:0;
    cursor:pointer;
    margin-right:0;
    margin-top:-45px;
    width:auto;
    padding:0;
    background:0
}
.h2mbunit,.logo,h2mb span,header{
    position:absolute
}
.logo,h1{
    padding-right:.5em
}
header{
    -webkit-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;
    background-color:rgba(19,19,19,1);
    box-shadow:rgba(0,0,0,.1) 0 1px 0;
    height:2.8em;
    top:0;
    width:100%;
    z-index:4
}
h1{
    font-size:1.1em;
    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;
    font-smoothing:antialiased
}
.h2mbvalue,.logo,.logo span,.weather-item,.weather2-item{
    color:rgba(2,29,62,.8)
}
.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{
    font-weight:400;
    line-height:1;
    color:rgba(2,29,62,.8)
}
.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{
    font-size:1.4em;
    line-height:3.3em;
    margin-top:-60px
}
.logo span{
    font-weight:400
}
.weather2-item,.weatherfooter-item{
    font-family:Arial,system;
    padding:3px
}
.weather-container,.weather-item,.weather2-container,.weather2-item{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font-family:arial,system;
    font-smoothing:antialiased
}
.sr-only,svg:not(:root){
    overflow:hidden
}
.weather-container{
    display:-webkit-box;
    display:-moz-box;
    display:flex;
    list-style:none;
    width:960px;
    height:204px;
    background-color:none;
    margin:5px auto;
    overflow:hidden
}
.weather-item{
    font-weight:400;
    max-height:360px;
    background-color:#fff;
    width:33.3333%;
    height:201px;
    margin:0 4px 0 0;
    border:1px solid #e9ebf1;
    border-bottom:18px solid #f6f8fc;
    padding:0;
    font-size:1em;
    -webkit-box-shadow:inset 0 20px #f6f8fc;
    box-shadow:inset 0 20px #f6f8fc;
    box-sizing:border-box
}
.weather2-container{
    display:-webkit-box;
    display:-moz-box;
    display:flex;
    width:960px;
    height:100px;
    background-color:none;
    margin:42px auto -20px
}
.weather2-item{
    width:33.3333%;
    margin:0 5px 2px 0;
    font-smoothing:antialiased;
    background-color:#fff;
    border:0 solid #e9ebf1;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    float:left;
    font-size:.9em
}
.weatherfooter-container,.weatherfooter-item{
    font-family:Arial,system;
    -o-font-smoothing:antialiased
}
.alerttopicons img{
    width:20px;
    margin-top:38px
}
.alerttopicons svg{
    margin-top:33px;
    opacity:.7
}
.weatherfooter-container{
    display:-webkit-box;
    display:-moz-box;
    display:-o-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    width:960px;
    margin:0 auto 2px;
}
.weatherfooter-item{
    background-color:#fff;
    width:99.7%;
    height:80px;
    margin:0 2px 2px 0;
    border:1px solid #e9ebf1;
    text-align:center;
    padding:15px;
    color:#505153
}
.barometergaugegrid{
    width:90%;
    margin:10px 0 auto;
    text-align:center
}
h2mb{
    letter-spacing:0;
    font:2em arial,system;
    -o-font-smoothing:antialiased
}
h2mb span{
    color:#d65b4a;
    margin-left:0;
    margin-top:5px;
    font:.4em arial,system;
    -o-font-smoothing:antialiased
}
.h2mbvalue{
    margin-top:3px;
    padding-right:0;
    color-adjust:exact;
    font-weight:400;
    font-family:weathertext,arial,system;
    -o-font-smoothing:antialiased
}
.barometertrend,.h2mbunit{
    color:rgba(2,29,62,.8)
}
.h2mbunit{
    padding-right:25px;
    margin-top:-60px;
    margin-left:115px;
    font:.8em arial,system;
    -o-font-smoothing:antialiased
}
.barometertrend{
    position:relative;
    margin:-58px auto auto;
    text-align:center;
    z-index:1;
    font:12px Arial,system;
    -o-font-smoothing:antialiased
}
.barometertrend falling,.barometertrend rising,.barometertrend steady,.indoorfeels,.indoortrend{
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
.barometertrend steady{
    color:#9aba2f
}
.barometertrend rising{
    color:#d65b4a
}
.barometertrend falling{
    color:rgba(18,109,193,1)
}
barometerinfo{
    color:rgba(2,29,62,.8)
}
.indoorfeels,.indoortrend{
    color:#fff;
    position:absolute;
    top:58px;
    padding:0
}
.indoortrend{
    margin-left:40px;
    font-size:10px;
    width:280px;
    border-radius:0;
    font-weight:400
}
.indoortrend online{
    color:#fff
}
.indoortrend offline{
    color:#f23a30;
    font-weight:600
}
.indoorfeels{
    margin-left:150px;
    font-size:12px;
    width:150px;
    background:rgba(240,94,64,.02);
    border-radius:3px;
    text-align:center;
    font-weight:400
}
.hardwarestatus online{
    color:#f5650a
}
.hardwarestatus offline{
    color:#f23a30;
    font-weight:600
}
h3{
    font:4em weathertext,arial,system;
    -o-font-smoothing:antialiased
}
.featherlight{
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:40;
    text-align:center;
    white-space:nowrap;
    background:rgba(41,43,46,1);
    margin-left:0
}
.featherlight:last-of-type{
    background:rgba(30,31,35,.7)
}
.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:5px solid rgba(41,43,46,1);
    width:855px;
    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:rgba(41,43,46,1)
}
cumulusisitsunny,cumulusmaxsolarsuptemp,cumulussunshinesuptemp,homesuptempindoor,maxtempsuptemp,supsolar,suptemp,suptemp1,suptemp3,suptempindoor{
    vertical-align:text-top
}
.featherlight .featherlight-close-icon{
    position:absolute;
    z-index:9999;
    padding:3px;
    border-radius:4px;
    top:22px;
    left:7px;
    cursor:pointer;
    text-align:center;
    font:12px/15px arial,system;
    color:rgba(255,124,57,0);
    background:rgba(255,124,57,0);
    width:200px
}
.heading1,.indoortitles,supmb{
    color:rgba(2,29,62,.8)
}
.featherlight .featherlight-image{
    width:100%
}
.featherlight-iframe .featherlight-content{
    border:0;
    padding:10px
}
.featherlight iframe{
    border:0;
    background:0
}
/* velký popup pro web kameru (cam.php) - zvětší jen tento popup, ostatní zůstávají */
.webcambig .featherlight-content{width:auto!important;max-width:98vw!important;max-height:96vh!important}
.box.icon-humidity,.box.icon-temp{
    background-repeat:no-repeat;
    background-position:bottom left
}
::-webkit-scrollbar{
    width:12px
}
::-webkit-scrollbar-track{
    background-color:#eaeaea;
    border-left:1px solid #ccc
}
::-webkit-scrollbar-thumb{
    background-color:#d65b4a
}
::-webkit-scrollbar-thumb:hover{
    background-color:rgba(18,109,193,1)
}
::-moz-scrollbar{
    width:12px
}
::-moz-scrollbar-track{
    background-color:#eaeaea;
    border-left:1px solid #ccc
}
::-moz-scrollbar-thumb{
    background-color:#d65b4a
}
::-moz-scrollbar-thumb:hover{
    background-color:rgba(18,109,193,1)
}
::-o-scrollbar{
    width:12px
}
::-o-scrollbar-track{
    background-color:#eaeaea;
    border-left:1px solid #ccc
}
::-o-scrollbar-thumb{
    background-color:#d65b4a
}
::-o-scrollbar-thumb:hover{
    background-color:rgba(18,109,193,1)
}
::scrollbar{
    width:12px
}
.indoorlocation,.stationlocationtime{
    padding:2px 4px 2px 2px;
    margin-left:35px;
    width:auto;
    position:absolute
}
::scrollbar-track{
    background-color:#eaeaea;
    border-left:1px solid #ccc
}
::scrollbar-thumb{
    background-color:#d65b4a
}
::scrollbar-thumb:hover{
    background-color:rgba(18,109,193,1)
}
.stationlocationtime{
    margin-top:41px;
    text-align:left;
    font:10px arial,system
}
.box.icon-temp{
    background-image:url(homepageicons/temp.light.png)
}
.box.icon-humidity{
    background-image:url(homepageicons/humidity.png)
}
.indoortitles{
    margin-top:5px;
    text-align:center;
    font:1.2em arial,system;
    -o-font-smoothing:antialiased
}
.indoorlocation{
    margin-top:41px;
    text-align:left;
    font:10px arial,system;
    -o-font-smoothing:antialiased;
    font-weight:600
}
.indoorvalues{
    position:absolute;
    margin-top:-15px
}
.heading1{
    font:1em/15px arial,system;
    -o-font-smoothing:antialiased
}
supmb{
    font-size:.8em
}
supunit{
    font-size:.7em;
    color:rgba(18,109,193,1);
    font-weight:400;
    vertical-align:top
}
verticalline{
    border-right:thin solid #ccc;
    margin-right:10px
}
a:visited{
    border:0
}
.temptext,.temptext1 span,.who,eq,uvi,uviforecast{
    position:absolute
}
.temptext{
    font-size:32px;
    text-align:center;
    padding-top:0;
    top:29%;
    left:0;
    bottom:0;
    right:5px
}
.uvi01,.uvi03,.uvi1112,.uvi35,.uvi67,.uvi810{
    width:80px;
    height:80px;
    text-align:center
}
.temptext1{
    color:#d65b4a;
    padding-top:0;
    margin-top:-29px;
    left:190px;
    font-size:28px;
    font-family:weathertext,Arial,system
}
supsolar,suptemp1{
    color:#fff
}
.temptext1 span{
    color:rgba(2,29,62,.8);
    margin-left:5px;
    font:800 12px arial,system
}
suptemp,suptemp1{
    font-size:.5em
}
suptemp{
    color:#fff
}
.eqtext,suptempindoor{
    color:rgba(2,29,62,.8)
}
suptempindoor{
    font-size:.4em;
    margin-left:-5px
}
supsolar{
    font-size:.8em
}
.who{
    margin-top:-30px;
    text-align:center;
    margin-left:5%;
    font:12px arial,system
}
.magnitude:first-child{
    display:block
}
eq{
    font-size:.35em;
    text-align:center;
    margin:32px auto 0 -30px;
    font-weight:600
}
.eqtext{
    float:left;
    width:100px;
    margin-left:120px;
    margin-top:-80px;
    font:9px arial,system;
    line-height:9px
}
.eqtext color,.eqtext depth{
    font-size:9px;
    line-height:9px
}
.eqtext color{
    color:#d65b4a
}
.eqtext depth{
    color:rgba(18,109,193,1);
    font-weight:400
}
.eq03,.eq08,.eq45,.eq5,.eq67{
    padding-top:15px;
    font:2em/1.2em arial,system;
    color:#fff;
    margin-top:-25px;
    border-radius:50%;
    margin-left:20px;
    border:5px solid #e9ebf1;
    width:90px;
    height:90px;
    text-align:center
}
.eq03:after,.eq08:after,.eq45:after,.eq5:after,.eq67:after{
    font-size:9px;
    line-height:9px;
    margin-top:3px;
    margin-left:5px;
    width:70px;
    position:absolute;
    display:block
}
.eq03{
    background:#9aba2f
}
.eq45,.eq5{
    background:#e48f4c
}
.eq03:after{
    content:'MINOR'
}
.eq45:after,.eq5:after{
    content:'MODERATE'
}
.eq67{
    background:#ee7259
}
.eq67:after{
    content:'STRONG'
}
.eq08{
    background:#d15e52
}
.eqcircle,.eqcircle1,.eqcircle2,.eqcircle3,.eqcircle4{
    position:absolute;
    height:60px;
    width:60px;
    margin-left:220px;
    padding-top:18px;
    background:#fff
}
.eq08:after{
    content:'MAJOR'
}
.eqcircle,.eqcircle1{
    margin-top:-25px;
    -webkit-border-radius:50%;
    -ms-border-radius:50%
}
.eqcircle2,.eqcircle3,.eqcircle4{
    margin-top:-15px
}
.eqcircle{
    border-radius:50%;
    border:2px solid #e9ebf1;
    font-family:weathertext,Arial,system;
    font-size:22px;
    line-height:12px;
    color:#d65b4a
}
.eqcircle1,.eqcircle2,.eqcircle3{
    -o-border-radius:50%
}
.eqcircle span{
    color:rgba(2,29,62,.8);
    text-align:center;
    font:400 .3em/10px arial,system
}
.eqcircle1{
    -moz-border-radius:50%;
    border-radius:50%;
    border:2px solid #e9ebf1;
    font-family:weathertext,Arial,system;
    font-size:22px;
    line-height:12px;
    color:#9aba2f
}
.eqcircle2,.eqcircle3{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%
}
.eqcircle1 span{
    color:rgba(2,29,62,.8);
    text-align:center;
    font:400 .3em/10px arial,system
}
.eqcircle2{
    border-radius:50%;
    border:2px solid #e9ebf1;
    font-family:weathertext,Arial,system;
    font-size:22px;
    line-height:12px;
    color:#e48f4c
}
.eqcircle2 span{
    color:rgba(2,29,62,.8);
    text-align:center;
    font:400 .3em/10px arial,system
}
.eqcircle3{
    border-radius:50%;
    border:2px solid #e9ebf1;
    font-family:weathertext,Arial,system;
    font-size:22px;
    line-height:12px;
    color:#ee7259
}
.eqcircle3 span{
    color:rgba(2,29,62,.8);
    text-align:center;
    font:400 .3em/10px arial,system
}
.eqcircle4{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:2px solid #e9ebf1;
    font-family:weathertext,Arial,system;
    font-size:22px;
    line-height:12px;
    color:#d65b4a
}
.eqcircle4 span{
    color:rgba(2,29,62,.8);
    text-align:center;
    font:400 .3em/10px arial,system
}
.eqnotification{
    position:fixed;
    top:70px;
    right:70px;
    max-width:400px;
    width:100%;
    border-radius:4px;
    padding:15px;
    margin:10px auto;
    z-index:99999
}
dist,eqnoti{
    margin-left:5px
}
.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:#fff
}
.eqnotification .eqnotification-close:after{
    content:"!";
    color:#fff
}
.eqnotification .eqnotification-message,.eqnotification .eqnotification-title{
    color:#fff;
    font-family:Helvetica,arial,system
}
dist,eqnoti,eqnoti color,eqnoti magn,eqtime{
    font-family:arial
}
.eqnotification .eqnotification-title{
    position:relative;
    margin-top:-10px;
    font-size:18px;
    font-weight:600
}
.eqnotification .eqnotification-distance,.eqnotification .eqnotification-message{
    position:relative;
    margin-top:-5px;
    font-size:13px;
    line-height:15px;
    width:300px;
    font-weight:600
}
.chartforecast,.eqnotification .eqnotification-credit,.mooncircle,.mooncircle moonhead,.windgustcircle,.windgustheadingcircle,dist,eqalert,eqalert1,eqnoti,eqtime,magalert{
    position:absolute
}
.eqnotification .eqnotification-distance{
    color:#fff
}
.eqnotification .eqnotification-credit{
    font-size:10px;
    font-weight:600;
    line-height:20px;
    color:#fff;
    padding-left:5px;
    margin-top:-10px;
    float:right
}
dist,magalert{
    margin-top:5px
}
.eqnotification a{
    font-size:10px;
    font-weight:400;
    line-height:20px;
    color:#fff
}
.eqpopup{
    background:#d65b4a
}
.eqpopup .eqnotification-close{
    border:1px solid #fff;
    color:#fff
}
dist,eqnoti color,eqspan,magalert{
    color:#d65b4a
}
dist place,eqalert a{
    color:rgba(2,29,62,.8)
}
eqnoti{
    margin-top:15px;
    font-size:14px;
    font-weight:400;
    color:#878a8d
}
eqnoti color{
    font-size:1em;
    font-weight:600
}
eqnoti magn{
    font-size:.8em;
    font-weight:400;
    color:#bbb
}
eqalert,eqalert1,magalert{
    font-weight:600;
    font-family:arial
}
magalert{
    margin-left:-15px;
    font-size:20px
}
eqalert,eqalert1{
    font-size:9px;
    width:245px;
    line-height:10px;
    margin-left:5px
}
eqalert{
    margin-top:17px
}
eqalert1{
    margin-top:0
}
eqtime{
    margin-top:10px;
    font-size:10px;
    margin-left:200px;
    font-weight:400
}
eqspan,eqspan1{
    font-size:9px
}
eqspan1{
    color:rgba(18,109,193,1)
}
dist{
    font-size:10px;
    font-weight:600;
    line-height:12px
}
dist place{
    font-weight:400;
    font-size:10px
}
.eqtext1{
    color:rgba(2,29,62,.8);
    float:left;
    width:100px;
    margin-left:110px;
    margin-top:-10px;
    font:9px arial,system;
    line-height:9px
}
.eqtext1 color,.eqtext1 color3,.eqtext1 colordepth{
    font-weight:400;
    line-height:9px
}
.eqtext1 color{
    color:#d65b4a
}
.eqtext1 color1,.eqtext1 color2,.eqtext1 colortext{
    color:#9aba2f;
    font-weight:400;
    line-height:9px
}
.eqtext1 colortext{
    font-size:9px
}
.eqtext1 colordepth{
    color:rgba(2,29,62,.8);
    font-size:9px
}
.eqtext1 color3{
    color:rgba(18,109,193,1)
}
.baromcircle,.heatcircle{
    position:absolute;
    background:0
}
.heatcircle-content{
    color:#333;
    float:left;
    margin:0;
    padding:0;
    text-align:center;
    width:160px;
    font:500 11px arial,system;
    display:block;
    line-height:14px
}
.baromcircle,mb{
    -webkit-background-size:cover;
    -ms-background-size:cover;
    background-size:cover
}
.baromcircle-content{
    float:left;
    line-height:1;
    margin-top:-.9em;
    padding-top:50%;
    text-align:center;
    width:100%;
    color:#76797c;
    -o-font-smoothing:antialiased;
    font-family:arial,system;
    font-weight:900
}
supraindrop,supraindropw{
    z-index:9999999;
    font:.4em weathertext,arial,system
}
.baromcircle{
    border-radius:50%;
    height:70px;
    width:70px;
    padding:2px;
    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);
    margin-top:-32px;
    margin-left:212px
}
supraindrop{
    color:rgba(18,109,193,1)
}
supraindropw{
    color:#fff
}
.rainfalltext color{
    font-size:1em;
    color:#387791
}
.chartforecast,suprain1{
    color:rgba(2,29,62,.8)
}
suprain,suprain1,suprain2{
    font-size:.4em;
    font-weight:800
}
.chartforecast,.chartforecast2{
    margin-left:0;
    font-size:.67em;
    font-family:arial,system;
    font-weight:400;
    width:300px;
    padding-top:6px;
    padding-left:10px;
    text-align:left
}
suprain{
    color:rgba(18,109,193,1)
}
suprain2{
    color:#fff
}
.chartforecast{
    color-adjust:exact;
    margin-top:180px;
    z-index:20
}
.chartforecast2{
    color:rgba(45,45,45,1);
    margin-top:172px;
    z-index:20
}
.daylight,.feels,.feels1,.h2uv,.max,.mooncircle span,.sun,daylighthours{
    text-align:center
}
.chartforecast:hover{
    color:#d65b4a
}
.chartforecast a{
    color:rgba(2,29,62,.8);
    z-index:20
}
.humidity,.windgustcircle,.windgustheadingcircle{
    padding-top:35px;
    color:rgba(2,29,62,.8)
}
humiditycolor{
    color:#f05e40;
    font-weight:700
}
.mooncircle,.mooncircle span,.windgustheading{
    color:rgba(2,29,62,.8)
}
a{
    font-size:1em
}
.humidity{
    font:400 4em arial,system
}
.clock-container,.windgustheading{
    font:1em weathertext,arial,system
}
.windgustcircle{
    margin-top:35px;
    margin-left:-136px;
    font:20px arial,system
}
.windgustheadingcircle{
    margin-top:14px;
    margin-left:-125px;
    font:12px arial,system
}
.iconsize{
    font-size:0;
    width:50%;
    height:50%;
    margin-left:10px
}
.mooninfo{
    margin-left:120px;
    font:1em/1.2em arial,system;
    margin-top:100px;
    padding:100px 0 10px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid rgba(0,0,0,.1);
    border-top:1px solid rgba(0,0,0,.1);
    width:auto;
    height:270px
}
.homeweathercompass>.homeweathercompass-line,.mooncircle{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%
}
.line{
    margin-top:5px;
    border-bottom:1px solid rgba(0,0,0,.1);
    margin-bottom:5px
}
.mooncircle{
    top:50px;
    border-radius:50%;
    height:160px;
    width:160px;
    margin-left:165px;
    border:10px solid rgba(2,29,62,.8);
    padding-top:10px;
    font-size:26px;
    background-color:#2a2e33
}
.mooncircle span{
    font:200 2.1em weathertext,arial,system;
    display:block;
    margin-left:0
}
.mooncircle moonhead{
    color:#d65b4a;
    text-align:center;
    font-size:18px;
    font-family:Arial,system;
    margin-top:20px;
    margin-left:-45px
}
.solar{
    padding-left:25px;
    font:2.8em weathertext,Arial,system
}
.h2uv{
    margin-top:35px;
    position:relative;
    padding:40px;
    border-radius:50%;
    width:180px;
    height:180px;
    background:linear-gradient(180deg,#068895 25%,#51b1a5 45%);
    font:4em arial,system
}
.fullmoon,.moonphase,.moonrise,.moonset{
    padding-top:5px
}
.daylight,canvas,daylighthours:after,in,mb{
    position:absolute
}
.luminance,.sun,.windir{
    color:#d86858
}
.sun{
    margin-left:85px;
    font:.9em/1.3em arial,system;
    margin-top:10px
}
.luminance,.luminance:before,.moonrise{
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
.luminance{
    margin-top:95px;
    font-size:12px;
    line-height:12px
}
.luminance:before{
    content:"Luminance";
    font-size:12px;
    color:#d86858;
    line-height:12px;
    margin-left:5px
}
.moonrise{
    margin-top:-5px;
    margin-left:0;
    font-size:12px
}
.moonset{
    margin-top:-32px;
    margin-left:80px
}
.fullmoon{
    margin-top:-6px;
    margin-left:0;
    font-size:12px
}
in,mb{
    font:.65em arial,system
}
.moon img{
    width:20px;
    height:20px
}
mb{
    color:rgba(18,109,193,1);
    padding-top:17px;
    margin-left:-60px
}
.maxrainfallmonth,in{
    -webkit-background-size:cover;
    -ms-background-size:cover
}
in{
    color:#d65b4a;
    padding-top:14px;
    margin-left:-35px;
    background-size:cover
}
.windchillcircle,.windmphcircle{
    -webkit-background-size:cover;
    -ms-background-size:cover
}
wm2{
    color:#848688;
    font:.4em arial,system
}
.feels,.feels1,.lo,.max,.maxws1001{
    position:relative;
    color:#fff;
    z-index:auto
}
.lo,.max{
    font-size:.9em;
    font-family:weathertext,'Helvetica Neue',Helvetica,Arial,sans-serif;
    color:#fff
}
.maxws1001{
    font:.78em arial,system;
    font-weight:700
}
.feels,.feels1{
    margin-left:auto
}
.feels{
    margin-top:45px;
    font:12px arial,system;
    font-weight:700
}
.windchillcircle-content,.windgustmphcircle-content,.windmphcircle-content{
    -o-font-smoothing:antialiased;
    font-family:arial,system;
    text-align:center
}
.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;
    padding:2px;
    float:right;
    background-size:cover;
    margin-top:-56px;
    margin-left:212px
}
.windchillcircle-content{
    float:left;
    line-height:1;
    margin-top:-.9em;
    padding-top:40%;
    width:100%;
    color:#676e73
}
.windgustmphcircle-content,.windmphcircle-content{
    float:left;
    line-height:1;
    color:rgba(2,29,62,.8)
}
.windmphcircle{
    width:65px;
    padding:2px;
    float:left;
    background-size:cover;
    margin-top:-56px;
    margin-left:12px
}
.windmphcircle-content{
    margin-top:-.9em;
    padding-top:40%;
    width:100%
}
.windgustmphcircle{
    width:65px;
    padding:2px;
    float:left;
    -webkit-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
    margin-top:-56px;
    margin-left:212px
}
.windgustmphcircle-content{
    margin-top:-.9em;
    padding-top:40%;
    width:100%
}
.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
}
.a{
    color:rgba(2,29,62,.8)
}
.centered{
    float:none;
    margin-left:auto;
    margin-right:auto
}
.wi-rotate-35{
    -webkit-transform:rotate(35deg);
    -moz-transform:rotate(35deg);
    -ms-transform:rotate(35deg);
    -o-transform:rotate(35deg);
    transform:rotate(35deg)
}
.wi-rotate-55{
    -webkit-transform:rotate(55deg);
    -ms-transform:rotate(55deg);
    -moz-transform:rotate(55deg);
    -o-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:rgba(18,109,193,1)
}
.wi-snowflake1-cold:before{
    content:"\f076";
    color:#fff;
    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"
}
.wi{
    display:inline-block;
    font-family:weathericons;
    font-style:normal;
    font-weight:400;
    line-height:1
}
.wi-fw{
    text-align:center;
    width:1.4em
}
.updatedtime,.updatedtimecurrent,.updatedtimeuv{
    width:75px;
    margin-left:235px;
    text-align:center
}
.wi-rotate-45{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.wi-rotate-90{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
.wi-rotate-180{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.wi-rotate-270{
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -o-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:rgba(18,109,193,1)
}
.wi-raindrop:before{
    content:"\f078";
    color:rgba(18,109,193,1)
}
.wi-na:before{
    content:"\f07b"
}
.wi-train:before{
    content:"\f0cb"
}
.wi-moon-0:before{
    content:"\f0eb"
}
.wi-moon-1:before{
    content:"\f0d0"
}
.wi-moon-2:before{
    content:"\f0d1"
}
.wi-moon-3:before{
    content:"\f0d2"
}
.wi-moon-4:before{
    content:"\f0d3"
}
.wi-moon-5:before{
    content:"\f0d4"
}
.wi-moon-6:before{
    content:"\f0d5"
}
.wi-moon-7:before{
    content:"\f0d6"
}
.wi-moon-8:before{
    content:"\f0d7"
}
.wi-moon-9:before{
    content:"\f0d8"
}
.wi-moon-10:before{
    content:"\f0d9"
}
.wi-moon-11:before{
    content:"\f0da"
}
.wi-moon-12:before{
    content:"\f0db"
}
.wi-moon-13:before{
    content:"\f0dc"
}
.wi-moon-14:before{
    content:"\f0dd"
}
.wi-moon-15:before{
    content:"\f0de"
}
.wi-moon-16:before{
    content:"\f0df"
}
.wi-moon-17:before{
    content:"\f0e0"
}
.wi-moon-18:before{
    content:"\f0e1"
}
.wi-moon-19:before{
    content:"\f0e2"
}
.wi-moon-20:before{
    content:"\f0e3"
}
.wi-moon-21:before{
    content:"\f0e4"
}
.wi-moon-22:before{
    content:"\f0e5"
}
.wi-moon-23:before{
    content:"\f0e6"
}
.wi-moon-24:before{
    content:"\f0e7"
}
.wi-moon-25:before{
    content:"\f0e8"
}
.wi-moon-26:before{
    content:"\f0e9"
}
.wi-moon-27:before{
    content:"\f0ea"
}
.wi-moon-alt-0:before{
    content:"\f095"
}
.wi-moon-alt-1:before{
    content:"\f096"
}
.wi-moon-alt-2:before{
    content:"\f097"
}
.wi-moon-alt-3:before{
    content:"\f098"
}
.wi-moon-alt-4:before{
    content:"\f099"
}
.wi-moon-alt-5:before{
    content:"\f09a"
}
.wi-moon-alt-6:before{
    content:"\f09b"
}
.wi-moon-alt-7:before{
    content:"\f09c"
}
.wi-moon-alt-8:before{
    content:"\f09d"
}
.wi-moon-alt-9:before{
    content:"\f09e"
}
.wi-moon-alt-10:before{
    content:"\f09f"
}
.wi-moon-alt-11:before{
    content:"\f0a0"
}
.wi-moon-alt-12:before{
    content:"\f0a1"
}
.wi-moon-alt-13:before{
    content:"\f0a2"
}
.wi-moon-alt-14:before{
    content:"\f0a3"
}
.wi-moon-alt-15:before{
    content:"\f0a4"
}
.wi-moon-alt-16:before{
    content:"\f0a5"
}
.wi-moon-alt-17:before{
    content:"\f0a6"
}
.wi-moon-alt-18:before{
    content:"\f0a7"
}
.wi-moon-alt-19:before{
    content:"\f0a8"
}
.wi-moon-alt-20:before{
    content:"\f0a9"
}
.wi-moon-alt-21:before{
    content:"\f0aa"
}
.wi-moon-alt-22:before{
    content:"\f0ab"
}
.wi-moon-alt-23:before{
    content:"\f0ac"
}
.wi-moon-alt-24:before{
    content:"\f0ad"
}
.wi-moon-alt-25:before{
    content:"\f0ae"
}
.wi-moon-alt-26:before{
    content:"\f0af"
}
.wi-moon-alt-27:before{
    content:"\f0b0"
}
.wi-horizon-alt:before{
    content:"\f046"
}
.wi-horizon:before{
    content:"\f047"
}
.wi-sunrise:before,.wi-sunset:before{
    content:"\f0a3"
}
.wi-sunrise:before{
    color:#d86858
}
.wi-sunset:before{
    color:#d65b4a
}
.wi-moonrise:before{
    content:"\f0c9";
    color:#d86858
}
.wi-moonset:before{
    content:"\f0ca";
    color:#d16a54
}
.wi-earthquake:before{
    content:"\f0c6";
    color:#fff;
    font-size:1.8em
}
.wi-earthquake1:before{
    content:"\f0c6";
    color:rgba(2,29,62,.8);
    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:rgba(2,29,62,.8)
}
.thearrow3{
    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%
}
#beaker:after,#beaker:before,#raintoday:after,.cloudbaseweather34>div:before,.thearrow1:after,.thearrow1:before,.thearrow3:after,.thearrow3:before,.thearrow4:after,.thearrow7:after,.thearrow:after,.thearrow:before{
    content:''
}
.updatedtime{
    position:absolute;
    margin-top:-15px;
    color:#d65b4a;
    font:700 10px arial,system;
    line-height:10px
}
.updatedtime span{
    margin-bottom:0;
    color:#d65b4a;
    font-weight:700;
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
.updatedtimeuv{
    margin-top:-112px;
    color:#d65b4a;
    font:700 10px arial,system;
    line-height:10px;
    padding:3px
}
.updatedtimeuv span{
    color:rgba(2,29,62,.8);
    font-weight:400
}
.updatedtimecurrent{
    margin-top:-15px;
    color:#d65b4a;
    font:700 10px arial,system;
    line-height:10px
}
.updatedtimecurrent span{
    margin-bottom:0;
    color:rgba(2,29,62,.8);
    font-weight:400;
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
.updatedtimealert,.updatedtimedir{
    width:75px;
    font:700 10px arial,system
}
.updatedtimealert{
    margin-top:5px;
    text-align:center;
    margin-left:215px;
    color:#fff;
    line-height:10px
}
.updatedtimealert span{
    margin-bottom:0;
    color:#fff;
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
.updatedtimedir{
    margin-top:-25px;
    text-align:right;
    margin-left:135px;
    position:absolute;
    color:#d65b4a;
    line-height:10px
}
.average,.averageuv,.solarmax{
    font:700 10px arial,system;
    width:100px;
    text-align:right;
    position:absolute
}
.solarenergy,.uvmax{
    text-align:left;
    position:absolute
}
.average,.averageuv{
    margin-top:145px
}
.solarenergy,.solarmax,.uvmax{
    margin-top:140px
}
.solarmax{
    margin-left:168px;
    color:#f5650a
}
.solarmax span{
    color:rgba(2,29,62,.8);
    font:10px arial,system
}
.uvmax{
    width:100px;
    margin-left:27px;
    color:#f5650a;
    font:700 10px arial,system
}
.uvmax span{
    color:rgba(2,29,62,.8);
    font:10px arial,system
}
.solarenergy{
    width:120px;
    margin-left:5px;
    color:rgba(2,29,62,.8);
    font:700 10px arial,system
}
.averagetemp,.averagetempoutside{
    margin-top:-5px;
    position:absolute
}
.solarenergy span{
    color:#87a621;
    font:10px arial,system
}
.averagetemp{
    text-align:center;
    margin-left:-2px;
    font:700 10px arial,system
}
.averagetemp span{
    color:rgba(18,109,193,1);
    font:400 10px arial,system;
    text-align:center;
    margin-left:-5px
}
.averagetemp span2{
    color:rgba(2,29,62,.8)
}
.averagetempoutside{
    width:50px;
    text-align:center;
    margin-left:-2px;
    color:#d65b4a;
    font:700 10px arial,system
}
.averagetempoutside span{
    color:rgba(18,109,193,1);
    font:400 10px arial,system;
    text-align:center;
    margin-left:-5px
}
.averagetempoutside span2,.updatedtimedir span{
    color:rgba(2,29,62,.8)
}
.updatedtimedir span{
    margin-bottom:0;
    font-weight:400;
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
.average{
    margin-left:180px;
    color:#d65b4a;
    font:700 10px arial,system;
    width:120px
}
.average span{
    margin-bottom:0;
    color:rgba(18,109,193,1);
    font-weight:400;
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
.windrunarea{
    position:absolute;
    margin-left:-70px;
    width:100px;
    color:#9aba2f;
    font:700 12px arial,system;
    text-align:left
}
.averageuv{
    margin-left:-45px;
    color:#d65b4a;
    font:700 10px arial,system
}
.averageuv span{
    margin-bottom:0;
    color:rgba(18,109,193,1);
    font-weight:400;
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
.averageindoor{
    margin-left:255px;
    color:rgba(2,29,62,.8);
    font:400 10px arial,system;
    position:absolute;
    margin-top:43px;
    width:85px
}
.averageindoor span{
    margin-bottom:0;
    color:rgba(2,29,62,.8);
    font-weight:400;
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
.barometertrend1{
    margin-left:10px;
    margin-top:130px;
    width:100px;
    text-align:left;
    position:absolute;
    color:#d65b4a;
    font:700 12px arial,system;
    line-height:9px
}
.barometertrend1 hourtrend{
    font:400 9px arial,system;
    color:rgba(2,29,62,.8);
    line-height:9px;
    text-align:left;
    margin-left:15px
}
.barometeravg,.barometermax{
    margin-left:10px;
    width:50px;
    position:absolute;
    text-align:center
}
.barometermin,.indoorunit{
    margin-left:5px;
    position:absolute
}
.barometeravg{
    margin-top:120px;
    color:#d65b4a;
    font:12px arial,system;
    line-height:9px
}
.barometeravg span{
    font:700 10px arial,system;
    color:rgba(2,29,62,.8)
}
.barometeravg unit{
    font:400 10px arial,system;
    color:rgba(2,29,62,.8)
}
.barometermax{
    margin-top:132px;
	margin-left:245px;
    color:rgba(245,101,10,1);
    font:10px arial,system;
    line-height:9px
}
.barometermax span{
    font:700 10px arial,system;
    color:rgba(2,29,62,.8)
}
.barometermax unit{
    font:400 10px arial,system;
    color:rgba(2,29,62,.8)
}
.barometermin{
    margin-top:124px;
    width:50px;
    color:rgba(18,109,193,1);
    font:10px arial,system;
    line-height:9px;
    text-align:center
}
.barometermin span{
    font:700 10px arial,system;
    color:rgba(2,29,62,.8)
}
.barometermin unit{
    font:400 10px arial,system;
    color:rgba(2,29,62,.8)
}
.indoorunit{
    margin-top:45px;
    text-align:left;
    font:10px arial,system;
    color:#fff
}
.mooncircle1,.windicons,:full-screen{
    background:#fff
}
.humidityindoor,.temperatureindoor{
    position:absolute;
    margin-top:25px;
    width:185px;
    color:#fff
}
.humidityindoor{
    margin-left:185px;
    font:400 26px weathertext,arial,system
}
.humidityindoor span{
    margin-bottom:0;
    font-size:12px;
    color:rgba(2,29,62,.8);
    color-adjust:exact;
    font-family:weathertext,arial,system
}
.temperatureindoor{
    margin-left:40px;
    font:400 26px weathertext,arial,system
}
.temperatureindoor span{
    margin-bottom:0;
    font-size:12px;
    color:rgba(2,29,62,.8);
    font-family:weathertext,arial,system
}
indoor15,indoor20,indoor25,indoorless20{
    color:rgba(2,29,62,.8);
    color-adjust:exact;
    font:400 26px weathertext,arial,system
}
.averagedir{
    margin-left:115px;
    margin-top:120px;
    width:auto;
    text-align:center;
    position:absolute;
    color:#d86858;
    font:600 10px arial,system;
    -o-font-smoothing:antialiased;
    -ms-font-smoothing:antialiased
}
.averagedir1,.windrun{
    width:100px;
    position:absolute;
    text-align:center
}
.averagedir span,.averagedir span2{
    margin-bottom:0;
    color:rgba(2,29,62,.8);
    font-weight:600;
    -o-font-smoothing:antialiased;
    -ms-font-smoothing:antialiased;
    font-family:arial,system
}
.averagedir1{
    margin-left:220px;
    margin-top:110px;
    color:#d86858;
    font:600 10px arial,system
}
.averagedir1 span,.averagedir1 span2{
    margin-bottom:0;
    color:rgba(2,29,62,.8);
    font-weight:400;
    -o-font-smoothing:antialiased;
    -ms-font-smoothing:antialiased;
    font-family:arial,system
}
.windrun{
    margin-left:225px;
    margin-top:128px;
    color:rgba(2,29,62,.8);
    font:400 10px arial,system
}
.windrun span{
    color:#d86858;
    font:600 10px arial,system
}
.windalarm span,.windcondition span{
    color:rgba(2,29,62,.8);
    -o-font-smoothing:antialiased;
    font-family:arial,system;
    margin-bottom:0
}
.windicons{
    font-size:0;
    position:absolute;
    margin-top:75px;
    margin-left:135px;
    border:3px solid #e9ebf1;
    border-radius:75%;
    padding:3px
}
.windicons img{
    width:15px;
    height:15px
}
.c,hr{
    height:0
}
.gustspeedtrend,.windspeedtrend{
    margin-top:10px;
    width:75px;
    text-align:center;
    position:absolute
}
.gustspeedtrend,.gustspeedtrend span{
    color:rgba(2,29,62,.8)
}
.gustspeedtrend{
    margin-left:180px;
    font:700 12px arial,system;
    -o-font-smoothing:antialiased
}
.gustspeedtrend span{
    margin-bottom:0;
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
.windspeedtrend{
    margin-left:45px;
    color:#9aba2f;
    font:700 12px arial,system;
    -o-font-smoothing:antialiased
}
.maxrainfallmonth-content,.maxrainfallyear-content{
    -webkit-font-smoothing:antialiased;
    color:rgba(2,29,62,.8)
}
.windspeedtrend span,a,body,html{
    font-family:arial,system
}
.windspeedtrend span{
    margin-bottom:0;
    color:#9aba2f
}
.windunits{
    color:#9aba2f
}
a,body{
    color:rgba(2,29,62,.8)
}
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{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    margin-top:20px;
    margin-bottom:20px;
    border-top:1px solid #eee
}
body{
    font-size:14px;
    line-height:1.42857143
}
.homeweatherinfo,.homeweatherinfo span a,.homeweatherinfo span:first-child,.homeweatherinfo span:last-child{
    font-family:weathertext,system
}
a:hover{
    color:#d65b4a
}
:-webkit-full-screen{
    background:#fff
}
:-moz-full-screen{
    background:#fff
}
:-ms-fullscreen{
    background:#fff
}
:fullscreen{
    background:#fff
}
.homeweatherinfo{
    width:230px;
    height:70px;
    transform:translate(40px,-45px);
    padding:10px
}
.thearrow,.thearrow1{
    -ms-transform-origin:50% 100%;
    -o-transform-origin:50% 100%
}
.homeweatherinfo span:first-child{
    display:block;
    color:#d65b4a;
    font-size:15px
}
.homeweatherinfo span:last-child{
    color:#919191;
    font-size:13px
}
.homeweatherinfo span a{
    color:#545454;
    text-decoration:none
}
.homeweathernotify{
    position:absolute;
    width:300px;
    height:55px;
    background-color:none;
    border-radius:0;
    overflow:hidden;
    top:5px;
    left:25px;
    font-family:Arial,system
}
.homeweathernotify hv{
    font-size:14px;
    font-family:weathertext,Arial,system;
    color:#fff
}
.homeweathernotify uv,.homeweathernotify uvspan{
    font-family:Arial,system
}
.homeweathernotify uv{
    font-size:13px;
    color:rgba(2,29,62,.8);
    font-weight:700
}
.homeweathernotify uvspan{
    font-size:12px;
    color:#fff
}
.homeweathernotify hvempty,.homeweathernotify hvempty span{
    font-family:Arial,system;
    font-size:14px;
    color:#fff
}
.homeweathernotify hvempty{
    position:absolute;
    margin-left:15px;
    top:25px
}
.homeweathernotify hv10,.homeweathernotify hvcold{
    font-size:14px;
    font-family:weathertext,Arial,system;
    color:#fff
}
.homeweathernotify description,.homeweathernotify span{
    font-size:13px;
    font-family:Arial,system
}
.homeweathernotify span{
    margin-top:30px
}
.homeweathernotify description{
    position:absolute;
    margin-top:20px;
    margin-left:2px;
    line-height:12px
}
.homeweathernotify colder,.homeweathernotify warmer{
    color:#fff
}
.text,.windvalue{
    font-family:weathertext,Arial;
    font-size:26px;
    background:#fff;
    color:#878a8c
}
.windirection{
    margin:10px 0 0 85px;
    width:100%
}
.homeweathercompass{
    position:absolute;
    width:175px;
    height:175px;
    text-align:center;
    margin-top:-20px;
    margin-left:-20px;
    z-index:1
}
.text{
    z-index:10;
    margin:60px 0 auto;
    text-align:center
}
.homeweathercompass>.homeweathercompass-line{
    position:absolute;
    z-index:10;
    left:25px;
    right:25px;
    top:25px;
    bottom:25px;
    margin:auto;
    border-radius:50%;
    border-left:8px solid rgba(95,96,97,.5);
    border-top:8px solid rgba(95,96,97,.8);
    border-right:8px solid rgba(95,96,97,.5);
    border-bottom:8px solid rgba(95,96,97,.8);
    -webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,0 100%,0 0);
    -ms-clip-path:polygon(100% 0,100% 100%,100% 100%,0 100%,0 0)
}
.daylightcompass2>.daylightcompass-line2,.homeweathercompass1>.homeweathercompass-line1,.homeweathercompass2>.homeweathercompass-line2,.mooncircle1{
    -webkit-clip-path:polygon(100%0,100%100%,100%100%,0100%,00);
    -ms-clip-path:polygon(100%0,100%100%,100%100%,0100%,00)
}
.thearrow,.thearrow:after{
    left:50%;
    top:0;
    position:absolute
}
.thearrow{
    z-index:200;
    margin-left:-5px;
    width:10px;
    height:50%;
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.thearrow:after{
    height:15px;
    width:15px;
    background-color:#d65b4a;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.thearrow:before{
    width:6px;
    height:6px;
    position:absolute;
    z-index:9;
    left:2px;
    top:-3px;
    border:2px solid #fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.homeweathercompass>.windirectiontext{
    display:block;
    margin:0 0 auto;
    text-align:center;
    color:#878a8c;
    font-family:Arial,system;
    font-weight:600;
    line-height:12px;
    font-size:12px;
    z-index:10
}
.windirectiontext span{
    color:#9aba2f
}
.animated .thearrow,.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
}
.rainvalue{
    font-size:1.1em;
    color:rgba(0,0,0,.6);
    margin-left:30px;
    margin-top:2%;
    line-height:1em;
    font-family:weathertext,Arial,system;
    width:50%
}
.rainvalue span{
    font-size:.6em
}
.raintext1{
    font-size:10px;
    color:rgba(18,109,193,1);
    margin-left:0;
    margin-top:1%;
    font-weight:400;
    line-height:10px;
    font-family:Arial,system
}
.raintext1 span{
    color:rgba(2,29,62,.8);
    font-size:10px
}
.maxrainfallmonth-content,.maxrainfallyear-content{
    line-height:1;
    text-align:center;
    font-family:Arial;
    font-size:.8em
}
.maxrainfallmonth,.maxrainfallyear{
    position:absolute;
    height:60px
}
.maxrainfallmonth{
    border-radius:50%;
    width:60px;
    padding:5px;
    float:right;
    border:1px solid #eee;
    background-size:cover;
    margin-top:10px;
    margin-left:210px
}
.maxrainfallmonth-content{
    float:left;
    margin-top:-.9em;
    padding-top:37%;
    width:100%
}
.maxrainfallyear{
    border-radius:50%;
    width:60px;
    padding:5px;
    float:right;
    border:1px solid #eee;
    -webkit-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
    margin-top:15px;
    margin-left:-7px
}
#daylight,.c{
    background:0
}
.maxrainfallyear-content{
    float:left;
    margin-top:-.9em;
    padding-top:30%;
    width:100%
}
.daylightvalue:before{
    position:absolute;
    content:"Estimated";
    display:block;
    font-size:12px;
    line-height:20px;
    top:-28px;
    left:45px;
    letter-spacing:normal
}
.moonimage,.sunimage{
    left:55px;
    color:#fff;
    line-height:20px;
    position:absolute;
    font-size:10px;
    z-index:1
}
.avgspeedgust,.avgspeedgust span,.avgspeedwind,.homeweathercompass1>.windirectiontext1,.text1,.windalarm,.windcondition,.windseparator,.windvalue1{
    color:rgba(2,29,62,.8)
}
.sunimage{
    top:4px
}
.wi-daylight:before{
    content:"\f06e"
}
.hrstillsunset{
    margin-top:-20px
}
.sunrisehome{
    margin-top:-120px
}
#daylight{
    -webkit-transform:rotate(-85deg);
    -moz-transform:rotate(-85deg);
    -o-transform:rotate(-85deg);
    -ms-transform:rotate(-85deg);
    transform:rotate(-85deg)
}
.thearrow1,.thearrow4,.thearrow7{
    -webkit-transform-origin:50% 100%
}
.daylightbox,.homeweathercompass1>.homeweathercompass-line1{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%
}
.daylightbox,.daylightoutputmoon{
    position:absolute;
    border-radius:50%
}
.daylightbox{
    margin-top:15px;
    margin-left:85px;
    width:120px;
    height:120px
}
.daylightoutput{
    position:absolute;
    z-index:0
}
.daylightoutputmoon{
    flex-direction:column;
    justify-content:center;
    align-items:center;
    top:-2px;
    left:-2px;
    width:160px;
    height:160px;
    border:10px solid #e9ebf1;
    z-index:10
}
.windalarm,.windcondition{
    font:600 9px arial,system;
    position:absolute;
    width:100px;
    text-align:left
}
.windcondition{
    margin-top:-25px;
    margin-left:65px
}
.windalarm{
    margin-top:-26px;
    margin-left:185px
}
.avgspeedgust,.avgspeedwind{
    margin-top:10px;
    width:120px;
    text-align:left;
    position:absolute
}
.avgspeedwind{
    margin-left:30px;
    font:12px arial,system;
    font-weight:600
}
.avgspeedwind span{
    color:rgba(2,29,62,.8);
    font-family:arial,system;
    -o-font-smoothing:antialiased
}
.avgspeedgust{
    margin-left:195px;
    font:12px arial,system;
    font-weight:600
}
.avgspeedgust span{
    font-family:arial,system;
    -o-font-smoothing:antialiased
}
.text1,.text2,.text3,.windvalue1{
    font-family:weathertext,Arial
}
.text1,.windvalue1{
    font-size:26px
}
.windirection1{
    width:100%;
    margin:110px 0 0 85px
}
.homeweathercompass1{
    position:absolute;
    width:175px;
    height:175px;
    text-align:center;
    margin-top:-30px;
    margin-left:70px;
    z-index:1
}
.text1{
    z-index:10;
    text-align:center;
    margin:60px 0 auto
}
.homeweathercompass1>.homeweathercompass-line1{
    position:absolute;
    z-index:10;
    left:25px;
    right:25px;
    top:25px;
    bottom:25px;
    border-radius:50%;
    border-left:8px solid rgba(95,96,97,.5);
    border-top:8px solid rgba(95,96,97,.8);
    border-right:8px solid rgba(95,96,97,.5);
    border-bottom:8px solid rgba(95,96,97,.8);
    margin:auto
}
.thearrow1,.thearrow4,.thearrow7{
    z-index:200;
    -moz-transform-origin:50% 100%
}
.thearrow1,.thearrow1:after{
    left:50%;
    top:0;
    position:absolute
}
.thearrow1{
    margin-left:-5px;
    width:10px;
    height:50%;
    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{
    height:15px;
    width:15px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    -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:#d65b4a
}
.thearrow1:before{
    width:6px;
    height:6px;
    position:absolute;
    z-index:9;
    left:2px;
    top:-3px;
    border:2px solid #fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.homeweathercompass1>.windirectiontext1{
    display:block;
    text-align:center;
    font-family:Arial,system;
    line-height:12px;
    font-size:12px;
    z-index:10;
    margin:0 0 auto
}
.windgustvalue,.windspeedvalue,.windspeedvalues{
    font-family:weathertext,Helvetica,Arial;
    position:absolute
}
.avgspeedgust1 span,.avgspeedwind1 span,.gustspeedtrend1 span,.windspeedtrend1 span{
    margin-bottom:0
}
.windirectiontext1 span{
    color:#d65b4a
}
.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
}
.Circle1,.Circle2{
    animation:enlarge;
    animation-iteration-count:infinite
}
.beaufort1{
    position:absolute;
    margin-top:125px;
    margin-left:15px;
    font-size:10px
}
.windicons1{
    font-size:0;
    position:absolute;
    margin-top:95px;
    margin-left:25px;
    border:3px solid #e9ebf1;
    border-radius:75%;
    padding:3px;
    background:rgba(238,98,29,1)
}
.eqcircle1home,.mooncircle1{
    -moz-border-radius:50%;
    -ms-border-radius:50%
}
.windgustvalue,.windspeedvalue{
    font-size:1.75rem;
    margin-top:45px;
    color:#71767b
}
.windicons1 img{
    width:15px;
    height:15px
}
.windspeedvalues{
    padding-bottom:5px;
    line-height:1em;
    height:50px
}
.gustspeedtrend1,.gustspeedtrend1 span{
    color:rgba(2,29,62,.8);
    font:10px arial,system
}
.windspeedvalue{
    margin-left:25px
}
.windgustvalue{
    margin-left:240px
}
.gustspeedtrend1,.windspeedtrend1{
    margin-top:-13px;
    position:absolute
}
.avgspeedgust1,.avgspeedwind1{
    margin-top:10px;
    width:120px;
    text-align:left;
    position:absolute
}
.gustspeedtrend1{
    width:75px;
    display:block;
    float:left;
    margin-left:230px;
    text-align:center
}
.windspeedtrend1{
    width:100px;
    display:block;
    float:left;
    margin-left:0;
    text-align:center
}
.gustspeedtrend1 span{
    -o-font-smoothing:antialiased;
    -ms-font-smoothing:antialiased
}
.gustspeedtrend1 max{
    color:#d86858
}
.windspeedtrend1,.windspeedtrend1 span{
    color:rgba(2,29,62,.8);
    font:10px arial,system
}
.windspeedtrend1 span{
    -o-font-smoothing:antialiased;
    -ms-font-smoothing:antialiased
}
.windspeedtrend1 max{
    color:#d86858;
    font-weight:600
}
.avgspeedgust1,.avgspeedgust1 span,.avgspeedwind1,.avgspeedwind1 span,.moon,.moon1{
    color:rgba(2,29,62,.8)
}
.avgspeedwind1{
    margin-left:30px;
    font:12px arial,system;
    font-weight:600
}
.avgspeedwind1 span{
    font-family:arial,system;
    -o-font-smoothing:antialiased;
    -ms-font-smoothing:antialiased
}
.avgspeedgust1{
    margin-left:200px;
    font:12px arial,system;
    font-weight:600
}
.avgspeedgust1 span{
    font-family:arial,system;
    -o-font-smoothing:antialiased;
    -ms-font-smoothing:antialiased
}
.mooninfo img,.sun img{
    margin-bottom:3px
}
.moon,.moon1{
    font:400 .9em/.95em arial,system
}
.moon1:before,.moon:before{
    content:"";
    color:rgba(18,109,193,1);
    font:.9em arial,system
}
.mooncircle1{
    position:absolute;
    color:rgba(2,29,62,.8);
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    height:120px;
    width:120px;
    margin-left:0;
    border:4px solid #e9ebf1;
    padding-top:35px;
    font-size:28px;
    font-family:weathertext,arial
}
.mooncircle1 luminance1{
    position:absolute;
    font-size:14px;
    margin-top:-15px;
    color:#d86858;
    display:block;
    text-align:center;
    margin-left:22px
}
.mooncircle1 span{
    color:rgba(2,29,62,.8);
    text-align:center;
    font:200 2em weathertext,arial,system;
    display:block;
    margin-left:0;
    margin-top:-5px
}
.mooncircle1 moonhead1,.moonrise1,.moonset1{
    -o-font-smoothing:antialiased
}
.mooncircle1 moonhead1{
    position:absolute;
    color:#d65b4a;
    text-align:center;
    font-size:18px;
    font-family:Arial,system;
    margin-top:20px;
    margin-left:-45px
}
.moonphase,.moonrise1{
    color:rgba(2,29,62,.8)
}
.moonphase{
    font-size:10px;
    margin:-10px auto 0;
    display:block;
    line-height:14px;
    font-weight:400;
    font-family:Arial,system
}
.moonphasebox{
    width:100%;
    margin:10px 0 0 85px
}
.moonposition{
    font-size:16px;
    line-height:20px;
    padding-top:2px
}
.fullmoon1,.meteorshower,.moonrise1,.moonset1,.newmoon1{
    line-height:10px;
    text-align:center;
    position:absolute;
    padding-top:5px
}
.moonrise1,.moonset1{
    font-size:10px;
    font-family:arial,system
}
.moonrise1{
    margin-top:0;
    margin-left:-80px;
    width:75px
}
.moonrise1 span{
    color:#d86858;
    margin-left:25px
}
.fullmoon1,.meteorshower,.moonset1,.moonset1 span,.newmoon1{
    color:rgba(2,29,62,.8)
}
.meteorshower{
    margin:122px auto;
    font-size:9px;
    width:130px
}
.b>h1,.t{
    margin-bottom:10px
}
.moonset1{
    margin-top:100px;
    margin-left:-80px;
    width:75px
}
.fullmoon1,.newmoon1{
    font-size:10px;
    width:100px
}
.moonset1 span{
    margin-left:15px
}
.fullmoon1{
    margin-top:0;
    margin-left:115px
}
.fullmoon1 span{
    margin-left:8px
}
.newmoon1{
    margin-top:100px;
    margin-left:120px
}
.newmoon1 span{
    margin-left:8px
}
.luminance1{
    padding-top:0;
    margin-top:0;
    font:.9em arial,system;
    width:300px
}
.luminance1:before{
    content:"Phase";
    font-family:arial,system;
    -o-font-smoothing:antialiased;
    color:rgba(18,109,193,1)
}
.feels1{
    position:relative;
    color:#fff;
    margin-left:auto;
    text-align:center;
    z-index:auto;
    margin-top:30px;
    font:.7em arial,system
}
.b{
    padding:70px
}
.c{
    width:0;
    position:fixed;
    bottom:-20px;
    left:2px;
    transition:bottom .5s ease-in-out;
    z-index:99999;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-top-left:4px;
    -moz-border-radius-top-right:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.Circle1,.cl,.indoorcontainer{
    position:absolute
}
.c:target{
    bottom:0;
    z-index:auto
}
.cl{
    color:#fff;
    background:#00a4b4;
    line-height:23px;
    width:32px;
    height:32px;
    padding:2px 5px 2px 2px;
    display:block;
    top:-65px;
    left:5px;
    -webkit-border-radius:75%;
    -moz-border-radius:75%;
    border-radius:75%;
    z-index:auto
}
.cl:hover{
    color:rgba(2,29,62,.8)
}
.ct{
    padding:30px 30px 0
}
.t>label{
    font-size:12px;
    color:#fff
}
.t>input[type=text],.t>textarea{
    font-size:15px;
    color:#fff;
    background:#424242;
    width:100%;
    padding:5px;
    border:0;
    outline:0;
    box-sizing:border-box;
    transition:background .3s ease-in-out,color .3s ease-in-out;
    border-radius:4px
}
.weatherwxsim-container,.weatherwxsim-item,.wuweather-container,.wuweather-item{
    width:960px;
    height:245px;
    font-family:arial,system;
    -ms-font-smoothing:antialiased;
    -o-font-smoothing:antialiased
}
.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:0;
    outline:0;
    padding:8px 12px;
    border-radius:4px;
    cursor:pointer
}
.weatherwxsim-container,.wuweather-container{
    display:flex;
    overflow:hidden;
    list-style:none
}
.a-r,.bt.p,.bt.p:active,.bt:active{
    border-radius:4px;
    cursor:pointer
}
.weatherwxsim-item,.wuweather-item{
    font-size:.8em;
    padding:6px
}
.bt:active{
    background:#f05e40
}
.bt.p{
    color:#fff;
    background:#00a4b4
}
.bt.p:active{
    background:#f05e40
}
.a-r{
    text-align:right
}
#weekday,.outlooktitle,.temptrend{
    text-align:center
}
.wuweather-container{
    margin:5px auto;
    background:0
}
.wuweather-item{
    border:1px solid #383737;
    border-bottom:18px solid #383737;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    margin:0 2px 2px 0;
    background:#2a2e33
}
.weatherwxsim-container{
    margin:5px auto;
    background:0
}
.weatherwxsim-item{
    border:1px solid #383737;
    border-bottom:18px solid #383737;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    margin:0 2px 2px 0;
    background:#2a2e33
}
@media screen and (max-width:768px){
    .weather-container{
        display:inline;
        background-color:none;
        text-rendering:optimizeLegibility;
        -o-font-smoothing:antialiased;
        font-family:arial,system;
        overflow:hidden
    }
    .a,.c,.chart,.chartbarometer,.chartdeprem,.chartdirection,.chartforecast,.chartrainfall,.chartsky,.chartsolar,.charttemperature,.chartwindspeed,.homeweathernotifications,.homeweathernotify,.w34uptime,.weather2-container,.weatherfooter-container,.weatherheather,.weatherwxsim-container,.weatherwxsim-item,.wuweather-container,.wuweather-item,header{
        display:none
    }
    .weather-item{
        float:none;
        width:310px;
        margin:10px auto 0;
        overflow:hidden
    }
    #icon{
        width:55px;
        height:43px;
        float:left;
        padding:5px;
        margin:0 10px -5px
    }
    .c{
        width:auto;
        left:40px;
        right:40px
    }
}
@media screen and (max-width:1024px) and (orientation:portrait){
    .weather-container{
        display:inline;
        width:300px;
        height:200px;
        background-color:none;
        text-rendering:optimizeLegibility;
        -o-font-smoothing:antialiased;
        -ms-font-smoothing:antialiased;
        font-family:arial,system;
        overflow:hidden
    }
    .a,.c,.chart,.chartbarometer,.chartdeprem,.chartdirection,.chartforecast,.chartrainfall,.chartsky,.chartsolar,.charttemperature,.chartwindspeed,.homeweathernotifications,.homeweathernotify,.weather2-container,.weatherfooter-container,.weatherheather,.weatherwxsim-container,.weatherwxsim-item,.wuweather-container,.wuweather-item,header{
        display:none
    }
    .weather-item{
        float:none;
        width:310px;
        margin:10px auto 0;
        overflow:hidden
    }
    .c{
        width:auto;
        left:40px;
        right:40px
    }
}
@media screen and (max-width:640px){
    .weather-container{
        display:inline;
        background-color:none;
        text-rendering:optimizeLegibility;
        -o-font-smoothing:antialiased;
        font-family:arial,system;
        overflow:hidden
    }
    .a,.c,.chart,.chartbarometer,.chartdeprem,.chartdirection,.chartforecast,.chartrainfall,.chartsky,.chartsolar,.charttemperature,.chartwindspeed,.homeweathernotifications,.homeweathernotify,.weather2-container,.weatherfooter-container,.weatherheather,.weatherwxsim-container,.weatherwxsim-item,.wuweather-container,.wuweather-item,header{
        display:none
    }
    .weather-item{
        float:none;
        width:310px;
        margin:10px auto 0;
        overflow:hidden
    }
    #icon{
        width:55px;
        height:43px;
        float:left;
        padding:5px;
        margin:0 0 0 10px
    }
    .c{
        width:auto;
        left:40px;
        right:40px
    }
}
.Indoor,.IndoorTemp,.Indoortitle{
    font-family:weathertext,system;
    font-weight:400;
    left:20px;
    position:absolute
}
.indoorcontainer{
    overflow:hidden;
    z-index:10;
    margin:2px 0 0 -5px;
    height:74px;
    width:303px;
    background-color:#f05e40;
    border-radius:5px;
    color:#fff
}
.Location1,suptemp3{
    color:rgba(2,29,62,.8)
}
.Circle1{
    z-index:100;
    height:80px;
    width:80px;
    right:-20px;
    top:-30px;
    border-radius:50%;
    background-color:rgba(241,125,45,.9);
    animation-duration:5s
}
.Circle2,.Circle3{
    position:absolute;
    right:-50px;
    border-radius:50%
}
.IndoorHumidity,.Location,.Location1{
    font-family:weathertext,system;
    right:20px
}
.Circle2{
    z-index:80;
    height:150px;
    width:150px;
    top:-70px;
    background-color:rgba(241,125,45,.8);
    animation-duration:7s
}
.Circle3{
    z-index:50;
    height:200px;
    width:200px;
    top:-100px;
    background-color:rgba(241,125,45,.7);
    animation:enlarge;
    animation-duration:10s;
    animation-iteration-count:infinite
}
.sun{
    z-index:1000;
    font-size:15px
}
.Indoor,.Indoortitle{
    font-size:16px;
    z-index:1000
}
.Indoor{
    top:0
}
.Indoortitle{
    top:-17px
}
.IndoorTemp{
    z-index:1000;
    font-size:28px;
    bottom:5px
}
.IndoorHumidity,.Location{
    z-index:1000;
    position:absolute;
    font-size:16px
}
.IndoorHumidity{
    top:-5px
}
.Location{
    font-weight:600;
    bottom:5px;
    padding-top:5px
}
.Location1{
    position:relative;
    font-size:13px;
    font-weight:400;
    padding-top:5px;
    top:30px;
    margin-left:155px;
    z-index:100
}
suptemp2{
    color:#fff
}
suptemp3{
    font-size:.5em
}
@keyframes enlarge{
    50%{
        transform:scale(1.2)
    }
}
.temptrend{
    position:absolute;
    margin-top:33px;
    margin-left:13%;
    z-index:auto;
    font-size:0;
    color:#fff;
    font-family:weathertext,Helvetica,Arial,system
}
#wuforecast,#wuforecast:last-child,#wuforecast:nth-child(1n),#wuforecast:nth-child(2n),#wuforecast:nth-child(3n),#wuforecasts{
    -o-font-smoothing:antialiased;
    font-family:arial,system
}
trendmovementfalling,trendmovementrising{
    color:#fff;
    font-size:13px;
    margin-left:15px;
    font-family:weathertext,Helvetica,Arial,system
}
trendmovementsteady{
    color:#fff;
    font-size:12px;
    font-weight:400;
    margin-left:10px;
    font-family:arial,system
}
#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
}
.beaufortconditions,.nexthours{
    display:inline-block;
    font-size:12px
}
#weekday,#wuforecast,#wuforecasts{
    background:0
}
#wuforecasts{
    max-width:420px;
    margin-left:1px;
    margin-right:0
}
#wuforecast{
    float:left;
    width:26%;
    margin:-10px 0 0 15px
}
#wuforecast:last-child,#wuforecast:nth-child(1n),#wuforecast:nth-child(2n),#wuforecast:nth-child(3n){
    margin-right:0;
    border:1px solid #f6f8fc;
    padding:0;
    border-radius:4px;
    background:#fff;
    background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 43%,rgba(250,250,250,1) 43%,rgba(255,255,255,1) 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(43%,rgba(255,255,255,1)),color-stop(43%,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) 43%,rgba(250,250,250,1) 43%,rgba(255,255,255,1) 100%);
    background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 43%,rgba(250,250,250,1) 43%,rgba(255,255,255,1) 100%);
    background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 43%,rgba(250,250,250,1) 43%,rgba(255,255,255,1) 100%);
    background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(255,255,255,1) 43%,rgba(250,250,250,1) 43%,rgba(255,255,255,1) 100%);
    height:135px;
    line-height:15px
}
#weekday{
    margin:0;
    padding:3px;
    font:.8em arial,system;
    -o-font-smoothing:antialiased;
    color:#555
}
#temp,#temp2{
    font:1em arial,system;
    -o-font-smoothing:antialiased;
    font-weight:700
}
#temp{
    color:#d65b4a
}
#temp2{
    color:rgba(18,109,193,1)
}
.kmh,.rain{
    padding-top:5px;
    font:.9em arial,system;
    font-weight:700
}
#icon{
    width:55px;
    height:43px;
    float:left;
    padding:5px;
    margin:0 10px -5px
}
.outlook{
    background:#2a2e33;
    border-radius:4px;
    padding:20px;
    border:1px solid rgba(2,29,62,.8);
    width:600px;
    height:400px;
    margin-left:4%
}
.outlook #dayaftertomoicon,.outlook #dayicon,.outlook #nticon,.outlook #tomoicon{
    background-size:60px;
    height:60px;
    z-index:1
}
.outlook .with-badge:before{
    content:"";
    border:20px solid rgba(18,109,193,1);
    position:absolute;
    top:0;
    left:0;
    border-bottom-color:transparent;
    border-right-color:transparent
}
.outlooktitle{
    color:rgba(2,29,62,.8);
    margin-top:5px;
    font:1em arial,system
}
.outlooktitle span{
    color:rgba(2,29,62,.8);
    font-family:arial,system;
    -o-font-smoothing:antialiased
}
#day,#dayaftertomo,#night,#tomo{
    color:rgba(2,29,62,.8);
    padding:5px;
    border-bottom:0 solid #e9ebf1;
    text-align:left
}
#dayafterraintomo,#rainday,#rainnight,#raintomo{
    color:rgba(18,109,193,1);
    padding:5px;
    border-bottom:0;
    text-align:right;
    margin-top:-10px;
    font-size:.9em
}
.iconcurrentwu img,.iconh3wu{
    margin-top:0;
    position:relative
}
#day{
    font:.9em arial,system
}
#day span,#dayaftertomo span,#tomo span{
    font-family:arial,system;
    -o-font-smoothing:antialiased;
    text-align:left
}
#day span,#tomo span{
    color:rgba(18,109,193,1)
}
#dayaftertomo span{
    color:#d86858
}
#dayaftertomo,#night,#tomo{
    margin-bottom:auto;
    width:90%;
    font:.9em arial,system
}
#night span,.footertext,.notificationinfo,.weather34text{
    -o-font-smoothing:antialiased
}
#night span{
    color:#ff6861;
    font-family:arial,system;
    text-align:left
}
.iconh3wu,.iconh3wu span{
    font-family:Arial;
    font-size:12px;
    color:rgba(2,29,62,.8)
}
#chartdiv{
    width:100%;
    height:500px
}
.iconh3wu{
    margin-left:0;
    margin-bottom:5px;
    line-height:12px;
    padding-top:25px
}
.iconcurrentwu img{
    width:110px;
    height:93px;
    float:left;
    margin-left:10px;
    font-size:0;
    padding-top:10px;
    margin-bottom:-10px
}
.wuspace{
    position:relative;
    width:200px;
    height:50px;
    margin-top:-15px
}
.nexthours{
    position:absolute;
    margin-top:92px;
    font-family:arial,system;
    margin-left:50px
}
.footertext,.weather34text{
    font-family:Arial,system;
    -ms-font-smoothing:antialiased
}
.beaufortconditions{
    position:relative;
    color:rgba(2,29,62,.8);
    width:140px
}
.designedby a,.hardwarelogo2,.notificationinfo,.weather34text{
    position:absolute
}
.notificationinfo{
    font-size:12px;
    color:rgba(2,29,62,.8);
    padding:3px;
    margin-left:40px;
    top:53px
}
.weather34text{
    font-size:16px;
    color:rgba(2,29,62,.8);
    float:left;
    right:5px;
    font-weight:600;
    display:none
}
.designedby a{
    float:left;
    position:absolute;
    text-align:center;
    margin-top:0;
    margin-left:-50px;
    font-size:8px;
    width:100px;
    line-height:9px;
    font-weight:400
}
.hardwarelogo1{
    margin:-7px 0 0;
    padding:0;
    float:left
}
.hardwarelogo2{
    margin-top:-12px;
    margin-left:760px;
    padding:0;
    margin-right:20px
}
.footertext{
    position:relative;
    color:#555;
    font-size:12px;
    justify-content:center;
    align-items:center;
    display:block;
    float:left;
    margin-left:75px
}
.feelstemp,.firerisk,.welcome{
    position:absolute
}
.firerisk{
    text-align:left;
    margin-left:4px;
    color:rgba(2,29,62,.8);
    font:400 12px arial,system
}
.firerisk ext,.firerisk hi,.firerisk lo,.firerisk mod,.firerisk veryhi{
    font:700 12px arial,system;
    text-align:center
}
.firerisk lo{
    color:#9aba2f
}
.firerisk hi{
    color:#f05e40
}
.firerisk mod{
    color:#d86858
}
.firerisk ext{
    color:#7b4468
}
.firerisk veryhi{
    color:#f05e40
}
.feelstemp{
    text-align:left;
    margin-left:3px;
    color:rgba(2,29,62,.8);
    font:400 10px arial,system;
    line-height:10px
}
.feelstemp risk{
    color:#ff793a;
    font:600 10px arial,system
}
wuhourforecastemp{
    color:rgba(2,29,62,.8);
    font-weight:600;
    font-size:12px;
    line-height:12px;
    display:inline-block
}
.welcome{
    font-size:16px;
    font-weight:400;
    width:300px;
    margin-top:25px;
    color:#fff;
    display:inline;
    margin-left:30px
}
.online span,.welcome span{
    color:#f5650a;
    font-weight:600
}
.online{
    color:#f5650a;
    font-size:12px
}
.weatheroffline{
    border-radius:60px;
    border:0 solid rgba(2,29,62,.8);
    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:rgba(2,29,62,.8);
    font-size:10px
}
.weatheroffline:after,.weatheroffline:before{
    content:"";
    left:48%;
    width:2px;
    border-radius:5px;
    position:absolute
}
.weatheroffline:after{
    background-color:#f5650a;
    top:2px;
    height:18px;
    -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(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes weatherofflineani{
    0{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.weatheroffline:before{
    background-color:#0b717a;
    top:6px;
    height:15px;
    -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(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes ptAiguille{
    0{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
*,html{
    box-sizing:border-box
}
.homeweathervertical-text{
    margin-top:50px;
    margin-left:160px;
    -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:rgba(2,29,62,.8);
    opacity:.5;
    float:left
}
.homeweathervertical-text span{
    color:#9aba2f
}
.blank{
    display:none
}
.wuforecastbackground{
    background:0
}
.cloudbase{
    position:absolute;
    color:rgba(2,29,62,.8);
    font-size:12px;
    margin-top:55px;
    margin-left:85px;
    line-height:13px
}
.lightningrain,.rainaverage{
    position:absolute;
    font-size:10px;
    line-height:12px;
    font-weight:700
}
.lightningrain{
    color:rgba(2,29,62,.8);
    margin-top:142px;
    margin-left:0
}
.lightningrain span{
    color:#d86858;
    font-weight:700
}
.rainaverage{
    margin-top:143px;
    width:100px;
    color:rgba(2,29,62,.8);
    margin-left:200px
}
.rainaverage span{
    color:#01a4b4
}
batterypoor,lightningrain{
    color:#d86858
}
batterygood{
    color:#9aba2f
}
lightningrain{
    font-size:18px;
    line-height:17px;
    display:block;
    font-family:weathertext,arial;
    font-weight:400
}
.weather34box-toparea{
    margin:0;
    width:100%
}
.weather34box{
    border:1px solid rgba(230,232,239,.7);
    border-top:1;
    border-bottom:1;
    color:rgba(2,29,62,.8);
    float:left;
    padding:5px;
    position:relative;
    width:24.75%;
    height:83px;
    margin:-3px 2px 0 0
}
.weather34box .title{
    position:absolute;
    font-family:arial,helvetica;
    font-size:9px;
    color:rgba(2,29,62,.8);
    float:left;
    top:2px;
    background:#f5f7fc;
    padding:1px 5px 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px
}
.weather34box .value{
    position:absolute;
    font-size:26px;
    font-weight:lighter;
    padding:0 3px;
    color:rgba(2,29,62,.8);
    float:left;
    top:0
}
.weather34box.alert span,.weather34box.clock span,.weather34box.clock value,.weather34box.earthquake span,.weather34box.indoor span{
    font-weight:400;
    color:rgba(2,29,62,.8)
}
.weather34box.alert,.weather34box.clock,.weather34box.earthquake,.weather34box.indoor{
    background-color:#fff;
    -webkit-box-shadow:inset 0 18px #f6f8fc;
    box-shadow:inset 0 18px #f6f8fc;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.homehumidityindoor{
    margin-left:70px;
    color:rgba(2,29,62,.8);
    font:400 12px arial,system;
    position:absolute;
    margin-top:20px;
    width:185px
}
.homehumidityindoor span{
    color:rgba(2,29,62,.8);
    font-size:22px;
    font-family:weathertext,arial
}
.hometemperatureindoor{
    margin-left:0;
    color:rgba(2,29,62,.8);
    font:400 12px arial,system;
    position:absolute;
    margin-top:23px;
    width:120px
}
.hometemperatureindoor span{
    color:rgba(2,29,62,.8);
    font-size:12px
}
homeindoor15,homeindoor20,homeindoor25,homeindoorless20{
    color:rgba(2,29,62,.8);
    font:400 22px weathertext,arial,system
}
homeindoor20 span,homeindoor25 span{
    color:rgba(2,29,62,.8)
}
.homeindoorfeels{
    -o-font-smoothing:antialiased;
    border-radius:3px;
    padding:0;
    text-align:left
}
.circlelightning,.eqcircle1home{
    -webkit-border-radius:50%;
    -o-border-radius:50%
}
.homeindoorfeels span{
    color:rgba(2,29,62,.8);
    font-weight:600
}
.homeindoorfeels spancold,.homeindoorfeels spancolder,.homeindoorfeels spancomfortable,.homeindoorfeels spancooler,.homeindoorfeels spanuncomfortable,.homeindoorfeels spanwarmer{
    color:rgba(2,29,62,.8);
    font-weight:400
}
homesuptemp,homesuptemp1{
    font-size:.5em;
    vertical-align:text-top;
    margin-left:-7px;
    color:rgba(2,29,62,.8)
}
homesuptempindoor{
    color:rgba(2,29,62,.8);
    font-size:.4em;
    margin-left:-10px
}
homeam,homepm{
    font-size:12px;
    font-weight:400
}
homepm{
    color:rgba(2,29,62,.8)
}
.homeweatheralert{
    position:absolute;
    font-family:weathertext,Arial,system;
    margin-left:-40px;
    color:#fff
}
.homeweatheralert alert,.homeweatheralert alertspan,.homeweatheralert description,.homeweatheralert noalert,.homeweatheralert noalert span,.homeweatheralert rain span,.homeweatheralert span2,.homeweatheralert uvalert span{
    font-family:Arial,system
}
.homeweatheralert spanbold{
    font-weight:600
}
.homeweatheralert alert{
    font-size:13px;
    color:rgba(2,29,62,.8);
    font-weight:400
}
.homeweatheralert alertspan,.homeweatheralert span2{
    font-size:12px;
    color:rgba(2,29,62,.8)
}
.homeweatheralert description{
    margin-top:20px;
    margin-left:2px;
    font-size:13px;
    line-height:12px
}
.homeweatheralert colder,.homeweatheralert warmer{
    color:rgba(2,29,62,.8)
}
.homeweatheralert rain{
    color:rgba(2,29,62,.8);
    font-size:22px
}
.homeweatheralert rain span{
    color:rgba(2,29,62,.8);
    font-size:12px
}
.homeweatheralert uvalert{
    color:rgba(2,29,62,.8);
    font-size:22px
}
.homeweatheralert uvalert span{
    color:rgba(2,29,62,.8);
    font-size:12px
}
.homeweatheralert noalert,.homeweatheralert noalert span{
    color:rgba(2,29,62,.8);
    font-size:14px;
    font-weight:400
}
.homehardwarestatus{
    position:absolute;
    margin-left:70px;
    top:20px;
    color:rgba(2,29,62,.8);
    font-family:arial,system;
    font-size:10px;
    width:200px;
    font-weight:400
}
spanbluemag,spangreenmag,spanredmag,spanyellowmag{
    font-family:weathertext,Arial,system;
    line-height:38px
}
.homehardwarestatus online{
    color:#f5650a
}
.homehardwarestatus offline{
    color:#f23a30;
    font-weight:600
}
.eqcircle1home{
    height:42px;
    width:42px;
    display:table-cell;
    text-align:center;
    border-radius:50%;
    position:absolute;
    top:40px;
    border:.12rem solid rgba(57,61,64,.1)
}
spanbluemag{
    color:#01a4b4;
    font-size:18px;
    font-weight:400
}
spangreenmag,spanredmag,spanyellowmag{
    color:#f23a30;
    font-size:17px;
    font-weight:400
}
.spane,magnitudesymbol{
    color:rgba(2,29,62,.8)
}
magnitudesymbol{
    font-size:12px;
    vertical-align:top;
    line-height:38px
}
.spane{
    position:absolute;
    font-size:11.5px;
    font-family:Arial,system;
    font-weight:400;
    margin:27px auto 0 20px;
    text-align:center;
    width:200px
}
.eqtexthome,.sunlightday{
    font:10px arial,system
}
.eqcircle1home regionalmoderate{
    color:rgba(2,29,62,.8);
    top:-10px
}
regionalminor,regionalstrong{
    color:#f5650a
}
.eqtexthome{
    position:absolute;
    color:rgba(2,29,62,.8);
    float:left;
    width:160px;
    padding-left:12px;
    margin-left:35px;
    margin-top:40px;
    line-height:10px;
    font-weight:600;
    text-transform:capitalize
}
.eqtexthome color,colordepth,colordist,colortext{
    font-weight:600;
    line-height:10px;
    color:#fff
}
colortext{
    font-size:12px
}
colordepth,colordist{
    font-size:10px
}
colordist{
    margin-left:5px
}
.eqcirclehomeregional{
    position:absolute;
    margin-top:-20px;
    margin-left:-30px;
    font-family:weathertext,Arial,system;
    font-size:26px;
    line-height:15px;
    color:#fff
}
.eqcircle1homeregional,.eqcircle2homeregional,.eqcircle3homeregional,.eqcircle4homeregional{
    position:absolute;
    margin-top:30px;
    font-family:weathertext,Arial,system;
    font-size:26px;
    line-height:12px;
    color:#fff
}
.eqtexthomeregional{
    color:rgba(2,29,62,.8);
    float:left;
    width:300px;
    margin-left:30px;
    margin-top:15px;
    font:9px arial,system;
    line-height:12px;
    font-weight:600
}
.eqtexthomeregional color,.eqtexthomeregional colordist{
    font-weight:600;
    line-height:9px;
    color:rgba(2,29,62,.8)
}
.eqtexthomeregional colordepth,.eqtexthomeregional colortext{
    color:rgba(2,29,62,.8);
    font-weight:600;
    font-size:9px;
    line-height:9px
}
spanm2,wxctime{
    line-height:15px
}
.earthquakestatus{
    position:absolute;
    margin-left:60px;
    top:60px;
    color:rgba(2,29,62,.8);
    font-family:arial,system;
    font-size:10px;
    width:200px;
    font-weight:400
}
spanblue,spanm4{
    color:#fff
}
spanm,spanm2{
    font-family:Arial,system;
    color:rgba(2,29,62,.8)
}
spanm{
    font-size:12px
}
spanm2{
    font-size:14px;
    margin-top:40px;
    font-weight:400
}
spanm4{
    font-weight:600
}
spanm5{
    color:rgba(2,29,62,.8);
    font-size:12px
}
spangreen,spanred,spanyellow{
    color:#f5650a;
    margin-top:50px;
    line-height:54px
}
spanheat{
    color:rgba(2,29,62,.8);
    font-size:22px
}
spangredbig,spangreenbig,spanyellowbig{
    font-family:weathertext,Arial,system;
    color:rgba(2,29,62,.8);
    font-size:26px;
    float:left;
    line-height:33px;
    font-weight:400
}
strength{
    font-size:13px;
    color:rgba(2,29,62,.8);
    font-family:Arial,system;
    font-weight:400
}
.cumulussunshine{
    margin-left:0;
    color:rgba(211,93,78,1);
    font:400 12px arial,system;
    position:absolute;
    margin-top:20px;
    width:120px
}
.cumulusisitsunny,.cumulusmaxsolar{
    position:absolute;
    width:180px;
    color:rgba(211,93,78,1)
}
.clockiconsvg,.lowtemp,.maxtemp,lowtempspan,maxtempspan{
    color:rgba(2,29,62,.8)
}
cumulussunshinespan{
    color:#777;
    font:400 18px weathertext,arial,system
}
cumulussunshinesuptemp{
    font-size:12px;
    margin-left:7px;
    color:#777
}
.cumulusisitsunny{
    margin-left:50px;
    font:400 12px arial,system;
    margin-top:25px
}
cumulusisitsunny{
    font:400 26px weathertext,arial,system;
    font-size:.4em;
    margin-left:-7px;
    color:rgba(211,93,78,1)
}
.cumulusmaxsolar{
    margin-left:50px;
    font:400 12px arial,system;
    margin-top:40px
}
cumulusmaxsolarspan{
    color:#fff;
    font:400 26px weathertext,arial,system
}
cumulusmaxsolarsuptemp{
    font-size:.4em;
    margin-left:-7px;
    color:#fff
}
.clockiconsvg{
    position:relative;
    top:25px;
    margin-left:150px;
    opacity:.5
}
.lowtemp,.maxgust,.maxtemp,.maxwind,.monthrain,.yearrain{
    position:absolute;
    width:220px;
    min-width:220px
}
.maxtemp{
    margin-left:0;
    font:400 12px arial,system;
    margin-top:20px
}
maxtemptitle{
    color:#fff
}
maxtempspan{
    font:400 20px weathertext,arial,system
}
maxtempsuptemp{
    font-size:.4em;
    margin-left:3px;
    color:#fff
}
maxtemptime{
    font-size:10px;
    margin-left:-3px;
    color:#fff
}
.lowtemp{
    margin-left:0;
    font:400 12px arial,system;
    margin-top:45px
}
lowtemptitle{
    color:#fff
}
lowtempspan{
    font:400 20px weathertext,arial,system
}
lowtempsuptemp{
    font-size:.4em;
    margin-left:3px;
    color:#fff
}
lowtemptime{
    font-size:10px;
    margin-left:-6px;
    color:#fff
}
.maxwind{
    margin-left:0;
    color:rgba(2,29,62,.8);
    font:400 12px arial,system;
    margin-top:20px
}
maxgusttitle,maxwindtime,maxwindtitle{
    color:#fff
}
.maxgust,maxgusttime{
    margin-left:-2px;
    color:#fff
}
.yearrain,maxgustspan,maxwindspan{
    color:rgba(2,29,62,.8)
}
maxwindspan{
    font:400 20px weathertext,arial,system
}
maxwindtime{
    font-size:10px;
    margin-left:1px
}
.maxgust{
    font:400 12px arial,system;
    margin-top:45px
}
maxgustspan{
    font:400 20px weathertext,arial,system
}
maxgusttime{
    font-size:10px
}
.yearrain{
    margin-left:0;
    font:400 12px arial,system;
    margin-top:20px
}
.yearrain span{
    margin-left:2px;
    color:#fff
}
yearraintitle{
    color:#fff
}
yearrainspan{
    color:rgba(2,29,62,.8);
    font:400 18px weathertext,arial,system
}
yearraintime{
    font-size:10px;
    margin-left:1px;
    color:#fff
}
.monthrain{
    margin-left:0;
    color:rgba(2,29,62,.8);
    font:400 12px arial,system;
    margin-top:40px
}
monthraintitle,spanalert,sunshineicon{
    color:#fff
}
monthrainspan{
    color:#fff;
    font:400 18px weathertext,arial,system
}
monthraintime{
    font-size:10px;
    margin-left:1px;
    color:#fff
}
.hoursago{
    font-size:12px;
    color:#fff;
    font-family:Arial,system;
    font-weight:400;
    margin-top:-34px;
    width:200px;
    margin-left:30px
}
.cloudbase34,.weather34forecast,.weather34forecastz{
    color:rgba(2,29,62,.8);
    position:absolute
}
.weather34forecast{
    font-size:12px;
    width:280px;
    text-align:center;
    margin:32px 2px auto 25px;
    line-height:12px;
    padding:3px
}
.cloudbase34{
    font-size:12px;
    margin-top:85px;
    margin-left:85px;
    line-height:13px
}
.weather34forecastz{
    font-size:.83em;
    width:285px;
    text-align:center;
    margin:30px 5px auto;
    line-height:12px;
    padding:3px
}
.weather34forecastz span{
    color:#d86858
}
.weather34forecastz spancooler{
    color:#01a4b4
}
.weather34forecastz spanovcast{
    color:#898989
}
.weather34forecastz spanstronger{
    color:#d65b4a
}
.circlelightning,.cloudbase34z{
    position:absolute;
    color:rgba(2,29,62,.8)
}
.cloudbase34z{
    font-size:12px;
    margin-top:0;
    margin-left:140px;
    line-height:12px
}
.circlelightning,.circlewindchill{
    text-align:center;
    -ms-border-radius:50%;
    height:42px;
    display:table-cell;
    vertical-align:middle;
    -moz-border-radius:50%;
    line-height:40px;
    font-weight:400
}
.circlelightning{
    width:42px;
    border-radius:50%;
    top:35px;
    border:.12rem solid #e9ebf1;
    font-size:17px;
    font-family:weathertext,Arial,system
}
spanefreezing,spanelightning{
    font-size:12px;
    font-family:Arial,system;
    top:-3px;
    width:200px;
    position:absolute;
    font-weight:400;
    left:20px
}
.circleindoortemp,.circleindoortemphot,.circleindoortempwarm,.circlewindchill{
    -webkit-border-radius:50%;
    position:absolute
}
spanelightning{
    color:rgba(211,93,78,1)
}
spanefreezing{
    color:#4cb1bd
}
.circlewindchill,spanunit,spanunitf,svglightning{
    font-family:weathertext,Arial,system;
    color:#fff
}
spanunit{
    font-size:10px;
    margin-left:3px
}
spanunitf{
    font-size:12px;
    margin-left:3px
}
.circlewindchill{
    width:42px;
    -o-border-radius:50%;
    border-radius:50%;
    top:35px;
    border:.12rem solid #e9ebf1;
    font-size:16px
}
.circleindoortemp,.circleindoortemphot,.circleindoortempwarm,.circlemaxtemp{
    height:43px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    background:0
}
.circlelowtemp,.circlemaxgust,.circlemaxwind{
    height:40px;
    display:table-cell;
    text-align:center;
    vertical-align:middle
}
spanewindchill{
    position:absolute;
    font-size:12px;
    color:#fff;
    font-family:Arial,system;
    font-weight:400;
    top:0;
    width:200px;
    left:20px
}
svgwindchill{
    color:#fff;
    font-family:weathertext,Arial,system
}
.cloudbasewd,.weatherdisplayforecast{
    color:rgba(2,29,62,.8);
    font-size:12px;
    position:absolute
}
.weatherdisplayforecast{
    width:280px;
    text-align:center;
    margin:42px 2px auto;
    line-height:12px;
    padding:3px
}
.cloudbasewd{
    margin-top:105px;
    margin-left:85px;
    line-height:13px
}
.circleindoortemp,.circleindoortemphot,.circleindoortempwarm{
    width:43px;
    border-radius:50%;
    top:20px;
    border:.12rem solid #e9ebf1;
    font-size:16px;
    line-height:41px;
    color:rgba(211,93,78,1);
    font-weight:400;
    font-family:weathertext,Arial,system
}
.circlelowtemp,.circlemaxgust,.circlemaxtemp,.circlemaxwind{
    line-height:39px;
    position:absolute
}
.homeindoorhum,spaneindoortemp{
    font-size:13px;
    font-weight:400;
    position:absolute
}
spaneindoortemp{
    color:#fff;
    font-family:Arial,system;
    top:-10px;
    width:30px;
    left:35px
}
.circlemaxtemp,.homeindoorhum,spanehomeindoorhum,svgindoortemp{
    font-family:weathertext,Arial,system;
    color:#fff
}
.homeindoorhum{
    margin-left:45px;
    top:30px;
    width:200px
}
spanhomeindoorvalue{
    color:#fff
}
spanehomeindoorhum{
    position:absolute;
    font-size:12px;
    font-weight:400;
    top:-5px;
    width:200px;
    left:42px
}
.homeindoorfeels,spanefeels,spanfeelstitle,spanhomeindoorhumtitle{
    font-size:13px;
    font-family:weathertext,Arial,system;
    width:200px;
    font-weight:400;
    color:rgba(2,29,62,.8)
}
.homehardwareindoorfeels,spanindoortempfalling,spanindoortemprising,spanindoortempsteady,spanmaxtemp{
    color:#fff
}
spanhomeindoorhumtitle{
    top:10px;
    left:10px
}
.homeindoorfeels{
    position:absolute;
    margin-left:95px;
    top:50px
}
spanefeels{
    position:absolute;
    top:-5px;
    left:85px
}
spanfeelstitle{
    top:10px;
    left:10px
}
.hometemperatureindoortrend{
    margin-left:13px;
    position:absolute;
    margin-top:34px;
    width:15px
}
.circlemaxtemp{
    width:40px;
    -webkit-border-radius:50%;
    border-radius:50%;
    top:2px;
    border:.12rem solid #e9ebf1;
    font-size:16px;
    font-weight:400;
    margin-left:20px
}
.circlelowtemp,.circlemaxwind{
    -webkit-border-radius:50%;
    font-weight:400;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%
}
spanmaxtemp{
    position:absolute;
    font-size:13px;
    font-family:Arial,system;
    font-weight:400;
    top:-10px;
    width:100px;
    left:12px
}
.circlelowtemp,svgmaxtemp{
    color:#fff;
    font-family:weathertext,Arial,system
}
.circlelowtemp{
    width:40px;
    border-radius:50%;
    top:2px;
    border:.12rem solid #e9ebf1;
    font-size:16px;
    margin-left:120px
}
spanlowtemp{
    position:absolute;
    font-size:13px;
    color:#white;
    font-family:Arial,system;
    font-weight:400;
    top:-10px;
    width:100px;
    left:12px
}
.circlemaxwind,svglowtemp{
    font-family:weathertext,Arial,system;
    color:#fff
}
.circlemaxgust,spanmaxgust,svgmaxwind{
    color:rgba(2,29,62,.8)
}
.circlemaxwind{
    width:40px;
    border-radius:50%;
    top:4px;
    border:.12rem solid #e9ebf1;
    font-size:16px;
    margin-left:20px
}
.circlemaxgust,.circlerainyear{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%
}
spanmaxwind,spanwindtitle{
    font-size:11px;
    color:rgba(2,29,62,.8);
    width:100px;
    left:15px;
    position:absolute;
    font-weight:400
}
spanmaxwind{
    font-family:Arial,system;
    top:-10px
}
svgmaxwind{
    font-family:weathertext,Arial,system
}
spanwindtitle{
    font-family:Arial,system;
    top:0
}
.circlemaxgust{
    width:41px;
    border-radius:50%;
    top:4px;
    border:.12rem solid #e9ebf1;
    font-size:16px;
    font-weight:400;
    font-family:weathertext,Arial,system;
    margin-left:120px
}
spanmaxgust{
    position:absolute;
    font-size:13px;
    font-family:Arial,system;
    font-weight:400;
    top:-10px;
    width:100px;
    left:12px
}
svgmaxgust{
    color:#01a4b4;
    font-family:weathertext,Arial,system
}
.circlerainmonth,.circlerainyear{
    height:2.7rem;
    width:2.7rem;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    top:4px;
    line-height:40px;
    font-family:weathertext,Arial,system;
    font-weight:400;
    color:rgba(0,154,171,1);
    position:absolute;
    background:0
}
.rainannual,svgearthquake{
    display:block;
    position:absolute
}
.homeindoordate,spanrain,svgrain{
    color:rgba(2,29,62,.8)
}
.circlerainyear{
    border-radius:50%;
    border:.1rem solid #e9ebf1;
    margin-left:20px;
    font-size:15px
}
.circlerainmonth,.solarpoor{
    -webkit-border-radius:50%;
    -o-border-radius:50%
}
.circlerainmonth{
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:.12rem solid #e9ebf1;
    margin-left:120px;
    font-size:15px
}
spanrain{
    position:absolute;
    font-size:13px;
    font-family:Arial,system;
    font-weight:400;
    top:-10px;
    width:100px;
    left:12px
}
.homeindoordate,am,pm{
    font-size:12px;
    font-weight:400
}
svgrain{
    font-family:weathertext,Arial,system
}
.w34logo{
    float:right;
    margin-right:40px;
    margin-top:-35px
}
.homeindoordate{
    position:absolute;
    text-transform:none;
    top:23px;
    right:40px;
    font-family:Arial,system;
    width:200px;
    list-style:none
}
ored,ored1{
    color:#d65b4a
}
blue,firealert,green,orange,red{
    color:rgba(0,154,171,1)
}
firealert{
    font-size:13px;
    top:45px;
    float:left;
    margin-left:25px
}
.solarpoor,.weather34cloud{
    position:absolute;
    font-size:12px
}
svgearthquake{
    top:13px;
    left:15px
}
blue,fall,oblue{
    color:#01a4b4
}
oorange,orange,rise{
    color:#d86858
}
green,ogreen{
    color:#9aba2f
}
ored1{
    font-family:weathertext,Arial,system;
    font-size:16px
}
.weather34cloud{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    color:rgba(2,29,62,.8);
    margin-left:200px;
    margin-top:0;
    font-weight:400;
    font-family:weathertext,arial,system;
    max-height:120px
}
.wu34i p:first-of-type,.wu34wxc,.wu34wxc1,.wu34wxc2{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(233,235,241,0.3)', endColorstr='white', GradientType=0)
}
.solardark,.solargood,.solarlow,.solarmoderate,.solarpoor,.solarverygood{
    margin-top:5px;
    height:60px;
    width:60px;
    margin-left:40px
}
.solardark,.solarpoor{
    font-weight:400;
    color:#4e5a69;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    line-height:14px;
    font-family:Arial,system
}
.solarpoor{
    padding-top:18px;
    border-radius:50%;
    border:3px solid #e9ebf1;
    background:0
}
.solardark,.solargood,.solarlow,.solarmoderate{
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    position:absolute
}
.solardark{
    border-radius:50%;
    border:3px solid #e9ebf1;
    padding-top:15px;
    font-size:12px;
    background:0
}
.solargood,.solarlow,.solarmoderate{
    -moz-border-radius:50%;
    -ms-border-radius:50%
}
.solargood,.solarlow,.solarmoderate,.solarverygood{
    padding-top:18px;
    font-family:weathertext,Arial,system;
    font-size:18px;
    line-height:14px
}
.solarlow{
    border-radius:50%;
    border:3px solid #e9ebf1;
    font-weight:400;
    color:#9aba2f
}
.solargood,.solarmoderate{
    border-radius:50%;
    border:3px solid #e9ebf1;
    color:#ee7259;
    font-weight:400
}
.solarverygood{
    position:absolute;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:3px solid #e9ebf1;
    color:#716098;
    background:0
}
.uv01a,.uv03a,.uv1112a,.uv35a,.uv67a,.uv810a,.uvi1112a{
    width:65px;
    height:65px;
    text-align:center
}
grey{
    font-size:10px
}
.uv01a,.uv03a,.uv35a,.uv67a,.uv810a,.uvi1112a{
    border-radius:50%;
    margin-left:40px;
    color:#fff;
    border:2px solid #e9ebf1
}
.uvi810a span,p{
    color:#fff
}
.uvi1112a{
    padding-top:20px;
    font:1.7em Helvetica,Arial,Helvetica;
    margin-top:-5px;
    line-height:40px
}
.uv01a,.uv03a,.uv1112a,.uv35a,.uv67a,.uv810a{
    padding-top:3%;
    margin-top:-5px
}
.uv01a,.uv03a{
    font:2em weathertext,arial,system;
    font-weight:400
}
.uv01a{
    background:rgba(42,46,51,.8)
}
.uv03a{
    background:#9aba2f
}
.uv35a,.uv67a{
    font:2em weathertext,arial,system
}
.uv35a,.uv67a,spaneboltek{
    font-weight:400
}
.aqi01a,.aqi03a,.uv810a{
    font:2em weathertext,arial,system
}
.uv35a{
    background:#e48f4c
}
.aqi03a,.aqi35a,.uv1112a{
    border-radius:50%;
    margin-left:40px
}
.uv67a{
    background:#ee7259
}
.uv810a{
    font-weight:400;
    background:#d15e52
}
.uv1112a{
    color:#fff;
    border:2px solid #e9ebf1;
    background:#716098;
    font:1.9em weathertext,Arial,system
}
uvia{
    font-size:.3em;
    text-align:center;
    position:absolute;
    color:#fff;
    margin:30px auto 0 -32px
}
.weather34-cloudbase-bar .bar-inner:after{
    background:rgba(1,164,180,.9);
    width:80px;
    padding:0;
    margin-left:0;
    top:0;
    font-size:10px;
    font-family:Arial,system;
    font-weight:600;
    shape-rendering:crispEdges;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.cloudbaseweather34{
    position:absolute;
    font-family:Arial,system;
    width:114px;
    max-width:114px;
    height:120px;
    margin:19px 0 0 95px;
    background:url(rain/markercloud.svg) bottom no-repeat;
    background-color:rgba(63,71,79,.8);
    border:4px solid #e9ebf1;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    shape-rendering:crispEdges
}
.cloudbaseweather34>div{
    text-align:center;
    font-size:0;
    shape-rendering:crispEdges;
    position:absolute;
    bottom:0;
    width:100%;
    margin:0;
    border-top:dotted 1px rgba(255,255,2555,1)
}
.cloudbaseweather34>div:after{
    background:#d86858;
    width:120px;
    padding:1px 3px;
    margin-left:3px;
    bottom:3px;
    font-size:12px;
    font-family:Arial,Helvetica;
    font-weight:600;
    shape-rendering:crispEdges;
    color:#fff;
    opacity:1
}
.cloudbaseweather34>div:before{
    position:absolute;
    font-size:0;
    width:0;
    margin-top:0;
    height:0;
    border-left:0 solid transparent;
    border-right:0 solid transparent;
    border-bottom:0 solid rgba(255,255,255,1);
    margin-left:-10px
}
.cloudbaseweather34.clear>div{
    background-color:rgba(255,255,255,.4)
}
spaneboltek{
    font-size:12px;
    position:absolute;
    color:rgba(2,29,62,.8);
    font-family:Arial,system;
    top:-10px;
    width:130px;
    left:20px
}
spanboltekdist,spanbolteklast{
    font-size:12px;
    font-family:weathertext,Arial,system;
    font-weight:400;
    color:rgba(2,29,62,.8);
    position:absolute
}
.weather34rainrate,.weather34rainrate span{
    font-family:weathertext,arial,system
}
spanboltekdist{
    width:160px;
    top:10px;
    left:-10px
}
spanbolteklast{
    width:180px;
    top:5px;
    left:-32px
}
.weather34-rainrate-bar{
    position:absolute;
    height:100px;
    width:30px;
    margin-left:230px;
    margin-top:38px
}
.weather34-rainrate-bar .bar{
    shape-rendering:crispEdges;
    background:url(rain/rainrulerw34.svg) no-repeat;
    width:37px;
    border:1px solid rgba(57,61,64,.1);
    border-bottom:5px solid rgba(57,61,64,.1);
    border-top:3px solid rgba(57,61,64,.1);
    -webkit-border-radius:1px 1px 2px 2px;
    position:absolute;
    bottom:0
}
.weather34-rainrate-bar .bar-1{
    height:100px;
    max-height:100px
}
.weather34-rainrate-bar .bar-inner{
    shape-rendering:crispEdges;
    background:url(rain/water.svg);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
.main-menu,.main-menu:hover,nav.main-menu.expanded{
    background:rgba(42,46,51,.95);
    overflow:hidden;
    opacity:1
}
.weather34rainrate{
    position:absolute
}
.rainannual{
    margin-left:3px;
    margin-top:35px;
    color:#d86858;
    font-weight:600;
    font-family:arial,system;
    width:70px;
    border:2px solid rgba(57,61,64,.1);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    font-size:12px;
    padding:3px
}
.main-menu a,.main-menu li,.main-menu li>a,.main-menu menu,ogrey,raingrey{
    font-weight:400
}
rainblue{
    color:#01a4b4;
    font-size:12px
}
raingrey{
    color:rgba(2,29,62,.8);
    font-size:10px
}
.rainblue1{
    color:#01a4b4;
    font-size:10px;
    bototm:5px
}
.windgrey1{
    color:rgba(2,29,62,.8);
    font-size:10px;
    top:3px;
    left:0
}
.windsvg{
    top:3px;
    margin-right:5px;
    left:0;
    padding:3px
}
.circlelightning3{
    width:43px;
    height:43px;
    top:34px;
    border:0;
    color:#fff;
    position:absolute;
    line-height:35px
}
.active a.area,.main-menu .nav-text,.main-menu a,.main-menu li,nav,nav li,nav ul{
    color:rgba(2,29,62,.8)
}
.main-menu:hover,.settings,nav.main-menu.expanded{
    width:250px
}
.main-menu .nav-text,.main-menu li>a,.settings{
    font-size:12px;
    font-family:Arial,system
}
oblueh1,ogreenh1,ogrey,ogreyh1,oorangeh1,oredh1{
    font-family:Arial,Helvetica;
    font-size:.9em
}
.settings{
    height:73px;
    float:right;
    margin:0;
    font-size:20px
}
.main-menu,.main-menu li>a,.main-menu menu{
    font-size:12px;
    color:rgba(2,29,62,.8)
}
.main-menu{
    position:absolute;
    top:0;
    bottom:0;
    height:100%;
    left:0;
    width:60px;
    z-index:10;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    border-bottom-right-radius:4px
}
.main-menu li,.main-menu li>a{
    width:250px;
    position:relative
}
.main-menu menu{
    position:relative;
    padding-left:5px;
    display:inline;
    top:5px
}
.main-menu>ul{
    margin:5px 0
}
.main-menu li{
    display:block
}
.main-menu li>a{
    display:table;
    border-collapse:collapse;
    border-spacing:0;
    border-top:0 solid #2A2E33;
    float:left
}
.main-menu .nav-text{
    position:relative;
    display:table-cell;
    vertical-align:middle;
    width:190px;
    float:left;
    margin-left:60px
}
aqigrey,supdavis{
    vertical-align:top
}
.ozonegood,.ozonemoderate,.ozoneverygood,aqia,aqialo,aqiap,aqigrey{
    position:absolute
}
.no-touch .scrollable.hover{
    overflow-y:hidden;
    display:none
}
.no-touch .scrollable.hover:hover{
    overflow-y:auto;
    overflow:visible;
    display:none
}
nav{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none
}
nav li,nav ul{
    outline:0;
    margin:0;
    padding:0;
    text-transform:none;
    float:left;
    text-align:left
}
.active a.area{
    float:left;
    background-color:#2A2E33;
    width:100%;
    height:100%
}
.menu34 a,ogreenh1{
    color:#9aba2f
}
@media screen and (max-width:1024px){
    .main-menu{
        background:0 0
    }
}
@media screen and (max-width:768px){
    .main-menu{
        background:0 0
    }
}
@media screen and (max-width:640px){
    .main-menu{
        background:0 0
    }
}
@media screen and (max-width:320px){
    .main-menu{
        background:0 0
    }
}
.menu34{
    bottom:0;
    font-size:10px;
    text-transform:lowercase;
    text-align:center;
    border:1px solid rgba(2,29,62,.8);
    padding:3px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    width:150px
}
.aqigood,.aqimod,.aqipoor,.aqixpoor{
    padding-top:3px;
    font-weight:700;
    font-family:weathertext;
    width:36px;
    height:36px;
    line-height:40px;
    margin-top:0;
    text-align:center;
    color:#fff;
    position:absolute
}
ogrey,ogreyh1{
    color:#bbb;
    background:rgba(86,95,103,.4);
    padding:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}
oblueh1{
    color:#01a4b4
}
oorangeh1,oredh1{
    color:#d86858
}
.aqigood,.aqimod{
    margin-left:5px
}
.aqigood{
    background-color:#9aba2f;
    border-radius:50%;
    border:0;
    font-size:13px
}
.aqimod,.aqipoor{
    border-radius:50%;
    font-size:13px
}
.aqimod{
    background-color:#cda51b;
    border:0
}
.aqipoor,.aqixpoor{
    margin-left:3px
}
.aqipoor{
    background-color:#d86858;
    border:0
}
.aqixpoor{
    background-color:#d65b4a;
    border-radius:50%;
    border:0;
    font-size:14px
}
aqigrey{
    font-family:Arial;
    font-size:12px;
    color:#fff;
    margin-left:8px;
    display:block;
    margin-top:-53px;
    margin-bottom:7px;
    font-weight:600
}
.aqi1112a,.aqi1113a,.aqi67a,.aqi810a{
    margin-left:40px;
    width:60px;
    height:60px;
    text-align:center
}
aqit{
    font-size:6pt;
    color:#fff
}
.aqi01a,.aqi03a,.aqi1112a,.aqi1113a,.aqi35a,.aqi67a,.aqi810a{
    padding-top:3%;
    margin-top:-5px
}
.aqi01a,.aqi03a{
    width:60px;
    height:60px;
    text-align:center;
    font-weight:400
}
.aqi01a,.aqi1112a span,.aqi1113a span,p{
    color:rgba(2,29,62,.8)
}
.aqi03a,.aqi35a{
    border:2px solid rgba(57,61,64,.1)
}
.aqi1112a,.aqi67a,.aqi810a{
    border-radius:50%;
    border:2px solid rgba(57,61,64,.1)
}
.aqi03a{
    color:#9aba2f
}
.aqi35a,.aqi67a{
    font:2em weathertext,arial,system
}
.aqi35a,.aqi67a,spaneboltek{
    font-weight:400
}
.aqi35a{
    color:#d86858;
    width:60px;
    height:60px;
    text-align:center
}
.aqi67a{
    color:#cda51b
}
.aqi810a{
    font:2em weathertext,arial,system;
    color:#d86858;
    font-weight:400
}
.aqi1112a{
    font:1.9em weathertext,arial,system;
    color:#d65b4a;
    font-weight:400
}
.aqi1113a{
    font:1.9em weathertext,arial,system;
    color:#a475cb;
    border-radius:50%;
    border:2px solid rgba(57,61,64,.1);
    font-weight:400
}
.ozonegood,.ozonemoderate,.ozoneverygood,.rainrateblue,.tempcontainer{
    -ms-font-smoothing:antialiased
}
.ozonegood,.ozonemoderate,.ozoneverygood,.rainrateblue,.tempcontainer,body{
    -webkit-font-smoothing:antialiased;
    -o-font-smoothing:antialiased
}
aqia,aqialo,aqiap{
    font-size:.3em;
    text-align:center;
    color:rgba(2,29,62,.8)
}
aqia{
    margin:30px auto 0 -37px
}
aqiap{
    margin:30px auto 0 -35px
}
aqialo{
    margin:30px auto 0 -31px
}
.ozonegood,.ozonemoderate,.ozonepoor,.ozoneverygood{
    margin-top:10px;
    margin-left:40px;
    width:60px;
    height:60px
}
.ozonegood,.ozonepoor{
    line-height:14px;
    color:rgba(2,29,62,.8);
    font-family:Arial,system
}
.ozonepoor{
    padding-top:18px
}
.ozonedark{
    border-radius:50%;
    border:2px solid rgba(57,61,64,.1);
    padding-top:15px;
    font-size:12px;
    font-weight:400
}
.ozonegood,.ozonelow,.ozonemoderate,.ozoneverygood{
    padding-top:18px;
    font-family:Arial,system;
    line-height:14px
}
.ozonelow{
    border-radius:50%;
    border:2px solid rgba(57,61,64,.1);
    font-size:18px;
    font-weight:600;
    color:#01a4b4
}
.ozonegood,.ozonemoderate{
    font-weight:400;
    font-size:18px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%
}
.ozonemoderate{
    border-radius:50%;
    border:2px solid rgba(57,61,64,.1);
    color:#d86858
}
.ozonegood{
    border-radius:50%;
    border:2px solid rgba(57,61,64,.1);
    color:#9aba2f
}
.ozonepoor{
    border-radius:50%;
    border:2px solid rgba(57,61,64,.1);
    color:#d65b4a
}
.ozoneverygood{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:2px solid rgba(57,61,64,.1);
    font-size:18px;
    color:#9aba2f
}
.wu34i,.wu34i p:first-of-type,windui{
    color:rgba(2,29,62,.8)
}
.wu34i{
    margin-left:10px
}
.wu34i p:first-of-type{
    position:relative;
    border:1px solid #e9ebf1;
    width:89px;
    display:inline-block;
    padding:4px;
    border-radius:4px;
    margin:-6px 3px 2px;
    float:left;
    height:145px;
    background:rgba(233,235,241,.3);
    background:-moz-linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 40%,#fff 40%,#fff 100%);
    background:-webkit-linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 40%,#fff 40%,#fff 100%);
    background:linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 40%,#fff 40%,#fff 100%)
}
bluefi,hiti,lowti,orangefi{
    padding:2px;
    font-weight:700
}
.weather34uvrate,adv,solarwm2,wfblue,wfgreen{
    font-weight:400
}
bluefi,chancei,lowti{
    color:#01a4b5;
    font-size:12px
}
dayi{
    font-size:11px
}
hiti,orangefi{
    color:#d86858;
    font-size:12px
}
greenfi{
    color:#9aba2f
}
greyfi{
    font-size:12px
}
raini,rainui,tempui,windui{
    font-size:12px;
    font-family:Arial,Helvetica
}
.weather34solarrate,.weather34solarrate span,.weather34uvrate,.weather34uvrate span{
    font-family:arial,system
}
.menucolor,windred{
    color:#d86858
}
windorange{
    color:#f5650a
}
windgreen{
    color:#7a971a
}
adv{
    display:block;
    left:40px;
    margin-top:5px;
    font-size:12px;
    font-family:Arial,Helvetica
}
.weather34-solarrate-bar{
    position:absolute;
    height:100px;
    width:30px;
    margin-left:20px;
    margin-top:40px;
    color:#e9ebf1
}
.weather34-solarrate-bar .bar{
    shape-rendering:crispEdges;
    background:url(rain/solarrulerw34.svg) no-repeat;
    width:37px;
    border:1px solid rgba(57,61,64,.1);
    border-bottom:5px solid rgba(57,61,64,.1);
    border-top:3px solid rgba(57,61,64,.1);
    -webkit-border-radius:1px 1px 2px 2px;
    position:absolute;
    bottom:0
}
.weather34-solarrate-bar .bar-1{
    height:100px;
    max-height:100px
}
.weather34-solarrate-bar .bar-inner1000{
    shape-rendering:crispEdges;
    background:rgba(164,117,203,.6);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
.weather34-solarrate-bar .bar-inner600,.weather34-solarrate-bar .bar-inner700{
    shape-rendering:crispEdges;
    background:rgba(211,93,78,.6);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
.weather34-solarrate-bar .bar-inner400{
    shape-rendering:crispEdges;
    background:rgba(255,124,57,.6);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
.weather34-solarrate-bar .bar-inner200{
    shape-rendering:crispEdges;
    background:rgba(221,181,73,.6);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
.weather34-solarrate-bar .bar-inner1{
    shape-rendering:crispEdges;
    background:rgba(154,186,47,.6);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
.weather34solarrate{
    color:#f5650a;
    position:absolute;
    margin-left:36px;
    margin-top:27px;
    font-size:12px;
    width:20px;
    max-height:100px;
    line-height:10px;
    font-weight:400
}
.weather34solarrate span{
    color:rgba(2,29,62,.8);
    font-size:12px
}
solarwm2{
    font-size:10px
}
.apixuforecast34,.rainrateblue,.weather34uvrate span,greenf{
    font-size:12px
}
.weather34-uvrate-bar{
    position:absolute;
    height:100px;
    width:30px;
    margin-left:230px;
    margin-top:38px
}
.weather34-uvrate-bar .bar{
    shape-rendering:crispEdges;
    background:url(rain/uvrulerw34.svg) no-repeat;
    width:37px;
    border:1px solid rgba(57,61,64,.1);
    border-bottom:5px solid rgba(57,61,64,.1);
    border-top:3px solid rgba(57,61,64,.1);
    -webkit-border-radius:1px 1px 2px 2px;
    position:absolute;
    bottom:0
}
.weather34-uvrate-bar .bar-inner10,.weather34-uvrate-bar .bar-inner8{
    shape-rendering:crispEdges;
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px
}
.weather34-uvrate-bar .bar-1{
    height:100px;
    max-height:100px
}
.weather34-uvrate-bar .bar-inner10{
    background:rgba(128,105,152,.6);
    border:0
}
.weather34-uvrate-bar .bar-inner8{
    background:rgba(215,64,73,.8);
    border:0
}
.weather34-uvrate-bar .bar-inner3,.weather34-uvrate-bar .bar-inner5{
    -webkit-border-radius:1px 1px 2px 2px;
    width:100%;
    shape-rendering:crispEdges
}
.weather34-uvrate-bar .bar-inner5{
    background:rgba(255,136,65,.6);
    border:0
}
.weather34-uvrate-bar .bar-inner3{
    background:rgba(221,181,73,.6);
    border:0
}
.weather34-uvrate-bar .bar-inner{
    shape-rendering:crispEdges;
    background:rgba(143,177,42,.6);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
.weather34uvrate{
    color:#f5650a;
    position:absolute;
    margin-left:238px;
    margin-top:17px;
    font-size:12px;
    width:20px;
    max-height:100px;
    line-height:10px
}
.apixuforecast34,.weather34uvrate span,apigrey,greyuv,solartrend{
    color:rgba(2,29,62,.8)
}
greenf,greenuv{
    color:#9aba2f
}
purpleuv{
    color:#a475cb
}
reduv{
    color:rgba(215,64,73,1)
}
orangeuv{
    color:#f5650a
}
rainrateblue{
    color:#01a4b4
}
.apixuforecast34block{
    margin-left:10px
}
.apixuforecast34{
    float:left;
    display:block;
    width:30%;
    border-radius:4px;
    margin:2px 2px 2px 3px;
    font-family:' Helvetica',Arial;
    height:145px;
    padding:5px;
    background:#fff;
    background:-moz-linear-gradient(to top,#fff 0,#fff 64%,rgba(233,235,241,.3) 64%,rgba(233,235,241,.3) 100%);
    background:-webkit-linear-gradient(to top,#ff 0,#fff 64%,rgba(233,235,241,.3) 64%,rgba(233,235,241,.3) 100%);
    background:linear-gradient(to top,#fff 0,#fff 64%,rgba(233,235,241,.3) 64%,rgba(233,235,241,.3) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2e33', endColorstr='rgba(233,235,241,0.3)', GradientType=1);
    border:1px solid rgba(153,155,156,.2);
    line-height:13px
}
.tempblue,.tempbluedew,.tempbluefeels,.tempgreen,.tempgreendew,.tempgreenfeels,.temporange,.temporangedew,.temporangefeels,.tempred,.tempreddew,.tempredfeels{
    border-radius:4px;
    padding:1px;
    position:relative;
    font-weight:400;
    color:rgba(2,29,62,.8)
}
.tempblue,.tempbluedew,.tempgreen,.tempgreendew,.temporange,.temporangedew,.tempred,.tempreddew{
    width:65px;
    float:left
}
uppercase{
    text-transform:capitalize
}
greenf{
    padding:2px;
    font-weight:700
}
solartrend{
    position:absolute;
    margin-left:15px;
    margin-top:-15px
}
uvtrend{
    position:absolute;
    margin-left:5px;
    margin-top:-5px
}
.metricsymbol{
    position:absolute;
    top:15px;
    left:81px
}
yellow{
    color:#c1b01e
}
tempyellow{
    font-weight:600;
    color:#ddb549
}
yellow1{
    color:rgba(2,29,62,.8)
}
.tempblue,.tempgreen,.temporange,.tempred{
    margin-left:35px;
    margin-top:-17px
}
.tempgreen{
    background:rgba(144,177,42,1)
}
.temporange{
    background:rgba(255,124,57,1)
}
.tempred{
    background:rgba(211,93,78,.7)
}
.tempblue,.tempbluedew{
    background:rgba(0,154,171,.7)
}
.tempbluedew,.tempgreendew,.temporangedew,.tempreddew{
    margin-top:-5px;
    margin-left:35px
}
.tempgreendew{
    background:rgba(144,177,42,1)
}
.temporangedew{
    background:rgba(255,124,57,1)
}
.tempreddew{
    background:rgba(211,93,78,.7)
}
.tempbluefeels,.tempgreenfeels,.temporangefeels,.tempredfeels{
    margin-top:0;
    margin-left:44px;
    float:left;
    width:65px;
    margin-bottom:8px
}
.tempgreenfeels{
    background:rgba(144,177,42,1)
}
.temporangefeels{
    background:rgba(255,124,57,1)
}
.tempredfeels{
    background:rgba(211,93,78,.7)
}
.tempbluefeels{
    background:rgba(0,154,171,.7)
}
.tempblue span,.tempbluedew span,.tempbluefeels span,.tempgreen span,.tempgreendew span,.tempgreenfeels span,.temporange span,.temporangedew span,.temporangefeels span,.tempred span,.tempreddew span,.tempredfeels span{
    font-weight:600;
    color:#fff
}
.barometerblue,.barometerorange{
    font-weight:400;
    background:rgba(245,247,252,0);
    width:60px;
    position:relative;
    border-radius:4px;
    padding:1px;
    float:left
}
.barometerblue{
    margin-top:5px;
    color:#fff;
    color:rgba(2,29,62,.8)
}
.barometerorange{
    margin-top:-3px;
    color:#fff;
    color:rgba(2,29,62,.8);
    margin-left:0
}
.barometergreen,.gustorange,.windorange{
    margin-top:0;
    width:60px;
    position:relative
}
.barometerblue{
    margin-left:5px
}
.barometerorange span{
    font-weight:600;
    color:rgba(211,93,78,1)
}
.barometerblue span{
    font-weight:600;
    color:rgba(0,154,171,1)
}
.barometergreen{
    font-weight:400;
    color:#fff;
    background:rgba(144,177,42,1);
    padding:1px;
    border-radius:4px;
    margin-left:120px;
    float:left
}
.gustorange,.windorange{
    background:rgba(255,124,57,1)
}
.daylightblue,.daylightred,.moonrisered,.moonsetblue{
    width:65px;
    margin-top:0;
    line-height:10px
}
.barometergreen span,.barometergreen supunit{
    font-weight:600;
    color:#fff
}
.windorange{
    font-weight:400;
    color:rgba(2,29,62,.8);
    padding:1px;
    border-radius:4px;
    margin-left:10px;
    float:left
}
.daylightblue,.daylightred,.gustorange{
    padding:1px;
    border-radius:4px;
    margin-left:20px;
    float:left
}
.windorange span{
    font-weight:600;
    color:#fff
}
.gustorange{
    font-weight:400;
    color:#fff
}
.daylightblue,.daylightgreen span,.daylightred,.daylightred span,.gustorange span,.moonrisered,.moonrisered span,.moonsetblue{
    font-weight:600;
    color:#fff
}
.daylightred{
    position:relative;
    background:rgba(0,154,171,.7)
}
.daylightblue,.moonrisered{
    position:relative;
    background:rgba(255,124,57,1)
}
.moonrisered{
    padding:1px;
    border-radius:4px;
    margin-left:0;
    float:left
}
.moonsetblue,.raintodayblue{
    position:relative;
    background:rgba(0,154,171,.7);
    border-radius:4px;
    padding:1px;
    float:left
}
.moonsetblue{
    margin-left:10px
}
,.nextmoonrise,.nextmoonset{
    font-weight:600;
    color:#fff;
    text-align:center
}
.rainrateblue{
    position:relative;
    font-weight:400;
    color:#01a4b4;
    padding:1px;
    border-radius:4px;
    margin-top:0;
    margin-left:-5px;
    float:left;
    width:45px;
    font-family:weathertext,arial,system
}
.rainrateblue span{
    font-weight:400;
    color:rgba(2,29,62,.8);
    font-size:10px
}
.raintodayblue{
    font-weight:600;
    color:#fff;
    margin-top:-7px;
    margin-left:2px;
    width:55px;
    font-size:12px
}
.barometertrend2,.text2,.text3,convtext,todayrain{
    font-weight:400
}
.raintodayblue span{
    font-weight:400;
    color:#fff;
    font-size:12px
}
convtext,todayrain{
    color:rgba(2,29,62,.8)
}
todayrain{
    font-size:12px;
    line-height:10px
}
tfalling,trising,tsteady{
    color:#fff
}
.homeweathercompass2{
    position:absolute;
    width:175px;
    height:175px;
    margin-top:-30px;
    margin-left:60px
}
.homeweathercompass2>.homeweathercompass-line2{
    right:25px;
    -ms-border-radius:50%;
    position:absolute;
    z-index:10;
    left:25px;
    top:20px;
    bottom:25px;
    width:170px;
    height:170px;
    border:8px solid #e9ebf1;
    border-top:8px solid #e9ebf1;
    border-right:8px solid #e9ebf1;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    border-bottom-color:transparent;
    border-left-color:transparent;
    transform:rotate(-45deg);
    margin:auto
}
.thearrow3:after,.thearrow4:after,.thearrow7:after{
    background-color:NONE;
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    position:absolute;
    -webkit-transform:translate(-50%,-50%)
}
.homeweathercompass2{
    display:block;
    text-align:center;
    color:rgba(2,29,62,.8);
    font-family:Arial,system;
    font-weight:600;
    line-height:12px;
    font-size:12px;
    z-index:10;
    margin:25px 0 auto 40px
}
.thearrow3:after{
    left:50%;
    top:0;
    width:0;
    height:0;
    border-style:solid;
    border-width:14px 9px 0;
    border-color:rgba(255,124,57,1) transparent transparent;
    transform:translate(-50%,-50%);
    -webkit-transition-duration:3s;
    -moz-transition-duration:3s;
    -o-transition-duration:3s;
    -ms-transition-duration:3s;
    transition-duration:3s
}
.thearrow3:before{
    width:6px;
    height:6px;
    position:absolute;
    z-index:9;
    left:2px;
    top:-5px;
    border:2px solid #fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.text2{
    font-size:18px;
    margin-left:35px;
    margin-top:75px;
    color:#f5650a
}
.pressuretext{
    position:absolute;
    font-size:13px;
    color:#01a4b4;
    margin-top:-20px;
    margin-left:33px;
    width:80px;
    background:rgba(230,232,239,.3);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    text-align:center
}
.text2 span,.text3{
    font-size:12px;
    color:rgba(2,29,62,.8)
}
.text3{
    position:relative;
    margin-left:5px;
    margin-top:45px;
    float:left
}
.text2 span{
    vertical-align:middle
}
.barometertrend2{
    position:absolute;
    color:rgba(2,29,62,.8);
    padding:1px;
    border-radius:4px;
    margin-top:5px;
    margin-left:5px;
    float:left;
    width:60px;
    line-height:10px;
    font-size:10px
}
.barometertrend2 span{
    font-weight:600;
    color:#9aba2f
}
.barometerconv{
    width:70px;
    font:10px arial,system;
    line-height:10px;
    margin-top:128px;
    position:absolute;
    text-align:center;
    color:#01a4b4;
    font-weight:600
}
.barometerconv span,.barometerlimits,.daylightvalue span,.hoursgoneby{
    color:rgba(2,29,62,.8)
}
.barometerlimits,.hoursgoneby{
    position:absolute;
    font-size:12px
}
.barometerlimits{
    margin-top:55px;
    margin-left:16px;
    width:235px;
    font-weight:400;
    font-family:Helvetica,Arial
}
.barometerconv span{
    color:gray;
    display:block;
    font-weight:400
}
.hrstillsunset,.hrswassunrise{
    margin-left:120px;
    width:100px
}
#daylight{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    width:118px;
    height:118px
}
.daylightbox,.moonimage{
    border:0
}
#daylight{
    border:6px solid #e9ebf1
}
.hoursgoneby{
    top:40px;
    left:25px;
    border:0
}
.daylightvalue,.daylightvalue minutes{
    font-family:weathertext,Helvetica,Arial;
    font-size:26px;
    line-height:20px;
    width:100px;
    position:absolute;
    color:rgba(2,29,62,.8);
    border:0
}
.daylightvalue{
    left:-10px;
    top:50px;
    z-index:1
}
.daylightvalue minutes{
    left:40px;
    z-index:auto
}
.daylightvalue period,.daylightvalue:before{
    font-weight:400;
    font-family:Helvetica,Arial
}
.daylightvalue span{
    position:absolute;
    font-size:3px;
    left:67px;
    top:0;
    border:0
}
.daylightvalue period{
    position:absolute;
    font-size:12px;
    left:10px;
    top:25px;
    line-height:12px;
    width:120px;
    border:0;
    color:#f5650a
}
.daylightvalue dayperiod{
    position:absolute;
    color:rgba(2,29,62,.8);
    font-size:10px;
    left:15px;
    top:20px;
    width:100px;
    border:0
}
.daylightvalue hrs,.daylightvalue min{
    position:absolute;
    font-size:9px;
    top:-17px;
    letter-spacing:normal;
    color:rgba(2,29,62,.8)
}
.hrstillsunset,.hrswassunrise,.moonimage,.sunrisehome,.sunsethome{
    font-size:10px;
    position:absolute
}
.daylightvalue min{
    left:85px
}
.daylightvalue hrs{
    left:40px
}
.moonimage{
    left:55px;
    top:94px;
    color:rgba(2,29,62,.8);
    line-height:20px;
    z-index:1;
    border:0
}
.hrstillsunset,.hrswassunrise{
    line-height:12px
}
.daylightvalue:before{
    color:rgba(211,93,78,1)
}
.hrswassunrise{
    margin-top:-120px
}
.sunrisehome,.sunsethome{
    width:100px;
    margin-left:-95px;
    line-height:12px
}
.sunsethome{
    margin-top:-20px
}
.weather34menulisting{
    width:250px;
    background:#2a2e33;
    padding:5px;
    color:rgba(2,29,62,.8);
    height:800px;
    position:absolute;
    left:0;
    overflow:hidden;
    top:-800px;
    font-size:14px
}
.weather34menulistings,.weather34menulistings a{
    color:#aaa;
    font-weight:400
}
.weather34menulistings{
    position:relative;
    margin-top:50px;
    list-style:none;
    line-height:25px;
    float:left;
    text-align:left;
    margin-left:5px
}
.sunlightday,.sunriseday{
    margin-left:0;
    text-align:center
}
.weather34menulistings a:hover{
    font-weight:400;
    color:#9aba2f
}
.weather34menulistings p{
    height:3px;
    margin-top:-15px
}
.weather34menulistings underline{
    font-family:Arial,system;
    font-weight:700;
    font-size:12px
}
.daylightvalue1,strongnumbers{
    font-weight:400
}
@media screen and (max-width:768px){
    header{
        display:block;
        height:0
    }
    .clock-container,.homeindoordate,.menuclock,.w34logo,oblueh1,ogreenh1,ogreyh1{
        display:none
    }
    .newweather34menu{
        width:30px;
        height:24px;
        display:block;
        cursor:pointer;
        top:3px;
        left:60px;
        position:absolute;
        z-index:1;
        border:0
    }
}
@media screen and (max-width:480px){
    header{
        display:block;
        height:0
    }
    .clock-container,.homeindoordate,.menuclock,.w34logo,oblueh1,ogreenh1,ogreyh1{
        display:none
    }
    .newweather34menu{
        width:30px;
        height:24px;
        display:block;
        cursor:pointer;
        top:3px;
        left:15px;
        position:absolute;
        z-index:1;
        border:0
    }
}
.daylightvalue1,.daylightvalue1 minutes{
    font-family:weathertext,Helvetica,Arial;
    font-size:26px;
    line-height:20px;
    width:100px;
    border:0;
    position:absolute;
    color:rgba(2,29,62,.8)
}
.daylightvalue1{
    z-index:1;
    margin-top:25px
}
.daylightvalue1 minutes{
    left:40px;
    z-index:auto
}
.daylightvalue1 span{
    border:0
}
.daylightvalue1 dayperiod,.sundarkday,.sunlightday,.sunriseday,.sunsetday{
    width:100px;
    position:absolute
}
.daylightvalue1 dayperiod{
    color:rgba(2,29,62,.8);
    font-size:10px;
    left:15px;
    top:20px;
    border:0
}
.daylightvalue1 hrs,.daylightvalue1 min{
    font-size:9px;
    top:-17px;
    letter-spacing:normal;
    position:absolute;
    color:rgba(2,29,62,.8)
}
.daylightvalue1 min{
    left:85px
}
.daylightvalue1 hrs{
    left:40px
}
.sunlightday{
    line-height:9px;
    margin-top:10px
}
.sundarkday,.sunriseday{
    font:10px arial,system
}
.sunriseday{
    margin-top:127px;
    color:rgba(2,29,62,.8);
    line-height:9px
}
.sundarkday,.sunsetday{
    margin-left:222px;
    text-align:center
}
.sundarkday{
    line-height:9px;
    margin-top:10px
}
.sunsetday{
    margin-top:127px;
    color:rgba(2,29,62,.8);
    font:10px arial,system;
    line-height:9px
}
.thearrow5:before{
    content:'\f00d ';
    font-family:weathericons;
    position:absolute;
    margin-top:-10px;
    font-size:16px;
    z-index:999;
    width:20px
}
.thearrow5:after{
    position:absolute;
    left:50%;
    top:-7px;
    background-color:NONE;
    width:0;
    height:0;
    border-style:solid;
    border-width:0;
    border-color:#f5650a;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:50%;
    z-index:500
}
.daylightcompass2{
    position:absolute;
    width:175px;
    height:175px;
    margin-top:-30px;
    margin-left:60px
}
.daylightcompass2>.daylightcompass-line2{
    right:25px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    position:absolute;
    z-index:10;
    left:25px;
    top:25px;
    bottom:25px;
    width:170px;
    height:170px;
    border:4px solid #e9ebf1;
    border-top:4px solid #e9ebf1;
    border-right:4px solid #e9ebf1;
    border-radius:50%;
    border-bottom-color:transparent;
    border-left-color:transparent;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin:auto
}
.daylightcompass2{
    display:block;
    text-align:center;
    color:rgba(2,29,62,.8);
    font-family:Arial,system;
    font-weight:600;
    line-height:12px;
    font-size:12px;
    z-index:10;
    margin:25px 0 auto 40px
}
aurora,smallicon,windchill{
    color:#CCC
}
.orangealerticon{
    margin-top:-57px;
    margin-left:165px;
    padding:4px;
    line-height:20px;
    position:relative
}
.barrainrate,.barrainrate span,.clock-container,.timeago,.uvimax,.weather34-luxrate-bar,.weather34i-uvrate-bar,.weather34i-uvrate-bar .bar,.weather34iuvrate,.weather34luxrate,memclock,smallicon{
    position:absolute
}
smallicon{
    margin-top:-12px;
    margin-left:10px;
    padding-right:3px;
    font-size:10px
}
.timeago{
    display:inline;
    margin-top:12px;
    width:100px;
    height:15px;
    left:80px
}
wfblue,wfgreen,wforange,wfred{
    color:rgba(2,29,62,.8);
    font-size:15px
}
.weather34i-uvrate-bar{
    height:100px;
    width:130px;
    margin-left:105px;
    margin-top:38px
}
.weather34i-uvrate-bar .bar{
    shape-rendering:crispEdges;
    background:url(rain/uvmarker.svg) no-repeat;
    width:90px;
    border:1px solid #e9ebf1;
    border-bottom:5px solid #e9ebf1;
    border-top:3px solid #e9ebf1;
    -webkit-border-radius:1px 1px 2px 2px;
    bottom:0
}
.weather34i-uvrate-bar .bar-inner10,.weather34i-uvrate-bar .bar-inner8{
    shape-rendering:crispEdges;
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px
}
.weather34i-uvrate-bar .bar-1{
    height:100px;
    max-height:100px
}
.weather34i-uvrate-bar .bar-inner10{
    background:rgba(128,105,152,.4);
    border:0
}
.weather34i-uvrate-bar .bar-inner8{
    background:rgba(215,64,73,.7);
    border:0
}
.weather34i-uvrate-bar .bar-inner3,.weather34i-uvrate-bar .bar-inner5{
    -webkit-border-radius:1px 1px 2px 2px;
    width:100%;
    shape-rendering:crispEdges
}
.weather34i-uvrate-bar .bar-inner5{
    background:rgba(255,136,65,.6);
    border:0
}
.weather34i-uvrate-bar .bar-inner3{
    background:rgba(221,181,73,.6);
    border:0
}
.weather34i-uvrate-bar .bar-inner{
    shape-rendering:crispEdges;
    background:rgba(143,177,42,.6);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
.weather34todayraintext{
    background:#fff;
    -o-border-radius:50%;
    -ms-border-radius:50%
}
.weather34iuvrate span{
    color:#fff;
    font-family:arial,system;
    font-size:8px;
    font-weight:400;
    display:block
}
.uvimax{
    width:100px;
    text-align:left;
    margin-top:140px;
    margin-left:127px;
    color:#f5650a;
    font:700 10px arial,system
}
.uvimax span{
    color:#aaa;
    font:10px arial,system
}
.barrainrate,.luxrate,.weather34luxrate,.weather34luxrate span{
    font-family:weathertext,arial,system
}
whiteuv{
    color:#ccc
}
.weather34-luxrate-bar{
    height:100px;
    width:30px;
    margin-left:230px;
    margin-top:40px;
    color:#e9ebf1
}
.weather34-luxrate-bar .bar{
    shape-rendering:crispEdges;
    background:url(rain/luxrulerw34.svg) no-repeat;
    width:37px;
    border:1px solid rgba(57,61,64,.1);
    border-bottom:5px solid rgba(57,61,64,.1);
    border-top:3px solid rgba(57,61,64,.1);
    -webkit-border-radius:1px 1px 2px 2px;
    position:absolute;
    bottom:0
}
.weather34-luxrate-bar .bar-inner10,.weather34-luxrate-bar .bar-inner8{
    shape-rendering:crispEdges;
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px
}
.weather34-luxrate-bar .bar-1{
    height:100px;
    max-height:100px
}
.weather34-luxrate-bar .bar-inner10{
    background:rgba(128,105,152,.6);
    border:0
}
.weather34-luxrate-bar .bar-inner8{
    background:rgba(215,64,73,.8);
    border:0
}
.weather34-luxrate-bar .bar-inner3,.weather34-luxrate-bar .bar-inner5{
    -webkit-border-radius:1px 1px 2px 2px;
    width:100%;
    shape-rendering:crispEdges
}
.weather34-luxrate-bar .bar-inner5{
    background:rgba(255,136,65,.6);
    border:0
}
.weather34-luxrate-bar .bar-inner3{
    background:rgba(221,181,73,.6);
    border:0
}
.weather34-luxrate-bar .bar-inner{
    shape-rendering:crispEdges;
    background:rgba(143,177,42,.6);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
.barrainrate{
    color:#01a4b4;
    font-size:12px;
    padding-left:8px;
    left:0;
    margin-top:0
}
.barrainrate span{
    color:rgba(2,29,62,.8);
    font-size:12px;
    left:10px;
    margin-top:1px
}
.menucalendar{
    margin-left:125px;
    margin-top:5px;
    margin-bottom:-70px;
    font-weight:600;
    color:#fff
}
.clock-container{
    float:left;
    color:rgba(2,29,62,.8);
    top:10px;
    list-style:none;
    width:120px;
    height:1.4em;
    right:120px;
    border:0;
    padding-top:4px;
    line-height:16px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    background:rgba(245,247,252,1);
    font-size:16px
}
.clock-container>ul,.weather34clock{
    display:inline;
    color:rgba(2,29,62,.8);
    list-style:none;
    margin-left:-25px
}
.clock-container>ul>li,.clock-container>ul>li>span,.homeweather34clock,.menuclock,.weather34clock{
    display:inline;
    list-style:none
}
.clock-container>ul>li>span,.weather34clock{
    display:inline
}
memclock{
    top:3px;
    left:2.5px;
    padding-right:20px;
    color:rgba(2,29,62,.8)
}
.weather34calendarapp{
    text-align:center;
    margin-left:180px;
    margin-bottom:-10px;
    margin-top:5px
}
.weather34calendarapp-calendar{
    height:60px;
    margin-bottom:0;
    width:50px
}
#weather34weekday{
    background:#9aba2f;
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    -o-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
    color:#fff;
    font-size:12px;
    line-height:18px;
    position:relative;
    text-transform:none;
    font-weight:700;
    font-family:Arial,system
}
#weather34day{
    background:#01a4b4;
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -o-border-radius:0 0 4px 4px;
    border-radius:0 0 4px 4px;
    color:#fff;
    font-size:22px;
    font-weight:400;
    font-family:weathertext;
    height:26px;
    line-height:24px;
    text-align:center
}
.alertcircle,civil{
    font-family:weathertext,arial,helvetica;
    font-weight:400
}
#weather34sidebarMenu{
    position:fixed;
    left:0;
    width:240px;
    top:0;
    transform:translateX(-250px);
    transition:transform 250ms ease-in-out;
    background:rgba(18,18,18,1);
    float:left;
    font-weight:400;
    height:900px;
    z-index:30
}
.weather34sidebarIconToggle,.weather34spinner,input[type=checkbox]{
    transition:all .3s;
    box-sizing:border-box
}
.weather34sidebarMenuInner{
    margin:0;
    padding:0;
    border-top:0;
    width:240px;
    float:left;
    font-weight:400
}
.weather34cross.part-2,.weather34horizontal{
    margin-top:3px
}
.weather34sidebarMenuInner li{
    background:rgba(18,18,18,.7);
    list-style:none;
    color:#aaa;
    padding:5px 5px 5px 10px;
    cursor:pointer;
    border-bottom:0;
    float:left;
    width:240px;
    font-size:12px;
    font-weight:400
}
.weather34sidebarMenuInner li span{
    display:block;
    font-size:12px;
    color:#aaa;
    float:left;
    width:240px;
    font-weight:400
}
.weather34sidebarMenuInner li a{
    color:#aaa;
    cursor:pointer;
    text-decoration:none;
    float:left;
    font-size:12px;
    font-weight:400
}
.weather34sidebarMenuInner li a:hover{
    color:#f5650a;
    cursor:pointer;
    text-decoration:none;
    float:left;
    font-size:12px;
    font-weight:400
}
.maxyesterday,civil{
    color:rgba(2,29,62,.8)
}
input[type=checkbox]:checked~#weather34sidebarMenu{
    transform:translateX(0)
}
input[type=checkbox]{
    display:none
}
.weather34sidebarIconToggle{
    cursor:pointer;
    position:absolute;
    z-index:99;
    top:22px;
    left:15px;
    height:22px;
    width:22px
}
.weather34spinner{
    position:absolute;
    height:3px;
    width:100%;
    background-color:#aaa
}
.weather34cross.part-1,.weather34cross.part-2,.weather34horizontal{
    position:relative;
    transition:all .3s;
    box-sizing:border-box;
    float:left
}
.alertcircle,.maxyesterday,uptime{
    position:absolute
}
input[type=checkbox]:checked~.weather34sidebarIconToggle>.weather34horizontal{
    transition:all .3s;
    box-sizing:border-box;
    opacity:0
}
input[type=checkbox]:checked~.weather34sidebarIconToggle>.weather34cross.part-1{
    transition:all .3s;
    box-sizing:border-box;
    transform:rotate(135deg);
    margin-top:8px
}
input[type=checkbox]:checked~.weather34sidebarIconToggle>.weather34cross.part-2{
    transition:all .3s;
    box-sizing:border-box;
    transform:rotate(-135deg);
    margin-top:-9px
}
.cclicencelogo{
    margin:0;
    padding:5px;
    float:left
}
uptime{
    font-size:12px;
    left:75px;
    padding-top:5px;
    font-weight:400;
    top:62px
}
.alertcircle,.weather34todayraintext{
    -moz-border-radius:50%;
    font-size:16px
}
.alertcircle{
    width:42px;
    height:42px;
    border-radius:50%;
    top:40px;
    border:.12rem solid #e9ebf1;
    line-height:39px
}
civil{
    position:relative;
    display:block;
    line-height:14px
}
.maxyesterday{
    font-size:9px;
    top:-12px;
    left:13px
}
.todaymax,yesterdaytimemax{
    font-size:12px;
    color:rgba(2,29,62,.8);
    position:absolute
}
.yesterdaymax{
    position:absolute;
    top:0;
    left:25px
}
.yesterdaymin{
    position:absolute;
    top:0;
    left:125px
}
yesterdaytimemax{
    top:15px;
    left:15px
}
.todaymax{
    top:62px;
    left:-15px;
    width:250px;
    float:left
}
.weather34-rrrate-bar{
    position:absolute;
    height:100px;
    width:30px;
    margin-left:237px;
    margin-top:40px;
    color:#e9ebf1
}
.rainannual1,rainu{
    color:rgba(2,29,62,.8)
}
.weather34-rrrate-bar .bar{
    shape-rendering:crispEdges;
    background:url(rain/w34rainrateruler.svg) no-repeat;
    width:37px;
    border:1px solid rgba(57,61,64,.1);
    border-bottom:5px solid rgba(57,61,64,.1);
    border-top:3px solid rgba(57,61,64,.1);
    -webkit-border-radius:1px 1px 2px 2px;
    position:absolute;
    bottom:0
}
.weather34-rrrate-bar .bar-1{
    height:100px;
    max-height:100px
}
.weather34-rrrate-bar .bar-inner,.weather34-rrrate-bar .bar-inner10{
    shape-rendering:crispEdges;
    background:rgba(0,154,171,.6);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
.weather34-yrrrate-bar{
    position:absolute;
    height:100px;
    width:30px;
    margin-left:30px;
    margin-top:42px
}
.weather34-yrrrate-bar .bar{
    shape-rendering:crispEdges;
    background:url(rain/w34yearrainrulerw34.svg) no-repeat;
    width:37px;
    border:1px solid rgba(57,61,64,.1);
    border-bottom:5px solid rgba(57,61,64,.1);
    border-top:3px solid rgba(57,61,64,.1);
    -webkit-border-radius:1px 1px 2px 2px;
    position:absolute;
    bottom:0
}
.weather34-yrrrate-bar .bar-1{
    height:100px;
    max-height:100px
}
.weather34-yrrrate-bar .bar-inner,.weather34-yrrrate-bar .bar-inner10{
    shape-rendering:crispEdges;
    background:rgba(0,154,171,.6);
    width:100%;
    -webkit-border-radius:1px 1px 2px 2px;
    border:0
}
rainu{
    font-size:10px;
    font-weight:400;
    left:3px;
    padding-left:0
}
.almanac,.rainannual1{
    font-size:11px;
    position:absolute;
    line-height:14px
}
.rainannual1{
    margin-left:5px;
    margin-top:25px;
    display:block;
    font-family:arial,system;
    width:70px;
    border:1px solid rgba(57,61,64,.1);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    padding:3px
}
.almanac{
    font-weight:400;
    color:#fff;
    top:-17px;
    margin-left:7px;
    background:rgba(0,154,171,.6);
    padding:0 3px;
    border-radius:2px
}
#raincontainer{
    height:170px;
    overflow:hidden;
    position:absolute;
    width:208px;
    margin-top:-70px;
    left:-20px
}
#raincontainer div{
    position:absolute
}
#weather34rainbeaker{
    border:4px solid #e9ebf1;
    border-top:0;
    -webkit-border-radius:0 0 2px 2px;
    -moz-border-radius:0 0 2px 2px;
    -o-border-radius:0 0 2px 2px;
    -ms-border-radius:0 0 2px 2px;
    border-radius:0 0 2px 2px;
    height:100px;
    left:14px;
    bottom:0;
    width:100px;
    background:url(rain/rainmarker.svg) no-repeat
}
#weather34rainbeaker:after,#weather34rainbeaker:before{
    border:5px solid #e9ebf1;
    border-bottom:0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    content:'';
    height:5px;
    position:absolute;
    top:0;
    width:10px
}
#weather34rainbeaker:before{
    left:-10px
}
.wfstrikes,.wftemp{
    position:absolute;
    top:-12px;
    left:12px
}
#weather34rainbeaker:after{
    right:-10px
}
#weather34rainwater{
    background-color:rgba(0,154,171,.6);
    border:0;
    -webkit-border-radius:0 0 2px 2px;
    -moz-border-radius:0 0 2px 2px;
    -o-border-radius:0 0 2px 2px;
    -ms-border-radius:0 0 2px 2px;
    border-radius:0 0 2px 2px;
    bottom:0;
    max-height:90px;
    overflow:hidden;
    width:92px
}
.weather34i-rairate-bar{
    position:absolute;
    height:100px;
    width:130px;
    margin-left:115px;
    margin-top:40px
}
.weather34todayraintext{
    color:rgba(0,154,171,1);
    position:absolute;
    margin-left:136px;
    margin-top:59px;
    font-family:weathertext,arial,system;
    max-height:42px;
    font-weight:400;
    width:2.6rem;
    height:2.6rem;
    -webkit-border-radius:50%;
    border-radius:50%;
    line-height:10px;
    padding-top:14px;
    border:1px solid rgba(57,61,64,.1)
}
.weather34todayraintext span,.wfalmanac a,.wfstrikes,.wftemp,highestrecorded{
    color:rgba(2,29,62,.8)
}
.circletodayemperature,.circlewftodayemperature,.circleyestemperature{
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    width:2.7rem;
    margin-left:0
}
.weather34todayraintext span{
    font-family:arial,system;
    font-size:8px;
    font-weight:400
}
.circletodayemperature,.circlewflightningtoday,.circlewftodayemperature,.circleyestemperature{
    font-family:weathertext,Arial,system;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    height:2.7rem;
    color:rgba(2,29,62,.8);
    position:absolute
}
.circletodayemperature,.circleyestemperature{
    line-height:44px;
    border-radius:50%;
    margin-top:25px;
    font-size:.6em;
    border:1px solid rgba(57,61,64,.1)
}
.circlewflightningtoday,.circlewftodayemperature{
    line-height:42px
}
.circlewftodayemperature{
    border-radius:50%;
    margin-top:20px;
    font-size:.55em;
    border:1px solid rgba(57,61,64,.1)
}
.circlewflightningtoday,aqiimageg{
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%
}
.wftemp{
    font-size:9px
}
.lightningstrikes{
    margin-left:9px;
    position:absolute;
    margin-top:50px;
    width:15px;
    font-size:.3em
}
.yesterdaytempword{
    margin-left:12px;
    position:absolute;
    margin-top:55px;
    width:15px;
    font-size:.32em
}
.circlewflightningtoday{
    -moz-border-radius:50%;
    border-radius:50%;
    width:2.7rem;
    margin-top:21px;
    margin-left:0;
    font-size:.6em;
    border:1px solid #fff
}
.wfstrikes{
    font-size:9px
}
.airqualitymoduleposition{
    position:relative;
    left:75px;
    top:10px
}
.daylightmoduleposition{
    position:relative;
    left:0;
    margin-top:1px
}
.moonphasemoduleposition{
    position:relative;
    left:95px;
    margin-top:10px
}
.averagetemp,.avgtemptime,.avgtep,.hometemperatureindoortrend1,.indoortep,.moonposition1,dusk{
    position:absolute
}
highestrecorded{
    margin-top:-25px;
    display:block;
    margin-left:10px
}
.wfalmanac a{
    margin-left:-15px;
    font-weight:400;
    font-size:12px
}
dusk{
    font-family:Helvetica,Arial;
    color:#aaa;
    font-size:16px;
    line-height:30px;
    width:70px;
    margin-left:-14px;
    top:3px
}
.moonposition1,.wxcicon,.wxcinfo,wxcdesc,wxctime{
    font-size:12px
}
.moonposition1{
    padding-top:0;
    margin-top:-3px;
    margin-left:-7px
}
.wu3dayforecast{
    background:#fff;
    margin:-14px auto 0 5px
}
.averagetemp{
    font-size:.6em;
    color:#aaa;
    display:block;
    top:8px;
    width:30px;
    left:6px
}
.circleavgtemperature,.circleindoortemperature{
    line-height:44px;
    vertical-align:middle;
    width:2.7rem;
    font-family:weathertext,Arial,system;
    height:2.7rem;
    position:absolute;
    text-align:center
}
.avgtep{
    color:rgba(2,29,62,.8);
    margin-top:12px;
    margin-left:15px;
    font-size:.7em
}
.circleavgtemperature{
    color:rgba(2,29,62,.8);
    display:table-cell;
    border-radius:50%;
    margin-top:8px;
    margin-left:5px;
    font-size:1.1em;
    border:1px solid #e9ebf1
}
.circlegreen,.circleindoortemperature{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%
}
.avgtemptime{
    margin-left:18px;
    margin-top:35px;
    display:block
}
.indoortep{
    color:#aaa;
    margin-top:102px;
    margin-left:15px;
    font-size:.7em
}
.circleindoortemperature{
    color:rgba(2,29,62,.8);
    display:table-cell;
    -ms-border-radius:50%;
    border-radius:50%;
    margin-top:98px;
    margin-left:5px;
    font-size:1.1em;
    border:1px solid #e9ebf1
}
wxcdesc,wxctime{
    display:inline-block
}
.wxcicon,.wxcinfo,wxcdesc,wxctime{
    font-family:Arial,Helvetica
}
.hometemperatureindoortrend1{
    margin-left:18px;
    margin-top:125px;
    width:15px
}
.wxcicon,wxcdesc,wxctime{
    position:relative
}
.wxcforecast{
    background:#fff;
    left:5px;
    margin-top:5px
}
.wu34wxc,.wu34wxc1{
    border:1px solid #e9ebf1
}
.wu34wxc,.wu34wxc1,.wu34wxc2{
    width:90px;
    margin:3px;
    height:135px;
    top:0;
    position:relative;
    color:rgba(2,29,62,.8);
    float:left
}
.wu34wxc{
    padding-top:4px;
    border-radius:4px;
    background:-moz-linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 47%,#fff 47%,#fff 100%);
    background:-webkit-linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 47%,#fff 47%,#fff 100%);
    background:linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 47%,#fff 47%,#fff 100%);
    left:0
}
.wu34wxc1{
    padding:4px;
    border-radius:4px;
    background:-moz-linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 47%,#fff 47%,#fff 100%);
    background:-webkit-linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 47%,#fff 47%,#fff 100%);
    background:linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 47%,#fff 47%,#fff 100%);
    left:5px
}
.wu34wxc2{
    border:1px solid #e9ebf1;
    padding:4px;
    border-radius:4px;
    background:rgba(233,235,241,.3);
    background:-moz-linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 47%,#fff 47%,#fff 100%);
    background:-webkit-linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 47%,#fff 47%,#fff 100%);
    background:linear-gradient(top,rgba(233,235,241,.3) 0,rgba(233,235,241,.3) 47%,#fff 47%,#fff 100%);
    left:10px
}
wxctime{
    width:80px;
    margin-bottom:10px;
    text-align:center
}
wxcdesc{
    width:87px;
    margin-top:5px;
    line-height:12px
}
.wxcicon{
    margin-top:-15px;
    display:inline
}
.wxcinfo,.zam{
    position:absolute
}
.wxcicon img{
    max-height:36px;
    margin-top:-10px
}
.airwarning2,.wxcinfo{
    margin-top:15px;
    margin-left:15px
}
.wxcinfo{
    display:block
}
.zam{
    padding:5px;
    border-radius:4px;
    border:1px solid #e9ebf1;
    line-height:16px;
    margin-left:0;
    margin-top:-10px;
    max-height:145px;
    width:290px;
    color:rgba(2,29,62,.8);
    margin-bottom:5px;
    text-align:left
}
tempblue{
    color:#01a4b4
}
temporange{
    color:#f5650a
}
tempgreen{
    color:#9aba2f
}
tempred{
    color:#ee7159
}
.forecastgenerated{
    position:relative;
    top:5px;
    font-size:.7em;
    border:0;
    width:230px;
    float:left;
    text-align:left;
    left:3px
}
suplight{
    color:rgba(2,29,62,.6);
    left:7px;
    font-size:.6em
}
 <!--darksky forecast homepage HOMEWEATHER TEMPLATE May 2018---> .darkskyforecasthome{
    position:absolute;
    width:300px;
    background:0 0;
    margin:40px auto 0 65px;
    font-size:12px;
    color:rgba(2,29,62,.8);
    font-family:Arial,system;
    display:block;
    padding:5px;
    border-radius:4px;
    text-align:left;
    overflow:hidden
}
.darkskydiv{
    width:300px;
    overflow:hidden!important;
    height:180px;
    margin-top:10px
}
.darkskyforecastinghome{
    float:left;
    display:inline;
    width:29%;
    border-radius:4px;
    margin:0 0 100px 4%;
    font-family:Arial,system;
    height:140px;
    padding:0;
    background-color:none;
    border:1px solid rgba(153,155,156,.1);
    color:rgba(2,29,62,.8);
    overflow:hidden!important
}
.darkskyforecasthome darkskytemphihome,.darkskyweekdayhome{
    font-family:Arial,system,weathertext
}
.darkskyweekdayhome{
    postion:absolutue;
    text-align:center;
    padding:2px;
    color:rgba(2,29,62,.8);
    font-size:12px;
    margin:0;
    background:rgba(233,235,241,.3)
}
.darkskyforecasthome darkskytemphihome{
    margin-top:0;
    font-size:12px;
    color:#d35d4e;
    margin-left:1%
}
.darkskyforecasthome darkskytemphihome span{
    font-size:12px;
    font-family:Arial,system,weathertext;
    color:#d35d4e
}
.darkskyforecasthome darkskytemplohome,.darkskyforecasthome darkskytemplohome span{
    font-size:12px;
    color:#01a4b4;
    font-family:Arial,system,weathertext
}
.darkskyforecasthome darkskytempwindhome,.darkskyforecasthome darkskytempwindhome span4{
    font-size:12px;
    color:rgba(2,29,62,.8);
    font-family:Arial,system,weathertext
}
.darkskyforecasthome darkskytempwindhome span{
    font-size:12px;
    color:#01a4b4;
    font-family:Arial,system,weathertext
}
.darkskyforecasthome darkskytempwindhome span2{
    font-size:12px;
    color:rgba(2,29,62,.8);
    font-family:Arial,system,weathertext
}
.darkskyiconcurrent span1,.darkskynexthours,.darkskynexthours span1,.darkskynexthours span2{
    color:#333;
    font-family:Arial,system
}
.darkskynexthours span1,.darkskynexthours span2{
    font-size:12px
}
.darkskyiconcurrent{
    postion:relative;
    margin-top:20px;
    margin-bottom:-10px;
    margin-left:35px;
    float:left
}
.darkskyiconcurrent span1{
    font-size:.9em
}
heatindex{
    color:rgba(2,29,62,.8);
    margin-top:-25px;
    display:block;
    font-size:12px
}
.orangealerticonheatindex{
    margin-top:-30px;
    margin-left:165px;
    padding:4px;
    line-height:20px;
    position:relative
}
.weatherclock34{
    position:absolute;
    margin:20px auto 0;
    left:20px;
    font-size:.6em;
    color:rgba(2,29,62,.8);
    font-family:weathertext,helvetica,arial;
    text-align:center;
    width:200px;
    padding:5px;
    line-height:18px
}
.calendar34{
    position:absolute;
    left:10px;
    top:20px;
    color:rgba(230,232,239,1)
}
.darkskysummary{
    position:absolute;
    font-family:Arial;
    font-size:12px;
    line-height:12px;
    height:35px;
    padding:5px;
    margin-top:20px;
    margin-left:125px;
    max-width:120px;
    color:#555
}
.darkskynexthours{
    font-size:.8em;
    position:relative;
    text-align:center;
    margin:85px auto auto;
    width:240px;
    line-height:11px
}
indoorblue,indoorgreen,indoororange,indoorred,indooryellow{
    font-family:weathertext,helvetica,arial
}
indoorred{
    color:rgba(211,93,78,1)
}
indoororange{
    color:#f5650a
}
indoorgreen{
    color:#9aba2f
}
indoorblue{
    color:#01a4b4
}
indooryellow{
    color:rgba(233,171,74,1)
}
.indoortrendhouse{
    position:absolute;
    margin-top:40px;
    margin-left:120px;
    font-size:14px
}
.indoorhomesvg{
    margin-top:-28px;
    left:8px
}
.indoorhomevalue{
    position:relative;
    margin-top:-90px;
    left:4px;
    font-size:26px
}
.indoorhomehumidity{
    position:absolute;
    margin-top:-115px;
    margin-left:15px
}
.indoorhomefeels{
    position:absolute;
    margin-top:-35px;
    margin-left:230px
}
homeindoordescription{
    position:absolute;
    font-size:14px;
    left:105px;
    line-height:42px;
    text-align:center;
    color:rgba(2,29,62,.8);
    font-family:Arial,system
}
homeindoordescription span{
    font-size:14px
}
.alertcircle,.alertcircle3{
    margin-top:2px
}
.homeweatheralert{
    top:30px
}
.rainalerticon{
    margin-top:-55px;
    margin-left:150px;
    padding:4px;
    line-height:20px;
    position:relative
}
img{
    image-rendering:pixelated
}
.svgfeels{
    position:absolute;
    margin-left:102px;
    margin-top:-3px
}
lightningannual{
    position:relative;
    top:0;
    left:-15px;
    display:block
}
.airhouse,.airsvg,.indoorhomemax,.indoorhomemin,airdescription{
    position:absolute
}
.maxcircleblue,.maxcirclegreen{
    display:flex;
    align-items:center
}
.moonmodule{
    margin-left:87px;
    margin-top:10px
}
.indoorhomemax{
    margin-top:-115px;
    margin-left:230px
}
.indoorhomemin{
    margin-top:-32px;
    margin-left:15px
}
.airhouse{
    margin-top:-10px;
    margin-left:7px;
    background:0
}
.airsvg{
    margin-top:-12px;
    left:20px
}
.dottedcirclegreen,.dottedcircleorange,.dottedcirclepurple,.dottedcirclered,.dottedcircleyellow{
    width:100px;
    height:100px;
    margin-top:25px;
    z-index:20;
    position:absolute;
    border:0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%
}
indoorpurple{
    color:#a475cb;
    color-adjust:exact
}
.circlegreen,.circleorange,.circlepurple,.circlered,.circleyellow{
    width:40px;
    height:40px;
    line-height:28px
}
.airwarning{
    position:absolute;
    margin-left:150px;
    margin-top:45px
}
.airwarning1,.circlegreen,.circleorange,.circlepurple,.circlered,.circleyellow{
    margin-top:0;
    position:absolute
}
.airwarning1{
    margin-left:-60px
}
.airwarning2,.airwarning21{
    margin-top:15px;
    margin-left:15px;
    position:absolute
}
.circlegreen,.circleyellow{
    color:#fff;
    font-size:12px
}
.circlegreen{
    padding-top:6px;
    background:#9aba2f;
    color-adjust:exact;
    border-radius:50%
}
.circleorange,.circleyellow{
    padding-top:6px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    font-size:12px
}
.circleyellow{
    background:rgba(233,171,74,1);
    border-radius:50%
}
.circleorange{
    background:#f5650a;
    border-radius:50%;
    color:#fff;
    color-adjust:exact
}
.circlepurple,.circlered,.weather34icloud{
    -moz-border-radius:50%;
    -o-border-radius:50%
}
.circlepurple,.circlered{
    padding-top:6px;
    -webkit-border-radius:50%;
    color:rgba(2,29,62,.8);
    border-radius:50%;
    font-size:12px
}
.small,.smallf{
    top:10px;
    color:#fff;
    line-height:10px;
    font-weight:400;
    font-family:Arial,system;
    position:absolute
}
.circlered{
    background:rgba(211,93,78,1)
}
.circlepurple{
    background:#a475cb
}
.small{
    font-size:9px
}
.smallf{
    font-size:.5em
}
.uvcircleblue,.uvcirclegreen,.uvcircleyellow{
    font-weight:600;
    color:#fff
}
.maxcircleblue,.maxcirclegreen,.maxcircleorange,.maxcirclered,.maxcircleyellow{
    line-height:24px;
    padding-top:8px;
    height:45px;
    width:46px;
    overflow:hidden;
    border-radius:50%;
    color:#fff;
    border:2px solid rgba(230,232,239,1)
}
.uvcircleblue,.uvcirclegreen,.uvcircleorange,.uvcirclepurple,.uvcirclered,.uvcircleyellow{
    width:45px;
    border-radius:50%;
    line-height:20px;
    padding-top:0;
    height:45px;
    overflow:hidden
}
.maxcircleblue,.maxcirclegreen,.maxcircleorange,.maxcirclered,.maxcircleyellow,.uvcircleblue,.uvcirclegreen,.uvcircleyellow{
    font-family:weathertext,system
}
.maxcircleblue{
    justify-content:center;
    background:#01a4b4
}
.maxcirclegreen{
    justify-content:center;
    background:#9aba2f
}
.maxcircleorange,.maxcircleyellow{
    display:flex;
    align-items:center
}
.maxcircleyellow{
    justify-content:center;
    background:rgba(233,171,74,1)
}
.maxcircleorange{
    justify-content:center;
    background-color:#ff5722
}
.maxcirclered,.uvcircleblue{
    display:flex;
    align-items:center
}
.maxcirclered{
    justify-content:center;
    background-color:#ef5350
}
.uvcircleblue{
    justify-content:center;
    background:#01a4b4
}
.uvcirclegreen,.uvcircleyellow{
    display:flex;
    align-items:center
}
.uvcirclegreen{
    justify-content:center;
    background:#9aba2f
}
.uvcircleyellow{
    justify-content:center;
    background:rgba(233,171,74,1)
}
.uvcircleorange,.uvcirclepurple,.uvcirclered{
    align-items:center
}
.orangeclock,.w34uptime{
    -webkit-border-radius:3px;
    -moz-border-radius:3px
}
.uvcircleorange,.uvcirclered{
    display:flex;
    font-weight:600;
    color:#fff
}
.uvcircleorange{
    justify-content:center;
    background-color:#ff5722;
    font-family:Arial,system
}
.uvcirclered{
    justify-content:center;
    background-color:#ef5350;
    font-family:weathertext,system
}
.uvcirclepurple{
    justify-content:center;
    background-color:#a475cb
}
.uvcirclepurple,uvcircleorange,uvcirclered,uvcircleyellow span{
    color:#fff;
    font-family:arial,system;
    font-size:8px;
    font-weight:400;
    display:block
}
.uvspan,uv0,uv10,uv3,uv5,uv8{
    display:flex;
    align-items:center;
    justify-content:center
}
.airwarning21{
    margin-top:100px;
    font-size:14px;
    margin-left:15px
}
.airwarning3,.airwarning4{
    position:absolute;
    margin-left:0
}
.airwarning3{
    margin-top:65px
}
.w34uptime{
    float:right;
    margin-right:125px;
    margin-top:-30px;
    color:#bbb;
    font-size:12px;
    background:rgba(86,95,103,.4);
    padding:3px;
    -o-border-radius:3px;
    border-radius:3px
}
.airwarning4{
    margin-top:95px
}
.airwarning4 spani{
    font-size:11px;
    line-height:15px
}
.airwarning2 span,.airwarning21 span{
    line-height:14px;
    font-size:8px;
    font-weight:400
}
.airwarning21 span{
    postion:absolute
}
.airwarning4 span{
    font-size:8px;
    line-height:12px
}
uviforecasthourgreen,uviforecasthourorange,uviforecasthourred,uviforecasthouryellow{
    border-radius:4px;
    padding:0 3px;
    font-size:14px;
    color:#fff;
    font-family:weathertext,system
}
spanewind,spanewind2,windyeartimemax,windyesterdaytimemax{
    position:absolute;
    font-size:11px
}
uviforecasthourgreen{
    background:#9aba2f
}
uviforecasthouryellow{
    background:rgba(233,171,74,1)
}
uviforecasthourorange{
    background:#f5650a
}
uviforecasthourred{
    background:rgba(211,93,78,1)
}
spanewind,spanewind2{
    font-family:Arial,system;
    width:30px;
    color:rgba(2,29,62,.8);
    top:-10px
}
spanewind{
    left:45px
}
spanewind2{
    left:42px
}
windyesterdaytimemax{
    color:rgba(2,29,62,.8);
    top:15px;
    left:5px
}
windyeartimemax{
    color:#ff;
    top:15px;
    left:-75px;
    width:200px
}
.weather34rainrate{
    color:#f5650a;
    margin-left:250px;
    margin-top:17px;
    font-size:12px;
    width:28px;
    max-height:100px;
    line-height:10px;
    font-weight:400;
    text-align:center
}
.weather34rainrate span{
    color:rgba(2,29,62,.8);
    font-size:12px;
    font-weight:400;
    display:block
}
lorange{
    font-weight:600
}
.orangeclock{
    position:relative;
    background:rgba(245,247,252,1);
    padding:1px;
    color:rgba(211,93,78,1);
    -o-border-radius:3px;
    border-radius:3px;
    width:80px;
    height:19px;
    text-align:center;
    margin-left:55px;
    margin-top:3px
}
noalertbr,notifyblue{
    -webkit-border-radius:3px
}
.indoorhomeheat{
    position:absolute;
    margin-top:43px;
    margin-left:123px;
    padding:5px;
    line-height:10px;
    color:#fff;
    color-adjust:exact;
    z-index:10;
    font-size:13px
}
.indoordewpoint{
    color:#777;
    position:absolute;
    margin-top:15px;
    margin-left:110px;
    font-size:.85em
}
.indoordewpoint span{
    font-size:1.1em
}
svgdewindoor{
    position:absolute;
    margin-left:5px;
    margin-top:0
}
.dewindooricon{
    position:absolute;
    margin-left:92px;
    margin-top:15px
}
noalertbr{
    display:block;
    margin:-15px auto 0;
    text-align:center;
    background:#f5f7fc;
    padding:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:12px;
    width:100px
}
a{
    font-weight:400
}
.weather34i-cloud-bar{
    background:0;
    position:absolute;
    height:100px;
    width:130px;
    margin-left:105px;
    margin-top:38px
}
.weather34i-cloud-bar .bar{
    shape-rendering:crispEdges;
    background:url(rain/cloudmarker.svg) no-repeat;
    width:100px;
    border:5px solid rgba(57,61,64,.1);
    border-bottom:5px solid rgba(57,61,64,.1);
    border-top:1px dotted rgba(57,61,64,.3);
    -webkit-border-radius:3px 3px 3px 3px;
    -moz-border-radius:1px 1px 3px 3px;
    -o-border-radius:1px 1px 3px 3px;
    -ms-border-radius:1px 1px 3px 3px;
    border-radius:3px;
    position:absolute;
    bottom:0
}
.weather34i-cloud-bar .bar-1{
    height:100px;
    max-height:100px
}
.weather34i-cloud-bar .bar-inner{
    shape-rendering:crispEdges;
    background:rgba(0,154,171,.3);
    width:100%;
    -webkit-border-radius:1px 1px 3px 3px;
    -moz-border-radius:1px 1px 3px 3px;
    -o-border-radius:1px 1px 3px 3px;
    -ms-border-radius:1px 1px 3px 3px;
    border-radius:1px 1px 3px 3px;
    border:0;
    border-top:1px dotted rgba(255,124,57,1)
}
.weather34icloud,aqiimageg{
    -webkit-border-radius:50%
}
.weather34icloud{
    color:#d35d4e;
    position:absolute;
    margin-left:135px;
    margin-top:57px;
    font-family:weathertext,arial,system;
    max-height:41px;
    font-weight:400;
    background:#fff;
    width:41px;
    height:41px;
    -ms-border-radius:50%;
    border-radius:50%;
    font-size:15px;
    line-height:10px;
    padding-top:13px;
    border:.12rem solid rgba(57,61,64,.1)
}
.weather34icloud span{
    color:#777;
    font-family:arial,system;
    font-size:8px;
    font-weight:400
}
.azimuth,.elevation,darkgrey{
    color:rgba(2,29,62,.8)
}
lorange,tempblue,tempgreen,temporange,tempred{
    font-weight:600
}
.circlewflightningtoday1,.maxcirclerain,uv0,uv10,uv3,uv5,uv8{
    font-family:weathertext,system
}
.circlewflightningtoday1,.wftemp1{
    color:rgba(45,45,45,1);
    position:absolute
}
.orangealerticon1{
    top:-10px
}
.wftemp1{
    font-size:14px;
    top:-25px;
    left:20px;
    color-adjust:exact
}
.lightningstrikes1{
    margin-left:52px;
    position:absolute;
    margin-top:85px;
    width:15px;
    font-size:.8em
}
.yesterdaytempword1{
    margin-left:12px;
    position:absolute;
    margin-top:52px;
    width:15px;
    font-size:.32em
}
.circlewflightningtoday1{
    height:80px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    line-height:80px;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    width:80px;
    margin-top:28px;
    margin-left:30px;
    font-size:2.1em;
    border:3px solid #f5650a;
    font-weight:100
}
.wfstrikes1{
    position:absolute;
    font-size:9px;
    top:-12px;
    left:12px;
    color:rgba(45,45,45,1)
}
.homeindoorfeels1{
    position:absolute;
    margin-left:125px;
    margin-top:20px;
    border-radius:3px;
    padding:5px;
    text-align:left;
    border:1px solid rgba(95,96,97,.2);
    width:170px;
    font-size:14px;
    color:#777
}
lightningannualx,lightningannualx1{
    top:0;
    left:0;
    color:rgba(45,45,45,1);
    position:relative;
    display:block
}
.lightningbox{
    padding:10px;
    border-radius:4px;
    border:1px solid rgba(95,96,97,.6)
}
lightningannualx1{
    color-adjust:exact
}
lorange{
    color:#f5650a;
    color-adjust:exact
}
lorange1{
    color:#f5650a;
    font-weight:100
}
timeago{
    display:block;
    font-size:12px;
    color:#777
}
agolightning{
    color:#f5650a;
    font-size:13px;
    font-weight:600
}
uv0,uv10,uv3,uv5,uv8{
    height:45px;
    width:45px;
    overflow:hidden;
    border-radius:50%;
    color:#fff;
    line-height:10px;
    padding-top:0;
    font-size:18px;
    border:1px solid rgba(230,232,239,1);
    font-weight:400
}
uv0{
    background-color:#9aba2f
}
uv3{
    background:rgba(233,171,74,1)
}
uv5{
    background-color:#f5650a
}
uv8{
    background-color:#ef5350
}
uv10{
    background-color:#a475cb
}
talert{
    position:absolute;
    top:15px;
    margin-left:40px;
    font-size:14px;
    line-height:16px
}
.orangealerticon1{
    margin-top:-17px;
    margin-left:160px;
    background:0;
    padding:4px;
    line-height:10px;
    position:relative
}
.circlelux,.maxcirclehum,.maxcirclerain,circlesolar{
    align-items:center;
    overflow:hidden;
    background:rgba(255,255,255,.9)
}
.weather34iuvrate{
    position:absolute;
    margin-left:125px;
    margin-top:70px
}
.uvspan{
    position:absolute;
    font-size:10px;
    line-height:0;
    font-weight:strong;
    margin-top:145px;
    margin-left:115px;
    color:#777
}
.weather34luxrate{
    color:#f5650a;
    margin-left:250px;
    margin-top:27px;
    font-size:12px;
    width:28px;
    max-height:100px;
    line-height:10px;
    font-weight:400;
    text-align:center
}
.barrainrate{
    font-weight:400;
    text-align:left
}
.weather34luxrate span{
    color:rgba(2,29,62,.8);
    font-size:12px;
    font-weight:400;
    display:block
}
luxrate,luxratei{
    color:#ff8841;
    padding:0;
    margin-top:0;
    text-align:left;
    display:inline-block;
    position:absolute
}
luxrate{
    left:15px
}
luxratei{
    left:-10px
}
luxrate span{
    color:#777;
    font-size:10px;
    left:5px
}
.luxrate{
    color:#f5650a;
    font-size:12px;
    padding-left:0
}
.luxrate span{
    color:#777;
    font-size:12px;
    left:4px;
    margin-top:1px
}
.maxcirclehum,.maxcirclerain{
    display:flex;
    font-weight:400
}
.weather34uvpyramid{
    position:absolute;
    margin-top:16px;
    margin-left:83px;
    color:#e9ebf1
}
darkgray{
    color:rgba(2,29,62,.8)
}
.maxcirclerain{
    justify-content:center;
    height:36px;
    width:38px;
    border:1px solid rgba(230,232,239,1);
    border-radius:50%;
    color:#01a4b4;
    line-height:26px;
    padding-top:7px;
    position:absolute;
    left:-5px;
    top:55px
}
.rainratesmall{
    position:absolute;
    top:3px;
    color:#777;
    font-size:9px;
    line-height:12px;
    font-weight:400;
    font-family:Arial,system;
    left:9px
}
.weather34feelsrate span,.weather34indoorhumrate span{
    font-family:arial,system;
    color:#777
}
rainc,rainf{
    font-size:15px
}
.weather34feelsrate,.weather34indoorhumrate{
    position:absolute;
    margin-top:8px;
    font-size:12px;
    max-height:100px;
    font-family:arial,system;
    color:#777
}
nosun{
    position:absolute;
    left:-5px;
    top:25px
}
.weather34indoorhumrate{
    margin-left:22px
}
.weather34feelsrate{
    margin-left:236px
}
.maxcirclehum{
    justify-content:center;
    height:35px;
    width:37px;
    border:2px solid rgba(230,232,239,.4);
    border-radius:50%;
    color:#777;
    line-height:28px;
    padding-top:8px;
    font-family:Arial,system;
    position:absolute;
    left:3px;
    top:45px
}
.weather34feelsword,.weather34humidityword{
    color:#777;
    font-size:10px;
    font-family:arial,system;
    position:absolute
}
.thearrow4:after,.thearrow7:after{
    left:50%;
    transform:translate(-50%,-50%);
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:0
}
.weather34barometerarrowactual:after,.weather34barometerarrowmin:after{
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    content:''
}
.weather34humidityword{
    margin-left:28px;
    margin-top:17px
}
.weather34feelsword{
    margin-left:235px;
    margin-top:17px
}
.thearrow7:after{
    top:0;
    border-radius:0;
    border-bottom:5px solid rgba(255,124,57,.7)
}
.thearrow4:after{
    top:0;
    -webkit-border-radius:0;
    border-radius:0;
    border-bottom:5px solid rgba(102,188,199,.7)
}
.thearrow4,.thearrow7{
    position:absolute;
    top:0;
    left:43%;
    margin-left:-6px;
    width:10px;
    height:50%;
    -o-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.weather34luxvalue{
    position:absolute;
    margin-left:243px;
    margin-top:5px;
    font-size:12px;
    line-height:10px;
    font-weight:400;
    text-align:center;
    max-width:20px;
    z-index:10
}
.weather34luxvalue span{
    font-size:10px;
    font-weight:400;
    display:block;
    z-index:10
}
.circlelux,circlesolar{
    display:flex;
    position:absolute;
    font-family:weathertext,arial,system;
    background:rgba(255,255,255,.7);
    width:2.3rem;
    height:2.25rem;
    -webkit-border-radius:50%;
    border-radius:50%;
    font-size:13px;
    line-height:12px;
    padding-top:5px;
    border:.12rem solid rgba(230,232,239,1);
    left:-4px;
    top:67px
}
.luxratedark,.weather34solarvalue{
    line-height:10px;
    position:absolute
}
.circlelux,circlesolar span{
    display:block;
    align-items:center;
    font-size:11px
}
solarluxvalue{
    font-size:15px
}
.weather34luxword,.weather34solarword{
    margin-top:35px;
    font-size:.7em;
    color:#777;
    position:absolute
}
.weather34luxword{
    margin-left:233px
}
.weather34solarword{
    margin-left:12px
}
.weather34solarvalue{
    margin-left:32px;
    margin-top:5px;
    font-size:12px;
    font-weight:400;
    text-align:center;
    max-width:20px;
    z-index:10
}
.weather34solarvalue span{
    font-size:10px;
    font-weight:400;
    display:block;
    z-index:10
}
.luxratedark,.luxratedark span{
    text-align:center;
    font-size:11px
}
nosun1{
    position:absolute;
    left:0;
    top:35px;
    z-index:10
}
.luxratedark{
    color:#f5650a;
    display:inline-block;
    left:-5px
}
.luxratedark span{
    color:#777;
    display:block
}
.weather34-feelslikeindoor,.weather34-humidityindoor{
    position:absolute;
    height:100px;
    width:30px;
    color:#e9ebf1;
    margin-top:20px
}
.weather34-feelslikeindoor{
    margin-left:230px
}
.weather34-humidityindoor{
    margin-left:17px
}
.weather34barometerarrowactual,.weather34barometerarrowmin{
    z-index:200;
    height:50%;
    -webkit-transform-origin:50% 100%;
    -o-transform-origin:50% 100%
}
.weather34uvposition{
    position:relative;
    margin-top:-5px
}
.weather34barometerarrowactual{
    position:absolute;
    top:0;
    left:50%;
    margin-left:0;
    width:8px;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.weather34barometerarrowactual:after{
    background-color:NONE;
    -moz-transform:translate(-50%,-50%);
    position:absolute;
    left:50%;
    top:0;
    width:0;
    height:0;
    border-style:solid;
    border-width:10px 5px 0;
    border-color:rgba(255,124,57,1) transparent transparent;
    transform:translate(-50%,-50%)
}
.weather34barometerarrowactual:before{
    content:'o o o';
    width:0;
    position:absolute;
    left:2px;
    top:-5px;
    border:0;
    color:rgba(255,124,57,1);
    font-size:7px;
    font-family:Arial,system
}
.weather34barometerarrowmax:after,.weather34barometerarrowmin:after{
    background-color:NONE;
    left:50%;
    top:0;
    border-style:solid;
    border-width:3px;
    position:absolute
}
.weather34barometerarrowmin{
    position:absolute;
    top:0;
    left:50%;
    margin-left:0;
    width:8px;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.weather34barometerarrowmin:after{
    -moz-transform:translate(-50%,-50%);
    width:0;
    height:0;
    border-color:rgba(102,188,199,.8);
    -webkit-border-radius:50%;
    border-radius:50%;
    transform:translate(-50%,-50%)
}
.weather34barometerarrowmax{
    position:absolute;
    top:0;
    left:50%;
    margin-left:0;
    width:8px;
    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%
}
.weather34barometerarrowmax:after{
    -webkit-transform:translate(-50%,-50%);
    content:'';
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    width:0;
    height:0;
    border-color:rgba(211,93,78,1);
    -webkit-border-radius:50%;
    border-radius:50%;
    transform:translate(-50%,-50%)
}
.solaricon{
    position:absolute;
    margin-left:35px;
    margin-top:20px
}
.solaricon img{
    margin-bottom:-50px
}
.solaricon1{
    position:absolute;
    margin-left:247px;
    margin-top:20px
}
.solaricon1 img{
    margin-bottom:-50px
}
.weather34-barometerruler{
    position:absolute;
    width:135px;
    height:1px;
    border:1px dashed rgba(230,232,239,1);
    background:0;
    margin-left:65px;
    margin-top:62px
}
weather34-barometerlimitmax,weather34-barometerlimitmin,weather34-barometerlimitminf{
    margin-top:-6px;
    position:absolute;
    font-size:11px;
    font-weight:600
}
weather34-barometerlimitmin{
    left:-27px;
    color:rgba(77,175,189,1)
}
weather34-barometerlimitmax{
    left:140px;
    color:rgba(211,93,78,1)
}
weather34-barometerlimitminf{
    left:-20px;
    color:rgba(77,175,189,1)
}
weather34-barometerlimitmaxf{
    position:absolute;
    margin-top:0;
    left:163px;
    font-size:11px;
    color:rgba(211,93,78,1);
    font-weight:600
}
.homeweatherstationlogo{
    margin-top:-7px;
    margin-left:25px
}
#weather34lightningdialog-notify{
    width:200px;
    max-height:250px;
    right:10px;
    top:10px;
    z-index:9999;
    position:fixed;
    font-family:Arial,system;
    -webkit-animation-duration:10s;
    animation-duration:10s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:2
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:2
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.weather34lightningdialog-box{
    position:relative;
    min-height:80px;
    max-height:180px;
    border-radius:10px;
    margin-bottom:8px;
    overflow:hidden;
    background:rgba(97,106,114,1)
}
.weather34lightningdialog-box .header{
    height:30px;
    position:relative;
    color:#aaa;
    background:rgba(97,106,114,1);
    line-height:22px;
    font-family:Arial,system
}
.weather34lightningbackground-alert{
    height:100%;
    width:100%;
    background-color:rgba(61,64,66,1);
    position:absolute
}
.left,.right{
    width:content-max
}
.left{
    float:left;
    text-align:left;
    padding:3px 0 0 10px
}
.right{
    float:right;
    text-align:right;
    padding:3px 10px 0 0
}
.weather34lightningcontents{
    z-index:100;
    position:inherit;
    font-size:14px;
    text-align:center
}
.weather34lightningmain-content{
    padding:8px 20px 10px 10px;
    height:content-max;
    background:rgba(97,106,114,1);
    color:#fff;
    line-height:16px;
    text-align:center;
    font-family:Arial,system;
    font-size:.9rem
}
.daylightvalue1 period,.daylightvalue1:before{
    font-size:11px;
    line-height:20px;
    letter-spacing:normal
}
.daylightvalue1:before{
    position:absolute;
    content:"Estimated";
    display:block;
    top:-28px;
    left:45px;
    border:0;
    font-family:Helvetica,Arial;
    color:#44a6b5
}
notifyblue,notifyorange{
    color:#fff;
    padding:0 2px;
    font-family:Arial,system;
    font-weight:400
}
notifyblue{
    background:#44a6b5;
    border-radius:3px
}
notifyorange{
    background:#ff7c39;
    -webkit-border-radius:3px;
    border-radius:3px
}
#weather34sunclock2,.weather34sunclock{
    border-radius:50%;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    background:0
}
grey{
    color:#333;
    font-weight:400
}
.daylightvalue1{
    position:absolute;
    margin-left:85px;
    top:45px
}
.daylightvalue1 hours{
    position:relative;
    left:-5px
}
.daylightvalue1 period{
    position:absolute;
    top:20px;
    left:44px;
    color:rgba(211,93,78,1)
}
.daylightvalue1 hrs{
    margin-left:0
}
.daylightvalue1 span{
    position:relative;
    left:42px;
    top:-3px;
    color:#ff7c39;
    font-size:26px;
    margin-right:7px
}
.azimuth,.elevation{
    position:absolute;
    margin-top:-20px;
    font-size:11px;
    width:50px;
    font-family:Arial,system;
    line-height:12px;
    font-weight:400
}
.azimuth{
    left:-60px
}
.elevation{
    left:160px
}
.sundialcontainerdiv{
    position:relative;
    top:10px;
    margin-left:-5px
}
body{
    -moz-font-smoothing:antialiased;
    color-adjust:[exact]
}
.weather34sunclock{
    width:120px;
    height:120px;
    margin-left:95px;
    margin-top:15px;
    position:absolute;
    border:4px solid rgba(230,232,239,1);
    transform-origin:50% 50%
}
.weather34sunclock div{
    position:absolute;
    -webkit-transform-origin:49.6% 49.5%;
    -moz-transform-origin:49.6% 49.5%;
    -o-transform-origin:49.6% 49.5%;
    -ms-transform-origin:49.6% 49.5%;
    transform-origin:49.6% 49.5%;
    transform:rotate(0)
}
#weather34sunclock2{
    width:110px;
    height:110px;
    margin-left:1px;
    margin-top:1px;
    position:absolute;
    border:2px solid rgba(102,188,199,.5);
    transform-origin:50% 50%
}
.vp2container{
    display:flex;
    justify-content:center;
    align-items:center
}
.consoleoutlook{
    position:relative;
    color:#333;
    font-size:.42em;
    font-family:Arial,system;
    font-weight:400;
    margin-top:1.5rem;
    line-height:1em;
    margin-left:20px;
    width:170px
}
.consoleicon{
    position:absolute;
    left:170px;
    top:30px;
    width:28px;
    height:28px
}
.sun-south{
    left:145px;
    top:5px
}
.sun-north{
    left:146px;
    top:135px
}
.sun-east{
    left:87px;
    top:70px
}
.sun-west{
    left:218px;
    top:70px
}
.sun-east,.sun-north,.sun-south,.sun-west{
    font-size:8px;
    position:absolute;
    color:#333
}
#mooncircleinner{
    width:110px;
    height:110px;
    background:0;
    margin-left:1px;
    top:1px;
    border-radius:50%;
    position:absolute;
    border:2px solid rgba(102,188,199,.5);
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.daylightvalue34,.daylightvalue34 minutes{
    font-family:weathertext,Helvetica,Arial;
    font-size:26px;
    line-height:20px;
    width:100px;
    border:0;
    position:absolute;
    color:#f8f8f8;
    font-weight:400
}
.daylightvalue34{
    left:17px;
    margin-top:20px
}
.daylightvalue34 minutes{
    left:40px
}
.daylightvalue34 period,.daylightvalue34:before{
    font-family:Arial
}
.daylightvalue34 dayperiod{
    color:#fff;
    border:0;
    position:absolute;
    font-size:10px;
    left:15px;
    top:20px;
    width:100px
}
.daylightvalue34 hrs,.daylightvalue34 min{
    font-size:9px;
    top:-17px;
    color:#f8f8f8;
    letter-spacing:normal;
    position:absolute
}
.daylightvalue34 min{
    left:85px
}
.daylightvalue34 hrs{
    left:40px
}
.daylightvalue34{
    position:absolute;
    margin-left:68px;
    top:50px;
    font-weight:400;
    font-family:weathertext,Helvetica,Arial
}
.daylightvalue34 hours{
    position:relative;
    left:-5px;
    font-weight:400
}
.daylightvalue34 period{
    position:absolute;
    font-size:11px;
    line-height:20px;
    top:20px;
    left:44px;
    letter-spacing:normal;
    color:#f8f8f8
}
.daylightvalue34 hrs{
    margin-left:0
}
.daylightvalue34 span{
    border:0;
    position:relative;
    left:42px;
    top:-3px;
    color:#f8f8f8;
    font-size:26px;
    margin-right:7px;
    font-weight:400
}
.daylightvalue34:before{
    position:absolute;
    content:"Estimated";
    display:block;
    font-size:11px;
    line-height:20px;
    top:-28px;
    left:45px;
    border:0;
    color:#f8f8f8;
    font-weight:400
}
.daylightoutput{
    border:4px solid rgba(230,232,239,1)
}
.weather34box .value1{
    position:absolute;
    font-size:14px;
    font-weight:lighter;
    padding:0 3px;
    color:#555;
    float:left;
    top:30px;
    display:block;
    text-align:left
}
.rainconvertercircle,.tempconvertercircleblue,.tempconvertercirclegreen,.tempconvertercircleorange,.tempconvertercirclepurple,.tempconvertercirclered,.tempconvertercircleyellow{
    align-items:center;
    width:3rem;
    border:2px solid rgba(230,232,239,1);
    color:#fff;
    font-family:weathertext,Arial,system;
    height:1.3rem;
    font-weight:400;
    overflow:hidden;
    line-height:16px
}
.rainconverter{
    position:absolute;
    margin-left:260px;
    margin-top:5px;
    font-size:12px
}
.rainconvertercircle{
    background:rgba(59,156,172,.9);
    display:flex;
    justify-content:center;
    border-radius:4px;
    font-size:1em
}
smallrainunit{
    font-size:.7em
}
.tempconverter,.tempconverter2{
    position:absolute;
    margin-top:5px;
    font-size:12px
}
.tempconverter{
    margin-left:10px
}
.tempconverter2{
    margin-left:260px
}
.tempconvertercircleblue,.tempconvertercirclegreen,.tempconvertercircleorange,.tempconvertercirclepurple,.tempconvertercirclered,.tempconvertercircleyellow{
    display:flex;
    justify-content:center;
    border-radius:4px;
    font-size:1em
}
.barometerconverter,.barometertrendx,.tempindoorconverter,.tempindoorextra{
    font-size:12px;
    position:absolute
}
.tempconvertercircleyellow{
    background:rgba(230,161,65,.8)
}
.tempconvertercircleorange{
    background:rgba(255,124,57,.8)
}
.tempconvertercirclered{
    background:rgba(211,93,78,.8)
}
.tempconvertercircleblue{
    background:rgba(59,156,172,1)
}
.tempconvertercirclepurple{
    background:#a475cb
}
.tempindoorextra{
    margin-left:235px;
    margin-top:135px
}
.tempindoorconverter{
    margin-left:260px;
    margin-top:-15px
}
.barometerconverter{
    margin-left:252px;
    margin-top:5px
}
.barometertrendx{
    margin-left:10px;
    margin-top:135px
}
smallsup{
    color:#555;
    font-size:.5rem;
    font-family:Arial,Helvetica,sans-serif
}
.tempconverter1{
    position:absolute;
    margin-left:55px;
    margin-top:0;
    font-size:12px
}
.tempconvertercircleblue1,.tempconvertercirclegreen1,.tempconvertercircleorange1,.tempconvertercirclered1,.tempconvertercircleyellow1{
    display:flex;
    align-items:center;
    justify-content:center;
    height:1.3rem;
    width:3.2rem;
    border:2px solid rgba(230,232,239,1);
    overflow:hidden;
    border-radius:4px;
    line-height:16px;
    font-family:weathertext,Arial,system;
    font-size:1em;
    color:#fff
}
.tempconvertercircleyellow1{
    background:rgba(230,161,65,1)
}
.tempconvertercircleorange1{
    background:rgba(255,124,57,1)
}
.tempconvertercircleblue1{
    background:rgba(59,156,172,1)
}
.tempconvertercirclegreen,.tempconvertercirclegreen1{
    background:rgba(144,177,42,1)
}
.heatcircle{
    float:left;
    margin-top:40px;
    margin-left:100px;
    padding:0;
    width:170px;
    position:absolute
}
.heatcircle2{
    float:left;
    margin-top:0;
    margin-left:70px;
    padding:0;
    width:170px;
    position:absolute
}
.heatcircle3,.heatcircle4{
    margin-top:40px;
    padding:0;
    width:170px;
    float:left;
    position:absolute
}
.heatcircle3{
    margin-left:0
}
.heatcircle4{
    margin-left:70px
}
.windconverter{
    position:absolute;
    margin-left:255px;
    margin-top:-15px;
    font-size:12px
}
.windconvertercircleblue1,.windconvertercirclegreen1,.windconvertercircleorange1,.windconvertercirclered1,.windconvertercircleyellow1{
    display:flex;
    align-items:center;
    justify-content:center;
    height:1.3rem;
    width:3.2rem;
    border:2px solid rgba(230,232,239,1);
    overflow:hidden;
    border-radius:4px;
    line-height:16px;
    font-family:weathertext,Arial,system;
    font-size:1em;
    color:#fff
}
.windconvertercircleyellow1{
    background:rgba(230,161,65,1)
}
.windconvertercircleorange1{
    background:rgba(255,124,57,1)
}
.windconvertercirclered1,indoorred1{
    background:rgba(211,93,78,1)
}
.windconvertercircleblue1{
    background:rgba(59,156,172,1)
}
.windconvertercirclegreen1{
    background:rgba(144,177,42,1)
}
.barometerconvertercircleblue{
    background:rgba(59,156,172,1);
    display:flex;
    align-items:center;
    justify-content:center;
    height:1.3rem;
    width:3.5rem;
    font-weight:400;
    border:2px solid rgba(230,232,239,1);
    overflow:hidden;
    border-radius:4px;
    color:#fff;
    line-height:16px;
    font-family:weathertext,Arial,system;
    font-size:1em;
    right:10px
}
.tempcontainer{
    float:left;
    font-family:weathertext,arial,system;
    -moz-font-smoothing:antialiased;
    bottom:0;
    right:0;
    position:absolute;
    position:relative;
    margin:40px 10px 10px 40px;
    left:-5px;
    top:-4px
}
.tempcontainerx{
    position:relative;
    left:-20px;
    top:-11px
}
.outside0-5,.outside11-15,.outside16-20,.outside21-25,.outside26-30,.outside31-35,.outside36-40,.outside41-45,.outside50,.outside6-10,.outsideminus,.outsideminus5,.outsidezero{
    font-family:weathertext,Arial,Helvetica,system;
    width:6rem;
    height:5.5rem;
    font-size:1.9rem;
    padding-top:10px;
    color:#f8f8f8;
    border-bottom:18px solid rgba(230,232,239,1);
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}
.outsideminus,.outsideminus5,.outsidezero{
    background:rgba(0,164,180,.8);
    background:-webkit-linear-gradient(270deg,#00a4b4,rgba(80,69,188,1));
    background:-o-linear-gradient(270deg,#00a4b4,rgba(80,69,188,1));
    background:-moz-linear-gradient(270deg,#00a4b4,rgba(80,69,188,1));
    background:-ms-linear-gradient(270deg,#00a4b4,rgba(80,69,188,1));
    background:linear-gradient(270deg,#00a4b4,rgba(80,69,188,1))
}
.outside0-5{
    background:rgba(0,164,180,1);
    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)
}
.outside6-10{
    background:#88b04b;
    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)
}
.outside11-15{
    background:rgba(230,161,65,1));
    background:-webkit-linear-gradient(90deg,#9aba2f,rgba(230,161,65,1));
    background:-o-linear-gradient(90deg,#9aba2f,rgba(230,161,65,1));
    background:-moz-linear-gradient(90deg,#9aba2f,rgba(230,161,65,1));
    background:-ms-linear-gradient(90deg,#9aba2f,rgba(230,161,65,1));
    background:linear-gradient(90deg,#9aba2f,rgba(230,161,65,1))
}
.outside16-20{
    background:rgba(255,124,57,1);
    background:-webkit-linear-gradient(90deg,#9aba2f,rgba(255,124,57,1));
    background:-o-linear-gradient(90deg,#9aba2f,rgba(255,124,57,1));
    background:-moz-linear-gradient(90deg,#9aba2f,rgba(255,124,57,1));
    background:-ms-linear-gradient(90deg,#9aba2f,rgba(230,161,65,1));
    background:linear-gradient(90deg,#9aba2f,rgba(255,124,57,1))
}
.outside21-25{
    background:#efa80f;
    background:-webkit-linear-gradient(90deg,#efa80f,#d86858);
    background:-o-linear-gradient(90deg,#efa80f,#d86858);
    background:-moz-linear-gradient(90deg,#efa80f,#d86858);
    background:-ms-linear-gradient(90deg,#efa80f,#d86858);
    background:linear-gradient(90deg,#efa80f,#d86858)
}
.outside26-30{
    background:-webkit-linear-gradient(90deg,#d86858,rgba(236,102,21,1));
    background:-o-linear-gradient(90deg,#d86858,rgba(236,102,21,1));
    background:-moz-linear-gradient(90deg,#d86858,rgba(236,102,21,1));
    background:-ms-linear-gradient(90deg,#d86858,rgba(236,102,21,1));
    background:linear-gradient(90deg,#d86858,rgba(236,102,21,1))
}
.outside31-35,.tempconvertercirclered1{
    background:#d86858;
    background:-webkit-linear-gradient(90deg,#d86858,rgba(211,93,78,.7));
    background:-o-linear-gradient(90deg,#d86858,rgba(211,93,78,.7));
    background:-moz-linear-gradient(90deg,#d86858,rgba(211,93,78,.7));
    background:-ms-linear-gradient(90deg,#d86858,rgba(211,93,78,.7));
    background:linear-gradient(90deg,#d86858,rgba(211,93,78,.7))
}
.outside36-40{
    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)
}
.outside41-45,.outside50{
    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)
}
.temptrendx{
    position:absolute;
    margin-top:-17px;
    margin-left:5%;
    text-align:center;
    z-index:auto;
    font-size:0;
    color:#333;
    font-family:Arial,system
}
trendmovementfallingx,trendmovementrisingx{
    font-size:.7rem;
    font-family:Arial,system
}
trendmovementsteadyx{
    color:#333;
    font-size:.7rem
}
.maxdata{
    position:absolute;
    font-family:Arial,Helvetica,system;
    font-size:.75rem;
    color:#fff;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:4px auto auto;
    left:20%
}
smalltempunit{
    font-size:.5em
}
smalltempunit2{
    font-size:.55rem
}
smallrainunit2{
    font-size:.5rem;
    color:#fff
}
.indoorhomesvg1{
    margin-top:-2px;
    left:8px;
    color:rgba(230,232,239,1);
    margin-left:8px
}
.indoortrendhouse1{
    position:absolute;
    margin-left:142px;
    margin-top:68px;
    font-size:.55rem;
    z-index:1;
    color:#fff
}
.indoorhomevalue1{
    position:relative;
    margin-top:-89px;
    left:0;
    font-size:23px;
    padding-right:4px;
    padding-left:0
}
indoorblue1,indoorgreen1,indoororange1,indoorred1,indooryellow1{
    font-family:weathertext,Arial,Helvetica,system;
    width:3.2rem;
    height:2.6rem;
    font-size:.8rem;
    padding-top:7px;
    color:#fff;
    border-bottom:10px solid rgba(230,232,239,1);
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    position:absolute;
    margin-left:130px;
    top:-5px
}
.raintoday1,.uvtoday1,.uvtoday1-3,.uvtoday11,.uvtoday4-5,.uvtoday6-8,.uvtoday9-10{
    padding-top:7px;
    align-items:center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    color:#fff
}
.raincontainer1,.uvcontainer1{
    position:relative;
    margin:40px 10px 10px 40px;
    float:left;
    -o-font-smoothing:antialiasedleft:0;
    bottom:0;
    right:0
}
indoororange1{
    background:#ff8841
}
indoorgreen1{
    background:#9aba2f
}
indoorblue1{
    background:#01a4b4
}
indooryellow1{
    background:rgba(233,171,74,1)
}
.raincontainer1{
    font-family:weathertext,system;
    left:95px;
    top:40px
}
.raintoday1{
    font-family:weathertext,Arial,Helvetica,system;
    width:3.1rem;
    height:2.5rem;
    font-size:.8rem;
    background:rgba(59,156,172,1);
    border-bottom:8px solid rgba(230,232,239,1);
    display:flex;
    justify-content:center;
    border-radius:3px
}
smalluvunit{
    font-size:.55rem;
    font-family:Arial,Helvetica,system;
    font-weight:600
}
.uvcontainer1{
    font-family:weathertext,system;
    left:70px;
    top:15px
}
.simsek,.uvtoday1,.uvtoday1-3,.uvtoday11,.uvtoday4-5,.uvtoday6-8,.uvtoday9-10,topblue1,topgreen1,toporange1,topred1,topyellow1{
    font-family:weathertext,Arial,Helvetica,system;
    display:flex
}
.uvtoday1,.uvtoday1-3,.uvtoday11,.uvtoday4-5,.uvtoday6-8,.uvtoday9-10{
    width:5rem;
    height:4.5rem;
    font-size:1.55rem;
    border-bottom:15px solid rgba(230,232,239,1);
    justify-content:center;
    border-radius:3px
}
.uvcaution,.uvtrend{
    position:absolute;
    font-size:.65rem
}
.uvtoday1-3{
    background:rgba(144,177,42,1)
}
.simsek,.uvtoday4-5{
    background:rgba(230,161,65,1)
}
.uvtoday6-8{
    background:rgba(255,124,57,.8)
}
.uvtoday9-10{
    background:rgba(211,93,78,.8)
}
.uvtoday11{
    background:rgba(97,65,196,.8)
}
.uvcaution{
    margin-left:120px;
    margin-top:112px;
    font-family:Arial,Helvetica,system
}
.uvtrend{
    margin-left:128px;
    margin-top:58px;
    z-index:1;
    color:#fff
}
.simsekcontainer{
    float:left;
    font-family:weathertext,system;
    -o-font-smoothing:antialiasedleft:0;
    bottom:0;
    right:0;
    position:relative;
    margin:40px 10px 10px 40px;
    left:-10px;
    top:12px
}
.simsek{
    width:5rem;
    height:4.5rem;
    font-size:1.55rem;
    padding-top:12px;
    color:#f8f8f8;
    border-bottom:18px solid rgba(230,232,239,1);
    align-items:center;
    justify-content:center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}
.simsekdata,.simsektoday{
    position:absolute;
    font-size:.7rem
}
.simsektoday{
    margin-top:-16px;
    margin-left:1.7rem;
    text-align:center;
    z-index:auto;
    color:#333;
    font-family:Arial,system
}
.simsekdata{
    font-family:Arial,Helvetica,system;
    color:#fff;
    font-weight:400;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:4px auto auto;
    left:28.1%
}
topblue1,topgreen1,toporange1,topred1,topyellow1{
    width:3.3rem;
    height:2.4rem;
    font-size:.8rem;
    padding-top:7px;
    color:#fff;
    border-bottom:11px solid rgba(230,232,239,1);
    align-items:center;
    justify-content:center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    position:absolute;
    margin-left:133px;
    top:-5px
}
.topmax,.topmin{
    position:absolute;
    margin-top:39px;
    font-size:0;
    padding-right:4px;
    padding-left:0
}
topred1{
    background:rgba(211,93,78,1)
}
toporange1{
    background:#ff8841
}
topgreen1{
    background:#9aba2f
}
topblue1{
    background:#01a4b4
}
topyellow1{
    background:rgba(233,171,74,1)
}
.topmin{
    left:-100px
}
.topmax{
    left:10px
}
.maxword,.minword{
    position:absolute;
    margin-top:35px;
    font-size:.55rem;
    color:#fff
}
.maxword{
    margin-left:157px
}
.minword{
    margin-left:47px
}
 .maxtimedate,.mintimedate{
    margin-top:61px;
    font-size:.54rem;
    color:#333;
    width:50px;
    position:absolute
}
.maxtimedate{
    margin-left:140px
}
.mintimedate{
    margin-left:30px
}
smallwindunit{
    font-size:.45rem;
    font-family:Arial,Helvetica,system;
    padding-left:2px
}
.yearwordbig{
    position:absolute;
    margin-left:11px;
    margin-top:34px;
    font-size:1.4rem;
    color:rgba(86,95,103,.1);
    width:200px;
    font-family:weathertext,Arial,system
}
.airvalue{
    position:relative;
    margin-top:75px;
    left:5px;
    top:5px;
    font-size:.9rem
}
airdescription{
    font-size:16px;
    left:-15px;
    line-height:26px;
    text-align:left;
    width:300px;
    margin-top:0
}
.air0,.air100,.air150,.air200,.air300,.air50{
    font-family:weathertext,Arial,Helvetica,system;
    width:5rem;
    height:4.68rem;
    font-size:1.5rem;
    padding-top:0;
    color:#fff;
    border-bottom:15px solid rgba(230,232,239,1);
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px
}
.air0{
    background:rgba(144,177,42,1)
}
.air50{
    background:rgba(230,161,65,1)
}
.air100{
    background:rgba(255,124,57,.8)
}
.air150{
    background:rgba(211,93,78,.8)
}
.air200,.air250,.air300{
    background:#a475cb
}
supdavis{
    top:-.5em;
    font-size:.5em
}
.windunitidgust,.windunitidspeed{
    color:#333;
    margin-top:-35px;
    font-size:10px;
    position:absolute;
    width:55px;
}
.windunitidgust{
    margin-left:0px
}
.windunitidspeed{
    margin-left:0
}
.windunitgust,.windunitspeed{
    color:#333;
    margin-top:7px;
    font-size:10px;
    position:absolute
}
.windunitgust{
    margin-left:15px
}
.windunitspeed{
    margin-left:15px
}
 .weather34indoorword{
    margin-left:140px;
    margin-top:26px;
    color:#333;
    font-size:0.55rem;
    font-family:arial,system;
    position:absolute
}