#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];
}

.indoordate, .monthpopup, .todaypopup, .weather34box .title, .yearpopup {
    text-transform: uppercase
}

.beaufort, .indoordate, .sidebar {
    position: absolute
}

lowtemptitle, maxgusttitle, maxtemptitle, maxwindtitle, monthraintitle,
yearraintitle {
    font: 400 12px arial, sans-serif
}

.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: weathertext;
    src: url(fonts/sanfranciscodisplay-regular-webfont.woff)
}

* , :after, :before {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: inherit
}

body {
    background: #fff;
    clear: both;
    cursor: url(mouse/mouse.svg), auto;
    color-adjust: [exact];
}

#navigation {
    display: none
}

.moduletitle {
    font-weight: 400
}

.moduletitle cap {
    text-transform: uppercase
}

.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: 3.9em;
    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, sans-serif;
    padding: 3px
}

.weather-container, .weather-item, .weather2-container, .weather2-item {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: arial, sans-serif;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.weather2-container {
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    width: 960px;
    height: 100px;
    background-color: none;
    margin: 65px 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, sans-serif;
    -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: 100%;
    height: 60px;
    margin: 0 2px 2px 0;
    border: 1px solid #e9ebf1;
    text-align: center;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    color: #505153
}

.barometergaugegrid {
    width: 90%;
    margin: 10px 0 auto;
    text-align: center
}

h2mb {
    letter-spacing: 0;
    font: 2em arial, sans-serif;
    -o-font-smoothing: antialiased
}

h2mb span {
    color: #d65b4a;
    margin-left: 0;
    margin-top: 5px;
    font: .4em arial, sans-serif;
    -o-font-smoothing: antialiased
}

.h2mbvalue {
    margin-top: 3px;
    padding-right: 0;
    color-adjust: exact;
    font-weight: 400;
    font-family: weathertext, arial, sans-serif;
    -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, sans-serif;
    -o-font-smoothing: antialiased
}

.barometertrend {
    position: relative;
    margin: -58px auto auto;
    text-align: center;
    z-index: 1;
    font: 12px Arial, sans-serif;
    -o-font-smoothing: antialiased
}

.barometertrend falling, .barometertrend rising, .barometertrend steady {
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif
}

.barometertrend steady {
    color: #9aba2f
}

.barometertrend rising {
    color: #d65b4a
}

.barometertrend falling {
    color: rgba(18, 109, 193, 1)
}

barometerinfo {
    color: rgba(2, 29, 62, .8)
}

.temptrend {
    font: 400 .75em arial, sans-serif
}

.indoorfeels, .indoortrend {
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif;
    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, sans-serif;
    -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, 0.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-bottom: 0;
    width: 850px;
    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;
    width: auto;
    cursor: pointer;
    text-align: center;
    font: 12px / 15px arial, sans-serif;
    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
}

.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, sans-serif
}

.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, sans-serif;
    -o-font-smoothing: antialiased
}

.indoorlocation {
    margin-top: 41px;
    text-align: left;
    font: 10px arial, sans-serif;
    -o-font-smoothing: antialiased;
    font-weight: 600
}

.indoorvalues {
    position: absolute;
    margin-top: -15px
}

.heading1 {
    font: 1em / 15px arial, sans-serif;
    -o-font-smoothing: antialiased
}

.tempcontainer, .tempcontainer1 {
    float: left;
    font-family: weathertext, arial, sans-serif;
    -o-font-smoothing: antialiased
}

supmb {
    font-size: .8em
}

supunit {
    font-size: .7em;
    color: rgba(18, 109, 193, 1);
    font-weight: 400;
    vertical-align: top
}

.cold, .colder, .cooler, .freezing, .gettingcolder, .mild, .milder,
.temperaturecircle, .temptext {
    color: #fff
}

verticalline {
    border-right: thin solid #ccc;
    margin-right: 10px
}

a:visited {
    border: 0
}

.tempcontainer .circleOut {
    border-radius: 50%;
    left: 0;
    bottom: 0;
    right: 0;
    top: -20px;
    position: absolute;
    width: 110px;
    height: 110px
}

.tempcontainer {
    position: relative;
    width: 105px;
    height: 105px;
    margin: 40px 10px 10px 50px;
    left: 55px;
    top: 10px
}

.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
}

.cold, .colder, .cooler, .extremehot, .freezing, .gettingcolder, .gettingcooler,
.hot, .hotter, .mild, .milder, .veryhot, .warm, .warmer {
    width: 105px;
    height: 105px;
    top: 0;
    left: 0;
    font-size: 0;
    bottom: 0
}

.uvi01, .uvi03, .uvi1112, .uvi35, .uvi67, .uvi810 {
    width: 80px;
    height: 80px;
    text-align: center
}

.cold, .colder, .cooler, .extremehot, .freezing, .gettingcolder, .gettingcooler,
.hot, .hotter, .mild, .milder, .temptext1, .veryhot, .warm, .warmer {
    right: 0;
    text-align: center;
    position: absolute
}

.cold, .freezing {
    border-radius: 50%
}

.freezing {
    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));
    border: 0
}

.cold {
    background: -webkit-linear-gradient(270deg, #00a4b4, #087883);
    background: -o-linear-gradient(270deg, #00a4b4, #087883);
    background: -moz-linear-gradient(270deg, #00a4b4, #087883);
    background: -ms-linear-gradient(270deg, #00a4b4, #087883);
    background: linear-gradient(270deg, #00a4b4, #087883);
    border: 0
}

.colder, .gettingcolder {
    border-radius: 50%
}

.gettingcolder {
    background: -webkit-linear-gradient(90deg, #01a4b4, #03bf87);
    background: -o-linear-gradient(90deg, #01a4b4, #03bf87);
    background: -moz-linear-gradient(90deg, #01a4b4, #03bf87);
    background: -ms-linear-gradient(90deg, #01a4b4, #03bf87);
    background: linear-gradient(90deg, #01a4b4, #03bf87);
    border: 0
}

.colder {
    background: -webkit-linear-gradient(90deg, #00a4b4, #88b04b);
    background: -o-linear-gradient(90deg, #00a4b4, #88b04b);
    background: -moz-linear-gradient(90deg, #00a4b4, #88b04b);
    background: -ms-linear-gradient(90deg, #00a4b4, #88b04b);
    background: linear-gradient(90deg, #00a4b4, #88b04b);
    border: 0
}

.cooler, .mild {
    border-radius: 50%
}

.cooler {
    background: -webkit-linear-gradient(270deg, #9aba2f, #1b9aa7);
    background: -o-linear-gradient(270deg, #9aba2f, #1b9aa7);
    background: -moz-linear-gradient(270deg, #9aba2f, #1b9aa7);
    background: -ms-linear-gradient(270deg, #9aba2f, #1b9aa7);
    background: linear-gradient(270deg, #9aba2f, #1b9aa7);
    border: 0
}

.mild {
    background: -webkit-linear-gradient(90deg, #9aba2f, #ffae00);
    background: -o-linear-gradient(90deg, #9aba2f, #ffae00);
    background: -moz-linear-gradient(90deg, #9aba2f, #ffae00);
    background: -ms-linear-gradient(90deg, #9aba2f, #ffae00);
    background: linear-gradient(90deg, #9aba2f, #ffae00);
    border: 0
}

.gettingcooler, .milder {
    border-radius: 50%
}

.milder {
    background: -webkit-linear-gradient(90deg, #88b04b, #e5c21f);
    background: -o-linear-gradient(90deg, #88b04b, #e5c21f);
    background: -moz-linear-gradient(90deg, #88b04b, #e5c21f);
    background: -ms-linear-gradient(90deg, #88b04b, #e5c21f);
    background: linear-gradient(90deg, #88b04b, #e5c21f);
    border: 0
}

.gettingcooler {
    color: #fff;
    background: -webkit-linear-gradient(90deg, #88b04b, #d86858);
    background: -o-linear-gradient(90deg, #88b04b, #d86858);
    background: -moz-linear-gradient(90deg, #88b04b, #d86858);
    background: -ms-linear-gradient(90deg, #88b04b, #d86858);
    background: linear-gradient(90deg, #88b04b, #d86858);
    border: 0
}

.hot, .hotter, .warm, .warmer {
    border-radius: 50%;
    color: #fff;
    border: 0
}

.warm {
    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)
}

.warmer {
    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))
}

.hot {
    background: rgba(0, 164, 180, .8);
    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))
}

.hotter {
    background: #d86858;
    background: -webkit-linear-gradient(90deg, #d86858, rgba(230, 14, 75, 1));
    background: -o-linear-gradient(90deg, #d86858, rgba(230, 14, 75, 1));
    background: -moz-linear-gradient(90deg, #d86858, rgba(230, 14, 75, 1));
    background: -ms-linear-gradient(90deg, #d86858, rgba(230, 14, 75, 1));
    background: linear-gradient(90deg, #d86858, rgba(230, 14, 75, 1))
}

.extremehot, .veryhot {
    border-radius: 50%
}

.veryhot {
    color: #fff;
    background: #fd7641;
    background: -webkit-linear-gradient(90deg, #fd7641, #637ff6);
    background: -o-linear-gradient(90deg, #fd7641, #637ff6);
    background: -moz-linear-gradient(90deg, #fd7641, #637ff6);
    background: -ms-linear-gradient(90deg, #fd7641, #637ff6);
    background: linear-gradient(90deg, #fd7641, #637ff6);
    border: 0
}

.extremehot {
    color: #fff;
    background: #de2c52;
    background: -webkit-linear-gradient(90deg, #de2c52, #637ff6);
    background: -o-linear-gradient(90deg, #de2c52, #637ff6);
    background: -moz-linear-gradient(90deg, #de2c52, #637ff6);
    background: -ms-linear-gradient(90deg, #de2c52, #637ff6);
    background: linear-gradient(90deg, #de2c52, #637ff6);
    border: 0
}

.temptext1 {
    color: #d65b4a;
    padding-top: 0;
    margin-top: -29px;
    left: 190px;
    font-size: 28px;
    font-family: weathertext, Arial, sans-serif
}

supsolar, suptemp1 {
    color: #fff
}

.temptext1 span {
    color: rgba(2, 29, 62, .8);
    margin-left: 5px;
    font: 800 12px arial, sans-serif
}

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, sans-serif
}

.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, sans-serif;
    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, sans-serif;
    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: 100%;
    -ms-border-radius: 100%
}

.eqcircle2, .eqcircle3, .eqcircle4 {
    margin-top: -15px
}

.eqcircle {
    border-radius: 100%;
    border: 2px solid #e9ebf1;
    font-family: weathertext, Arial, sans-serif;
    font-size: 22px;
    line-height: 12px;
    color: #d65b4a
}

.eqcircle1, .eqcircle2, .eqcircle3 {
    -o-border-radius: 100%
}

.eqcircle span {
    color: rgba(2, 29, 62, .8);
    text-align: center;
    font: 400 .3em / 10px arial, sans-serif
}

.eqcircle1 {
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #e9ebf1;
    font-family: weathertext, Arial, sans-serif;
    font-size: 22px;
    line-height: 12px;
    color: #9aba2f
}

.eqcircle2, .eqcircle3 {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.eqcircle1 span {
    color: rgba(2, 29, 62, .8);
    text-align: center;
    font: 400 .3em / 10px arial, sans-serif
}

.eqcircle2 {
    border-radius: 100%;
    border: 2px solid #e9ebf1;
    font-family: weathertext, Arial, sans-serif;
    font-size: 22px;
    line-height: 12px;
    color: #e48f4c
}

.eqcircle2 span {
    color: rgba(2, 29, 62, .8);
    text-align: center;
    font: 400 .3em / 10px arial, sans-serif
}

.eqcircle3 {
    border-radius: 100%;
    border: 2px solid #e9ebf1;
    font-family: weathertext, Arial, sans-serif;
    font-size: 22px;
    line-height: 12px;
    color: #ee7259
}

.eqcircle3 span {
    color: rgba(2, 29, 62, .8);
    text-align: center;
    font: 400 .3em / 10px arial, sans-serif
}

.eqcircle4 {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #e9ebf1;
    font-family: weathertext, Arial, sans-serif;
    font-size: 22px;
    line-height: 12px;
    color: #d65b4a
}

.eqcircle4 span {
    color: rgba(2, 29, 62, .8);
    text-align: center;
    font: 400 .3em / 10px arial, sans-serif
}

.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, sans-serif
}

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, sans-serif;
    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 {
    float: left;
    margin-top: 26px;
    margin-left: 180px;
    padding: 0;
    width: 140px;
}

.heatcircle-content {
    color: #333;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 160px;
    font: 500 11px arial, sans-serif;
    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, sans-serif;
    font-weight: 900
}

supraindrop, supraindropw {
    z-index: 9999999;
    font: .4em weathertext, arial, sans-serif
}

.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, sans-serif;
    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, sans-serif
}

.clock-container, .windgustheading {
    font: 1em weathertext, arial, sans-serif
}

.windgustcircle {
    margin-top: 35px;
    margin-left: -136px;
    font: 20px arial, sans-serif
}

.windgustheadingcircle {
    margin-top: 14px;
    margin-left: -125px;
    font: 12px arial, sans-serif
}

.iconsize {
    font-size: 0;
    width: 50%;
    height: 50%;
    margin-left: 10px
}

.mooninfo {
    margin-left: 120px;
    font: 1em / 1.2em arial, sans-serif;
    margin-top: 100px;
    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: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%
}

.line {
    margin-top: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 5px
}

.mooncircle {
    top: 50px;
    border-radius: 100%;
    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, sans-serif;
    display: block;
    margin-left: 0
}

.mooncircle moonhead {
    color: #d65b4a;
    text-align: center;
    font-size: 18px;
    font-family: Arial, sans-serif;
    margin-top: 20px;
    margin-left: -45px
}

.solar {
    padding-left: 25px;
    font: 2.8em weathertext, Arial, sans-serif
}

.h2uv {
    margin-top: 35px;
    position: relative;
    padding: 40px;
    border-radius: 100%;
    width: 180px;
    height: 180px;
    background: linear-gradient(180deg, #068895 25%, #51b1a5 45%);
    font: 4em arial, sans-serif
}

.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, sans-serif;
    margin-top: 10px
}

.luminance, .luminance:before, .moonrise {
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif
}

.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, sans-serif
}

.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, sans-serif
}

.feels, .feels1, .lo, .max, .maxws1001 {
    position: relative;
    color: #fff;
    z-index: auto
}

.lo, .max {
    font: .83em arial, sans-serif;
    font-weight: 700
}

.maxws1001 {
    font: .78em arial, sans-serif;
    font-weight: 700
}

.feels, .feels1 {
    margin-left: auto
}

.feels {
    margin-top: 45px;
    font: 12px arial, sans-serif;
    font-weight: 700
}

.windchillcircle-content, .windgustmphcircle-content, .windmphcircle-content {
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif;
    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, sans-serif;
    line-height: 10px
}

.updatedtime span {
    margin-bottom: 0;
    color: #d65b4a;
    font-weight: 700;
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif
}

.updatedtimeuv {
    margin-top: -112px;
    color: #d65b4a;
    font: 700 10px arial, sans-serif;
    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, sans-serif;
    line-height: 10px
}

.updatedtimecurrent span {
    margin-bottom: 0;
    color: rgba(2, 29, 62, .8);
    font-weight: 400;
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif
}

.updatedtimealert, .updatedtimedir {
    width: 75px;
    font: 700 10px arial, sans-serif
}

.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, sans-serif
}

.updatedtimedir {
    margin-top: -25px;
    text-align: right;
    margin-left: 135px;
    position: absolute;
    color: #d65b4a;
    line-height: 10px
}

.average, .averageuv, .solarmax {
    font: 700 10px arial, sans-serif;
    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, sans-serif
}

.uvmax {
    width: 100px;
    margin-left: 27px;
    color: #f5650a;
    font: 700 10px arial, sans-serif
}

.uvmax span {
    color: rgba(2, 29, 62, .8);
    font: 10px arial, sans-serif
}

.solarenergy {
    width: 120px;
    margin-left: 5px;
    color: rgba(2, 29, 62, .8);
    font: 700 10px arial, sans-serif
}

.averagetemp, .averagetempoutside {
    margin-top: -5px;
    position: absolute
}

.solarenergy span {
    color: #87a621;
    font: 10px arial, sans-serif
}

.averagetemp {
    text-align: center;
    margin-left: -2px;
    font: 700 10px arial, sans-serif
}

.averagetemp span {
    color: rgba(18, 109, 193, 1);
    font: 400 10px arial, sans-serif;
    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, sans-serif
}

.averagetempoutside span {
    color: rgba(18, 109, 193, 1);
    font: 400 10px arial, sans-serif;
    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, sans-serif
}

.average {
    margin-left: 180px;
    color: #d65b4a;
    font: 700 10px arial, sans-serif;
    width: 120px
}

.average span {
    margin-bottom: 0;
    color: rgba(18, 109, 193, 1);
    font-weight: 400;
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif
}

.windrunarea {
    position: absolute;
    margin-left: -70px;
    width: 100px;
    color: #9aba2f;
    font: 700 12px arial, sans-serif;
    text-align: left
}

.averageuv {
    margin-left: -45px;
    color: #d65b4a;
    font: 700 10px arial, sans-serif
}

.averageuv span {
    margin-bottom: 0;
    color: rgba(18, 109, 193, 1);
    font-weight: 400;
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif
}

.averageindoor {
    margin-left: 255px;
    color: rgba(2, 29, 62, .8);
    font: 400 10px arial, sans-serif;
    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, sans-serif
}

.barometertrend1 {
    margin-left: 10px;
    margin-top: 130px;
    width: 100px;
    text-align: left;
    position: absolute;
    color: #d65b4a;
    font: 700 12px arial, sans-serif;
    line-height: 9px
}

.barometertrend1 hourtrend {
    font: 400 9px arial, sans-serif;
    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: 240px;
    position: absolute
}

.barometeravg {
    margin-top: 120px;
    color: #d65b4a;
    font: 12px arial, sans-serif;
    line-height: 9px
}

.barometeravg span {
    font: 700 10px arial, sans-serif;
    color: rgba(2, 29, 62, .8)
}

.barometeravg unit {
    font: 400 10px arial, sans-serif;
    color: rgba(2, 29, 62, .8)
}

.barometermax {
    margin-top: 10px;
    color: rgba(245, 101, 10, 1);
    font: 10px arial, sans-serif;
    line-height: 9px
}

.barometermax span {
    font: 700 10px arial, sans-serif;
    color: rgba(2, 29, 62, .8)
}

.barometermax unit {
    font: 400 10px arial, sans-serif;
    color: rgba(2, 29, 62, .8)
}

.barometermin {
    margin-top: 125px;
    width: 50px;
    color: rgba(18, 109, 193, 1);
    font: 10px arial, sans-serif;
    line-height: 9px;
    text-align: center
}

.barometermin span {
    font: 700 10px arial, sans-serif;
    color: rgba(2, 29, 62, .8)
}

.barometermin unit {
    font: 400 10px arial, sans-serif;
    color: rgba(2, 29, 62, .8)
}

.indoorunit {
    margin-top: 45px;
    text-align: left;
    font: 10px arial, sans-serif;
    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, sans-serif
}

.humidityindoor span {
    margin-bottom: 0;
    font-size: 12px;
    color: rgba(2, 29, 62, .8);
    color-adjust: exact;
    font-family: weathertext, arial, sans-serif
}

.temperatureindoor {
    margin-left: 40px;
    font: 400 26px weathertext, arial, sans-serif
}

.temperatureindoor span {
    margin-bottom: 0;
    font-size: 12px;
    color: rgba(2, 29, 62, .8);
    font-family: weathertext, arial, sans-serif
}

indoor15, indoor20, indoor25, indoorless20 {
    color: rgba(2, 29, 62, .8);
    color-adjust: exact;
    font: 400 26px weathertext, arial, sans-serif
}

.averagedir {
    margin-left: 115px;
    margin-top: 120px;
    width: auto;
    text-align: center;
    position: absolute;
    color: #d86858;
    font: 600 10px arial, sans-serif;
    -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, sans-serif
}

.averagedir1 {
    margin-left: 220px;
    margin-top: 110px;
    color: #d86858;
    font: 600 10px arial, sans-serif
}

.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, sans-serif
}

.windrun {
    margin-left: 217px;
    margin-top: 147px;
    color: rgba(2, 29, 62, .8);
    font: 400 10px arial, sans-serif
}

.windrun span {
    color: #d86858;
    font: 600 10px arial, sans-serif
}

.windalarm span, .windcondition span {
    color: rgba(2, 29, 62, .8);
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif;
    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, sans-serif;
    -o-font-smoothing: antialiased
}

.gustspeedtrend span {
    margin-bottom: 0;
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif
}

.windspeedtrend {
    margin-left: 45px;
    color: #9aba2f;
    font: 700 12px arial, sans-serif;
    -o-font-smoothing: antialiased
}

.windspeedtrend span, a, body, html {
    font-family: arial, sans-serif
}

.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, sans-serif
}

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, sans-serif
}

.homeweathernotify hv {
    font-size: 14px;
    font-family: weathertext, Arial, sans-serif;
    color: #fff
}

.homeweathernotify uv, .homeweathernotify uvspan {
    font-family: Arial, sans-serif
}

.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, sans-serif;
    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, sans-serif;
    color: #fff
}

.homeweathernotify description, .homeweathernotify span {
    font-size: 13px;
    font-family: Arial, sans-serif
}

.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: 100%;
    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: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.thearrow:before {
    width: 6px;
    height: 6px;
    position: absolute;
    z-index: 9;
    left: 2px;
    top: -3px;
    border: 2px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.homeweathercompass > .windirectiontext {
    display: block;
    margin: 0 0 auto;
    text-align: center;
    color: #878a8c;
    font-family: Arial, sans-serif;
    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
}

#raincontainer1 {
    height: 170px;
    margin: -30px auto 0 35px;
    overflow: hidden;
    position: absolute;
    width: 210px;
    z-index: 0
}

#raincontainer1 div {
    position: absolute
}

.rainvalue {
    font-size: 1.1em;
    color: rgba(0, 0, 0, .6);
    margin-left: 30px;
    margin-top: 2%;
    line-height: 1em;
    font-family: weathertext, Arial, sans-serif;
    width: 50%
}

.rainvalue span {
    font-size: .6em
}

.norain {
    margin-left: -10px;
    margin-top: 15%;
    shape-rendering: crispEdges;
    background: url(homepageicons/norain.svg) center no-repeat;
    height: 60px;
    padding: 4px;
    width: 75px;
    z-index: auto
}

.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, sans-serif
}

.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
}

#beaker {
    border: 5px solid #e9ebf1;
    border-top: 0;
    border-radius: 5px;
    height: 125px;
    left: 50px;
    bottom: 0;
    width: 125px;
    shape-rendering: crispEdges;
    background-image: url(rain/marker.svg);
    background-repeat: no-repeat;
    z-index: 20
}

#beaker:after, #beaker:before {
    border: 5px solid #e9ebf1;
    border-bottom: 0;
    border-radius: 7px;
    height: 5px;
    position: absolute;
    top: 0;
    width: 15px;
    z-index: 20
}

#beaker:before {
    left: -15px
}

#beaker:after {
    right: -15px
}

#raintoday {
    border: 3px solid rgba(30, 105, 115, .5);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0 0 1px 1px;
    bottom: 0;
    margin-left: 55px;
    margin-bottom: 2px;
    width: 115px;
    max-height: 110px;
    -webkit-transition: water 3s ease-out;
    -moz-transition: water 3s ease-out;
    -o-transition: water 3s ease-out;
    transition: water 3s ease-out;
    z-index: 0;
    animation: homeweatherstationraingauge 3000s linear infinite;
    shape-rendering: crispEdges;
    background: url(rain/water.svg)
}

@keyframes homeweatherstationraingauge {
    0 {
        background-position: 0 0
    }

    100% {
        background-position: 100000% 0
    }
}

#raintoday:after {
    background-color: none;
    bottom: 0;
    height: 200px;
    left: -40px;
    position: absolute;
    width: 120px
}

.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%;
    color: rgba(2, 29, 62, .8);
    -webkit-font-smoothing: antialiased
}

.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%;
    color: rgba(2, 29, 62, .8);
    -webkit-font-smoothing: antialiased
}

.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
}

.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)
}

.daylightbox, .homeweathercompass1 > .homeweathercompass-line1 {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%
}

.daylightbox, .daylightoutputmoon {
    position: absolute;
    border-radius: 100%
}

.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
}

.windunitidgust, .windunitidspeed {
    position: absolute;
    color: rgba(2, 29, 62, .8);
    margin-top: 5px;
    margin-left: 3px;
    font-size: 10px
}

.windalarm, .windcondition {
    font: 600 9px arial, sans-serif;
    position: absolute;
    width: 100px;
    text-align: left
}

.windcondition {
    margin-top: -25px;
    margin-left: 65px;
    color: rgba(2, 29, 62, .8)
}

.windalarm {
    margin-top: -26px;
    margin-left: 185px;
    color: rgba(2, 29, 62, .8)
}

.avgspeedgust, .avgspeedwind {
    margin-top: 10px;
    width: 120px;
    text-align: left;
    position: absolute
}

.avgspeedwind {
    margin-left: 30px;
    color: rgba(2, 29, 62, .8);
    font: 12px arial, sans-serif;
    font-weight: 600
}

.avgspeedwind span {
    color: rgba(2, 29, 62, .8);
    font-family: arial, sans-serif;
    -o-font-smoothing: antialiased
}

.avgspeedgust {
    margin-left: 195px;
    color: rgba(2, 29, 62, .8);
    font: 12px arial, sans-serif;
    font-weight: 600
}

.avgspeedgust span {
    color: rgba(2, 29, 62, .8);
    font-family: arial, sans-serif;
    -o-font-smoothing: antialiased
}

.text1, .text2, .text3, .windvalue1 {
    font-family: weathertext, Arial
}

.text1, .windvalue1 {
    font-size: 26px;
    color: rgba(2, 29, 62, .8)
}

.windseparator {
    color: rgba(2, 29, 62, .8)
}

.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: 100%;
    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%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    animation: rotate 1.5s both linear;
    -webkit-animation: rotate 1.5s both linear;
    -moz-animation: rotate 1.5s both linear;
    -o-animation: rotate 1.5s both linear;
    -ms-animation: rotate 1.5s both linear
}

.thearrow1:after {
    height: 15px;
    width: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #d65b4a
}

.thearrow1:before {
    width: 6px;
    height: 6px;
    position: absolute;
    z-index: 9;
    left: 2px;
    top: -3px;
    border: 2px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.homeweathercompass1 > .windirectiontext1 {
    display: block;
    text-align: center;
    color: rgba(2, 29, 62, .8);
    font-family: Arial, sans-serif;
    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: 110px;
    margin-left: 15px;
    font-size: 10px
}

.windicons1 {
    font-size: 0;
    position: absolute;
    margin-top: 80px;
    margin-left: 25px;
    border: 3px solid #e9ebf1;
    border-radius: 75%;
    padding: 3px;
    background: rgba(238, 98, 29, 1)
}

.eqcircle1home, .mooncircle1 {
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.windgustvalue, .windspeedvalue {
    font-size: 2em;
    margin-top: 40px;
    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, sans-serif
}

.windspeedvalue {
    margin-left: 15px
}

.windgustvalue {
    margin-left: 240px
}

.gustspeedtrend1, .windspeedtrend1 {
    margin-top: -5px;
    position: absolute
}

.avgspeedgust1, .avgspeedwind1 {
    margin-top: 10px;
    width: 120px;
    text-align: left;
    position: absolute
}

.gustspeedtrend1 {
    width: 75px;
    display: block;
    float: left
}

.windspeedtrend1 {
    width: 100px;
    display: block;
    float: left
}

.gustspeedtrend1 {
    margin-left: 230px;
    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, sans-serif
}

.windspeedtrend1 {
    margin-left: 0;
    text-align: center
}

.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, sans-serif;
    font-weight: 600
}

.avgspeedwind1 span {
    font-family: arial, sans-serif;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased
}

.avgspeedgust1 {
    margin-left: 200px;
    font: 12px arial, sans-serif;
    font-weight: 600
}

.avgspeedgust1 span {
    font-family: arial, sans-serif;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased
}

.mooninfo img, .sun img {
    margin-bottom: 3px
}

.moon, .moon1 {
    font: 400 .9em / .95em arial, sans-serif
}

.moon1:before, .moon:before {
    content: "";
    color: rgba(18, 109, 193, 1);
    font: .9em arial, sans-serif
}

.mooncircle1 {
    position: absolute;
    color: rgba(2, 29, 62, .8);
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    height: 125px;
    width: 125px;
    margin-left: 0;
    border: 8px 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, sans-serif;
    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, sans-serif;
    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, Helvetica, sans-serif
}

.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, sans-serif
}

.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, sans-serif;
    width: 300px
}

.luminance1:before {
    content: "Phase";
    font-family: arial, sans-serif;
    -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, sans-serif
}

.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, sans-serif;
    -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, sans-serif;
        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, sans-serif;
        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, sans-serif;
        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, sans-serif;
    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, sans-serif;
    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: 38px;
    margin-left: 13%;
    z-index: auto;
    font-size: 0;
    color: #fff;
    font-family: Arial, sans-serif
}

#wuforecast, #wuforecast:last-child, #wuforecast:nth-child(1n),
#wuforecast:nth-child(2n), #wuforecast:nth-child(3n), #wuforecasts {
    -o-font-smoothing: antialiased;
    font-family: arial, sans-serif
}

trendmovementfalling, trendmovementrising {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-left: 15px
}

trendmovementsteady {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-left: 10px
}

#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, sans-serif;
    -o-font-smoothing: antialiased;
    color: #555
}

#temp, #temp2 {
    font: 1em arial, sans-serif;
    -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, sans-serif;
    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, sans-serif
}

.outlooktitle span {
    color: rgba(2, 29, 62, .8);
    font-family: arial, sans-serif;
    -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, sans-serif
}

#day span, #dayaftertomo span, #tomo span {
    font-family: arial, sans-serif;
    -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, sans-serif
}

#night span, .footertext, .notificationinfo, .weather34text {
    -o-font-smoothing: antialiased
}

#night span {
    color: #ff6861;
    font-family: arial, sans-serif;
    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, sans-serif;
    margin-left: 50px
}

.footertext, .weather34text {
    font-family: Arial, sans-serif;
    -ms-font-smoothing: antialiased
}

.beaufortconditions {
    position: relative;
    color: rgba(2, 29, 62, .8);
    width: 140px
}

.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 {
    position: absolute;
    text-align: center;
    margin-top: 15px;
    margin-left: 280px;
    padding: 5px;
    font-size: 8px;
    width: 100px;
    line-height: 9px;
    margin-right: 30px;
    font-weight: normal
}

.hardwarelogo1 {
    margin: 0;
    padding: 0;
    float: left;
    margin-top: -7px;
}

.hardwarelogo2 {
    position: absolute;
    margin-top: -7px;
    margin-left: 810px;
    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, sans-serif
}

.firerisk ext, .firerisk hi, .firerisk lo, .firerisk mod, .firerisk veryhi {
    font: 700 12px arial, sans-serif;
    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, sans-serif;
    line-height: 10px
}

.feelstemp risk {
    color: #ff793a;
    font: 600 10px arial, sans-serif
}

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 {
    -webkit-box-sizing: border-box;
    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, 0.7);
    border-top: 1;
    border-bottom: 1;
    border-radius: 4px;
    color: rgba(2, 29, 62, .8);
    float: left;
/*    padding: 5px;  */
    position: relative;
    width: 24.7%;
    height: 83px;
    margin: -5px 2px 0 0;
    -webkit-box-shadow: inset 0 18px #f6f8fc;
    box-shadow: inset 0 18px #f6f8fc;

}

.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, sans-serif;
    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, sans-serif;
    position: absolute;
    margin-top: 20px;
    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, sans-serif
}

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: 100%;
    -o-border-radius: 100%
}

.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, sans-serif;
    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, sans-serif
}

.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, sans-serif;
    font-size: 10px;
    width: 200px;
    font-weight: 400
}

spanbluemag, spangreenmag, spanredmag, spanyellowmag {
    font-family: weathertext, Arial, sans-serif;
    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: 100%;
    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, Helvetica, sans-serif;
    font-weight: 400;
    margin: 27px auto 0 20px;
    text-align: center;
    width: 200px
}

.eqtexthome, .sunlightday {
    font: 10px arial, sans-serif
}

.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, sans-serif;
    font-size: 26px;
    line-height: 15px;
    color: #fff
}

.eqcircle1homeregional, .eqcircle2homeregional, .eqcircle3homeregional,
.eqcircle4homeregional {
    position: absolute;
    margin-top: 30px;
    font-family: weathertext, Arial, sans-serif;
    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, sans-serif;
    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, sans-serif;
    font-size: 10px;
    width: 200px;
    font-weight: 400
}

spanblue, spanm4 {
    color: #fff
}

spanm, spanm2 {
    font-family: Arial, Helvetica, sans-serif;
    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, sans-serif;
    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, Helvetica, sans-serif;
    font-weight: 400
}

.cumulussunshine {
    margin-left: 0;
    color: rgba(211, 93, 78, 1);
    font: 400 12px arial, sans-serif;
    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, helvetica, sans-serif
}

cumulussunshinesuptemp {
    font-size: 12px;
    margin-left: 7px;
    color: #777
}

.cumulusisitsunny {
    margin-left: 50px;
    font: 400 12px arial, sans-serif;
    margin-top: 25px
}

cumulusisitsunny {
    font: 400 26px weathertext, arial, helvetica, sans-serif;
    font-size: .4em;
    margin-left: -7px;
    color: rgba(211, 93, 78, 1)
}

.cumulusmaxsolar {
    margin-left: 50px;
    font: 400 12px arial, sans-serif;
    margin-top: 40px
}

cumulusmaxsolarspan {
    color: #fff;
    font: 400 26px weathertext, arial, helvetica, sans-serif
}

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, sans-serif;
    margin-top: 20px
}

maxtemptitle {
    color: #fff
}

maxtempspan {
    font: 400 20px weathertext, arial, helvetica, sans-serif
}

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, sans-serif;
    margin-top: 45px
}

lowtemptitle {
    color: #fff
}

lowtempspan {
    font: 400 20px weathertext, arial, helvetica, sans-serif
}

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, sans-serif;
    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, helvetica, sans-serif
}

maxwindtime {
    font-size: 10px;
    margin-left: 1px
}

.maxgust {
    font: 400 12px arial, sans-serif;
    margin-top: 45px
}

maxgustspan {
    font: 400 20px weathertext, arial, helvetica, sans-serif
}

maxgusttime {
    font-size: 10px
}

.yearrain {
    margin-left: 0;
    font: 400 12px arial, sans-serif;
    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, helvetica, sans-serif
}

yearraintime {
    font-size: 10px;
    margin-left: 1px;
    color: #fff
}

.monthrain {
    margin-left: 0;
    color: rgba(2, 29, 62, .8);
    font: 400 12px arial, sans-serif;
    margin-top: 40px
}

monthraintitle, spanalert, sunshineicon {
    color: #fff
}

monthrainspan {
    color: #fff;
    font: 400 18px weathertext, arial, helvetica, sans-serif
}

monthraintime {
    font-size: 10px;
    margin-left: 1px;
    color: #fff
}

.hoursago {
    font-size: 12px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    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: 100%;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    -moz-border-radius: 100%;
    line-height: 40px;
    font-weight: 400
}

.circlelightning {
    width: 42px;
    border-radius: 100%;
    top: 35px;
    border: .12rem solid #e9ebf1;
    font-size: 17px;
    font-family: weathertext, Arial, sans-serif
}

spanefreezing, spanelightning {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    top: -3px;
    width: 200px;
    position: absolute;
    font-weight: 400;
    left: 20px
}

.circleindoortemp, .circleindoortemphot, .circleindoortempwarm,
.circlewindchill {
    -webkit-border-radius: 100%;
    position: absolute
}

spanelightning {
    color: rgba(211, 93, 78, 1)
}

spanefreezing {
    color: #4cb1bd
}

.circlewindchill, spanunit, spanunitf, svglightning {
    font-family: weathertext, Arial, sans-serif;
    color: #fff
}

spanunit {
    font-size: 10px;
    margin-left: 3px
}

spanunitf {
    font-size: 12px;
    margin-left: 3px
}

.circlewindchill {
    width: 42px;
    -o-border-radius: 100%;
    border-radius: 100%;
    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: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    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, Helvetica, sans-serif;
    font-weight: 400;
    top: 0;
    width: 200px;
    left: 20px
}

svgwindchill {
    color: #fff;
    font-family: weathertext, Arial, sans-serif
}

.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: 100%;
    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, sans-serif
}

.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, Helvetica, sans-serif;
    top: -10px;
    width: 30px;
    left: 35px
}

.circlemaxtemp, .homeindoorhum, spanehomeindoorhum, svgindoortemp {
    font-family: weathertext, Arial, sans-serif;
    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, sans-serif;
    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: 100%;
    border-radius: 100%;
    top: 2px;
    border: .12rem solid #e9ebf1;
    font-size: 16px;
    font-weight: 400;
    margin-left: 20px
}

.circlelowtemp, .circlemaxwind {
    -webkit-border-radius: 100%;
    font-weight: 400;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%
}

spanmaxtemp {
    position: absolute;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    top: -10px;
    width: 100px;
    left: 12px
}

.circlelowtemp, svgmaxtemp {
    color: #fff;
    font-family: weathertext, Arial, sans-serif
}

.circlelowtemp {
    width: 40px;
    border-radius: 100%;
    top: 2px;
    border: .12rem solid #e9ebf1;
    font-size: 16px;
    margin-left: 120px
}

spanlowtemp {
    position: absolute;
    font-size: 13px;
    color: #white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    top: -10px;
    width: 100px;
    left: 12px
}

.circlemaxwind, svglowtemp {
    font-family: weathertext, Arial, sans-serif;
    color: #fff
}

.circlemaxgust, spanmaxgust, svgmaxwind {
    color: rgba(2, 29, 62, .8)
}

.circlemaxwind {
    width: 40px;
    border-radius: 100%;
    top: 4px;
    border: .12rem solid #e9ebf1;
    font-size: 16px;
    margin-left: 20px
}

.circlemaxgust, .circlerainyear {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%
}

spanmaxwind, spanwindtitle {
    font-size: 11px;
    color: rgba(2, 29, 62, .8);
    width: 100px;
    left: 15px;
    position: absolute;
    font-weight: 400
}

spanmaxwind {
    font-family: Arial, Helvetica, sans-serif;
    top: -10px
}

svgmaxwind {
    font-family: weathertext, Arial, sans-serif
}

spanwindtitle {
    font-family: Arial, Helvetica, sans-serif;
    top: 0
}

.circlemaxgust {
    width: 41px;
    border-radius: 100%;
    top: 4px;
    border: .12rem solid #e9ebf1;
    font-size: 16px;
    font-weight: 400;
    font-family: weathertext, Arial, sans-serif;
    margin-left: 120px
}

spanmaxgust {
    position: absolute;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    top: -10px;
    width: 100px;
    left: 12px
}

svgmaxgust {
    color: #01a4b4;
    font-family: weathertext, Arial, sans-serif
}

.circlerainmonth, .circlerainyear {
    height: 43px;
    width: 43px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    top: 4px;
    line-height: 40px;
    font-family: weathertext, Arial, sans-serif;
    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: 100%;
    border: .1rem solid #e9ebf1;
    margin-left: 20px;
    font-size: 15px
}

.circlerainmonth, .solarpoor {
    -webkit-border-radius: 100%;
    -o-border-radius: 100%
}

.circlerainmonth {
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    border: .12rem solid #e9ebf1;
    margin-left: 120px;
    font-size: 15px
}

spanrain {
    position: absolute;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    top: -10px;
    width: 100px;
    left: 12px
}

.homeindoordate, am, pm {
    font-size: 12px;
    font-weight: 400
}

svgrain {
    font-family: weathertext, Arial, sans-serif
}

.w34logo {
    float: right;
    margin-right: 40px;
    margin-top: -35px
}

.homeindoordate {
    position: absolute;
    text-transform: none;
    top: 23px;
    right: 40px;
    font-family: Arial, sans-serif;
    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, sans-serif;
    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, sans-serif;
    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: 100%;
    -ms-border-radius: 100%;
    line-height: 14px;
    font-family: Arial, sans-serif
}

.solarpoor {
    padding-top: 18px;
    border-radius: 100%;
    border: 3px solid #e9ebf1;
    background: 0
}

.solardark, .solargood, .solarlow, .solarmoderate {
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    position: absolute
}

.solardark {
    border-radius: 100%;
    border: 3px solid #e9ebf1;
    padding-top: 15px;
    font-size: 12px;
    background: 0
}

.solargood, .solarlow, .solarmoderate {
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.solargood, .solarlow, .solarmoderate, .solarverygood {
    padding-top: 18px;
    font-family: weathertext, Arial, sans-serif;
    font-size: 18px;
    line-height: 14px
}

.solarlow {
    border-radius: 100%;
    border: 3px solid #e9ebf1;
    font-weight: 400;
    color: #9aba2f
}

.solargood, .solarmoderate {
    border-radius: 100%;
    border: 3px solid #e9ebf1;
    color: #ee7259;
    font-weight: 400
}

.solarverygood {
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid #e9ebf1;
    color: #716098;
    background: 0
}

.uv01a, .uv03a, .uv1112a, .uv35a, .uv67a, .uv810a, .uvi1112a {
    width: 65px;
    height: 65px;
    text-align: center
}

grey {
    color: rgba(2, 29, 62, .8);
    font-size: 10px;
    font-weight: 400
}

.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, sans-serif;
    font-weight: 400
}

.uv01a {
    background: rgba(42, 46, 51, .8)
}

.uv03a {
    background: #9aba2f
}

.uv35a, .uv67a {
    font: 2em weathertext, arial, sans-serif
}

.uv35a, .uv67a, spaneboltek {
    font-weight: 400
}

.aqi01a, .aqi03a, .uv810a {
    font: 2em weathertext, arial, sans-serif
}

.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, sans-serif
}

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, Helvetica, sans-serif;
    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, sans-serif;
    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, Helvetica, sans-serif;
    top: -10px;
    width: 130px;
    left: 20px
}

spanboltekdist, spanbolteklast {
    font-size: 12px;
    font-family: weathertext, Arial, sans-serif;
    font-weight: 400;
    color: rgba(2, 29, 62, .8);
    position: absolute
}

.weather34rainrate, .weather34rainrate span {
    font-family: weathertext, arial, sans-serif
}

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, sans-serif;
    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, sans-serif
}

oblueh1, ogreenh1, ogrey, ogreyh1, oorangeh1, oredh1 {
    font-family: Arial, Helvetica;
    font-size: 1em
}

.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
}

.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(59, 60, 63, 1);
    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: 100%;
    border: 0;
    font-size: 13px
}

.aqimod, .aqipoor {
    border-radius: 100%;
    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: 100%;
    border: 0;
    font-size: 14px
}

aqigrey {
    font-family: Arial;
    font-size: 12px;
    color: #fff;
    vertical-align: top;
    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, sans-serif
}

.aqi35a, .aqi67a, spaneboltek {
    font-weight: 400
}

.aqi35a {
    color: #d86858;
    width: 60px;
    height: 60px;
    text-align: center
}

.aqi67a {
    color: #cda51b
}

.aqi810a {
    font: 2em weathertext, arial, sans-serif;
    color: #d86858;
    font-weight: 400
}

.aqi1112a {
    font: 1.9em weathertext, arial, sans-serif;
    color: #d65b4a;
    font-weight: 400
}

.aqi1113a {
    font: 1.9em weathertext, arial, sans-serif;
    color: #a475cb;
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, .1);
    font-weight: 400
}

aqia, aqialo, aqiap {
    font-size: .3em;
    text-align: center;
    color: rgba(2, 29, 62, .8)
}

.ozonegood, .ozonemoderate, .ozoneverygood, .rainrateblue {
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

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, sans-serif
}

.ozonepoor {
    padding-top: 18px
}

.ozonedark {
    border-radius: 100%;
    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, sans-serif;
    line-height: 14px
}

.ozonelow {
    border-radius: 100%;
    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: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%
}

.ozonemoderate {
    border-radius: 100%;
    border: 2px solid rgba(57, 61, 64, .1);
    color: #d86858
}

.ozonegood {
    border-radius: 100%;
    border: 2px solid rgba(57, 61, 64, .1);
    color: #9aba2f
}

.ozonepoor {
    border-radius: 100%;
    border: 2px solid rgba(57, 61, 64, .1);
    color: #d65b4a
}

.ozoneverygood {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    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, sans-serif
}

.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, .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;
    position: relative;
    font-weight: 400;
    color: rgba(2, 29, 62, .8);
    padding: 1px;
    border-radius: 4px;
    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 {
    position: relative;
    font-weight: 400;
    color: rgba(2, 29, 62, .8);
    padding: 1px;
    border-radius: 4px;
    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 {
    position: relative;
    font-weight: 400;
    color: rgba(2, 29, 62, .8);
    padding: 1px;
    border-radius: 4px;
    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;
    margin-top: 5px;
    width: 60px;
    position: relative;
    float: left;
    padding: 1px;
    border-radius: 4px;
    color: #fff;
    background: rgba(245, 247, 252, 1);
    color: rgba(2, 29, 62, .8)
}

.barometergreen, .gustorange, .windorange {
    margin-top: 0;
    width: 60px;
    position: relative
}

.barometerorange {
    margin-left: 0
}

.barometerblue {
    margin-left: 5px
}

.barometerorange span {
    font-weight: 600;
    color: rgba(225, 145, 135, 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, sans-serif
}

.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: 100%;
    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, sans-serif;
    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: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.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: 245px;
    float: left;
    width: 60px;
    line-height: 10px;
    font-size: 10px
}

.barometertrend2 span {
    font-weight: 600;
    color: #9aba2f
}

.barometerconv {
    width: 70px;
    font: 10px arial, sans-serif;
    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: normal
}

.hrstillsunset, .hrswassunrise {
    margin-left: 120px;
    width: 100px
}

#daylight {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    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, Helvetica, sans-serif;
    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:before {
    font-family: Helvetica, Arial;
    position: absolute
}

.daylightvalue1 {
    z-index: 1;
    margin-left: 0;
    margin-top: 25px;
}

.daylightvalue1 minutes {
    left: 40px;
    z-index: auto
}

.daylightvalue1 span {
    position: absolute;
    color: rgba(2, 29, 62, .8);
    font-size: 3px;
    left: 67px;
    top: 0;
    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
}

.daylightvalue1:before {
    content: "";
    display: block;
    font-size: .5em;
    line-height: 20px;
    letter-spacing: normal;
    color: rgba(2, 29, 62, .8)
}

.sunlightday {
    line-height: 9px;
    margin-top: 5px
}

.sundarkday, .sunriseday {
    font: 10px arial, sans-serif
}

.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, sans-serif;
    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: 100%;
    z-index: 500
}

.daylightcompass2 {
    position: absolute;
    width: 175px;
    height: 175px;
    margin-top: -30px;
    margin-left: 60px
}

.daylightcompass2 > .daylightcompass-line2 {
    right: 25px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    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, sans-serif;
    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: 100%;
    -ms-border-radius: 100%
}

.weather34iuvrate span {
    color: #fff;
    font-family: arial, sans-serif;
    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, sans-serif
}

.uvimax span {
    color: #aaa;
    font: 10px arial, sans-serif
}

.barrainrate, .luxrate, .weather34luxrate, .weather34luxrate span {
    font-family: weathertext, arial, sans-serif
}

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, Helvetica, sans-serif
}

#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: absolute;
    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: 100%;
    font-size: 16px
}

.alertcircle {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    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: -1px;
    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, sans-serif;
    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: 4px
}

#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, sans-serif;
    max-height: 42px;
    font-weight: 400;
    width: 42px;
    height: 42px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    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: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    width: 44px;
    margin-left: 0
}

.weather34todayraintext span {
    font-family: arial, sans-serif;
    font-size: 8px;
    font-weight: 400
}

.circletodayemperature, .circlewflightningtoday, .circlewftodayemperature,
.circleyestemperature {
    font-family: weathertext, Arial, sans-serif;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 44px;
    color: rgba(2, 29, 62, .8);
    position: absolute
}

.circletodayemperature, .circleyestemperature {
    line-height: 44px;
    border-radius: 100%;
    margin-top: 23px;
    font-size: .6em;
    border: 1px solid rgba(57, 61, 64, .1)
}

.circlewflightningtoday, .circlewftodayemperature {
    line-height: 42px
}

.circlewftodayemperature {
    border-radius: 100%;
    margin-top: 20px;
    font-size: .55em;
    border: 1px solid rgba(57, 61, 64, .1)
}

.circlewflightningtoday, aqiimageg {
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%
}

.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: 52px;
    width: 15px;
    font-size: .32em
}

.circlewflightningtoday {
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 44px;
    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: 44px;
    font-family: weathertext, Arial, sans-serif;
    height: 44px;
    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: 100%;
    margin-top: 8px;
    margin-left: 5px;
    font-size: 1.1em;
    border: 1px solid #e9ebf1
}

.circlegreen, .circleindoortemperature {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%
}

.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: 100%;
    border-radius: 100%;
    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, Helvetica, sans-serif;
    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, Helvetica, sans-serif;
    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, Helvetica, sans-seriff, 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: rgba(255, 124, 57, 1);
    margin-left: 1%
}

.darkskyforecasthome darkskytemphihome span {
    font-size: 12px;
    ffont-family: 'Arial', Helvetica, sans-seriff, weathertext;
    color: rgba(255, 124, 57, 1)
}

.darkskyforecasthome darkskytemplohome, .darkskyforecasthome darkskytemplohome span {
    font-size: 12px;
    color: #01a4b4;
    font-family: Arial, Helvetica, sans-seriff, weathertext
}

.darkskyforecasthome darkskytempwindhome, .darkskyforecasthome darkskytempwindhome span4 {
    font-size: 12px;
    color: rgba(2, 29, 62, .8);
    font-family: Arial, Helvetica, sans-seriff, weathertext
}

.darkskyforecasthome darkskytempwindhome span {
    font-size: 12px;
    color: #01a4b4;
    font-family: Arial, Helvetica, sans-seriff, weathertext
}

.darkskyforecasthome darkskytempwindhome span2 {
    font-size: 12px;
    color: rgba(2, 29, 62, .8);
    font-family: Arial, Helvetica, sans-seriff, weathertext
}

.darkskyiconcurrent span1, .darkskynexthours, .darkskynexthours span1,
.darkskynexthours span2 {
    color: #777;
    font-family: Arial, Helvetica, sans-serif
}

.darkskynexthours {
    font-size: 12px;
    position: relative;
    text-align: center;
    margin: -15px auto auto;
    width: 240px;
    line-height: 12px
}

.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 {
    font-family: Arial;
    font-size: 12px;
    line-height: 12px;
    padding-top: 5px;
    margin-top: 30px;
    margin-bottom: 45px;
    margin-left: 35px;
    width: 200px
}

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, Helvetica, sans-serif
}

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
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased
}

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
}

.airvalue {
    position: relative;
    margin-top: 75px;
    left: 0;
    font-size: 26px
}

airdescription {
    font-size: 16px;
    left: -15px;
    line-height: 26px;
    text-align: left;
    width: 300px;
    margin-top: -7px
}

.dottedcirclegreen, .dottedcircleorange, .dottedcirclepurple, .dottedcirclered,
.dottedcircleyellow {
    width: 100px;
    height: 100px;
    margin-top: 25px;
    z-index: 20;
    position: absolute;
    border: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

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: 100%
}

.circleorange, .circleyellow {
    padding-top: 6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    font-size: 12px
}

.circleyellow {
    background: rgba(233, 171, 74, 1);
    border-radius: 100%
}

.circleorange {
    background: #f5650a;
    border-radius: 100%;
    color: #fff;
    color-adjust: exact
}

.circlepurple, .circlered, .weather34icloud {
    -moz-border-radius: 100%;
    -o-border-radius: 100%
}

.circlepurple, .circlered {
    padding-top: 6px;
    -webkit-border-radius: 100%;
    color: rgba(2, 29, 62, .8);
    border-radius: 100%;
    font-size: 12px
}

.circlered {
    background: rgba(211, 93, 78, 1)
}

.circlepurple {
    background: #a475cb
}

.small {
    position: absolute;
    top: 10px;
    color: #fff;
    font-size: 9px;
    line-height: 10px;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-seriff
}

.smallf {
    position: absolute;
    top: 10px;
    color: #fff;
    font-size: 0.5em;
    line-height: 10px;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-seriff
}

.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.000)
}

.maxcircleblue, .maxcirclegreen, .maxcircleorange, .maxcirclered,
.maxcircleyellow, .uvcircleblue, .uvcirclegreen, .uvcircleyellow {
    font-family: weathertext, Helvetica, sans-seriff
}

.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, .uvcirclegreen {
    height: 45px;
    width: 45px;
    overflow: hidden;
    border-radius: 50%;
    color: #fff;
    line-height: 20px;
    padding-top: 0;
    font-weight: 600
}

.uvcircleblue {
    justify-content: center;
    background: #01a4b4
}

.uvcirclegreen, .uvcircleyellow {
    display: flex;
    align-items: center
}

.uvcirclegreen {
    justify-content: center;
    background: #9aba2f
}

.uvcircleyellow {
    justify-content: center;
    height: 45px;
    width: 45px;
    background: rgba(233, 171, 74, 1);
    overflow: hidden;
    border-radius: 50%;
    color: #fff;
    line-height: 20px;
    padding-top: 0;
    font-weight: 600
}

.uvcircleorange, .uvcirclepurple, .uvcirclered {
    align-items: center;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 20px;
    padding-top: 0;
    overflow: hidden
}

.uvcircleorange, .uvcirclered {
    display: flex;
    font-weight: 600;
    color: #fff
}

.uvcircleorange {
    justify-content: center;
    background-color: #ff5722;
    font-family: Arial, Helvetica, sans-seriff
}

.uvcirclered {
    justify-content: center;
    background-color: #ef5350;
    font-family: weathertext, Helvetica, sans-seriff
}

.uvcirclepurple {
    justify-content: center;
    background-color: #a475cb
}

.uvcirclepurple, uvcircleorange, uvcirclered, uvcircleyellow span {
    color: #fff;
    font-family: arial, sans-serif;
    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(59, 60, 63, 1);
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 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, Helvetica, sans-seriff
}

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, Helvetica, sans-serif;
    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);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 80px;
    height: 19px;
    text-align: center;
    margin-left: 55px;
    margin-top: 3px
}

indoorblue1, indoorgreen1, indoororange1, indoorred1, indooryellow1 {
    font-family: weathertext, helvetica, arial;
    padding: 5px;
    border-top: 7px solid rgba(119, 119, 120, 1);
    -webkit-box-shadow: 0 0 0 2px rgba(119, 119, 120, 1) inset;
    -moz-box-shadow: 0 0 0 2px rgba(119, 119, 120, 1) inset;
    -o-box-shadow: 0 0 0 2px rgba(119, 119, 120, 1) inset;
    box-shadow: 0 0 0 2px rgba(119, 119, 120, 1) inset
}

indoorred1 {
    color: #fff;
    background: rgba(211, 93, 78, 1)
}

indoororange1 {
    color: #fff;
    background: #f5650a
}

indoorgreen1 {
    color: #fff;
    background: #9aba2f
}

indoorblue1 {
    color: #fff;
    background: #01a4b4
}

indooryellow1 {
    color: #fff;
    background: rgba(233, 171, 74, 1)
}

.indoortrendhouse1 {
    position: absolute;
    margin-left: 145px;
    margin-top: 25px
}

.indoorhomesvg1 {
    margin-top: -22px;
    left: 8px;
    color: rgba(230, 232, 239, 1);
    margin-left: 8px
}

.indoorhomevalue1 {
    position: relative;
    margin-top: -89px;
    left: 0;
    font-size: 23px;
    padding-right: 4px;
    padding-left: 0
}

.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;
    -webkit-border-radius: 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: 100%
}

.weather34icloud {
    color: rgba(255, 124, 57, 1);
    position: absolute;
    margin-left: 135px;
    margin-top: 57px;
    font-family: weathertext, arial, sans-serif;
    max-height: 41px;
    font-weight: 400;
    background: #fff;
    width: 41px;
    height: 41px;
    -ms-border-radius: 100%;
    border-radius: 100%;
    font-size: 15px;
    line-height: 10px;
    padding-top: 13px;
    border: .12rem solid rgba(57, 61, 64, .1)
}

.weather34icloud span {
    color: #777;
    font-family: arial, sans-serif;
    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, Helvetica, sans-seriff
}

.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: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    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: 100%;
    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, Helvetica, sans-seriff;
    left: 9px
}

.weather34feelsrate span, .weather34indoorhumrate span {
    font-family: arial, sans-serif;
    color: #777
}

rainc, rainf {
    font-size: 15px
}

.weather34feelsrate, .weather34indoorhumrate {
    position: absolute;
    margin-top: 8px;
    font-size: 12px;
    max-height: 100px;
    font-family: arial, sans-serif;
    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: 100%;
    color: #777;
    line-height: 28px;
    padding-top: 8px;
    font-family: Arial, Helvetica, sans-seriff;
    position: absolute;
    left: 3px;
    top: 45px
}

.weather34feelsword, .weather34humidityword, .weather34indoorword {
    color: #777;
    font-size: 10px;
    font-family: arial, sans-serif;
    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
}

.weather34indoorword {
    margin-left: 112px;
    margin-top: 12px
}

.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%;
    -webkit-transform-origin: 50% 100%;
    -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
}

.circlelux, circlesolar span {
    display: block;
    align-items: center;
    font-size: 11px
}

.circlelux, circlesolar {
    justify-content: center;
    height: 35px;
    width: 38px;
    border: 1px solid rgba(230, 232, 239, 1);
    border-radius: 100%;
    color: #777;
    line-height: 10px;
    padding-top: 5px;
    font-family: weathertext, Helvetica, sans-seriff;
    position: absolute;
    left: -5px;
    top: 55px
}

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 {
    position: absolute;
    margin-left: 32px;
    margin-top: 5px;
    font-size: 12px;
    line-height: 10px;
    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 {
    position: absolute;
    color: #f5650a;
    display: inline-block;
    left: -5px;
    line-height: 10px
}

.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, Helvetica, sans-serif
}

.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: 100%;
    border-radius: 100%;
    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(225, 145, 135, 1);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    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(225, 145, 135, 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(225, 145, 135, 1);
    font-weight: 600
}

.homeweatherstationlogo {
    margin-top: -7px;
    margin-left: 25px;
}

#weather34lightningdialog-notify {
    width: 250px;
    height: 250px;
    right: 10px;
    top: 3px;
    z-index: 9999;
    position: fixed;
    font-family: Arial, Helvetica, sans-serif
}

.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;
}

.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: 15px;
    text-align: center
}

.weather34lightningmain-content {
    padding: 8px 20px 10px 10px;
    height: content-max;
    background: rgba(97, 106, 114, 1);
    color: #fff;
    line-height: 18px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif
}

#weather34lightningdialog-notify {
    width: 250px;
    height: 250px;
    right: 10px;
    top: 3px;
    z-index: 9999;
    position: fixed;
    font-family: Arial, Helvetica, sans-serif
}

.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, Helvetica, sans-serif
}

.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: 15px;
    text-align: center
}

.weather34lightningmain-content {
    padding: 8px 20px 10px 10px;
    height: content-max;
    background: rgba(97, 106, 114, 1);
    color: #fff;
    line-height: 18px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif
}

.daylightvalue1 {
    position: absolute;
    margin-left: 75px;
    top: 37px
}

.daylightvalue1 hours {
    position: relative;
    left: -5px;
}

.daylightvalue1 period {
    position: absolute;
    font-size: 11px;
    line-height: 20px;
    top: 20px;
    left: 44px;
    letter-spacing: normal;
    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, Helvetica, sans-serif;
    line-height: 12px;
    font-weight: 400
}

.azimuth {
    left: -60px
}

.elevation {
    left: 160px
}

.sundialcontainerdiv {
    position: relative;
    top: 7px;
    margin-left: 10px;
}

body {
    color-adjust: [exact];
}