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

#night span,
#temp,
#temp2,
#wuforecast,
#wuforecast:last-child,
#wuforecast:nth-child(1n),
#wuforecast:nth-child(2n),
#wuforecast:nth-child(3n),
#wuforecasts,
.avgspeedgust span,
.avgspeedgust1 span,
.avgspeedwind span,
.avgspeedwind1 span,
.barometertrend,
.footertext,
.gustspeedtrend,
.gustspeedtrend span,
.gustspeedtrend1 span,
.h2mbunit,
.heading1,
.indoorfeels,
.indoortrend,
.mooncircle1 moonhead1,
.moonrise1,
.moonset1,
.notificationinfo,
.weather34text,
.weatherfooter-container,
.weatherfooter-item,
.weatherwxsim-container,
.weatherwxsim-item,
.wi,
.windalarm span,
.windchillcircle-content,
.windcondition span,
.windgustmphcircle-content,
.windmphcircle-content,
.windspeedtrend1 span,
.wuweather-container,
.wuweather-item,
body {
    -moz-osx-font-smoothing: rgba(2, 29, 62, .8) scale
}

#day span,
#dayaftertomo span,
#night span,
#temp,
#temp2,
#tomo span,
#weekday,
#wuforecast,
#wuforecast:last-child,
#wuforecast:nth-child(1n),
#wuforecast:nth-child(2n),
#wuforecast:nth-child(3n),
#wuforecasts,
.average span,
.averagedir,
.averagedir span,
.averagedir span2,
.averagedir1 span,
.averagedir1 span2,
.averageindoor span,
.averageuv span,
.avgspeedgust span,
.avgspeedgust1 span,
.avgspeedwind span,
.avgspeedwind1 span,
.baromcircle-content,
.barometertrend,
.barometertrend falling,
.barometertrend rising,
.barometertrend steady,
.footertext,
.gustspeedtrend,
.gustspeedtrend span,
.gustspeedtrend1 span,
.h2mbunit,
.h2mbvalue,
.heading1,
.homeindoorfeels,
.indoorfeels,
.indoorlocation,
.indoortitles,
.indoortrend,
.luminance,
.luminance1:before,
.luminance:before,
.mooncircle1 moonhead1,
.moonrise,
.moonrise1,
.moonset1,
.notificationinfo,
.outlooktitle span,
.ozonegood,
.ozonemoderate,
.ozoneverygood,
.tempcontainer,
.tempcontainer1,
.updatedtime span,
.updatedtimealert span,
.updatedtimecurrent span,
.updatedtimedir span,
.weather34text,
.weatherfooter-container,
.weatherfooter-item,
.weatherwxsim-container,
.weatherwxsim-item,
.windalarm span,
.windchillcircle-content,
.windcondition span,
.windgustmphcircle-content,
.windmphcircle-content,
.windspeedtrend,
.windspeedtrend span,
.windspeedtrend1 span,
.wuweather-container,
.wuweather-item,
a,
body,
h2mb,
h2mb span,
h3,
html {
    text-rendering: optimizeLegibility;
    color-adjust: [exact]
}

.fgtext,
.indoordate,
.menu li a,
.moduletitle,
.sidebar {
    color: rgba(2, 29, 62, .8)
}

.h2,
.h3,
.h4,
.h5,
.h6,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color-adjust: [exact]
}

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

lowtemptitle,
maxgusttitle,
maxtemptitle,
maxwindtitle,
monthraintitle,
yearraintitle {
    font: 400 12px arial, system
}

.logo,
.logo span,
h1 {
    letter-spacing: -.05em
}

,
.weather-container,
.weather-item,
.weather2-container,
.weather2-item,
.weatherfooter-item,
h1 {
    text-rendering: optimizeLegibility;
    color-adjust: [exact]
}

.bt,
.cl,
a {
    text-decoration: none
}

.gustblowing,
.windblowing {
    margin-top: 5px;
    position: absolute
}

.beaufort,
.fgtext,
.gustblowing,
.indoordate,
.moduletitle,
.windblowing {
    font-size: 12px
}

.eqcircle1home,
.featherlight:before,
img,
lowtemptime,
maxgusttime,
maxtemptime,
maxwindtime,
monthraintime,
wm2,
yearraintime {
    vertical-align: middle
}

*,
:after,
:before,
html {
    -moz-box-sizing: border-box
}

*,
:after,
:before,
hr {
    -o-box-sizing: border-box
}

@font-face {
    font-family: weathericons;
    src: url(fonts/weathericons-regular-webfont.eot?) format("eot"), url(fonts/weathericons-regular-webfont.woff) format("woff"), url(fonts/weathericons-regular-webfont.ttf) format("truetype")
}

@font-face {
    font-family: system;
    font-style: normal;
    src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"), local("Arial")
}

@font-face {
    font-family: weathertext;
    src: url(fonts/sanfranciscodisplay-regular-webfont.woff)
}

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

*,
.weather-item,
html {
    -webkit-box-sizing: border-box
}

body {
    background: #fff;
    clear: both;
    cursor: url(mouse/weather34bluecursor.png), n-resize;
    -webkit-osx-font-smoothing: grayscale;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: grayscale
}

#navigation {
    display: none
}

.moduletitle {
    font-weight: 400
}

.indoordate {
    top: -25px
}

.yearpopup {
    margin-left: 5px;
    z-index: 90
}

.monthpopup,
.todaypopup {
    margin-left: 10px;
    z-index: 20
}

.weather-container,
.weather-item,
.weather2-item,
a,
body {
    text-transform: none
}

.windblowing {
    margin-left: 60px
}

.gustblowing {
    margin-left: 165px
}

.beaufort {
    margin-top: 55px;
    margin-left: 50px
}

.menu,
.sidebar {
    height: 1000%;
    max-height: 800px
}

.sidebar {
    -webkit-transform: translate3d(-260px, 0, 0);
    -moz-transform: translate3d(-260px, 0, 0);
    -o-transform: translate3d(-260px, 0, 0);
    -ms-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
    left: 0;
    transition: all .3s;
    z-index: 10;
    top: 55px;
    border-radius: 0
}

.menu,
.thearrow7:after {
    -webkit-border-radius: 0
}

.sidebar img {
    width: 20pt
}

.menu {
    width: 220px;
    margin: 0;
    background: rgba(45, 45, 45, 1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    float: left;
    padding: 5px
}

.menu li {
    list-style: none;
    text-align: left;
    padding: 2px 2px 3px;
    border: 0;
    line-height: .8em;
    margin-bottom: 0
}

.weather-item,
body,
header {
    color-adjust: exact;
    text-align: center
}

.weather2-item {
    text-align: left;
    padding-left: 10px;
    height: 80px
}

.menu copyright {
    font-size: 10px;
    font-weight: 400
}

.menu li a {
    color-adjust: exact;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    border: 0
}

.menu li:hover {
    color: rgba(2, 29, 62, .8);
    border-radius: 0;
    border: 0;
    margin-left: 0;
    background: 0
}

.menu .active {
    font-weight: 400;
    background: #2a2e33;
    border: 0
}

button {
    position: relative;
    font-size: 16px;
    border: 0;
    cursor: pointer;
    margin-right: 0;
    margin-top: -45px;
    width: auto;
    padding: 0;
    background: 0
}

.h2mbunit,
.logo,
h2mb span,
header {
    position: absolute
}

.logo,
h1 {
    padding-right: .5em
}

header {
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
    -o-box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
    -ms-box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
    background-color: rgba(19, 19, 19, 1);
    box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
    height: 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, system;
    padding: 3px
}

.weather-container,
.weather-item,
.weather2-container,
.weather2-item {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: arial, system;
    font-smoothing: antialiased
}

.sr-only,
svg:not(:root) {
    overflow: hidden
}

.weather-container {
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    list-style: none;
    width: 960px;
    height: 204px;
    background-color: none;
    margin: 5px auto;
    overflow: hidden
}

.weather-item {
    font-weight: 400;
    max-height: 360px;
    background-color: #fff;
    width: 33.3333%;
    height: 201px;
    margin: 0 4px 0 0;
    border: 1px solid #e9ebf1;
    border-bottom: 18px solid #f6f8fc;
    padding: 0;
    font-size: 1em;
    -webkit-box-shadow: inset 0 20px #f6f8fc;
    box-shadow: inset 0 20px #f6f8fc;
    box-sizing: border-box
}

.weather2-container {
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    width: 960px;
    height: 100px;
    background-color: none;
    margin: 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, system;
    -o-font-smoothing: antialiased
}

.alerttopicons img {
    width: 20px;
    margin-top: 38px
}

.alerttopicons svg {
    margin-top: 33px;
    opacity: .7
}

.weatherfooter-container {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 960px;
    margin: 0 auto 2px
}

.weatherfooter-item {
    background-color: #fff;
    width: 99.7%;
    height: 80px;
    margin: 0 2px 2px 0;
    border: 1px solid #e9ebf1;
    text-align: center;
    padding: 15px;
    color: #505153
}

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

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

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

.h2mbvalue {
    margin-top: 3px;
    padding-right: 0;
    color-adjust: exact;
    font-weight: 400;
    font-family: weathertext, arial, system;
    -o-font-smoothing: antialiased
}

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

.h2mbunit {
    padding-right: 25px;
    margin-top: -60px;
    margin-left: 115px;
    font: .8em arial, system;
    -o-font-smoothing: antialiased
}

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

.barometertrend falling,
.barometertrend rising,
.barometertrend steady,
.indoorfeels,
.indoortrend {
    -o-font-smoothing: antialiased;
    font-family: arial, system
}

.barometertrend steady {
    color: #9aba2f
}

.barometertrend rising {
    color: #d65b4a
}

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

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

.indoorfeels,
.indoortrend {
    color: #fff;
    position: absolute;
    top: 58px;
    padding: 0
}

.indoortrend {
    margin-left: 40px;
    font-size: 10px;
    width: 280px;
    border-radius: 0;
    font-weight: 400
}

.indoortrend online {
    color: #fff
}

.indoortrend offline {
    color: #f23a30;
    font-weight: 600
}

.indoorfeels {
    margin-left: 150px;
    font-size: 12px;
    width: 150px;
    background: rgba(240, 94, 64, .02);
    border-radius: 3px;
    text-align: center;
    font-weight: 400
}

.hardwarestatus online {
    color: #f5650a
}

.hardwarestatus offline {
    color: #f23a30;
    font-weight: 600
}

h3 {
    font: 4em weathertext, arial, system;
    -o-font-smoothing: antialiased
}

.featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    text-align: center;
    white-space: nowrap;
    background: rgba(41, 43, 46, 1);
    margin-left: 0
}

.featherlight:last-of-type {
    background: rgba(30, 31, 35, .7)
}

.featherlight:before {
    content: '';
    display: inline-block;
    height: 100%
}

.featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    border: 5px solid rgba(41, 43, 46, 1);
    width: 855px;
    margin-left: 0;
    margin-right: 0;
    max-height: 550px;
    cursor: auto;
    white-space: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-top: 7.5%;
    padding: 0;
    background: rgba(41, 43, 46, 1)
}

cumulusisitsunny,
cumulusmaxsolarsuptemp,
cumulussunshinesuptemp,
homesuptempindoor,
maxtempsuptemp,
supsolar,
suptemp,
suptemp1,
suptemp3,
suptempindoor {
    vertical-align: text-top
}

.featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    padding: 3px;
    border-radius: 4px;
    top: 22px;
    left: 7px;
    cursor: pointer;
    text-align: center;
    font: 12px/15px arial, system;
    color: rgba(255, 124, 57, 0);
    background: rgba(255, 124, 57, 0);
    width: 200px
}

.heading1,
.indoortitles,
supmb {
    color: rgba(2, 29, 62, .8)
}

.featherlight .featherlight-image {
    width: 100%
}

.featherlight-iframe .featherlight-content {
    border: 0;
    padding: 10px
}

.featherlight iframe {
    border: 0;
    background: 0
}

.box.icon-humidity,
.box.icon-temp {
    background-repeat: no-repeat;
    background-position: bottom left
}

::-webkit-scrollbar {
    width: 12px
}

::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc
}

::-webkit-scrollbar-thumb {
    background-color: #d65b4a
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(18, 109, 193, 1)
}

::-moz-scrollbar {
    width: 12px
}

::-moz-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc
}

::-moz-scrollbar-thumb {
    background-color: #d65b4a
}

::-moz-scrollbar-thumb:hover {
    background-color: rgba(18, 109, 193, 1)
}

::-o-scrollbar {
    width: 12px
}

::-o-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc
}

::-o-scrollbar-thumb {
    background-color: #d65b4a
}

::-o-scrollbar-thumb:hover {
    background-color: rgba(18, 109, 193, 1)
}

::scrollbar {
    width: 12px
}

.indoorlocation,
.stationlocationtime {
    padding: 2px 4px 2px 2px;
    margin-left: 35px;
    width: auto;
    position: absolute
}

::scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc
}

::scrollbar-thumb {
    background-color: #d65b4a
}

::scrollbar-thumb:hover {
    background-color: rgba(18, 109, 193, 1)
}

.stationlocationtime {
    margin-top: 41px;
    text-align: left;
    font: 10px arial, system
}

.box.icon-temp {
    background-image: url(homepageicons/temp.light.png)
}

.box.icon-humidity {
    background-image: url(homepageicons/humidity.png)
}

.indoortitles {
    margin-top: 5px;
    text-align: center;
    font: 1.2em arial, system;
    -o-font-smoothing: antialiased
}

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

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

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

supmb {
    font-size: .8em
}

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

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

a:visited {
    border: 0
}

.temptext,
.temptext1 span,
.who,
eq,
uvi,
uviforecast {
    position: absolute
}

.temptext {
    font-size: 32px;
    text-align: center;
    padding-top: 0;
    top: 29%;
    left: 0;
    bottom: 0;
    right: 5px
}

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

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

supsolar,
suptemp1 {
    color: #fff
}

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

suptemp,
suptemp1 {
    font-size: .5em
}

suptemp {
    color: #fff
}

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

suptempindoor {
    font-size: .4em;
    margin-left: -5px
}

supsolar {
    font-size: .8em
}

.who {
    margin-top: -30px;
    text-align: center;
    margin-left: 5%;
    font: 12px arial, system
}

.magnitude:first-child {
    display: block
}

eq {
    font-size: .35em;
    text-align: center;
    margin: 32px auto 0 -30px;
    font-weight: 600
}

.eqtext {
    float: left;
    width: 100px;
    margin-left: 120px;
    margin-top: -80px;
    font: 9px arial, system;
    line-height: 9px
}

.eqtext color,
.eqtext depth {
    font-size: 9px;
    line-height: 9px
}

.eqtext color {
    color: #d65b4a
}

.eqtext depth {
    color: rgba(18, 109, 193, 1);
    font-weight: 400
}

.eq03,
.eq08,
.eq45,
.eq5,
.eq67 {
    padding-top: 15px;
    font: 2em/1.2em arial, system;
    color: #fff;
    margin-top: -25px;
    border-radius: 50%;
    margin-left: 20px;
    border: 5px solid #e9ebf1;
    width: 90px;
    height: 90px;
    text-align: center
}

.eq03:after,
.eq08:after,
.eq45:after,
.eq5:after,
.eq67:after {
    font-size: 9px;
    line-height: 9px;
    margin-top: 3px;
    margin-left: 5px;
    width: 70px;
    position: absolute;
    display: block
}

.eq03 {
    background: #9aba2f
}

.eq45,
.eq5 {
    background: #e48f4c
}

.eq03:after {
    content: 'MINOR'
}

.eq45:after,
.eq5:after {
    content: 'MODERATE'
}

.eq67 {
    background: #ee7259
}

.eq67:after {
    content: 'STRONG'
}

.eq08 {
    background: #d15e52
}

.eqcircle,
.eqcircle1,
.eqcircle2,
.eqcircle3,
.eqcircle4 {
    position: absolute;
    height: 60px;
    width: 60px;
    margin-left: 220px;
    padding-top: 18px;
    background: #fff
}

.eq08:after {
    content: 'MAJOR'
}

.eqcircle,
.eqcircle1 {
    margin-top: -25px;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.eqnotification {
    position: fixed;
    top: 70px;
    right: 70px;
    max-width: 400px;
    width: 100%;
    border-radius: 4px;
    padding: 15px;
    margin: 10px auto;
    z-index: 99999
}

dist,
eqnoti {
    margin-left: 5px
}

.eqnotification .eqnotification-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    border-radius: 50px;
    width: 28px;
    height: 28px;
    line-height: 22px;
    text-align: center;
    color: #fff
}

.eqnotification .eqnotification-close:after {
    content: "!";
    color: #fff
}

.eqnotification .eqnotification-message,
.eqnotification .eqnotification-title {
    color: #fff;
    font-family: Helvetica, arial, system
}

dist,
eqnoti,
eqnoti color,
eqnoti magn,
eqtime {
    font-family: arial
}

.eqnotification .eqnotification-title {
    position: relative;
    margin-top: -10px;
    font-size: 18px;
    font-weight: 600
}

.eqnotification .eqnotification-distance,
.eqnotification .eqnotification-message {
    position: relative;
    margin-top: -5px;
    font-size: 13px;
    line-height: 15px;
    width: 300px;
    font-weight: 600
}

.chartforecast,
.eqnotification .eqnotification-credit,
.mooncircle,
.mooncircle moonhead,
.windgustcircle,
.windgustheadingcircle,
dist,
eqalert,
eqalert1,
eqnoti,
eqtime,
magalert {
    position: absolute
}

.eqnotification .eqnotification-distance {
    color: #fff
}

.eqnotification .eqnotification-credit {
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    padding-left: 5px;
    margin-top: -10px;
    float: right
}

dist,
magalert {
    margin-top: 5px
}

.eqnotification a {
    font-size: 10px;
    font-weight: 400;
    line-height: 20px;
    color: #fff
}

.eqpopup {
    background: #d65b4a
}

.eqpopup .eqnotification-close {
    border: 1px solid #fff;
    color: #fff
}

dist,
eqnoti color,
eqspan,
magalert {
    color: #d65b4a
}

dist place,
eqalert a {
    color: rgba(2, 29, 62, .8)
}

eqnoti {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #878a8d
}

eqnoti color {
    font-size: 1em;
    font-weight: 600
}

eqnoti magn {
    font-size: .8em;
    font-weight: 400;
    color: #bbb
}

eqalert,
eqalert1,
magalert {
    font-weight: 600;
    font-family: arial
}

magalert {
    margin-left: -15px;
    font-size: 20px
}

eqalert,
eqalert1 {
    font-size: 9px;
    width: 245px;
    line-height: 10px;
    margin-left: 5px
}

eqalert {
    margin-top: 17px
}

eqalert1 {
    margin-top: 0
}

eqtime {
    margin-top: 10px;
    font-size: 10px;
    margin-left: 200px;
    font-weight: 400
}

eqspan,
eqspan1 {
    font-size: 9px
}

eqspan1 {
    color: rgba(18, 109, 193, 1)
}

dist {
    font-size: 10px;
    font-weight: 600;
    line-height: 12px
}

dist place {
    font-weight: 400;
    font-size: 10px
}

.eqtext1 {
    color: rgba(2, 29, 62, .8);
    float: left;
    width: 100px;
    margin-left: 110px;
    margin-top: -10px;
    font: 9px arial, system;
    line-height: 9px
}

.eqtext1 color,
.eqtext1 color3,
.eqtext1 colordepth {
    font-weight: 400;
    line-height: 9px
}

.eqtext1 color {
    color: #d65b4a
}

.eqtext1 color1,
.eqtext1 color2,
.eqtext1 colortext {
    color: #9aba2f;
    font-weight: 400;
    line-height: 9px
}

.eqtext1 colortext {
    font-size: 9px
}

.eqtext1 colordepth {
    color: rgba(2, 29, 62, .8);
    font-size: 9px
}

.eqtext1 color3 {
    color: rgba(18, 109, 193, 1)
}

.baromcircle,
.heatcircle {
    position: absolute;
    background: 0
}

.heatcircle-content {
    color: #333;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 160px;
    font: 500 11px arial, system;
    display: block;
    line-height: 14px
}

.baromcircle,
mb {
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-size: cover
}

.baromcircle-content {
    float: left;
    line-height: 1;
    margin-top: -.9em;
    padding-top: 50%;
    text-align: center;
    width: 100%;
    color: #76797c;
    -o-font-smoothing: antialiased;
    font-family: arial, system;
    font-weight: 900
}

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

.baromcircle {
    border-radius: 50%;
    height: 70px;
    width: 70px;
    padding: 2px;
    float: right;
    border-top: .1rem solid rgba(76, 59, 131, .1);
    border-right: .1rem solid rgba(76, 59, 131, .1);
    border-left: .1rem solid rgba(68, 59, 155, .1);
    border-bottom: .1rem solid rgba(68, 145, 155, .1);
    margin-top: -32px;
    margin-left: 212px
}

supraindrop {
    color: rgba(18, 109, 193, 1)
}

supraindropw {
    color: #fff
}

.rainfalltext color {
    font-size: 1em;
    color: #387791
}

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

suprain,
suprain1,
suprain2 {
    font-size: .4em;
    font-weight: 800
}

.chartforecast,
.chartforecast2 {
    margin-left: 0;
    font-size: .67em;
    font-family: arial, system;
    font-weight: 400;
    width: 300px;
    padding-top: 6px;
    padding-left: 10px;
    text-align: left
}

suprain {
    color: rgba(18, 109, 193, 1)
}

suprain2 {
    color: #fff
}

.chartforecast {
    color-adjust: exact;
    margin-top: 180px;
    z-index: 20
}

.chartforecast2 {
    color: rgba(45, 45, 45, 1);
    margin-top: 172px;
    z-index: 20
}

.daylight,
.feels,
.feels1,
.h2uv,
.max,
.mooncircle span,
.sun,
daylighthours {
    text-align: center
}

.chartforecast:hover {
    color: #d65b4a
}

.chartforecast a {
    color: rgba(2, 29, 62, .8);
    z-index: 20
}

.humidity,
.windgustcircle,
.windgustheadingcircle {
    padding-top: 35px;
    color: rgba(2, 29, 62, .8)
}

humiditycolor {
    color: #f05e40;
    font-weight: 700
}

.mooncircle,
.mooncircle span,
.windgustheading {
    color: rgba(2, 29, 62, .8)
}

a {
    font-size: 1em
}

.humidity {
    font: 400 4em arial, system
}

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

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

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

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

.mooninfo {
    margin-left: 120px;
    font: 1em/1.2em arial, system;
    margin-top: 100px;
    padding: 100px 0 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    width: auto;
    height: 270px
}

.homeweathercompass>.homeweathercompass-line,
.mooncircle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

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

.mooncircle {
    top: 50px;
    border-radius: 50%;
    height: 160px;
    width: 160px;
    margin-left: 165px;
    border: 10px solid rgba(2, 29, 62, .8);
    padding-top: 10px;
    font-size: 26px;
    background-color: #2a2e33
}

.mooncircle span {
    font: 200 2.1em weathertext, arial, system;
    display: block;
    margin-left: 0
}

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

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

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

.fullmoon,
.moonphase,
.moonrise,
.moonset {
    padding-top: 5px
}

.daylight,
canvas,
daylighthours:after,
in,
mb {
    position: absolute
}

.luminance,
.sun,
.windir {
    color: #d86858
}

.sun {
    margin-left: 85px;
    font: .9em/1.3em arial, system;
    margin-top: 10px
}

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

.luminance {
    margin-top: 95px;
    font-size: 12px;
    line-height: 12px
}

.luminance:before {
    content: "Luminance";
    font-size: 12px;
    color: #d86858;
    line-height: 12px;
    margin-left: 5px
}

.moonrise {
    margin-top: -5px;
    margin-left: 0;
    font-size: 12px
}

.moonset {
    margin-top: -32px;
    margin-left: 80px
}

.fullmoon {
    margin-top: -6px;
    margin-left: 0;
    font-size: 12px
}

in,
mb {
    font: .65em arial, system
}

.moon img {
    width: 20px;
    height: 20px
}

mb {
    color: rgba(18, 109, 193, 1);
    padding-top: 17px;
    margin-left: -60px
}

.maxrainfallmonth,
in {
    -webkit-background-size: cover;
    -ms-background-size: cover
}

in {
    color: #d65b4a;
    padding-top: 14px;
    margin-left: -35px;
    background-size: cover
}

.windchillcircle,
.windmphcircle {
    -webkit-background-size: cover;
    -ms-background-size: cover
}

wm2 {
    color: #848688;
    font: .4em arial, system
}

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

.lo,
.max {
    font-size: .9em;
    font-family: weathertext, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #fff
}

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

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

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

.windchillcircle-content,
.windgustmphcircle-content,
.windmphcircle-content {
    -o-font-smoothing: antialiased;
    font-family: arial, system;
    text-align: center
}

.windchillcircle,
.windgustmphcircle,
.windmphcircle {
    position: absolute;
    border-radius: 50%;
    height: 65px;
    border-top: .1rem solid rgba(76, 59, 131, .1);
    border-right: .1rem solid rgba(76, 59, 131, .1);
    border-left: .1rem solid rgba(68, 59, 155, .1);
    border-bottom: .1rem solid rgba(68, 145, 155, .1)
}

.windchillcircle {
    width: 65px;
    padding: 2px;
    float: right;
    background-size: cover;
    margin-top: -56px;
    margin-left: 212px
}

.windchillcircle-content {
    float: left;
    line-height: 1;
    margin-top: -.9em;
    padding-top: 40%;
    width: 100%;
    color: #676e73
}

.windgustmphcircle-content,
.windmphcircle-content {
    float: left;
    line-height: 1;
    color: rgba(2, 29, 62, .8)
}

.windmphcircle {
    width: 65px;
    padding: 2px;
    float: left;
    background-size: cover;
    margin-top: -56px;
    margin-left: 12px
}

.windmphcircle-content {
    margin-top: -.9em;
    padding-top: 40%;
    width: 100%
}

.windgustmphcircle {
    width: 65px;
    padding: 2px;
    float: left;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    margin-top: -56px;
    margin-left: 212px
}

.windgustmphcircle-content {
    margin-top: -.9em;
    padding-top: 40%;
    width: 100%
}

.whitespace {
    height: 45px
}

sup {
    color: #828487;
    top: -.5em
}

.sup {
    font-size: .3em;
    color: #913636
}

.suptemp {
    font-size: 12px;
    color: #fff;
    position: relative;
    margin-bottom: 50px;
    margin-right: 150px
}

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

.centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.wi-rotate-35 {
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg)
}

.wi-rotate-55 {
    -webkit-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.wi-snow-wind:before {
    content: "\f064"
}

.wi-snow:before {
    content: "\f01b"
}

.wi-smog:before {
    content: "\f074"
}

.wi-smoke:before {
    content: "\f062"
}

.wi-lightning:before {
    content: "\f016"
}

.wi-dust:before {
    content: "\f063"
}

.wi-snowflake-cold:before {
    content: "\f076";
    color: rgba(18, 109, 193, 1)
}

.wi-snowflake1-cold:before {
    content: "\f076";
    color: #fff;
    padding: 10px
}

.wi-windy:before {
    content: "\f021"
}

.wi-strong-wind:before {
    content: "\f050"
}

.wi-sandstorm:before {
    content: "\f082"
}

.wi-fire:before {
    content: "\f0c7"
}

.wi-flood:before {
    content: "\f07c"
}

.wi {
    display: inline-block;
    font-family: weathericons;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.wi-fw {
    text-align: center;
    width: 1.4em
}

.updatedtime,
.updatedtimecurrent,
.updatedtimeuv {
    width: 75px;
    margin-left: 235px;
    text-align: center;
    white-space: nowrap
}

.wi-rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wi-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.wi-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wi-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.wi-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.wi-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.wi-raindrops:before {
    content: "\f04e";
    color: rgba(18, 109, 193, 1)
}

.wi-raindrop:before {
    content: "\f078";
    color: rgba(18, 109, 193, 1)
}

.wi-na:before {
    content: "\f07b"
}

.wi-train:before {
    content: "\f0cb"
}

.wi-moon-0:before {
    content: "\f0eb"
}

.wi-moon-1:before {
    content: "\f0d0"
}

.wi-moon-2:before {
    content: "\f0d1"
}

.wi-moon-3:before {
    content: "\f0d2"
}

.wi-moon-4:before {
    content: "\f0d3"
}

.wi-moon-5:before {
    content: "\f0d4"
}

.wi-moon-6:before {
    content: "\f0d5"
}

.wi-moon-7:before {
    content: "\f0d6"
}

.wi-moon-8:before {
    content: "\f0d7"
}

.wi-moon-9:before {
    content: "\f0d8"
}

.wi-moon-10:before {
    content: "\f0d9"
}

.wi-moon-11:before {
    content: "\f0da"
}

.wi-moon-12:before {
    content: "\f0db"
}

.wi-moon-13:before {
    content: "\f0dc"
}

.wi-moon-14:before {
    content: "\f0dd"
}

.wi-moon-15:before {
    content: "\f0de"
}

.wi-moon-16:before {
    content: "\f0df"
}

.wi-moon-17:before {
    content: "\f0e0"
}

.wi-moon-18:before {
    content: "\f0e1"
}

.wi-moon-19:before {
    content: "\f0e2"
}

.wi-moon-20:before {
    content: "\f0e3"
}

.wi-moon-21:before {
    content: "\f0e4"
}

.wi-moon-22:before {
    content: "\f0e5"
}

.wi-moon-23:before {
    content: "\f0e6"
}

.wi-moon-24:before {
    content: "\f0e7"
}

.wi-moon-25:before {
    content: "\f0e8"
}

.wi-moon-26:before {
    content: "\f0e9"
}

.wi-moon-27:before {
    content: "\f0ea"
}

.wi-moon-alt-0:before {
    content: "\f095"
}

.wi-moon-alt-1:before {
    content: "\f096"
}

.wi-moon-alt-2:before {
    content: "\f097"
}

.wi-moon-alt-3:before {
    content: "\f098"
}

.wi-moon-alt-4:before {
    content: "\f099"
}

.wi-moon-alt-5:before {
    content: "\f09a"
}

.wi-moon-alt-6:before {
    content: "\f09b"
}

.wi-moon-alt-7:before {
    content: "\f09c"
}

.wi-moon-alt-8:before {
    content: "\f09d"
}

.wi-moon-alt-9:before {
    content: "\f09e"
}

.wi-moon-alt-10:before {
    content: "\f09f"
}

.wi-moon-alt-11:before {
    content: "\f0a0"
}

.wi-moon-alt-12:before {
    content: "\f0a1"
}

.wi-moon-alt-13:before {
    content: "\f0a2"
}

.wi-moon-alt-14:before {
    content: "\f0a3"
}

.wi-moon-alt-15:before {
    content: "\f0a4"
}

.wi-moon-alt-16:before {
    content: "\f0a5"
}

.wi-moon-alt-17:before {
    content: "\f0a6"
}

.wi-moon-alt-18:before {
    content: "\f0a7"
}

.wi-moon-alt-19:before {
    content: "\f0a8"
}

.wi-moon-alt-20:before {
    content: "\f0a9"
}

.wi-moon-alt-21:before {
    content: "\f0aa"
}

.wi-moon-alt-22:before {
    content: "\f0ab"
}

.wi-moon-alt-23:before {
    content: "\f0ac"
}

.wi-moon-alt-24:before {
    content: "\f0ad"
}

.wi-moon-alt-25:before {
    content: "\f0ae"
}

.wi-moon-alt-26:before {
    content: "\f0af"
}

.wi-moon-alt-27:before {
    content: "\f0b0"
}

.wi-horizon-alt:before {
    content: "\f046"
}

.wi-horizon:before {
    content: "\f047"
}

.wi-sunrise:before,
.wi-sunset:before {
    content: "\f0a3"
}

.wi-sunrise:before {
    color: #d86858
}

.wi-sunset:before {
    color: #d65b4a
}

.wi-moonrise:before {
    content: "\f0c9";
    color: #d86858
}

.wi-moonset:before {
    content: "\f0ca";
    color: #d16a54
}

.wi-earthquake:before {
    content: "\f0c6";
    color: #fff;
    font-size: 1.8em
}

.wi-earthquake1:before {
    content: "\f0c6";
    color: rgba(2, 29, 62, .8);
    font-size: 1em
}

.wi-wind:before {
    content: "\f0b1";
    font-size: 1.2em;
    vertical-align: text-bottom
}

.wi-wind.towards-45-deg {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wi-wind.towards-90-deg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.wi-wind.towards-135-deg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.wi-meteor:before {
    content: "\f071";
    color: rgba(2, 29, 62, .8)
}

.thearrow3 {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 50%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

#beaker:after,
#beaker:before,
#raintoday:after,
.cloudbaseweather34>div:before,
.thearrow1:after,
.thearrow1:before,
.thearrow3:after,
.thearrow3:before,
.thearrow4:after,
.thearrow7:after,
.thearrow:after,
.thearrow:before {
    content: ''
}

.updatedtime {
    position: absolute;
    margin-top: -15px;
    color: #d65b4a;
    font: 700 10px arial, system;
    line-height: 10px
}

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

.updatedtimeuv {
    margin-top: -112px;
    color: #d65b4a;
    font: 700 10px arial, system;
    line-height: 10px;
    padding: 3px
}

.updatedtimeuv span {
    color: rgba(2, 29, 62, .8);
    font-weight: 400
}

.updatedtimecurrent {
    margin-top: -15px;
    color: #d65b4a;
    font: 700 10px arial, system;
    line-height: 10px
}

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

.updatedtimealert,
.updatedtimedir {
    width: 75px;
    font: 700 10px arial, system
}

.updatedtimealert {
    margin-top: 5px;
    text-align: center;
    margin-left: 215px;
    color: #fff;
    line-height: 10px
}

.updatedtimealert span {
    margin-bottom: 0;
    color: #fff;
    -o-font-smoothing: antialiased;
    font-family: arial, system
}

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

.average,
.averageuv,
.solarmax {
    font: 700 10px arial, system;
    width: 100px;
    text-align: right;
    position: absolute
}

.solarenergy,
.uvmax {
    text-align: left;
    position: absolute
}

.average,
.averageuv {
    margin-top: 145px
}

.solarenergy,
.solarmax,
.uvmax {
    margin-top: 140px
}

.solarmax {
    margin-left: 168px;
    color: #f5650a
}

.solarmax span {
    color: rgba(2, 29, 62, .8);
    font: 10px arial, system
}

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

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

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

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

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

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

.averagetemp span {
    color: rgba(18, 109, 193, 1);
    font: 400 10px arial, system;
    text-align: center;
    margin-left: -5px
}

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

.averagetempoutside {
    width: 50px;
    text-align: center;
    margin-left: -2px;
    color: #d65b4a;
    font: 700 10px arial, system
}

.averagetempoutside span {
    color: rgba(18, 109, 193, 1);
    font: 400 10px arial, system;
    text-align: center;
    margin-left: -5px
}

.averagetempoutside span2,
.updatedtimedir span {
    color: rgba(2, 29, 62, .8)
}

.updatedtimedir span {
    margin-bottom: 0;
    font-weight: 400;
    -o-font-smoothing: antialiased;
    font-family: arial, system
}

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

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

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

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

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

.averageindoor {
    margin-left: 255px;
    color: rgba(2, 29, 62, .8);
    font: 400 10px arial, system;
    position: absolute;
    margin-top: 43px;
    width: 85px
}

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

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

.barometertrend1 hourtrend {
    font: 400 9px arial, system;
    color: rgba(2, 29, 62, .8);
    line-height: 9px;
    text-align: left;
    margin-left: 15px
}

.barometeravg,
.barometermax {
    margin-left: 10px;
    width: 50px;
    position: absolute;
    text-align: center
}

.barometermin,
.indoorunit {
    margin-left: 240px;
    position: absolute
}

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

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

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

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

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

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

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

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

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

.indoorunit {
    margin-top: 45px;
    text-align: left;
    font: 10px arial, system;
    color: #fff
}

.mooncircle1,
.windicons,
:full-screen {
    background: #fff
}

.humidityindoor,
.temperatureindoor {
    position: absolute;
    margin-top: 25px;
    width: 185px;
    color: #fff
}

.humidityindoor {
    margin-left: 185px;
    font: 400 26px weathertext, arial, system
}

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

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

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

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

.averagedir {
    margin-left: 115px;
    margin-top: 120px;
    width: auto;
    text-align: center;
    position: absolute;
    color: #d86858;
    font: 600 10px arial, system;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased
}

.averagedir1,
.windrun {
    width: 100px;
    position: absolute;
    text-align: center
}

.averagedir span,
.averagedir span2 {
    margin-bottom: 0;
    color: rgba(2, 29, 62, .8);
    font-weight: 600;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-family: arial, system
}

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

.averagedir1 span,
.averagedir1 span2 {
    margin-bottom: 0;
    color: rgba(2, 29, 62, .8);
    font-weight: 400;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-family: arial, system
}

.windrun {
    margin-left: 225px;
    margin-top: 128px;
    color: rgba(2, 29, 62, .8);
    font: 400 10px arial, system
}

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

.windalarm span,
.windcondition span {
    color: rgba(2, 29, 62, .8);
    -o-font-smoothing: antialiased;
    font-family: arial, system;
    margin-bottom: 0
}

.windicons {
    font-size: 0;
    position: absolute;
    margin-top: 75px;
    margin-left: 135px;
    border: 3px solid #e9ebf1;
    border-radius: 75%;
    padding: 3px
}

.windicons img {
    width: 15px;
    height: 15px
}

.c,
hr {
    height: 0
}

.gustspeedtrend,
.windspeedtrend {
    margin-top: 10px;
    width: 75px;
    text-align: center;
    position: absolute
}

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

.gustspeedtrend {
    margin-left: 180px;
    font: 700 12px arial, system;
    -o-font-smoothing: antialiased
}

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

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

.maxrainfallmonth-content,
.maxrainfallyear-content {
    -webkit-font-smoothing: antialiased;
    color: rgba(2, 29, 62, .8)
}

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

.windspeedtrend span {
    margin-bottom: 0;
    color: #9aba2f
}

.windunits {
    color: #9aba2f
}

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

hr,
img {
    border: 0
}

body,
figure {
    margin: 0
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee
}

body {
    font-size: 14px;
    line-height: 1.42857143
}

.homeweatherinfo,
.homeweatherinfo span a,
.homeweatherinfo span:first-child,
.homeweatherinfo span:last-child {
    font-family: weathertext, system
}

a:hover {
    color: #d65b4a
}

:-webkit-full-screen {
    background: #fff
}

:-moz-full-screen {
    background: #fff
}

:-ms-fullscreen {
    background: #fff
}

:fullscreen {
    background: #fff
}

.homeweatherinfo {
    width: 230px;
    height: 70px;
    transform: translate(40px, -45px);
    padding: 10px
}

.thearrow,
.thearrow1 {
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%
}

.homeweatherinfo span:first-child {
    display: block;
    color: #d65b4a;
    font-size: 15px
}

.homeweatherinfo span:last-child {
    color: #919191;
    font-size: 13px
}

.homeweatherinfo span a {
    color: #545454;
    text-decoration: none
}

.homeweathernotify {
    position: absolute;
    width: 300px;
    height: 55px;
    background-color: none;
    border-radius: 0;
    overflow: hidden;
    top: 5px;
    left: 25px;
    font-family: Arial, system
}

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

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

.homeweathernotify uv {
    font-size: 13px;
    color: rgba(2, 29, 62, .8);
    font-weight: 700
}

.homeweathernotify uvspan {
    font-size: 12px;
    color: #fff
}

.homeweathernotify hvempty,
.homeweathernotify hvempty span {
    font-family: Arial, system;
    font-size: 14px;
    color: #fff
}

.homeweathernotify hvempty {
    position: absolute;
    margin-left: 15px;
    top: 25px
}

.homeweathernotify hv10,
.homeweathernotify hvcold {
    font-size: 14px;
    font-family: weathertext, Arial, system;
    color: #fff
}

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

.homeweathernotify span {
    margin-top: 30px
}

.homeweathernotify description {
    position: absolute;
    margin-top: 20px;
    margin-left: 2px;
    line-height: 12px
}

.homeweathernotify colder,
.homeweathernotify warmer {
    color: #fff
}

.text,
.windvalue {
    font-family: weathertext, Arial;
    font-size: 26px;
    background: #fff;
    color: #878a8c
}

.windirection {
    margin: 10px 0 0 85px;
    width: 100%
}

.homeweathercompass {
    position: absolute;
    width: 175px;
    height: 175px;
    text-align: center;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 1
}

.text {
    z-index: 10;
    margin: 60px 0 auto;
    text-align: center
}

.homeweathercompass>.homeweathercompass-line {
    position: absolute;
    z-index: 10;
    left: 25px;
    right: 25px;
    top: 25px;
    bottom: 25px;
    margin: auto;
    border-radius: 50%;
    border-left: 8px solid rgba(95, 96, 97, .5);
    border-top: 8px solid rgba(95, 96, 97, .8);
    border-right: 8px solid rgba(95, 96, 97, .5);
    border-bottom: 8px solid rgba(95, 96, 97, .8);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
    -ms-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0)
}

.daylightcompass2>.daylightcompass-line2,
.homeweathercompass1>.homeweathercompass-line1,
.homeweathercompass2>.homeweathercompass-line2,
.mooncircle1 {
    -webkit-clip-path: polygon(100%0, 100%100%, 100%100%, 0100%, 0);
    -ms-clip-path: polygon(100%0, 100%100%, 100%100%, 0100%, 0)
}

.thearrow,
.thearrow:after {
    left: 50%;
    top: 0;
    position: absolute
}

.thearrow {
    z-index: 200;
    margin-left: -5px;
    width: 10px;
    height: 50%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

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

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

.homeweathercompass>.windirectiontext {
    display: block;
    margin: 0 0 auto;
    text-align: center;
    color: #878a8c;
    font-family: Arial, system;
    font-weight: 600;
    line-height: 12px;
    font-size: 12px;
    z-index: 10
}

.windirectiontext span {
    color: #9aba2f
}

.animated .thearrow,
.thearrow {
    animation: rotate 1.5s both linear;
    -webkit-animation: rotate 1.5s both linear;
    -moz-animation: rotate 1.5s both linear;
    -o-animation: rotate 1.5s both linear;
    -ms-animation: rotate 1.5s both linear
}

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

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

.raintext1 {
    font-size: 10px;
    color: rgba(18, 109, 193, 1);
    margin-left: 0;
    margin-top: 1%;
    font-weight: 400;
    line-height: 10px;
    font-family: Arial, system
}

.raintext1 span {
    color: rgba(2, 29, 62, .8);
    font-size: 10px
}

.maxrainfallmonth-content,
.maxrainfallyear-content {
    line-height: 1;
    text-align: center;
    font-family: Arial;
    font-size: .8em
}

.maxrainfallmonth,
.maxrainfallyear {
    position: absolute;
    height: 60px
}

.maxrainfallmonth {
    border-radius: 50%;
    width: 60px;
    padding: 5px;
    float: right;
    border: 1px solid #eee;
    background-size: cover;
    margin-top: 10px;
    margin-left: 210px
}

.maxrainfallmonth-content {
    float: left;
    margin-top: -.9em;
    padding-top: 37%;
    width: 100%
}

.maxrainfallyear {
    border-radius: 50%;
    width: 60px;
    padding: 5px;
    float: right;
    border: 1px solid #eee;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    margin-top: 15px;
    margin-left: -7px
}

#daylight,
.c {
    background: 0
}

.maxrainfallyear-content {
    float: left;
    margin-top: -.9em;
    padding-top: 30%;
    width: 100%
}

.daylightvalue:before {
    position: absolute;
    content: "Estimated";
    display: block;
    font-size: 12px;
    line-height: 20px;
    top: -28px;
    left: 45px;
    letter-spacing: normal
}

.moonimage,
.sunimage {
    left: 55px;
    color: #fff;
    line-height: 20px;
    position: absolute;
    font-size: 10px;
    z-index: 1
}

.avgspeedgust,
.avgspeedgust span,
.avgspeedwind,
.homeweathercompass1>.windirectiontext1,
.text1,
.windalarm,
.windcondition,
.windseparator,
.windvalue1 {
    color: rgba(2, 29, 62, .8)
}

.sunimage {
    top: 4px
}

.wi-daylight:before {
    content: "\f06e"
}

.hrstillsunset {
    margin-top: -20px
}

.sunrisehome {
    margin-top: -120px
}

#daylight {
    -webkit-transform: rotate(-85deg);
    -moz-transform: rotate(-85deg);
    -o-transform: rotate(-85deg);
    -ms-transform: rotate(-85deg);
    transform: rotate(-85deg)
}

.thearrow1,
.thearrow4,
.thearrow7 {
    -webkit-transform-origin: 50% 100%
}

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

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

.daylightbox {
    margin-top: 15px;
    margin-left: 85px;
    width: 120px;
    height: 120px
}

.daylightoutput {
    position: absolute;
    z-index: 0
}

.daylightoutputmoon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: -2px;
    left: -2px;
    width: 160px;
    height: 160px;
    border: 10px solid #e9ebf1;
    z-index: 10
}

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

.windcondition {
    margin-top: -25px;
    margin-left: 65px
}

.windalarm {
    margin-top: -26px;
    margin-left: 185px
}

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

.avgspeedwind {
    margin-left: 30px;
    font: 12px arial, system;
    font-weight: 600
}

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

.avgspeedgust {
    margin-left: 195px;
    font: 12px arial, system;
    font-weight: 600
}

.avgspeedgust span {
    font-family: arial, system;
    -o-font-smoothing: antialiased
}

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

.text1,
.windvalue1 {
    font-size: 26px
}

.windirection1 {
    width: 100%;
    margin: 110px 0 0 85px
}

.homeweathercompass1 {
    position: absolute;
    width: 175px;
    height: 175px;
    text-align: center;
    margin-top: -30px;
    margin-left: 70px;
    z-index: 1
}

.text1 {
    z-index: 10;
    text-align: center;
    margin: 60px 0 auto
}

.homeweathercompass1>.homeweathercompass-line1 {
    position: absolute;
    z-index: 10;
    left: 25px;
    right: 25px;
    top: 25px;
    bottom: 25px;
    border-radius: 50%;
    border-left: 8px solid rgba(95, 96, 97, .5);
    border-top: 8px solid rgba(95, 96, 97, .8);
    border-right: 8px solid rgba(95, 96, 97, .5);
    border-bottom: 8px solid rgba(95, 96, 97, .8);
    margin: auto
}

.thearrow1,
.thearrow4,
.thearrow7 {
    z-index: 200;
    -moz-transform-origin: 50% 100%
}

.thearrow1,
.thearrow1:after {
    left: 50%;
    top: 0;
    position: absolute
}

.thearrow1 {
    margin-left: -5px;
    width: 10px;
    height: 50%;
    transform-origin: 50% 100%;
    animation: rotate 1.5s both linear;
    -webkit-animation: rotate 1.5s both linear;
    -moz-animation: rotate 1.5s both linear;
    -o-animation: rotate 1.5s both linear;
    -ms-animation: rotate 1.5s both linear
}

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

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

.homeweathercompass1>.windirectiontext1 {
    display: block;
    text-align: center;
    font-family: Arial, system;
    line-height: 12px;
    font-size: 12px;
    z-index: 10;
    margin: 0 0 auto
}

.windgustvalue,
.windspeedvalue,
.windspeedvalues {
    font-family: weathertext, Helvetica, Arial;
    position: absolute
}

.avgspeedgust1 span,
.avgspeedwind1 span,
.gustspeedtrend1 span,
.windspeedtrend1 span {
    margin-bottom: 0
}

.windirectiontext1 span {
    color: #d65b4a
}

.animated1 .thearrow1 {
    animation: rotate 1.5s both linear;
    -webkit-animation: rotate 1.5s both linear;
    -moz-animation: rotate 1.5s both linear;
    -o-animation: rotate 1.5s both linear;
    -ms-animation: rotate 1.5s both linear
}

.Circle1,
.Circle2 {
    animation: enlarge;
    animation-iteration-count: infinite
}

.beaufort1 {
    position: absolute;
    margin-top: 125px;
    margin-left: 15px;
    font-size: 10px
}

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

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

.windgustvalue,
.windspeedvalue {
    font-size: 1.75rem;
    margin-top: 45px;
    color: #71767b
}

.windicons1 img {
    width: 15px;
    height: 15px
}

.windspeedvalues {
    padding-bottom: 5px;
    line-height: 1em;
    height: 50px
}

.gustspeedtrend1,
.gustspeedtrend1 span {
    color: rgba(2, 29, 62, .8);
    font: 10px arial, system
}

.windspeedvalue {
    margin-left: 25px
}

.windgustvalue {
    margin-left: 240px
}

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

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

.gustspeedtrend1 {
    width: 75px;
    display: block;
    float: left;
    margin-left: 230px;
    text-align: center
}

.windspeedtrend1 {
    width: 100px;
    display: block;
    float: left;
    margin-left: 0;
    text-align: center
}

.gustspeedtrend1 span {
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased
}

.gustspeedtrend1 max {
    color: #d86858
}

.windspeedtrend1,
.windspeedtrend1 span {
    color: rgba(2, 29, 62, .8);
    font: 10px arial, system
}

.windspeedtrend1 span {
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased
}

.windspeedtrend1 max {
    color: #d86858;
    font-weight: 600
}

.avgspeedgust1,
.avgspeedgust1 span,
.avgspeedwind1,
.avgspeedwind1 span,
.moon,
.moon1 {
    color: rgba(2, 29, 62, .8)
}

.avgspeedwind1 {
    margin-left: 30px;
    font: 12px arial, system;
    font-weight: 600
}

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

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

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

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

.moon,
.moon1 {
    font: 400 .9em/.95em arial, system
}

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

.mooncircle1 {
    position: absolute;
    color: rgba(2, 29, 62, .8);
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    margin-left: 0;
    border: 4px solid #e9ebf1;
    padding-top: 35px;
    font-size: 28px;
    font-family: weathertext, arial
}

.mooncircle1 luminance1 {
    position: absolute;
    font-size: 14px;
    margin-top: -15px;
    color: #d86858;
    display: block;
    text-align: center;
    margin-left: 22px
}

.mooncircle1 span {
    color: rgba(2, 29, 62, .8);
    text-align: center;
    font: 200 2em weathertext, arial, system;
    display: block;
    margin-left: 0;
    margin-top: -5px
}

.mooncircle1 moonhead1,
.moonrise1,
.moonset1 {
    -o-font-smoothing: antialiased
}

.mooncircle1 moonhead1 {
    position: absolute;
    color: #d65b4a;
    text-align: center;
    font-size: 18px;
    font-family: Arial, system;
    margin-top: 20px;
    margin-left: -45px
}

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

.moonphase {
    font-size: 10px;
    margin: -10px auto 0;
    display: block;
    line-height: 14px;
    font-weight: 400;
    font-family: Arial, system
}

.moonphasebox {
    width: 100%;
    margin: 10px 0 0 85px
}

.moonposition {
    font-size: 16px;
    line-height: 20px;
    padding-top: 2px
}

.fullmoon1,
.meteorshower,
.moonrise1,
.moonset1,
.newmoon1 {
    line-height: 10px;
    text-align: center;
    position: absolute;
    padding-top: 5px
}

.moonrise1,
.moonset1 {
    font-size: 10px;
    font-family: arial, system
}

.moonrise1 {
    margin-top: 0;
    margin-left: -80px;
    width: 75px
}

.moonrise1 span {
    color: #d86858;
    margin-left: 25px
}

.fullmoon1,
.meteorshower,
.moonset1,
.moonset1 span,
.newmoon1 {
    color: rgba(2, 29, 62, .8)
}

.meteorshower {
    margin: 122px auto;
    font-size: 9px;
    width: 130px
}

.b>h1,
.t {
    margin-bottom: 10px
}

.moonset1 {
    margin-top: 100px;
    margin-left: -80px;
    width: 75px
}

.fullmoon1,
.newmoon1 {
    font-size: 10px;
    width: 100px
}

.moonset1 span {
    margin-left: 15px
}

.fullmoon1 {
    margin-top: 0;
    margin-left: 115px
}

.fullmoon1 span {
    margin-left: 8px
}

.newmoon1 {
    margin-top: 100px;
    margin-left: 120px
}

.newmoon1 span {
    margin-left: 8px
}

.luminance1 {
    padding-top: 0;
    margin-top: 0;
    font: .9em arial, system;
    width: 300px
}

.luminance1:before {
    content: "Phase";
    font-family: arial, system;
    -o-font-smoothing: antialiased;
    color: rgba(18, 109, 193, 1)
}

.feels1 {
    position: relative;
    color: #fff;
    margin-left: auto;
    text-align: center;
    z-index: auto;
    margin-top: 30px;
    font: .7em arial, system
}

.b {
    padding: 70px
}

.c {
    width: 0;
    position: fixed;
    bottom: -20px;
    left: 2px;
    transition: bottom .5s ease-in-out;
    z-index: 99999;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-top-left: 4px;
    -moz-border-radius-top-right: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.Circle1,
.cl,
.indoorcontainer {
    position: absolute
}

.c:target {
    bottom: 0;
    z-index: auto
}

.cl {
    color: #fff;
    background: #00a4b4;
    line-height: 23px;
    width: 32px;
    height: 32px;
    padding: 2px 5px 2px 2px;
    display: block;
    top: -65px;
    left: 5px;
    -webkit-border-radius: 75%;
    -moz-border-radius: 75%;
    border-radius: 75%;
    z-index: auto
}

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

.ct {
    padding: 30px 30px 0
}

.t>label {
    font-size: 12px;
    color: #fff
}

.t>input[type=text],
.t>textarea {
    font-size: 15px;
    color: #fff;
    background: #424242;
    width: 100%;
    padding: 5px;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    transition: background .3s ease-in-out, color .3s ease-in-out;
    border-radius: 4px
}

.weatherwxsim-container,
.weatherwxsim-item,
.wuweather-container,
.wuweather-item {
    width: 960px;
    height: 245px;
    font-family: arial, system;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased
}

.t>input[type=text]:focus,
.t>textarea:focus {
    color: #000;
    background: #fff;
    border-radius: 4px
}

.t>textarea {
    resize: none
}

.bt {
    font-size: 15px;
    color: #000;
    background: #e8e8e8;
    display: inline-block;
    border: 0;
    outline: 0;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer
}

.weatherwxsim-container,
.wuweather-container {
    display: flex;
    overflow: hidden;
    list-style: none
}

.a-r,
.bt.p,
.bt.p:active,
.bt:active {
    border-radius: 4px;
    cursor: pointer
}

.weatherwxsim-item,
.wuweather-item {
    font-size: .8em;
    padding: 6px
}

.bt:active {
    background: #f05e40
}

.bt.p {
    color: #fff;
    background: #00a4b4
}

.bt.p:active {
    background: #f05e40
}

.a-r {
    text-align: right
}

#weekday,
.outlooktitle,
.temptrend {
    text-align: center
}

.wuweather-container {
    margin: 5px auto;
    background: 0
}

.wuweather-item {
    border: 1px solid #383737;
    border-bottom: 18px solid #383737;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 0 2px 2px 0;
    background: #2a2e33
}

.weatherwxsim-container {
    margin: 5px auto;
    background: 0
}

.weatherwxsim-item {
    border: 1px solid #383737;
    border-bottom: 18px solid #383737;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 0 2px 2px 0;
    background: #2a2e33
}

@media screen and (max-width:768px) {
    .weather-container {
        display: inline;
        background-color: none;
        text-rendering: optimizeLegibility;
        -o-font-smoothing: antialiased;
        font-family: arial, system;
        overflow: hidden
    }
    .a,
    .c,
    .chart,
    .chartbarometer,
    .chartdeprem,
    .chartdirection,
    .chartforecast,
    .chartrainfall,
    .chartsky,
    .chartsolar,
    .charttemperature,
    .chartwindspeed,
    .homeweathernotifications,
    .homeweathernotify,
    .w34uptime,
    .weather2-container,
    .weatherfooter-container,
    .weatherheather,
    .weatherwxsim-container,
    .weatherwxsim-item,
    .wuweather-container,
    .wuweather-item,
    header {
        display: none
    }
    .weather-item {
        float: none;
        width: 310px;
        margin: 10px auto 0;
        overflow: hidden
    }
    #icon {
        width: 55px;
        height: 43px;
        float: left;
        padding: 5px;
        margin: 0 10px -5px
    }
    .c {
        width: auto;
        left: 40px;
        right: 40px
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .weather-container {
        display: inline;
        width: 300px;
        height: 200px;
        background-color: none;
        text-rendering: optimizeLegibility;
        -o-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased;
        font-family: arial, system;
        overflow: hidden
    }
    .a,
    .c,
    .chart,
    .chartbarometer,
    .chartdeprem,
    .chartdirection,
    .chartforecast,
    .chartrainfall,
    .chartsky,
    .chartsolar,
    .charttemperature,
    .chartwindspeed,
    .homeweathernotifications,
    .homeweathernotify,
    .weather2-container,
    .weatherfooter-container,
    .weatherheather,
    .weatherwxsim-container,
    .weatherwxsim-item,
    .wuweather-container,
    .wuweather-item,
    header {
        display: none
    }
    .weather-item {
        float: none;
        width: 310px;
        margin: 10px auto 0;
        overflow: hidden
    }
    .c {
        width: auto;
        left: 40px;
        right: 40px
    }
}

@media screen and (max-width:640px) {
    .weather-container {
        display: inline;
        background-color: none;
        text-rendering: optimizeLegibility;
        -o-font-smoothing: antialiased;
        font-family: arial, system;
        overflow: hidden
    }
    .a,
    .c,
    .chart,
    .chartbarometer,
    .chartdeprem,
    .chartdirection,
    .chartforecast,
    .chartrainfall,
    .chartsky,
    .chartsolar,
    .charttemperature,
    .chartwindspeed,
    .homeweathernotifications,
    .homeweathernotify,
    .weather2-container,
    .weatherfooter-container,
    .weatherheather,
    .weatherwxsim-container,
    .weatherwxsim-item,
    .wuweather-container,
    .wuweather-item,
    header {
        display: none
    }
    .weather-item {
        float: none;
        width: 310px;
        margin: 10px auto 0;
        overflow: hidden
    }
    #icon {
        width: 55px;
        height: 43px;
        float: left;
        padding: 5px;
        margin: 0 0 0 10px
    }
    .c {
        width: auto;
        left: 40px;
        right: 40px
    }
}

.Indoor,
.IndoorTemp,
.Indoortitle {
    font-family: weathertext, system;
    font-weight: 400;
    left: 20px;
    position: absolute
}

.indoorcontainer {
    overflow: hidden;
    z-index: 10;
    margin: 2px 0 0 -5px;
    height: 74px;
    width: 303px;
    background-color: #f05e40;
    border-radius: 5px;
    color: #fff
}

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

.Circle1 {
    z-index: 100;
    height: 80px;
    width: 80px;
    right: -20px;
    top: -30px;
    border-radius: 50%;
    background-color: rgba(241, 125, 45, .9);
    animation-duration: 5s
}

.Circle2,
.Circle3 {
    position: absolute;
    right: -50px;
    border-radius: 50%
}

.IndoorHumidity,
.Location,
.Location1 {
    font-family: weathertext, system;
    right: 20px
}

.Circle2 {
    z-index: 80;
    height: 150px;
    width: 150px;
    top: -70px;
    background-color: rgba(241, 125, 45, .8);
    animation-duration: 7s
}

.Circle3 {
    z-index: 50;
    height: 200px;
    width: 200px;
    top: -100px;
    background-color: rgba(241, 125, 45, .7);
    animation: enlarge;
    animation-duration: 10s;
    animation-iteration-count: infinite
}

.sun {
    z-index: 1000;
    font-size: 15px
}

.Indoor,
.Indoortitle {
    font-size: 16px;
    z-index: 1000
}

.Indoor {
    top: 0
}

.Indoortitle {
    top: -17px
}

.IndoorTemp {
    z-index: 1000;
    font-size: 28px;
    bottom: 5px
}

.IndoorHumidity,
.Location {
    z-index: 1000;
    position: absolute;
    font-size: 16px
}

.IndoorHumidity {
    top: -5px
}

.Location {
    font-weight: 600;
    bottom: 5px;
    padding-top: 5px
}

.Location1 {
    position: relative;
    font-size: 13px;
    font-weight: 400;
    padding-top: 5px;
    top: 30px;
    margin-left: 155px;
    z-index: 100
}

suptemp2 {
    color: #fff
}

suptemp3 {
    font-size: .5em
}

@keyframes enlarge {
    50% {
        transform: scale(1.2)
    }
}

.temptrend {
    position: absolute;
    margin-top: 33px;
    margin-left: 13%;
    z-index: auto;
    font-size: 0;
    color: #fff;
    font-family: weathertext, Helvetica, Arial, system
}

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

trendmovementfalling,
trendmovementrising {
    color: #fff;
    font-size: 13px;
    margin-left: 15px;
    font-family: weathertext, Helvetica, Arial, system
}

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

#wuforecast:nth-child(4n),
#wuforecast:nth-child(5n),
#wuforecast:nth-child(6n),
#wuforecast:nth-child(7n),
#wuforecast:nth-child(8n),
#wuforecast:nth-child(9n),
.magnitude:nth-child(1n),
.magnitude:nth-child(2n) {
    display: none
}

#wuforecast,
.magnitude:first-child {
    display: block
}

.beaufortconditions,
.nexthours {
    display: inline-block;
    font-size: 12px
}

#weekday,
#wuforecast,
#wuforecasts {
    background: 0
}

#wuforecasts {
    max-width: 420px;
    margin-left: 1px;
    margin-right: 0
}

#wuforecast {
    float: left;
    width: 26%;
    margin: -10px 0 0 15px
}

#wuforecast:last-child,
#wuforecast:nth-child(1n),
#wuforecast:nth-child(2n),
#wuforecast:nth-child(3n) {
    margin-right: 0;
    border: 1px solid #f6f8fc;
    padding: 0;
    border-radius: 4px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 43%, rgba(250, 250, 250, 1) 43%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(43%, rgba(255, 255, 255, 1)), color-stop(43%, rgba(250, 250, 250, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 43%, rgba(250, 250, 250, 1) 43%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 43%, rgba(250, 250, 250, 1) 43%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 43%, rgba(250, 250, 250, 1) 43%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 43%, rgba(250, 250, 250, 1) 43%, rgba(255, 255, 255, 1) 100%);
    height: 135px;
    line-height: 15px
}

#weekday {
    margin: 0;
    padding: 3px;
    font: .8em arial, system;
    -o-font-smoothing: antialiased;
    color: #555
}

#temp,
#temp2 {
    font: 1em arial, system;
    -o-font-smoothing: antialiased;
    font-weight: 700
}

#temp {
    color: #d65b4a
}

#temp2 {
    color: rgba(18, 109, 193, 1)
}

.kmh,
.rain {
    padding-top: 5px;
    font: .9em arial, system;
    font-weight: 700
}

#icon {
    width: 55px;
    height: 43px;
    float: left;
    padding: 5px;
    margin: 0 10px -5px
}

.outlook {
    background: #2a2e33;
    border-radius: 4px;
    padding: 20px;
    border: 1px solid rgba(2, 29, 62, .8);
    width: 600px;
    height: 400px;
    margin-left: 4%
}

.outlook #dayaftertomoicon,
.outlook #dayicon,
.outlook #nticon,
.outlook #tomoicon {
    background-size: 60px;
    height: 60px;
    z-index: 1
}

.outlook .with-badge:before {
    content: "";
    border: 20px solid rgba(18, 109, 193, 1);
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-color: transparent;
    border-right-color: transparent
}

.outlooktitle {
    color: rgba(2, 29, 62, .8);
    margin-top: 5px;
    font: 1em arial, system
}

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

#day,
#dayaftertomo,
#night,
#tomo {
    color: rgba(2, 29, 62, .8);
    padding: 5px;
    border-bottom: 0 solid #e9ebf1;
    text-align: left
}

#dayafterraintomo,
#rainday,
#rainnight,
#raintomo {
    color: rgba(18, 109, 193, 1);
    padding: 5px;
    border-bottom: 0;
    text-align: right;
    margin-top: -10px;
    font-size: .9em
}

.iconcurrentwu img,
.iconh3wu {
    margin-top: 0;
    position: relative
}

#day {
    font: .9em arial, system
}

#day span,
#dayaftertomo span,
#tomo span {
    font-family: arial, system;
    -o-font-smoothing: antialiased;
    text-align: left
}

#day span,
#tomo span {
    color: rgba(18, 109, 193, 1)
}

#dayaftertomo span {
    color: #d86858
}

#dayaftertomo,
#night,
#tomo {
    margin-bottom: auto;
    width: 90%;
    font: .9em arial, system
}

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

#night span {
    color: #ff6861;
    font-family: arial, system;
    text-align: left
}

.iconh3wu,
.iconh3wu span {
    font-family: Arial;
    font-size: 12px;
    color: rgba(2, 29, 62, .8)
}

#chartdiv {
    width: 100%;
    height: 500px
}

.iconh3wu {
    margin-left: 0;
    margin-bottom: 5px;
    line-height: 12px;
    padding-top: 25px
}

.iconcurrentwu img {
    width: 110px;
    height: 93px;
    float: left;
    margin-left: 10px;
    font-size: 0;
    padding-top: 10px;
    margin-bottom: -10px
}

.wuspace {
    position: relative;
    width: 200px;
    height: 50px;
    margin-top: -15px
}

.nexthours {
    position: absolute;
    margin-top: 92px;
    font-family: arial, system;
    margin-left: 50px
}

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

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

.designedby a,
.hardwarelogo2,
.notificationinfo,
.weather34text {
    position: absolute
}

.notificationinfo {
    font-size: 12px;
    color: rgba(2, 29, 62, .8);
    padding: 3px;
    margin-left: 40px;
    top: 53px
}

.weather34text {
    font-size: 16px;
    color: rgba(2, 29, 62, .8);
    float: left;
    right: 5px;
    font-weight: 600;
    display: none
}

.designedby a {
    float: left;
    position: absolute;
    text-align: center;
    margin-top: 0;
    margin-left: -50px;
    font-size: 8px;
    width: 100px;
    line-height: 9px;
    font-weight: 400
}

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

.hardwarelogo2 {
    position: absolute;
    margin-left: 780px;
    padding: 0;
    margin-right: 20px
}

.footertext {
    position: relative;
    color: #555;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    display: block;
    float: left;
    margin-left: 75px
}

.feelstemp,
.firerisk,
.welcome {
    position: absolute
}

.firerisk {
    text-align: left;
    margin-left: 4px;
    color: rgba(2, 29, 62, .8);
    font: 400 12px arial, system
}

.firerisk ext,
.firerisk hi,
.firerisk lo,
.firerisk mod,
.firerisk veryhi {
    font: 700 12px arial, system;
    text-align: center
}

.firerisk lo {
    color: #9aba2f
}

.firerisk hi {
    color: #f05e40
}

.firerisk mod {
    color: #d86858
}

.firerisk ext {
    color: #7b4468
}

.firerisk veryhi {
    color: #f05e40
}

.feelstemp {
    text-align: left;
    margin-left: 3px;
    color: rgba(2, 29, 62, .8);
    font: 400 10px arial, system;
    line-height: 10px
}

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

wuhourforecastemp {
    color: rgba(2, 29, 62, .8);
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    display: inline-block
}

.welcome {
    font-size: 16px;
    font-weight: 400;
    width: 300px;
    margin-top: 25px;
    color: #fff;
    display: inline;
    margin-left: 30px
}

.online span,
.welcome span {
    color: #f5650a;
    font-weight: 600
}

.online {
    color: #f5650a;
    font-size: 12px
}

.weatheroffline {
    border-radius: 60px;
    border: 0 solid rgba(2, 29, 62, .8);
    height: 70px;
    width: 70px;
    position: relative;
    top: 35%;
    top: -webkit-calc(50% - 43px);
    top: calc(50% - 43px);
    left: 35%;
    left: -webkit-calc(50% - 43px);
    left: calc(50% - 43px);
    color: rgba(2, 29, 62, .8);
    font-size: 10px
}

.weatheroffline:after,
.weatheroffline:before {
    content: "";
    left: 48%;
    width: 2px;
    border-radius: 5px;
    position: absolute
}

.weatheroffline:after {
    background-color: #f5650a;
    top: 2px;
    height: 18px;
    -webkit-transform-origin: 50% 97%;
    transform-origin: 50% 97%;
    -webkit-animation: weatherofflineani 2s linear infinite;
    animation: weatherofflineani 2s linear infinite
}

@-webkit-keyframes weatherofflineani {
    0 {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes weatherofflineani {
    0 {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.weatheroffline:before {
    background-color: #0b717a;
    top: 6px;
    height: 15px;
    -webkit-transform-origin: 50% 94%;
    transform-origin: 50% 94%;
    -webkit-animation: weatherofflineani1 12s linear infinite;
    animation: weatherofflineani1 12s linear infinite
}

@-webkit-keyframes weatherofflineani1 {
    0 {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes ptAiguille {
    0 {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

*,
html {
    box-sizing: border-box
}

.homeweathervertical-text {
    margin-top: 50px;
    margin-left: 160px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top 0;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top 0;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top 0;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top 0;
    transform: rotate(90deg);
    transform-origin: left top 0;
    font-size: 3em;
    color: rgba(2, 29, 62, .8);
    opacity: .5;
    float: left
}

.homeweathervertical-text span {
    color: #9aba2f
}

.blank {
    display: none
}

.wuforecastbackground {
    background: 0
}

.cloudbase {
    position: absolute;
    color: rgba(2, 29, 62, .8);
    font-size: 12px;
    margin-top: 55px;
    margin-left: 85px;
    line-height: 13px
}

.lightningrain,
.rainaverage {
    position: absolute;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

.lightningrain {
    color: rgba(2, 29, 62, .8);
    margin-top: 142px;
    margin-left: 0
}

.lightningrain span {
    color: #d86858;
    font-weight: 700
}

.rainaverage {
    margin-top: 143px;
    width: 100px;
    color: rgba(2, 29, 62, .8);
    margin-left: 200px
}

.rainaverage span {
    color: #01a4b4
}

batterypoor,
lightningrain {
    color: #d86858
}

batterygood {
    color: #9aba2f
}

lightningrain {
    font-size: 18px;
    line-height: 17px;
    display: block;
    font-family: weathertext, arial;
    font-weight: 400
}

.weather34box-toparea {
    margin: 0;
    width: 100%
}

.weather34box {
    border: 1px solid rgba(230, 232, 239, .7);
    border-top: 1;
    border-bottom: 1;
    color: rgba(2, 29, 62, .8);
    float: left;
    padding: 5px;
    position: relative;
    width: 24.75%;
    height: 83px;
    margin: -3px 2px 0 0
}

.weather34box .title {
    position: absolute;
    font-family: arial, helvetica;
    font-size: 9px;
    color: rgba(2, 29, 62, .8);
    float: left;
    top: 2px;
    background: #f5f7fc;
    padding: 1px 5px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px
}

.weather34box .value {
    position: absolute;
    font-size: 26px;
    font-weight: lighter;
    padding: 0 3px;
    color: rgba(2, 29, 62, .8);
    float: left;
    top: 0
}

.weather34box.alert span,
.weather34box.clock span,
.weather34box.clock value,
.weather34box.earthquake span,
.weather34box.indoor span {
    font-weight: 400;
    color: rgba(2, 29, 62, .8)
}

.weather34box.alert,
.weather34box.clock,
.weather34box.earthquake,
.weather34box.indoor {
    background-color: #fff;
    -webkit-box-shadow: inset 0 18px #f6f8fc;
    box-shadow: inset 0 18px #f6f8fc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.homehumidityindoor {
    margin-left: 70px;
    color: rgba(2, 29, 62, .8);
    font: 400 12px arial, system;
    position: absolute;
    margin-top: 20px;
    width: 185px
}

.homehumidityindoor span {
    color: rgba(2, 29, 62, .8);
    font-size: 22px;
    font-family: weathertext, arial
}

.hometemperatureindoor {
    margin-left: 0;
    color: rgba(2, 29, 62, .8);
    font: 400 12px arial, system;
    position: absolute;
    margin-top: 23px;
    width: 120px
}

.hometemperatureindoor span {
    color: rgba(2, 29, 62, .8);
    font-size: 12px
}

homeindoor15,
homeindoor20,
homeindoor25,
homeindoorless20 {
    color: rgba(2, 29, 62, .8);
    font: 400 22px weathertext, arial, system
}

homeindoor20 span,
homeindoor25 span {
    color: rgba(2, 29, 62, .8)
}

.homeindoorfeels {
    -o-font-smoothing: antialiased;
    border-radius: 3px;
    padding: 0;
    text-align: left
}

.circlelightning,
.eqcircle1home {
    -webkit-border-radius: 50%;
    -o-border-radius: 50%
}

.homeindoorfeels span {
    color: rgba(2, 29, 62, .8);
    font-weight: 600
}

.homeindoorfeels spancold,
.homeindoorfeels spancolder,
.homeindoorfeels spancomfortable,
.homeindoorfeels spancooler,
.homeindoorfeels spanuncomfortable,
.homeindoorfeels spanwarmer {
    color: rgba(2, 29, 62, .8);
    font-weight: 400
}

homesuptemp,
homesuptemp1 {
    font-size: .5em;
    vertical-align: text-top;
    margin-left: -7px;
    color: rgba(2, 29, 62, .8)
}

homesuptempindoor {
    color: rgba(2, 29, 62, .8);
    font-size: .4em;
    margin-left: -10px
}

homeam,
homepm {
    font-size: 12px;
    font-weight: 400
}

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

.homeweatheralert {
    position: absolute;
    font-family: weathertext, Arial, system;
    margin-left: -40px;
    color: #fff
}

.homeweatheralert alert,
.homeweatheralert alertspan,
.homeweatheralert description,
.homeweatheralert noalert,
.homeweatheralert noalert span,
.homeweatheralert rain span,
.homeweatheralert span2,
.homeweatheralert uvalert span {
    font-family: Arial, system
}

.homeweatheralert spanbold {
    font-weight: 600
}

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

.homeweatheralert alertspan,
.homeweatheralert span2 {
    font-size: 12px;
    color: rgba(2, 29, 62, .8)
}

.homeweatheralert description {
    margin-top: 20px;
    margin-left: 2px;
    font-size: 13px;
    line-height: 12px
}

.homeweatheralert colder,
.homeweatheralert warmer {
    color: rgba(2, 29, 62, .8)
}

.homeweatheralert rain {
    color: rgba(2, 29, 62, .8);
    font-size: 22px
}

.homeweatheralert rain span {
    color: rgba(2, 29, 62, .8);
    font-size: 12px
}

.homeweatheralert uvalert {
    color: rgba(2, 29, 62, .8);
    font-size: 22px
}

.homeweatheralert uvalert span {
    color: rgba(2, 29, 62, .8);
    font-size: 12px
}

.homeweatheralert noalert,
.homeweatheralert noalert span {
    color: rgba(2, 29, 62, .8);
    font-size: 14px;
    font-weight: 400
}

.homehardwarestatus {
    position: absolute;
    margin-left: 70px;
    top: 20px;
    color: rgba(2, 29, 62, .8);
    font-family: arial, system;
    font-size: 10px;
    width: 200px;
    font-weight: 400
}

spanbluemag,
spangreenmag,
spanredmag,
spanyellowmag {
    font-family: weathertext, Arial, system;
    line-height: 38px
}

.homehardwarestatus online {
    color: #f5650a
}

.homehardwarestatus offline {
    color: #f23a30;
    font-weight: 600
}


.eqcircle1home {
    height: 42px;
    width: 42px;
    display: table-cell;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 40px;
    border: .12rem solid rgba(57, 61, 64, .1)
}

spanbluemag {
    color: #01a4b4;
    font-size: 18px;
    font-weight: 400
}

spangreenmag,
spanredmag,
spanyellowmag {
    color: #f23a30;
    font-size: 17px;
    font-weight: 400
}

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

magnitudesymbol {
    font-size: 12px;
    vertical-align: top;
    line-height: 38px
}

.spane {
    position: absolute;
    font-size: 11.5px;
    font-family: Arial, system;
    font-weight: 400;
    margin: 27px auto 0 20px;
    text-align: center;
    width: 200px
}

.eqtexthome,
.sunlightday {
    font: 10px arial, system
}

.eqcircle1home regionalmoderate {
    color: rgba(2, 29, 62, .8);
    top: -10px
}

regionalminor,
regionalstrong {
    color: #f5650a
}

.eqtexthome {
    position: absolute;
    color: rgba(2, 29, 62, .8);
    float: left;
    width: 160px;
    padding-left: 12px;
    margin-left: 35px;
    margin-top: 40px;
    line-height: 10px;
    font-weight: 600;
    text-transform: capitalize
}

.eqtexthome color,
colordepth,
colordist,
colortext {
    font-weight: 600;
    line-height: 10px;
    color: #fff
}

colortext {
    font-size: 12px
}

colordepth,
colordist {
    font-size: 10px
}

colordist {
    margin-left: 5px
}

.eqcirclehomeregional {
    position: absolute;
    margin-top: -20px;
    margin-left: -30px;
    font-family: weathertext, Arial, system;
    font-size: 26px;
    line-height: 15px;
    color: #fff
}

.eqcircle1homeregional,
.eqcircle2homeregional,
.eqcircle3homeregional,
.eqcircle4homeregional {
    position: absolute;
    margin-top: 30px;
    font-family: weathertext, Arial, system;
    font-size: 26px;
    line-height: 12px;
    color: #fff
}

.eqtexthomeregional {
    color: rgba(2, 29, 62, .8);
    float: left;
    width: 300px;
    margin-left: 30px;
    margin-top: 15px;
    font: 9px arial, system;
    line-height: 12px;
    font-weight: 600
}

.eqtexthomeregional color,
.eqtexthomeregional colordist {
    font-weight: 600;
    line-height: 9px;
    color: rgba(2, 29, 62, .8)
}

.eqtexthomeregional colordepth,
.eqtexthomeregional colortext {
    color: rgba(2, 29, 62, .8);
    font-weight: 600;
    font-size: 9px;
    line-height: 9px
}

spanm2,
wxctime {
    line-height: 15px
}

.earthquakestatus {
    position: absolute;
    margin-left: 60px;
    top: 60px;
    color: rgba(2, 29, 62, .8);
    font-family: arial, system;
    font-size: 10px;
    width: 200px;
    font-weight: 400
}

spanblue,
spanm4 {
    color: #fff
}

spanm,
spanm2 {
    font-family: Arial, system;
    color: rgba(2, 29, 62, .8)
}

spanm {
    font-size: 12px
}

spanm2 {
    font-size: 14px;
    margin-top: 40px;
    font-weight: 400
}

spanm4 {
    font-weight: 600
}

spanm5 {
    color: rgba(2, 29, 62, .8);
    font-size: 12px
}

spangreen,
spanred,
spanyellow {
    color: #f5650a;
    margin-top: 50px;
    line-height: 54px
}

spanheat {
    color: rgba(2, 29, 62, .8);
    font-size: 22px
}

spangredbig,
spangreenbig,
spanyellowbig {
    font-family: weathertext, Arial, system;
    color: rgba(2, 29, 62, .8);
    font-size: 26px;
    float: left;
    line-height: 33px;
    font-weight: 400
}

strength {
    font-size: 13px;
    color: rgba(2, 29, 62, .8);
    font-family: Arial, system;
    font-weight: 400
}

.cumulussunshine {
    margin-left: 0;
    color: rgba(211, 93, 78, 1);
    font: 400 12px arial, system;
    position: absolute;
    margin-top: 20px;
    width: 120px
}

.cumulusisitsunny,
.cumulusmaxsolar {
    position: absolute;
    width: 180px;
    color: rgba(211, 93, 78, 1)
}

.clockiconsvg,
.lowtemp,
.maxtemp,
lowtempspan,
maxtempspan {
    color: rgba(2, 29, 62, .8)
}

cumulussunshinespan {
    color: #777;
    font: 400 18px weathertext, arial, system
}

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

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

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

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

cumulusmaxsolarspan {
    color: #fff;
    font: 400 26px weathertext, arial, system
}

cumulusmaxsolarsuptemp {
    font-size: .4em;
    margin-left: -7px;
    color: #fff
}

.clockiconsvg {
    position: relative;
    top: 25px;
    margin-left: 150px;
    opacity: .5
}

.lowtemp,
.maxgust,
.maxtemp,
.maxwind,
.monthrain,
.yearrain {
    position: absolute;
    width: 220px;
    min-width: 220px
}

.maxtemp {
    margin-left: 0;
    font: 400 12px arial, system;
    margin-top: 20px
}

maxtemptitle {
    color: #fff
}

maxtempspan {
    font: 400 20px weathertext, arial, system
}

maxtempsuptemp {
    font-size: .4em;
    margin-left: 3px;
    color: #fff
}

maxtemptime {
    font-size: 10px;
    margin-left: -3px;
    color: #fff
}

.lowtemp {
    margin-left: 0;
    font: 400 12px arial, system;
    margin-top: 45px
}

lowtemptitle {
    color: #fff
}

lowtempspan {
    font: 400 20px weathertext, arial, system
}

lowtempsuptemp {
    font-size: .4em;
    margin-left: 3px;
    color: #fff
}

lowtemptime {
    font-size: 10px;
    margin-left: -6px;
    color: #fff
}

.maxwind {
    margin-left: 0;
    color: rgba(2, 29, 62, .8);
    font: 400 12px arial, system;
    margin-top: 20px
}

maxgusttitle,
maxwindtime,
maxwindtitle {
    color: #fff
}

.maxgust,
maxgusttime {
    margin-left: -2px;
    color: #fff
}

.yearrain,
maxgustspan,
maxwindspan {
    color: rgba(2, 29, 62, .8)
}

maxwindspan {
    font: 400 20px weathertext, arial, system
}

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

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

maxgustspan {
    font: 400 20px weathertext, arial, system
}

maxgusttime {
    font-size: 10px
}

.yearrain {
    margin-left: 0;
    font: 400 12px arial, system;
    margin-top: 20px
}

.yearrain span {
    margin-left: 2px;
    color: #fff
}

yearraintitle {
    color: #fff
}

yearrainspan {
    color: rgba(2, 29, 62, .8);
    font: 400 18px weathertext, arial, system
}

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

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

monthraintitle,
spanalert,
sunshineicon {
    color: #fff
}

monthrainspan {
    color: #fff;
    font: 400 18px weathertext, arial, system
}

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

.hoursago {
    font-size: 12px;
    color: #fff;
    font-family: Arial, system;
    font-weight: 400;
    margin-top: -34px;
    width: 200px;
    margin-left: 30px
}

.cloudbase34,
.weather34forecast,
.weather34forecastz {
    color: rgba(2, 29, 62, .8);
    position: absolute
}

.weather34forecast {
    font-size: 12px;
    width: 280px;
    text-align: center;
    margin: 32px 2px auto 25px;
    line-height: 12px;
    padding: 3px
}

.cloudbase34 {
    font-size: 12px;
    margin-top: 85px;
    margin-left: 85px;
    line-height: 13px
}

.weather34forecastz {
    font-size: .83em;
    width: 285px;
    text-align: center;
    margin: 30px 5px auto;
    line-height: 12px;
    padding: 3px
}

.weather34forecastz span {
    color: #d86858
}

.weather34forecastz spancooler {
    color: #01a4b4
}

.weather34forecastz spanovcast {
    color: #898989
}

.weather34forecastz spanstronger {
    color: #d65b4a
}

.circlelightning,
.cloudbase34z {
    position: absolute;
    color: rgba(2, 29, 62, .8)
}

.cloudbase34z {
    font-size: 12px;
    margin-top: 0;
    margin-left: 140px;
    line-height: 12px
}

.circlelightning,
.circlewindchill {
    text-align: center;
    -ms-border-radius: 50%;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
    -moz-border-radius: 50%;
    line-height: 40px;
    font-weight: 400
}

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

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

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

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

spanefreezing {
    color: #4cb1bd
}

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

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

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

.circlewindchill {
    width: 42px;
    -o-border-radius: 50%;
    border-radius: 50%;
    top: 35px;
    border: .12rem solid #e9ebf1;
    font-size: 16px
}

.circleindoortemp,
.circleindoortemphot,
.circleindoortempwarm,
.circlemaxtemp {
    height: 43px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background: 0
}

.circlelowtemp,
.circlemaxgust,
.circlemaxwind {
    height: 40px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

spanewindchill {
    position: absolute;
    font-size: 12px;
    color: #fff;
    font-family: Arial, system;
    font-weight: 400;
    top: 0;
    width: 200px;
    left: 20px
}

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

.cloudbasewd,
.weatherdisplayforecast {
    color: rgba(2, 29, 62, .8);
    font-size: 12px;
    position: absolute
}

.weatherdisplayforecast {
    width: 280px;
    text-align: center;
    margin: 42px 2px auto;
    line-height: 12px;
    padding: 3px
}

.cloudbasewd {
    margin-top: 105px;
    margin-left: 85px;
    line-height: 13px
}

.circleindoortemp,
.circleindoortemphot,
.circleindoortempwarm {
    width: 43px;
    border-radius: 50%;
    top: 20px;
    border: .12rem solid #e9ebf1;
    font-size: 16px;
    line-height: 41px;
    color: rgba(211, 93, 78, 1);
    font-weight: 400;
    font-family: weathertext, Arial, system
}

.circlelowtemp,
.circlemaxgust,
.circlemaxtemp,
.circlemaxwind {
    line-height: 39px;
    position: absolute
}

.homeindoorhum,
spaneindoortemp {
    font-size: 13px;
    font-weight: 400;
    position: absolute
}

spaneindoortemp {
    color: #fff;
    font-family: Arial, system;
    top: -10px;
    width: 30px;
    left: 35px
}

.circlemaxtemp,
.homeindoorhum,
spanehomeindoorhum,
svgindoortemp {
    font-family: weathertext, Arial, system;
    color: #fff
}

.homeindoorhum {
    margin-left: 45px;
    top: 30px;
    width: 200px
}

spanhomeindoorvalue {
    color: #fff
}

spanehomeindoorhum {
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    top: -5px;
    width: 200px;
    left: 42px
}

.homeindoorfeels,
spanefeels,
spanfeelstitle,
spanhomeindoorhumtitle {
    font-size: 13px;
    font-family: weathertext, Arial, system;
    width: 200px;
    font-weight: 400;
    color: rgba(2, 29, 62, .8)
}

.homehardwareindoorfeels,
spanindoortempfalling,
spanindoortemprising,
spanindoortempsteady,
spanmaxtemp {
    color: #fff
}

spanhomeindoorhumtitle {
    top: 10px;
    left: 10px
}

.homeindoorfeels {
    position: absolute;
    margin-left: 95px;
    top: 50px
}

spanefeels {
    position: absolute;
    top: -5px;
    left: 85px
}

spanfeelstitle {
    top: 10px;
    left: 10px
}

.hometemperatureindoortrend {
    margin-left: 13px;
    position: absolute;
    margin-top: 34px;
    width: 15px
}

.circlemaxtemp {
    width: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 2px;
    border: .12rem solid #e9ebf1;
    font-size: 16px;
    font-weight: 400;
    margin-left: 20px
}

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

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

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

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

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

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

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

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

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

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

spanmaxwind {
    font-family: Arial, system;
    top: -10px
}

svgmaxwind {
    font-family: weathertext, Arial, system
}

spanwindtitle {
    font-family: Arial, system;
    top: 0
}

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

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

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

.circlerainmonth,
.circlerainyear {
    height: 2.7rem;
    width: 2.7rem;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    top: 4px;
    line-height: 40px;
    font-family: weathertext, Arial, system;
    font-weight: 400;
    color: rgba(0, 154, 171, 1);
    position: absolute;
    background: 0
}

.rainannual,
svgearthquake {
    display: block;
    position: absolute
}

.homeindoordate,
spanrain,
svgrain {
    color: rgba(2, 29, 62, .8)
}

.circlerainyear {
    border-radius: 50%;
    border: .1rem solid #e9ebf1;
    margin-left: 20px;
    font-size: 15px
}

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

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

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

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

svgrain {
    font-family: weathertext, Arial, system
}

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

.homeindoordate {
    position: absolute;
    text-transform: none;
    top: 23px;
    right: 40px;
    font-family: Arial, system;
    width: 200px;
    list-style: none
}

ored,
ored1 {
    color: #d65b4a
}

blue,
firealert,
green,
orange,
red {
    color: rgba(0, 154, 171, 1)
}

firealert {
    font-size: 13px;
    top: 45px;
    float: left;
    margin-left: 25px
}

.solarpoor,
.weather34cloud {
    position: absolute;
    font-size: 12px
}

svgearthquake {
    top: 13px;
    left: 15px
}

blue,
fall,
oblue {
    color: #01a4b4
}

oorange,
orange,
rise {
    color: #d86858
}

green,
ogreen {
    color: #9aba2f
}

ored1 {
    font-family: weathertext, Arial, system;
    font-size: 16px
}

.weather34cloud {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    color: rgba(2, 29, 62, .8);
    margin-left: 200px;
    margin-top: 0;
    font-weight: 400;
    font-family: weathertext, arial, system;
    max-height: 120px
}

.wu34i p:first-of-type,
.wu34wxc,
.wu34wxc1,
.wu34wxc2 {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(233,235,241,0.3)', endColorstr='white', GradientType=0)
}

.solardark,
.solargood,
.solarlow,
.solarmoderate,
.solarpoor,
.solarverygood {
    margin-top: 5px;
    height: 60px;
    width: 60px;
    margin-left: 40px
}

.solardark,
.solarpoor {
    font-weight: 400;
    color: #4e5a69;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    line-height: 14px;
    font-family: Arial, system
}

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

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

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

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

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

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

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

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

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

grey {
    font-size: 10px
}

.uv01a,
.uv03a,
.uv35a,
.uv67a,
.uv810a,
.uvi1112a {
    border-radius: 50%;
    margin-left: 40px;
    color: #fff;
    border: 2px solid #e9ebf1
}

.uvi810a span,
p {
    color: #fff
}

.uvi1112a {
    padding-top: 20px;
    font: 1.7em Helvetica, Arial, Helvetica;
    margin-top: -5px;
    line-height: 40px
}

.uv01a,
.uv03a,
.uv1112a,
.uv35a,
.uv67a,
.uv810a {
    padding-top: 3%;
    margin-top: -5px
}

.uv01a,
.uv03a {
    font: 2em weathertext, arial, system;
    font-weight: 400
}

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

.uv03a {
    background: #9aba2f
}

.uv35a,
.uv67a {
    font: 2em weathertext, arial, system
}

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

.aqi01a,
.aqi03a,
.uv810a {
    font: 2em weathertext, arial, system
}

.uv35a {
    background: #e48f4c
}

.aqi03a,
.aqi35a,
.uv1112a {
    border-radius: 50%;
    margin-left: 40px
}

.uv67a {
    background: #ee7259
}

.uv810a {
    font-weight: 400;
    background: #d15e52
}

.uv1112a {
    color: #fff;
    border: 2px solid #e9ebf1;
    background: #716098;
    font: 1.9em weathertext, Arial, system
}

uvia {
    font-size: .3em;
    text-align: center;
    position: absolute;
    color: #fff;
    margin: 30px auto 0 -32px
}

.weather34-cloudbase-bar .bar-inner:after {
    background: rgba(1, 164, 180, .9);
    width: 80px;
    padding: 0;
    margin-left: 0;
    top: 0;
    font-size: 10px;
    font-family: Arial, system;
    font-weight: 600;
    shape-rendering: crispEdges;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.cloudbaseweather34 {
    position: absolute;
    font-family: Arial, system;
    width: 114px;
    max-width: 114px;
    height: 120px;
    margin: 19px 0 0 95px;
    background: url(rain/markercloud.svg) bottom no-repeat;
    background-color: rgba(63, 71, 79, .8);
    border: 4px solid #e9ebf1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    shape-rendering: crispEdges
}

.cloudbaseweather34>div {
    text-align: center;
    font-size: 0;
    shape-rendering: crispEdges;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    border-top: dotted 1px rgba(255, 255, 2555, 1)
}

.cloudbaseweather34>div:after {
    background: #d86858;
    width: 120px;
    padding: 1px 3px;
    margin-left: 3px;
    bottom: 3px;
    font-size: 12px;
    font-family: Arial, Helvetica;
    font-weight: 600;
    shape-rendering: crispEdges;
    color: #fff;
    opacity: 1
}

.cloudbaseweather34>div:before {
    position: absolute;
    font-size: 0;
    width: 0;
    margin-top: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 0 solid rgba(255, 255, 255, 1);
    margin-left: -10px
}

.cloudbaseweather34.clear>div {
    background-color: rgba(255, 255, 255, .4)
}

spaneboltek {
    font-size: 12px;
    position: absolute;
    color: rgba(2, 29, 62, .8);
    font-family: Arial, system;
    top: -10px;
    width: 130px;
    left: 20px
}

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

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

spanboltekdist {
    width: 160px;
    top: 10px;
    left: -10px
}

spanbolteklast {
    width: 180px;
    top: 5px;
    left: -32px
}

.weather34-rainrate-bar {
    position: absolute;
    height: 100px;
    width: 30px;
    margin-left: 230px;
    margin-top: 38px
}

.weather34-rainrate-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/rainrulerw34.svg) no-repeat;
    width: 37px;
    border: 1px solid rgba(57, 61, 64, .1);
    border-bottom: 5px solid rgba(57, 61, 64, .1);
    border-top: 3px solid rgba(57, 61, 64, .1);
    -webkit-border-radius: 1px 1px 2px 2px;
    position: absolute;
    bottom: 0
}

.weather34-rainrate-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34-rainrate-bar .bar-inner {
    shape-rendering: crispEdges;
    background: url(rain/water.svg);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.main-menu,
.main-menu:hover,
nav.main-menu.expanded {
    background: rgba(42, 46, 51, .95);
    overflow: hidden;
    opacity: 1
}

.weather34rainrate {
    position: absolute
}

.rainannual {
    margin-left: 3px;
    margin-top: 35px;
    color: #d86858;
    font-weight: 600;
    font-family: arial, system;
    width: 70px;
    border: 2px solid rgba(57, 61, 64, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    padding: 3px
}

.main-menu a,
.main-menu li,
.main-menu li>a,
.main-menu menu,
ogrey,
raingrey {
    font-weight: 400
}

rainblue {
    color: #01a4b4;
    font-size: 12px
}

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

.rainblue1 {
    color: #01a4b4;
    font-size: 10px;
    bototm: 5px
}

.windgrey1 {
    color: rgba(2, 29, 62, .8);
    font-size: 10px;
    top: 3px;
    left: 0
}

.windsvg {
    top: 3px;
    margin-right: 5px;
    left: 0;
    padding: 3px
}

.circlelightning3 {
    width: 43px;
    height: 43px;
    top: 34px;
    border: 0;
    color: #fff;
    position: absolute;
    line-height: 35px
}

.active a.area,
.main-menu .nav-text,
.main-menu a,
.main-menu li,
nav,
nav li,
nav ul {
    color: rgba(2, 29, 62, .8)
}

.main-menu:hover,
.settings,
nav.main-menu.expanded {
    width: 250px
}

.main-menu .nav-text,
.main-menu li>a,
.settings {
    font-size: 12px;
    font-family: Arial, system
}

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

.settings {
    height: 73px;
    float: right;
    margin: 0;
    font-size: 20px
}

.main-menu,
.main-menu li>a,
.main-menu menu {
    font-size: 12px;
    color: rgba(2, 29, 62, .8)
}

.main-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 60px;
    z-index: 10;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.main-menu li,
.main-menu li>a {
    width: 250px;
    position: relative
}

.main-menu menu {
    position: relative;
    padding-left: 5px;
    display: inline;
    top: 5px
}

.main-menu>ul {
    margin: 5px 0
}

.main-menu li {
    display: block
}

.main-menu li>a {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 0 solid #2A2E33;
    float: left
}

.main-menu .nav-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 190px;
    float: left;
    margin-left: 60px
}

aqigrey,
supdavis {
    vertical-align: top
}

.ozonegood,
.ozonemoderate,
.ozoneverygood,
aqia,
aqialo,
aqiap,
aqigrey {
    position: absolute
}

.no-touch .scrollable.hover {
    overflow-y: hidden;
    display: none
}

.no-touch .scrollable.hover:hover {
    overflow-y: auto;
    overflow: visible;
    display: none
}

nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

nav li,
nav ul {
    outline: 0;
    margin: 0;
    padding: 0;
    text-transform: none;
    float: left;
    text-align: left
}

.active a.area {
    float: left;
    background-color: #2A2E33;
    width: 100%;
    height: 100%
}

.menu34 a,
ogreenh1 {
    color: #9aba2f
}

@media screen and (max-width:1024px) {
    .main-menu {
        background: 0 0
    }
}

@media screen and (max-width:768px) {
    .main-menu {
        background: 0 0
    }
}

@media screen and (max-width:640px) {
    .main-menu {
        background: 0 0
    }
}

@media screen and (max-width:320px) {
    .main-menu {
        background: 0 0
    }
}

.menu34 {
    bottom: 0;
    font-size: 10px;
    text-transform: lowercase;
    text-align: center;
    border: 1px solid rgba(2, 29, 62, .8);
    padding: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 150px
}

.aqigood,
.aqimod,
.aqipoor,
.aqixpoor {
    padding-top: 3px;
    font-weight: 700;
    font-family: weathertext;
    width: 36px;
    height: 36px;
    line-height: 40px;
    margin-top: 0;
    text-align: center;
    color: #fff;
    position: absolute
}

ogrey,
ogreyh1 {
    color: #bbb;
    background: rgba(86, 95, 103, .4);
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

oblueh1 {
    color: #01a4b4
}

oorangeh1,
oredh1 {
    color: #d86858
}

.aqigood,
.aqimod {
    margin-left: 5px
}

.aqigood {
    background-color: #9aba2f;
    border-radius: 50%;
    border: 0;
    font-size: 13px
}

.aqimod,
.aqipoor {
    border-radius: 50%;
    font-size: 13px
}

.aqimod {
    background-color: #cda51b;
    border: 0
}

.aqipoor,
.aqixpoor {
    margin-left: 3px
}

.aqipoor {
    background-color: #d86858;
    border: 0
}

.aqixpoor {
    background-color: #d65b4a;
    border-radius: 50%;
    border: 0;
    font-size: 14px
}

aqigrey {
    font-family: Arial;
    font-size: 12px;
    color: #fff;
    margin-left: 8px;
    display: block;
    margin-top: -53px;
    margin-bottom: 7px;
    font-weight: 600
}

.aqi1112a,
.aqi1113a,
.aqi67a,
.aqi810a {
    margin-left: 40px;
    width: 60px;
    height: 60px;
    text-align: center
}

aqit {
    font-size: 6pt;
    color: #fff
}

.aqi01a,
.aqi03a,
.aqi1112a,
.aqi1113a,
.aqi35a,
.aqi67a,
.aqi810a {
    padding-top: 3%;
    margin-top: -5px
}

.aqi01a,
.aqi03a {
    width: 60px;
    height: 60px;
    text-align: center;
    font-weight: 400
}

.aqi01a,
.aqi1112a span,
.aqi1113a span,
p {
    color: rgba(2, 29, 62, .8)
}

.aqi03a,
.aqi35a {
    border: 2px solid rgba(57, 61, 64, .1)
}

.aqi1112a,
.aqi67a,
.aqi810a {
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, .1)
}

.aqi03a {
    color: #9aba2f
}

.aqi35a,
.aqi67a {
    font: 2em weathertext, arial, system
}

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

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

.aqi67a {
    color: #cda51b
}

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

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

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

.ozonegood,
.ozonemoderate,
.ozoneverygood,
.rainrateblue,
.tempcontainer {
    -ms-font-smoothing: antialiased
}

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

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

aqia {
    margin: 30px auto 0 -37px
}

aqiap {
    margin: 30px auto 0 -35px
}

aqialo {
    margin: 30px auto 0 -31px
}

.ozonegood,
.ozonemoderate,
.ozonepoor,
.ozoneverygood {
    margin-top: 10px;
    margin-left: 40px;
    width: 60px;
    height: 60px
}

.ozonegood,
.ozonepoor {
    line-height: 14px;
    color: rgba(2, 29, 62, .8);
    font-family: Arial, system
}

.ozonepoor {
    padding-top: 18px
}

.ozonedark {
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, .1);
    padding-top: 15px;
    font-size: 12px;
    font-weight: 400
}

.ozonegood,
.ozonelow,
.ozonemoderate,
.ozoneverygood {
    padding-top: 18px;
    font-family: Arial, system;
    line-height: 14px
}

.ozonelow {
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, .1);
    font-size: 18px;
    font-weight: 600;
    color: #01a4b4
}

.ozonegood,
.ozonemoderate {
    font-weight: 400;
    font-size: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

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

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

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

.ozoneverygood {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid rgba(57, 61, 64, .1);
    font-size: 18px;
    color: #9aba2f
}

.wu34i,
.wu34i p:first-of-type,
windui {
    color: rgba(2, 29, 62, .8)
}

.wu34i {
    margin-left: 10px
}

.wu34i p:first-of-type {
    position: relative;
    border: 1px solid #e9ebf1;
    width: 89px;
    display: inline-block;
    padding: 4px;
    border-radius: 4px;
    margin: -6px 3px 2px;
    float: left;
    height: 145px;
    background: rgba(233, 235, 241, .3);
    background: -moz-linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 40%, #fff 40%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 40%, #fff 40%, #fff 100%);
    background: linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 40%, #fff 40%, #fff 100%)
}

bluefi,
hiti,
lowti,
orangefi {
    padding: 2px;
    font-weight: 700
}

.weather34uvrate,
adv,
solarwm2,
wfblue,
wfgreen {
    font-weight: 400
}

bluefi,
chancei,
lowti {
    color: #01a4b5;
    font-size: 12px
}

dayi {
    font-size: 11px
}

hiti,
orangefi {
    color: #d86858;
    font-size: 12px
}

greenfi {
    color: #9aba2f
}

greyfi {
    font-size: 12px
}

raini,
rainui,
tempui,
windui {
    font-size: 12px;
    font-family: Arial, Helvetica
}

.weather34solarrate,
.weather34solarrate span,
.weather34uvrate,
.weather34uvrate span {
    font-family: arial, system
}

.menucolor,
windred {
    color: #d86858
}

windorange {
    color: #f5650a
}

windgreen {
    color: #7a971a
}

adv {
    display: block;
    left: 40px;
    margin-top: 5px;
    font-size: 12px;
    font-family: Arial, Helvetica
}

.weather34-solarrate-bar {
    position: absolute;
    height: 100px;
    width: 30px;
    margin-left: 20px;
    margin-top: 40px;
    color: #e9ebf1
}

.weather34-solarrate-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/solarrulerw34.svg) no-repeat;
    width: 37px;
    border: 1px solid rgba(57, 61, 64, .1);
    border-bottom: 5px solid rgba(57, 61, 64, .1);
    border-top: 3px solid rgba(57, 61, 64, .1);
    -webkit-border-radius: 1px 1px 2px 2px;
    position: absolute;
    bottom: 0
}

.weather34-solarrate-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34-solarrate-bar .bar-inner1000 {
    shape-rendering: crispEdges;
    background: rgba(164, 117, 203, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34-solarrate-bar .bar-inner600,
.weather34-solarrate-bar .bar-inner700 {
    shape-rendering: crispEdges;
    background: rgba(211, 93, 78, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34-solarrate-bar .bar-inner400 {
    shape-rendering: crispEdges;
    background: rgba(255, 124, 57, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34-solarrate-bar .bar-inner200 {
    shape-rendering: crispEdges;
    background: rgba(221, 181, 73, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34-solarrate-bar .bar-inner1 {
    shape-rendering: crispEdges;
    background: rgba(154, 186, 47, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34solarrate {
    color: #f5650a;
    position: absolute;
    margin-left: 36px;
    margin-top: 27px;
    font-size: 12px;
    width: 20px;
    max-height: 100px;
    line-height: 10px;
    font-weight: 400
}

.weather34solarrate span {
    color: rgba(2, 29, 62, .8);
    font-size: 12px
}

solarwm2 {
    font-size: 10px
}

.apixuforecast34,
.rainrateblue,
.weather34uvrate span,
greenf {
    font-size: 12px
}

.weather34-uvrate-bar {
    position: absolute;
    height: 100px;
    width: 30px;
    margin-left: 230px;
    margin-top: 38px
}

.weather34-uvrate-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/uvrulerw34.svg) no-repeat;
    width: 37px;
    border: 1px solid rgba(57, 61, 64, .1);
    border-bottom: 5px solid rgba(57, 61, 64, .1);
    border-top: 3px solid rgba(57, 61, 64, .1);
    -webkit-border-radius: 1px 1px 2px 2px;
    position: absolute;
    bottom: 0
}

.weather34-uvrate-bar .bar-inner10,
.weather34-uvrate-bar .bar-inner8 {
    shape-rendering: crispEdges;
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px
}

.weather34-uvrate-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34-uvrate-bar .bar-inner10 {
    background: rgba(128, 105, 152, .6);
    border: 0
}

.weather34-uvrate-bar .bar-inner8 {
    background: rgba(215, 64, 73, .8);
    border: 0
}

.weather34-uvrate-bar .bar-inner3,
.weather34-uvrate-bar .bar-inner5 {
    -webkit-border-radius: 1px 1px 2px 2px;
    width: 100%;
    shape-rendering: crispEdges
}

.weather34-uvrate-bar .bar-inner5 {
    background: rgba(255, 136, 65, .6);
    border: 0
}

.weather34-uvrate-bar .bar-inner3 {
    background: rgba(221, 181, 73, .6);
    border: 0
}

.weather34-uvrate-bar .bar-inner {
    shape-rendering: crispEdges;
    background: rgba(143, 177, 42, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34uvrate {
    color: #f5650a;
    position: absolute;
    margin-left: 238px;
    margin-top: 17px;
    font-size: 12px;
    width: 20px;
    max-height: 100px;
    line-height: 10px
}

.apixuforecast34,
.weather34uvrate span,
apigrey,
greyuv,
solartrend {
    color: rgba(2, 29, 62, .8)
}

greenf,
greenuv {
    color: #9aba2f
}

purpleuv {
    color: #a475cb
}

reduv {
    color: rgba(215, 64, 73, 1)
}

orangeuv {
    color: #f5650a
}

rainrateblue {
    color: #01a4b4
}

.apixuforecast34block {
    margin-left: 10px
}

.apixuforecast34 {
    float: left;
    display: block;
    width: 30%;
    border-radius: 4px;
    margin: 2px 2px 2px 3px;
    font-family: ' Helvetica', Arial;
    height: 145px;
    padding: 5px;
    background: #fff;
    background: -moz-linear-gradient(to top, #fff 0, #fff 64%, rgba(233, 235, 241, .3) 64%, rgba(233, 235, 241, .3) 100%);
    background: -webkit-linear-gradient(to top, #ff 0, #fff 64%, rgba(233, 235, 241, .3) 64%, rgba(233, 235, 241, .3) 100%);
    background: linear-gradient(to top, #fff 0, #fff 64%, rgba(233, 235, 241, .3) 64%, rgba(233, 235, 241, .3) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a2e33', endColorstr='rgba(233,235,241,0.3)', GradientType=1);
    border: 1px solid rgba(153, 155, 156, .2);
    line-height: 13px
}

.tempblue,
.tempbluedew,
.tempbluefeels,
.tempgreen,
.tempgreendew,
.tempgreenfeels,
.temporange,
.temporangedew,
.temporangefeels,
.tempred,
.tempreddew,
.tempredfeels {
    border-radius: 4px;
    padding: 1px;
    position: relative;
    font-weight: 400;
    color: rgba(2, 29, 62, .8)
}

.tempblue,
.tempbluedew,
.tempgreen,
.tempgreendew,
.temporange,
.temporangedew,
.tempred,
.tempreddew {
    width: 65px;
    float: left
}

uppercase {
    text-transform: capitalize
}

greenf {
    padding: 2px;
    font-weight: 700
}

solartrend {
    position: absolute;
    margin-left: 15px;
    margin-top: -15px
}

uvtrend {
    position: absolute;
    margin-left: 5px;
    margin-top: -5px
}

.metricsymbol {
    position: absolute;
    top: 15px;
    left: 81px
}

yellow {
    color: #c1b01e
}

tempyellow {
    font-weight: 600;
    color: #ddb549
}

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

.tempblue,
.tempgreen,
.temporange,
.tempred {
    margin-left: 35px;
    margin-top: -17px
}

.tempgreen {
    background: rgba(144, 177, 42, 1)
}

.temporange {
    background: rgba(255, 124, 57, 1)
}

.tempred {
    background: rgba(211, 93, 78, .7)
}

.tempblue,
.tempbluedew {
    background: rgba(0, 154, 171, .7)
}

.tempbluedew,
.tempgreendew,
.temporangedew,
.tempreddew {
    margin-top: -5px;
    margin-left: 35px
}

.tempgreendew {
    background: rgba(144, 177, 42, 1)
}

.temporangedew {
    background: rgba(255, 124, 57, 1)
}

.tempreddew {
    background: rgba(211, 93, 78, .7)
}

.tempbluefeels,
.tempgreenfeels,
.temporangefeels,
.tempredfeels {
    margin-top: 0;
    margin-left: 44px;
    float: left;
    width: 65px;
    margin-bottom: 8px
}

.tempgreenfeels {
    background: rgba(144, 177, 42, 1)
}

.temporangefeels {
    background: rgba(255, 124, 57, 1)
}

.tempredfeels {
    background: rgba(211, 93, 78, .7)
}

.tempbluefeels {
    background: rgba(0, 154, 171, .7)
}

.tempblue span,
.tempbluedew span,
.tempbluefeels span,
.tempgreen span,
.tempgreendew span,
.tempgreenfeels span,
.temporange span,
.temporangedew span,
.temporangefeels span,
.tempred span,
.tempreddew span,
.tempredfeels span {
    font-weight: 600;
    color: #fff
}

.barometerblue,
.barometerorange {
    font-weight: 400;
    background: rgba(245, 247, 252, 0);
    width: 60px;
    position: relative;
    border-radius: 4px;
    padding: 1px;
    float: left
}

.barometerblue {
    margin-top: 5px;
    color: #fff;
    color: rgba(2, 29, 62, .8)
}

.barometerorange {
    margin-top: -3px;
    color: #fff;
    color: rgba(2, 29, 62, .8);
    margin-left: 0
}

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

.barometerblue {
    margin-left: 5px
}

.barometerorange span {
    font-weight: 600;
    color: rgba(211, 93, 78, 1)
}

.barometerblue span {
    font-weight: 600;
    color: rgba(0, 154, 171, 1)
}

.barometergreen {
    font-weight: 400;
    color: #fff;
    background: rgba(144, 177, 42, 1);
    padding: 1px;
    border-radius: 4px;
    margin-left: 120px;
    float: left
}

.gustorange,
.windorange {
    background: rgba(255, 124, 57, 1)
}

.daylightblue,
.daylightred,
.moonrisered,
.moonsetblue {
    width: 65px;
    margin-top: 0;
    line-height: 10px
}

.barometergreen span,
.barometergreen supunit {
    font-weight: 600;
    color: #fff
}

.windorange {
    font-weight: 400;
    color: rgba(2, 29, 62, .8);
    padding: 1px;
    border-radius: 4px;
    margin-left: 10px;
    float: left
}

.daylightblue,
.daylightred,
.gustorange {
    padding: 1px;
    border-radius: 4px;
    margin-left: 20px;
    float: left
}

.windorange span {
    font-weight: 600;
    color: #fff
}

.gustorange {
    font-weight: 400;
    color: #fff
}

.daylightblue,
.daylightgreen span,
.daylightred,
.daylightred span,
.gustorange span,
.moonrisered,
.moonrisered span,
.moonsetblue {
    font-weight: 600;
    color: #fff
}

.daylightred {
    position: relative;
    background: rgba(0, 154, 171, .7)
}

.daylightblue,
.moonrisered {
    position: relative;
    background: rgba(255, 124, 57, 1)
}

.moonrisered {
    padding: 1px;
    border-radius: 4px;
    margin-left: 0;
    float: left
}

.moonsetblue,
.raintodayblue {
    position: relative;
    background: rgba(0, 154, 171, .7);
    border-radius: 4px;
    padding: 1px;
    float: left
}

.moonsetblue {
    margin-left: 10px
}

,
.nextmoonrise,
.nextmoonset {
    font-weight: 600;
    color: #fff;
    text-align: center
}

.rainrateblue {
    position: relative;
    font-weight: 400;
    color: #01a4b4;
    padding: 1px;
    border-radius: 4px;
    margin-top: 0;
    margin-left: -5px;
    float: left;
    width: 45px;
    font-family: weathertext, arial, system
}

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

.raintodayblue {
    font-weight: 600;
    color: #fff;
    margin-top: -7px;
    margin-left: 2px;
    width: 55px;
    font-size: 12px
}

.barometertrend2,
.text2,
.text3,
convtext,
todayrain {
    font-weight: 400
}

.raintodayblue span {
    font-weight: 400;
    color: #fff;
    font-size: 12px
}

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

todayrain {
    font-size: 12px;
    line-height: 10px
}

tfalling,
trising,
tsteady {
    color: #fff
}

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

.homeweathercompass2>.homeweathercompass-line2 {
    right: 25px;
    -ms-border-radius: 50%;
    position: absolute;
    z-index: 10;
    left: 25px;
    top: 20px;
    bottom: 25px;
    width: 170px;
    height: 170px;
    border: 8px solid #e9ebf1;
    border-top: 8px solid #e9ebf1;
    border-right: 8px solid #e9ebf1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: rotate(-45deg);
    margin: auto
}

.thearrow3:after,
.thearrow4:after,
.thearrow7:after {
    background-color: NONE;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
    -webkit-transform: translate(-50%, -50%)
}

.homeweathercompass2 {
    display: block;
    text-align: center;
    color: rgba(2, 29, 62, .8);
    font-family: Arial, system;
    font-weight: 600;
    line-height: 12px;
    font-size: 12px;
    z-index: 10;
    margin: 25px 0 auto 40px
}

.thearrow3:after {
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 9px 0;
    border-color: rgba(255, 124, 57, 1) transparent transparent;
    transform: translate(-50%, -50%);
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s
}

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

.text2 {
    font-size: 18px;
    margin-left: 35px;
    margin-top: 75px;
    color: #f5650a
}

.pressuretext {
    position: absolute;
    font-size: 13px;
    color: #01a4b4;
    margin-top: -20px;
    margin-left: 33px;
    width: 80px;
    background: rgba(230, 232, 239, .3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    text-align: center
}

.text2 span,
.text3 {
    font-size: 12px;
    color: rgba(2, 29, 62, .8)
}

.text3 {
    position: relative;
    margin-left: 5px;
    margin-top: 45px;
    float: left
}

.text2 span {
    vertical-align: middle
}

.barometertrend2 {
    position: absolute;
    color: rgba(2, 29, 62, .8);
    padding: 1px;
    border-radius: 4px;
    margin-top: 126px;
    margin-left: 10px;
    float: left;
    width: 60px;
    line-height: 10px;
    font-size: 10px
}

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

.barometerconv {
    width: 70px;
    font: 10px arial, system;
    line-height: 10px;
    margin-top: 128px;
    position: absolute;
    text-align: center;
    color: #01a4b4;
    font-weight: 600
}

.barometerconv span,
.barometerlimits,
.daylightvalue span,
.hoursgoneby {
    color: rgba(2, 29, 62, .8)
}

.barometerlimits,
.hoursgoneby {
    position: absolute;
    font-size: 12px
}

.barometerlimits {
    margin-top: 55px;
    margin-left: 16px;
    width: 235px;
    font-weight: 400;
    font-family: Helvetica, Arial
}

.barometerconv span {
    color: gray;
    display: block;
    font-weight: 400
}

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

#daylight {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 118px;
    height: 118px
}

.daylightbox,
.moonimage {
    border: 0
}

#daylight {
    border: 6px solid #e9ebf1
}

.hoursgoneby {
    top: 40px;
    left: 25px;
    border: 0
}

.daylightvalue,
.daylightvalue minutes {
    font-family: weathertext, Helvetica, Arial;
    font-size: 26px;
    line-height: 20px;
    width: 100px;
    position: absolute;
    color: rgba(2, 29, 62, .8);
    border: 0
}

.daylightvalue {
    left: -10px;
    top: 50px;
    z-index: 1
}

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

.daylightvalue period,
.daylightvalue:before {
    font-weight: 400;
    font-family: Helvetica, Arial
}

.daylightvalue span {
    position: absolute;
    font-size: 3px;
    left: 67px;
    top: 0;
    border: 0
}

.daylightvalue period {
    position: absolute;
    font-size: 12px;
    left: 10px;
    top: 25px;
    line-height: 12px;
    width: 120px;
    border: 0;
    color: #f5650a
}

.daylightvalue dayperiod {
    position: absolute;
    color: rgba(2, 29, 62, .8);
    font-size: 10px;
    left: 15px;
    top: 20px;
    width: 100px;
    border: 0
}

.daylightvalue hrs,
.daylightvalue min {
    position: absolute;
    font-size: 9px;
    top: -17px;
    letter-spacing: normal;
    color: rgba(2, 29, 62, .8)
}

.hrstillsunset,
.hrswassunrise,
.moonimage,
.sunrisehome,
.sunsethome {
    font-size: 10px;
    position: absolute
}

.daylightvalue min {
    left: 85px
}

.daylightvalue hrs {
    left: 40px
}

.moonimage {
    left: 55px;
    top: 94px;
    color: rgba(2, 29, 62, .8);
    line-height: 20px;
    z-index: 1;
    border: 0
}

.hrstillsunset,
.hrswassunrise {
    line-height: 12px
}

.daylightvalue:before {
    color: rgba(211, 93, 78, 1)
}

.hrswassunrise {
    margin-top: -120px
}

.sunrisehome,
.sunsethome {
    width: 100px;
    margin-left: -95px;
    line-height: 12px
}

.sunsethome {
    margin-top: -20px
}

.weather34menulisting {
    width: 250px;
    background: #2a2e33;
    padding: 5px;
    color: rgba(2, 29, 62, .8);
    height: 800px;
    position: absolute;
    left: 0;
    overflow: hidden;
    top: -800px;
    font-size: 14px
}

.weather34menulistings,
.weather34menulistings a {
    color: #aaa;
    font-weight: 400
}

.weather34menulistings {
    position: relative;
    margin-top: 50px;
    list-style: none;
    line-height: 25px;
    float: left;
    text-align: left;
    margin-left: 5px
}

.sunlightday,
.sunriseday {
    margin-left: 0;
    text-align: center
}

.weather34menulistings a:hover {
    font-weight: 400;
    color: #9aba2f
}

.weather34menulistings p {
    height: 3px;
    margin-top: -15px
}

.weather34menulistings underline {
    font-family: Arial, system;
    font-weight: 700;
    font-size: 12px
}

.daylightvalue1,
strongnumbers {
    font-weight: 400
}

@media screen and (max-width:768px) {
    header {
        display: block;
        height: 0
    }
    .clock-container,
    .homeindoordate,
    .menuclock,
    .w34logo,
    oblueh1,
    ogreenh1,
    ogreyh1 {
        display: none
    }
    .newweather34menu {
        width: 30px;
        height: 24px;
        display: block;
        cursor: pointer;
        top: 3px;
        left: 60px;
        position: absolute;
        z-index: 1;
        border: 0
    }
}

@media screen and (max-width:480px) {
    header {
        display: block;
        height: 0
    }
    .clock-container,
    .homeindoordate,
    .menuclock,
    .w34logo,
    oblueh1,
    ogreenh1,
    ogreyh1 {
        display: none
    }
    .newweather34menu {
        width: 30px;
        height: 24px;
        display: block;
        cursor: pointer;
        top: 3px;
        left: 15px;
        position: absolute;
        z-index: 1;
        border: 0
    }
}

.daylightvalue1,
.daylightvalue1 minutes {
    font-family: weathertext, Helvetica, Arial;
    font-size: 26px;
    line-height: 20px;
    width: 100px;
    border: 0;
    position: absolute;
    color: rgba(2, 29, 62, .8)
}

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

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

.daylightvalue1 span {
    border: 0
}

.daylightvalue1 dayperiod,
.sundarkday,
.sunlightday,
.sunriseday,
.sunsetday {
    width: 100px;
    position: absolute
}

.daylightvalue1 dayperiod {
    color: rgba(2, 29, 62, .8);
    font-size: 10px;
    left: 15px;
    top: 20px;
    border: 0
}

.daylightvalue1 hrs,
.daylightvalue1 min {
    font-size: 9px;
    top: -17px;
    letter-spacing: normal;
    position: absolute;
    color: rgba(2, 29, 62, .8)
}

.daylightvalue1 min {
    left: 85px
}

.daylightvalue1 hrs {
    left: 40px
}

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

.sundarkday,
.sunriseday {
    font: 10px arial, system
}

.sunriseday {
    margin-top: 127px;
    color: rgba(2, 29, 62, .8);
    line-height: 9px
}

.sundarkday,
.sunsetday {
    margin-left: 222px;
    text-align: center
}

.sundarkday {
    line-height: 9px;
    margin-top: 10px
}

.sunsetday {
    margin-top: 127px;
    color: rgba(2, 29, 62, .8);
    font: 10px arial, system;
    line-height: 9px
}

.thearrow5:before {
    content: '\f00d ';
    font-family: weathericons;
    position: absolute;
    margin-top: -10px;
    font-size: 16px;
    z-index: 999;
    width: 20px
}

.thearrow5:after {
    position: absolute;
    left: 50%;
    top: -7px;
    background-color: NONE;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0;
    border-color: #f5650a;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 500
}

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

.daylightcompass2>.daylightcompass-line2 {
    right: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    z-index: 10;
    left: 25px;
    top: 25px;
    bottom: 25px;
    width: 170px;
    height: 170px;
    border: 4px solid #e9ebf1;
    border-top: 4px solid #e9ebf1;
    border-right: 4px solid #e9ebf1;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: auto
}

.daylightcompass2 {
    display: block;
    text-align: center;
    color: rgba(2, 29, 62, .8);
    font-family: Arial, system;
    font-weight: 600;
    line-height: 12px;
    font-size: 12px;
    z-index: 10;
    margin: 25px 0 auto 40px
}

aurora,
smallicon,
windchill {
    color: #CCC
}

.orangealerticon {
    margin-top: -57px;
    margin-left: 165px;
    padding: 4px;
    line-height: 20px;
    position: relative
}

.barrainrate,
.barrainrate span,
.clock-container,
.timeago,
.uvimax,
.weather34-luxrate-bar,
.weather34i-uvrate-bar,
.weather34i-uvrate-bar .bar,
.weather34iuvrate,
.weather34luxrate,
memclock,
smallicon {
    position: absolute
}

smallicon {
    margin-top: -12px;
    margin-left: 10px;
    padding-right: 3px;
    font-size: 10px
}

.timeago {
    display: inline;
    margin-top: 12px;
    width: 100px;
    height: 15px;
    left: 80px
}

wfblue,
wfgreen,
wforange,
wfred {
    color: rgba(2, 29, 62, .8);
    font-size: 15px
}

.weather34i-uvrate-bar {
    height: 100px;
    width: 130px;
    margin-left: 105px;
    margin-top: 38px
}

.weather34i-uvrate-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/uvmarker.svg) no-repeat;
    width: 90px;
    border: 1px solid #e9ebf1;
    border-bottom: 5px solid #e9ebf1;
    border-top: 3px solid #e9ebf1;
    -webkit-border-radius: 1px 1px 2px 2px;
    bottom: 0
}

.weather34i-uvrate-bar .bar-inner10,
.weather34i-uvrate-bar .bar-inner8 {
    shape-rendering: crispEdges;
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px
}

.weather34i-uvrate-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34i-uvrate-bar .bar-inner10 {
    background: rgba(128, 105, 152, .4);
    border: 0
}

.weather34i-uvrate-bar .bar-inner8 {
    background: rgba(215, 64, 73, .7);
    border: 0
}

.weather34i-uvrate-bar .bar-inner3,
.weather34i-uvrate-bar .bar-inner5 {
    -webkit-border-radius: 1px 1px 2px 2px;
    width: 100%;
    shape-rendering: crispEdges
}

.weather34i-uvrate-bar .bar-inner5 {
    background: rgba(255, 136, 65, .6);
    border: 0
}

.weather34i-uvrate-bar .bar-inner3 {
    background: rgba(221, 181, 73, .6);
    border: 0
}

.weather34i-uvrate-bar .bar-inner {
    shape-rendering: crispEdges;
    background: rgba(143, 177, 42, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34todayraintext {
    background: #fff;
    -o-border-radius: 50%;
    -ms-border-radius: 50%
}

.weather34iuvrate span {
    color: #fff;
    font-family: arial, system;
    font-size: 8px;
    font-weight: 400;
    display: block
}

.uvimax {
    width: 100px;
    text-align: left;
    margin-top: 140px;
    margin-left: 127px;
    color: #f5650a;
    font: 700 10px arial, system
}

.uvimax span {
    color: #aaa;
    font: 10px arial, system
}

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

whiteuv {
    color: #ccc
}

.weather34-luxrate-bar {
    height: 100px;
    width: 30px;
    margin-left: 230px;
    margin-top: 40px;
    color: #e9ebf1
}

.weather34-luxrate-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/luxrulerw34.svg) no-repeat;
    width: 37px;
    border: 1px solid rgba(57, 61, 64, .1);
    border-bottom: 5px solid rgba(57, 61, 64, .1);
    border-top: 3px solid rgba(57, 61, 64, .1);
    -webkit-border-radius: 1px 1px 2px 2px;
    position: absolute;
    bottom: 0
}

.weather34-luxrate-bar .bar-inner10,
.weather34-luxrate-bar .bar-inner8 {
    shape-rendering: crispEdges;
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px
}

.weather34-luxrate-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34-luxrate-bar .bar-inner10 {
    background: rgba(128, 105, 152, .6);
    border: 0
}

.weather34-luxrate-bar .bar-inner8 {
    background: rgba(215, 64, 73, .8);
    border: 0
}

.weather34-luxrate-bar .bar-inner3,
.weather34-luxrate-bar .bar-inner5 {
    -webkit-border-radius: 1px 1px 2px 2px;
    width: 100%;
    shape-rendering: crispEdges
}

.weather34-luxrate-bar .bar-inner5 {
    background: rgba(255, 136, 65, .6);
    border: 0
}

.weather34-luxrate-bar .bar-inner3 {
    background: rgba(221, 181, 73, .6);
    border: 0
}

.weather34-luxrate-bar .bar-inner {
    shape-rendering: crispEdges;
    background: rgba(143, 177, 42, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.barrainrate {
    color: #01a4b4;
    font-size: 12px;
    padding-left: 8px;
    left: 0;
    margin-top: 0
}

.barrainrate span {
    color: rgba(2, 29, 62, .8);
    font-size: 12px;
    left: 10px;
    margin-top: 1px
}

.menucalendar {
    margin-left: 125px;
    margin-top: 5px;
    margin-bottom: -70px;
    font-weight: 600;
    color: #fff
}

.clock-container {
    float: left;
    color: rgba(2, 29, 62, .8);
    top: 10px;
    list-style: none;
    width: 120px;
    height: 1.4em;
    right: 120px;
    border: 0;
    padding-top: 4px;
    line-height: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: rgba(245, 247, 252, 1);
    font-size: 16px
}

.clock-container>ul,
.weather34clock {
    display: inline;
    color: rgba(2, 29, 62, .8);
    list-style: none;
    margin-left: -25px
}

.clock-container>ul>li,
.clock-container>ul>li>span,
.homeweather34clock,
.menuclock,
.weather34clock {
    display: inline;
    list-style: none
}

.clock-container>ul>li>span,
.weather34clock {
    display: inline
}

memclock {
    top: 3px;
    left: 2.5px;
    padding-right: 20px;
    color: rgba(2, 29, 62, .8)
}

.weather34calendarapp {
    text-align: center;
    margin-left: 180px;
    margin-bottom: -10px;
    margin-top: 5px
}

.weather34calendarapp-calendar {
    height: 60px;
    margin-bottom: 0;
    width: 50px
}

#weather34weekday {
    background: #9aba2f;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    text-transform: none;
    font-weight: 700;
    font-family: Arial, system
}

#weather34day {
    background: #01a4b4;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    font-family: weathertext;
    height: 26px;
    line-height: 24px;
    text-align: center
}

.alertcircle,
civil {
    font-family: weathertext, arial, helvetica;
    font-weight: 400
}

#weather34sidebarMenu {
    position: 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: 50%;
    font-size: 16px
}

.alertcircle {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    top: 40px;
    border: .12rem solid #e9ebf1;
    line-height: 39px
}

civil {
    position: relative;
    display: block;
    line-height: 14px
}

.maxyesterday {
    font-size: 9px;
    top: -12px;
    left: 13px
}

.todaymax,
yesterdaytimemax {
    font-size: 12px;
    color: rgba(2, 29, 62, .8);
    position: absolute
}

.yesterdaymax {
    position: absolute;
    top: 0;
    left: 25px
}

.yesterdaymin {
    position: absolute;
    top: 0;
    left: 125px
}

yesterdaytimemax {
    top: 15px;
    left: 15px
}

.todaymax {
    top: 62px;
    left: -15px;
    width: 250px;
    float: left
}

.weather34-rrrate-bar {
    position: absolute;
    height: 100px;
    width: 30px;
    margin-left: 237px;
    margin-top: 40px;
    color: #e9ebf1
}

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

.weather34-rrrate-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/w34rainrateruler.svg) no-repeat;
    width: 37px;
    border: 1px solid rgba(57, 61, 64, .1);
    border-bottom: 5px solid rgba(57, 61, 64, .1);
    border-top: 3px solid rgba(57, 61, 64, .1);
    -webkit-border-radius: 1px 1px 2px 2px;
    position: absolute;
    bottom: 0
}

.weather34-rrrate-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34-rrrate-bar .bar-inner,
.weather34-rrrate-bar .bar-inner10 {
    shape-rendering: crispEdges;
    background: rgba(0, 154, 171, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

.weather34-yrrrate-bar {
    position: absolute;
    height: 100px;
    width: 30px;
    margin-left: 30px;
    margin-top: 42px
}

.weather34-yrrrate-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/w34yearrainrulerw34.svg) no-repeat;
    width: 37px;
    border: 1px solid rgba(57, 61, 64, .1);
    border-bottom: 5px solid rgba(57, 61, 64, .1);
    border-top: 3px solid rgba(57, 61, 64, .1);
    -webkit-border-radius: 1px 1px 2px 2px;
    position: absolute;
    bottom: 0
}

.weather34-yrrrate-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34-yrrrate-bar .bar-inner,
.weather34-yrrrate-bar .bar-inner10 {
    shape-rendering: crispEdges;
    background: rgba(0, 154, 171, .6);
    width: 100%;
    -webkit-border-radius: 1px 1px 2px 2px;
    border: 0
}

rainu {
    font-size: 10px;
    font-weight: 400;
    left: 3px;
    padding-left: 0
}

.almanac,
.rainannual1 {
    font-size: 11px;
    position: absolute;
    line-height: 14px
}

.rainannual1 {
    margin-left: 5px;
    margin-top: 25px;
    display: block;
    font-family: arial, system;
    width: 70px;
    border: 1px solid rgba(57, 61, 64, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 3px
}

.almanac {
    font-weight: 400;
    color: #fff;
    top: -17px;
    margin-left: 7px;
    background: rgba(0, 154, 171, .6);
    padding: 0 3px;
    border-radius: 2px
}

#raincontainer {
    height: 170px;
    overflow: hidden;
    position: absolute;
    width: 208px;
    margin-top: -70px;
    left: -20px
}

#raincontainer div {
    position: absolute
}

#weather34rainbeaker {
    border: 4px solid #e9ebf1;
    border-top: 0;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    height: 100px;
    left: 14px;
    bottom: 0;
    width: 100px;
    background: url(rain/rainmarker.svg) no-repeat
}

#weather34rainbeaker:after,
#weather34rainbeaker:before {
    border: 5px solid #e9ebf1;
    border-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    content: '';
    height: 5px;
    position: absolute;
    top: 0;
    width: 10px
}

#weather34rainbeaker:before {
    left: -10px
}

.wfstrikes,
.wftemp {
    position: absolute;
    top: -12px;
    left: 12px
}

#weather34rainbeaker:after {
    right: -10px
}

#weather34rainwater {
    background-color: rgba(0, 154, 171, .6);
    border: 0;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    bottom: 0;
    max-height: 90px;
    overflow: hidden;
    width: 92px
}

.weather34i-rairate-bar {
    position: absolute;
    height: 100px;
    width: 130px;
    margin-left: 115px;
    margin-top: 40px
}

.weather34todayraintext {
    color: rgba(0, 154, 171, 1);
    position: absolute;
    margin-left: 136px;
    margin-top: 59px;
    font-family: weathertext, arial, system;
    max-height: 42px;
    font-weight: 400;
    width: 2.6rem;
    height: 2.6rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 10px;
    padding-top: 14px;
    border: 1px solid rgba(57, 61, 64, .1)
}

.weather34todayraintext span,
.wfalmanac a,
.wfstrikes,
.wftemp,
highestrecorded {
    color: rgba(2, 29, 62, .8)
}

.circletodayemperature,
.circlewftodayemperature,
.circleyestemperature {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    width: 2.7rem;
    margin-left: 0
}

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

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

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

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

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

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

.wftemp {
    font-size: 9px
}

.lightningstrikes {
    margin-left: 9px;
    position: absolute;
    margin-top: 50px;
    width: 15px;
    font-size: .3em
}

.yesterdaytempword {
    margin-left: 12px;
    position: absolute;
    margin-top: 55px;
    width: 15px;
    font-size: .32em
}

.circlewflightningtoday {
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 2.7rem;
    margin-top: 21px;
    margin-left: 0;
    font-size: .6em;
    border: 1px solid #fff
}

.wfstrikes {
    font-size: 9px
}

.airqualitymoduleposition {
    position: relative;
    left: 75px;
    top: 10px
}

.daylightmoduleposition {
    position: relative;
    left: 0;
    margin-top: 1px
}

.moonphasemoduleposition {
    position: relative;
    left: 95px;
    margin-top: 10px
}

.averagetemp,
.avgtemptime,
.avgtep,
.hometemperatureindoortrend1,
.indoortep,
.moonposition1,
dusk {
    position: absolute
}

highestrecorded {
    margin-top: -25px;
    display: block;
    margin-left: 10px
}

.wfalmanac a {
    margin-left: -15px;
    font-weight: 400;
    font-size: 12px
}

dusk {
    font-family: Helvetica, Arial;
    color: #aaa;
    font-size: 16px;
    line-height: 30px;
    width: 70px;
    margin-left: -14px;
    top: 3px
}

.moonposition1,
.wxcicon,
.wxcinfo,
wxcdesc,
wxctime {
    font-size: 12px
}

.moonposition1 {
    padding-top: 0;
    margin-top: -3px;
    margin-left: -7px
}

.wu3dayforecast {
    background: #fff;
    margin: -14px auto 0 5px
}

.averagetemp {
    font-size: .6em;
    color: #aaa;
    display: block;
    top: 8px;
    width: 30px;
    left: 6px
}

.circleavgtemperature,
.circleindoortemperature {
    line-height: 44px;
    vertical-align: middle;
    width: 2.7rem;
    font-family: weathertext, Arial, system;
    height: 2.7rem;
    position: absolute;
    text-align: center
}

.avgtep {
    color: rgba(2, 29, 62, .8);
    margin-top: 12px;
    margin-left: 15px;
    font-size: .7em
}

.circleavgtemperature {
    color: rgba(2, 29, 62, .8);
    display: table-cell;
    border-radius: 50%;
    margin-top: 8px;
    margin-left: 5px;
    font-size: 1.1em;
    border: 1px solid #e9ebf1
}

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

.avgtemptime {
    margin-left: 18px;
    margin-top: 35px;
    display: block
}

.indoortep {
    color: #aaa;
    margin-top: 102px;
    margin-left: 15px;
    font-size: .7em
}

.circleindoortemperature {
    color: rgba(2, 29, 62, .8);
    display: table-cell;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-top: 98px;
    margin-left: 5px;
    font-size: 1.1em;
    border: 1px solid #e9ebf1
}

wxcdesc,
wxctime {
    display: inline-block
}

.wxcicon,
.wxcinfo,
wxcdesc,
wxctime {
    font-family: Arial, Helvetica
}

.hometemperatureindoortrend1 {
    margin-left: 18px;
    margin-top: 125px;
    width: 15px
}

.wxcicon,
wxcdesc,
wxctime {
    position: relative
}

.wxcforecast {
    background: #fff;
    left: 5px;
    margin-top: 5px
}

.wu34wxc,
.wu34wxc1 {
    border: 1px solid #e9ebf1
}

.wu34wxc,
.wu34wxc1,
.wu34wxc2 {
    width: 90px;
    margin: 3px;
    height: 135px;
    top: 0;
    position: relative;
    color: rgba(2, 29, 62, .8);
    float: left
}

.wu34wxc {
    padding-top: 4px;
    border-radius: 4px;
    background: -moz-linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 47%, #fff 47%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 47%, #fff 47%, #fff 100%);
    background: linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 47%, #fff 47%, #fff 100%);
    left: 0
}

.wu34wxc1 {
    padding: 4px;
    border-radius: 4px;
    background: -moz-linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 47%, #fff 47%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 47%, #fff 47%, #fff 100%);
    background: linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 47%, #fff 47%, #fff 100%);
    left: 5px
}

.wu34wxc2 {
    border: 1px solid #e9ebf1;
    padding: 4px;
    border-radius: 4px;
    background: rgba(233, 235, 241, .3);
    background: -moz-linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 47%, #fff 47%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 47%, #fff 47%, #fff 100%);
    background: linear-gradient(top, rgba(233, 235, 241, .3) 0, rgba(233, 235, 241, .3) 47%, #fff 47%, #fff 100%);
    left: 10px
}

wxctime {
    width: 80px;
    margin-bottom: 10px;
    text-align: center
}

wxcdesc {
    width: 87px;
    margin-top: 5px;
    line-height: 12px
}

.wxcicon {
    margin-top: -15px;
    display: inline
}

.wxcinfo,
.zam {
    position: absolute
}

.wxcicon img {
    max-height: 36px;
    margin-top: -10px
}

.airwarning2,
.wxcinfo {
    margin-top: 15px;
    margin-left: 15px
}

.wxcinfo {
    display: block
}

.zam {
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #e9ebf1;
    line-height: 16px;
    margin-left: 0;
    margin-top: -10px;
    max-height: 145px;
    width: 290px;
    color: rgba(2, 29, 62, .8);
    margin-bottom: 5px;
    text-align: left
}

tempblue {
    color: #01a4b4
}

temporange {
    color: #f5650a
}

tempgreen {
    color: #9aba2f
}

tempred {
    color: #ee7159
}

.forecastgenerated {
    position: relative;
    top: 5px;
    font-size: .7em;
    border: 0;
    width: 230px;
    float: left;
    text-align: left;
    left: 3px
}

suplight {
    color: rgba(2, 29, 62, .6);
    left: 7px;
    font-size: .6em
}

.darkskyforecasthome {
    position: absolute;
    width: 300px;
    background: 0 0;
    font-size: 12px;
    color: rgba(2, 29, 62, .8);
    font-family: Arial, system;
    display: block;
    padding: 5px;
    border-radius: 4px;
    text-align: center;
    overflow: hidden
}

.darkskydiv {
    width: 300px;
    overflow: hidden!important;
    height: 180px;
    margin-top: 10px
}

.darkskyforecastinghome {
    float: left;
    display: inline;
    width: 29%;
    border-radius: 4px;
    margin: 0 0 100px 4%;
    font-family: Arial, system;
    height: 140px;
    padding: 0;
    background-color: none;
    border: 1px solid rgba(153, 155, 156, .1);
    color: rgba(2, 29, 62, .8);
    overflow: hidden!important
}

.darkskyforecasthome darkskytemphihome,
.darkskyweekdayhome {
    font-family: Arial, system, weathertext
}

.darkskyweekdayhome {
    postion: absolute;
    text-align: center;
    padding: 2px;
    color: rgba(2, 29, 62, .8);
    font-size: 12px;
    margin: 0;
    background: rgba(233, 235, 241, .3)
}

.darkskyforecasthome darkskytemphihome {
    margin-top: 0;
    font-size: 12px;
    color: #d35d4e;
    margin-left: 1%
}

.darkskyforecasthome darkskytemphihome span {
    font-size: 12px;
    font-family: Arial, system, weathertext;
    color: #d35d4e
}

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

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

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

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

.darkskyiconcurrent span1,
.darkskynexthours,
.darkskynexthours span1,
.darkskynexthours span2 {
    color: #333;
    font-family: Arial, system
}

.darkskynexthours span1,
.darkskynexthours span2 {
    font-size: 12px
}

.darkskyiconcurrent {
    postion: relative;
    margin-top: 20px;
    margin-bottom: -10px;
    margin-left: 35px;
    float: left
}

.darkskyiconcurrent span1 {
    font-size: .9em
}

heatindex {
    color: rgba(2, 29, 62, .8);
    margin-top: -25px;
    display: block;
    font-size: 12px
}

.orangealerticonheatindex {
    margin-top: -30px;
    margin-left: 165px;
    padding: 4px;
    line-height: 20px;
    position: relative
}

.weatherclock34 {
    position: absolute;
    margin: 20px auto 0;
    left: 20px;
    font-size: .6em;
    color: rgba(2, 29, 62, .8);
    font-family: weathertext, helvetica, arial;
    text-align: center;
    width: 200px;
    padding: 5px;
    line-height: 18px
}

.calendar34 {
    position: absolute;
    left: 10px;
    top: 20px;
    color: rgba(230, 232, 239, 1)
}

.darkskysummary {
    position: absolute;
    font-family: Arial;
    font-size: 12px;
    line-height: 12px;
    height: 35px;
    padding: 5px;
    margin-top: 20px;
    margin-left: 125px;
    max-width: 120px;
    color: #555
}

.darkskynexthours {
    font-size: .8em;
    position: relative;
    text-align: center;
    margin: 85px auto auto;
    width: 240px;
    line-height: 11px
}

indoorblue,
indoorgreen,
indoororange,
indoorred,
indooryellow {
    font-family: weathertext, helvetica, arial
}

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

indoororange {
    color: #f5650a
}

indoorgreen {
    color: #9aba2f
}

indoorblue {
    color: #01a4b4
}

indooryellow {
    color: rgba(233, 171, 74, 1)
}

.indoortrendhouse {
    position: absolute;
    margin-top: 40px;
    margin-left: 120px;
    font-size: 14px
}

.indoorhomesvg {
    margin-top: -28px;
    left: 8px
}

.indoorhomevalue {
    position: relative;
    margin-top: -90px;
    left: 4px;
    font-size: 26px
}

.indoorhomehumidity {
    position: absolute;
    margin-top: -115px;
    margin-left: 15px
}

.indoorhomefeels {
    position: absolute;
    margin-top: -35px;
    margin-left: 230px
}

homeindoordescription {
    position: absolute;
    font-size: 14px;
    left: 105px;
    line-height: 42px;
    text-align: center;
    color: rgba(2, 29, 62, .8);
    font-family: Arial, system
}

homeindoordescription span {
    font-size: 14px
}

.alertcircle,
.alertcircle3 {
    margin-top: 2px
}

.homeweatheralert {
    top: 30px
}

.rainalerticon {
    margin-top: -55px;
    margin-left: 150px;
    padding: 4px;
    line-height: 20px;
    position: relative
}

img {
    image-rendering: pixelated
}

.svgfeels {
    position: absolute;
    margin-left: 102px;
    margin-top: -3px
}

lightningannual {
    position: relative;
    top: 0;
    left: -15px;
    display: block
}

.airhouse,
.airsvg,
.indoorhomemax,
.indoorhomemin,
airdescription {
    position: absolute
}

.maxcircleblue,
.maxcirclegreen {
    display: flex;
    align-items: center
}

.moonmodule {
    margin-left: 87px;
    margin-top: 10px
}

.indoorhomemax {
    margin-top: -115px;
    margin-left: 230px
}

.indoorhomemin {
    margin-top: -32px;
    margin-left: 15px
}

.airhouse {
    margin-top: -10px;
    margin-left: 7px;
    background: 0
}

.airsvg {
    margin-top: -12px;
    left: 20px
}

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

indoorpurple {
    color: #a475cb;
    color-adjust: exact
}

.circlegreen,
.circleorange,
.circlepurple,
.circlered,
.circleyellow {
    width: 40px;
    height: 40px;
    line-height: 28px
}

.airwarning {
    position: absolute;
    margin-left: 150px;
    margin-top: 45px
}

.airwarning1,
.circlegreen,
.circleorange,
.circlepurple,
.circlered,
.circleyellow {
    margin-top: 0;
    position: absolute
}

.airwarning1 {
    margin-left: -60px
}

.airwarning2,
.airwarning21 {
    margin-top: 15px;
    margin-left: 15px;
    position: absolute
}

.circlegreen,
.circleyellow {
    color: #fff;
    font-size: 12px
}

.circlegreen {
    padding-top: 6px;
    background: #9aba2f;
    color-adjust: exact;
    border-radius: 50%
}

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

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

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

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

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

.small,
.smallf {
    top: 10px;
    color: #fff;
    line-height: 10px;
    font-weight: 400;
    font-family: Arial, system;
    position: absolute
}

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

.circlepurple {
    background: #a475cb
}

.small {
    font-size: 9px
}

.smallf {
    font-size: .5em
}

.uvcircleblue,
.uvcirclegreen,
.uvcircleyellow {
    font-weight: 600;
    color: #fff
}

.maxcircleblue,
.maxcirclegreen,
.maxcircleorange,
.maxcirclered,
.maxcircleyellow {
    line-height: 24px;
    padding-top: 8px;
    height: 45px;
    width: 46px;
    overflow: hidden;
    border-radius: 50%;
    color: #fff;
    border: 2px solid rgba(230, 232, 239, 1)
}

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

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

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

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

.maxcircleorange,
.maxcircleyellow {
    display: flex;
    align-items: center
}

.maxcircleyellow {
    justify-content: center;
    background: rgba(233, 171, 74, 1)
}

.maxcircleorange {
    justify-content: center;
    background-color: #ff5722
}

.maxcirclered,
.uvcircleblue {
    display: flex;
    align-items: center
}

.maxcirclered {
    justify-content: center;
    background-color: #ef5350
}

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

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

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

.uvcircleyellow {
    justify-content: center;
    background: rgba(233, 171, 74, 1)
}

.uvcircleorange,
.uvcirclepurple,
.uvcirclered {
    align-items: center
}

.orangeclock,
.w34uptime {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

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

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

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

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

.uvcirclepurple,
uvcircleorange,
uvcirclered,
uvcircleyellow span {
    color: #fff;
    font-family: arial, system;
    font-size: 8px;
    font-weight: 400;
    display: block
}

.uvspan,
uv0,
uv10,
uv3,
uv5,
uv8 {
    display: flex;
    align-items: center;
    justify-content: center
}

.airwarning21 {
    margin-top: 100px;
    font-size: 14px;
    margin-left: 15px
}

.airwarning3,
.airwarning4 {
    position: absolute;
    margin-left: 0
}

.airwarning3 {
    margin-top: 65px
}

.w34uptime {
    float: right;
    margin-right: 125px;
    margin-top: -30px;
    color: #bbb;
    font-size: 12px;
    background: rgba(86, 95, 103, .4);
    padding: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.airwarning4 {
    margin-top: 95px
}

.airwarning4 spani {
    font-size: 11px;
    line-height: 15px
}

.airwarning2 span,
.airwarning21 span {
    line-height: 14px;
    font-size: 8px;
    font-weight: 400
}

.airwarning21 span {
    postion: absolute
}

.airwarning4 span {
    font-size: 8px;
    line-height: 12px
}

uviforecasthourgreen,
uviforecasthourorange,
uviforecasthourred,
uviforecasthouryellow {
    border-radius: 4px;
    padding: 0 3px;
    font-size: 14px;
    color: #fff;
    font-family: weathertext, system
}

spanewind,
spanewind2,
windyeartimemax,
windyesterdaytimemax {
    position: absolute;
    font-size: 11px
}

uviforecasthourgreen {
    background: #9aba2f
}

uviforecasthouryellow {
    background: rgba(233, 171, 74, 1)
}

uviforecasthourorange {
    background: #f5650a
}

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

spanewind,
spanewind2 {
    font-family: Arial, system;
    width: 30px;
    color: rgba(2, 29, 62, .8);
    top: -10px
}

spanewind {
    left: 45px
}

spanewind2 {
    left: 42px
}

windyesterdaytimemax {
    color: rgba(2, 29, 62, .8);
    top: 15px;
    left: 5px
}

windyeartimemax {
    color: #ff;
    top: 15px;
    left: -75px;
    width: 200px
}

.weather34rainrate {
    color: #f5650a;
    margin-left: 250px;
    margin-top: 17px;
    font-size: 12px;
    width: 28px;
    max-height: 100px;
    line-height: 10px;
    font-weight: 400;
    text-align: center
}

.weather34rainrate span {
    color: rgba(2, 29, 62, .8);
    font-size: 12px;
    font-weight: 400;
    display: block
}

lorange {
    font-weight: 600
}

.orangeclock {
    position: relative;
    background: rgba(245, 247, 252, 1);
    padding: 1px;
    color: rgba(211, 93, 78, 1);
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 100px;
    height: 19px;
    text-align: center;
    margin-left: 45px;
    margin-top: 3px;
    font-family: "Courier New", Courier, monospace
}

noalertbr,
notifyblue {
    -webkit-border-radius: 3px
}

.indoorhomeheat {
    position: absolute;
    margin-top: 43px;
    margin-left: 123px;
    padding: 5px;
    line-height: 10px;
    color: #fff;
    color-adjust: exact;
    z-index: 10;
    font-size: 13px
}

.indoordewpoint {
    color: #777;
    position: absolute;
    margin-top: 15px;
    margin-left: 110px;
    font-size: .85em
}

.indoordewpoint span {
    font-size: 1.1em
}

svgdewindoor {
    position: absolute;
    margin-left: 5px;
    margin-top: 0
}

.dewindooricon {
    position: absolute;
    margin-left: 92px;
    margin-top: 15px
}

noalertbr {
    display: block;
    margin: -15px auto 0;
    text-align: center;
    background: #f5f7fc;
    padding: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    width: 100px
}

a {
    font-weight: 400
}

.weather34i-cloud-bar {
    background: 0;
    position: absolute;
    height: 100px;
    width: 130px;
    margin-left: 105px;
    margin-top: 38px
}

.weather34i-cloud-bar .bar {
    shape-rendering: crispEdges;
    background: url(rain/cloudmarker.svg) no-repeat;
    width: 100px;
    border: 5px solid rgba(57, 61, 64, .1);
    border-bottom: 5px solid rgba(57, 61, 64, .1);
    border-top: 1px dotted rgba(57, 61, 64, .3);
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 1px 1px 3px 3px;
    -o-border-radius: 1px 1px 3px 3px;
    -ms-border-radius: 1px 1px 3px 3px;
    border-radius: 3px;
    position: absolute;
    bottom: 0
}

.weather34i-cloud-bar .bar-1 {
    height: 100px;
    max-height: 100px
}

.weather34i-cloud-bar .bar-inner {
    shape-rendering: crispEdges;
    background: rgba(0, 154, 171, .3);
    width: 100%;
    -webkit-border-radius: 1px 1px 3px 3px;
    -moz-border-radius: 1px 1px 3px 3px;
    -o-border-radius: 1px 1px 3px 3px;
    -ms-border-radius: 1px 1px 3px 3px;
    border-radius: 1px 1px 3px 3px;
    border: 0;
    border-top: 1px dotted rgba(255, 124, 57, 1)
}

.weather34icloud,
aqiimageg {
    -webkit-border-radius: 50%
}

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

.weather34icloud span {
    color: #777;
    font-family: arial, system;
    font-size: 8px;
    font-weight: 400
}

.azimuth,
.elevation,
darkgrey {
    color: rgba(2, 29, 62, .8)
}

lorange,
tempblue,
tempgreen,
temporange,
tempred {
    font-weight: 600
}

.circlewflightningtoday1,
.maxcirclerain,
uv0,
uv10,
uv3,
uv5,
uv8 {
    font-family: weathertext, system
}

.circlewflightningtoday1,
.wftemp1 {
    color: rgba(45, 45, 45, 1);
    position: absolute
}

.orangealerticon1 {
    top: -10px
}

.wftemp1 {
    font-size: 14px;
    top: -25px;
    left: 20px;
    color-adjust: exact
}

.lightningstrikes1 {
    margin-left: 52px;
    position: absolute;
    margin-top: 85px;
    width: 15px;
    font-size: .8em
}

.yesterdaytempword1 {
    margin-left: 12px;
    position: absolute;
    margin-top: 52px;
    width: 15px;
    font-size: .32em
}

.circlewflightningtoday1 {
    height: 80px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 80px;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 80px;
    margin-top: 28px;
    margin-left: 30px;
    font-size: 2.1em;
    border: 3px solid #f5650a;
    font-weight: 100
}

.wfstrikes1 {
    position: absolute;
    font-size: 9px;
    top: -12px;
    left: 12px;
    color: rgba(45, 45, 45, 1)
}

.homeindoorfeels1 {
    position: absolute;
    margin-left: 125px;
    margin-top: 20px;
    border-radius: 3px;
    padding: 5px;
    text-align: left;
    border: 1px solid rgba(95, 96, 97, .2);
    width: 170px;
    font-size: 14px;
    color: #777
}

lightningannualx,
lightningannualx1 {
    top: 0;
    left: 0;
    color: rgba(45, 45, 45, 1);
    position: relative;
    display: block
}

.lightningbox {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid rgba(95, 96, 97, .6)
}

lightningannualx1 {
    color-adjust: exact
}

lorange {
    color: #f5650a;
    color-adjust: exact
}

lorange1 {
    color: #f5650a;
    font-weight: 100
}

timeago {
    display: block;
    font-size: 12px;
    color: #777
}

agolightning {
    color: #f5650a;
    font-size: 13px;
    font-weight: 600
}

uv0,
uv10,
uv3,
uv5,
uv8 {
    height: 45px;
    width: 45px;
    overflow: hidden;
    border-radius: 50%;
    color: #fff;
    line-height: 10px;
    padding-top: 0;
    font-size: 18px;
    border: 1px solid rgba(230, 232, 239, 1);
    font-weight: 400
}

uv0 {
    background-color: #9aba2f
}

uv3 {
    background: rgba(233, 171, 74, 1)
}

uv5 {
    background-color: #f5650a
}

uv8 {
    background-color: #ef5350
}

uv10 {
    background-color: #a475cb
}

talert {
    position: absolute;
    top: 15px;
    margin-left: 40px;
    font-size: 14px;
    line-height: 16px
}

.orangealerticon1 {
    margin-top: -17px;
    margin-left: 160px;
    background: 0;
    padding: 4px;
    line-height: 10px;
    position: relative
}

.circlelux,
.maxcirclehum,
.maxcirclerain,
circlesolar {
    align-items: center;
    overflow: hidden;
    background: rgba(255, 255, 255, .9)
}

.weather34iuvrate {
    position: absolute;
    margin-left: 125px;
    margin-top: 70px
}

.uvspan {
    position: absolute;
    font-size: 10px;
    line-height: 0;
    font-weight: strong;
    margin-top: 145px;
    margin-left: 115px;
    color: #777
}

.weather34luxrate {
    color: #f5650a;
    margin-left: 250px;
    margin-top: 27px;
    font-size: 12px;
    width: 28px;
    max-height: 100px;
    line-height: 10px;
    font-weight: 400;
    text-align: center
}

.barrainrate {
    font-weight: 400;
    text-align: left
}

.weather34luxrate span {
    color: rgba(2, 29, 62, .8);
    font-size: 12px;
    font-weight: 400;
    display: block
}

luxrate,
luxratei {
    color: #ff8841;
    padding: 0;
    margin-top: 0;
    text-align: left;
    display: inline-block;
    position: absolute
}

luxrate {
    left: 15px
}

luxratei {
    left: -10px
}

luxrate span {
    color: #777;
    font-size: 10px;
    left: 5px
}

.luxrate {
    color: #f5650a;
    font-size: 12px;
    padding-left: 0
}

.luxrate span {
    color: #777;
    font-size: 12px;
    left: 4px;
    margin-top: 1px
}

.maxcirclehum,
.maxcirclerain {
    display: flex;
    font-weight: 400
}

.weather34uvpyramid {
    position: absolute;
    margin-top: 16px;
    margin-left: 83px;
    color: #e9ebf1
}

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

.maxcirclerain {
    justify-content: center;
    height: 36px;
    width: 38px;
    border: 1px solid rgba(230, 232, 239, 1);
    border-radius: 50%;
    color: #01a4b4;
    line-height: 26px;
    padding-top: 7px;
    position: absolute;
    left: -5px;
    top: 55px
}

.rainratesmall {
    position: absolute;
    top: 3px;
    color: #777;
    font-size: 9px;
    line-height: 12px;
    font-weight: 400;
    font-family: Arial, system;
    left: 9px
}

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

rainc,
rainf {
    font-size: 15px
}

.weather34feelsrate,
.weather34indoorhumrate {
    position: absolute;
    margin-top: 8px;
    font-size: 12px;
    max-height: 100px;
    font-family: arial, system;
    color: #777
}

nosun {
    position: absolute;
    left: -5px;
    top: 25px
}

.weather34indoorhumrate {
    margin-left: 22px
}

.weather34feelsrate {
    margin-left: 236px
}

.maxcirclehum {
    justify-content: center;
    height: 35px;
    width: 37px;
    border: 2px solid rgba(230, 232, 239, .4);
    border-radius: 50%;
    color: #777;
    line-height: 28px;
    padding-top: 8px;
    font-family: Arial, system;
    position: absolute;
    left: 3px;
    top: 45px
}

.weather34feelsword,
.weather34humidityword {
    color: #777;
    font-size: 10px;
    font-family: arial, system;
    position: absolute
}

.thearrow4:after,
.thearrow7:after {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0
}

.weather34barometerarrowactual:after,
.weather34barometerarrowmin:after {
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: ''
}

.weather34humidityword {
    margin-left: 28px;
    margin-top: 17px
}

.weather34feelsword {
    margin-left: 235px;
    margin-top: 17px
}

.thearrow7:after {
    top: 0;
    border-radius: 0;
    border-bottom: 5px solid rgba(255, 124, 57, .7)
}

.thearrow4:after {
    top: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 5px solid rgba(102, 188, 199, .7)
}

.thearrow4,
.thearrow7 {
    position: absolute;
    top: 0;
    left: 43%;
    margin-left: -6px;
    width: 10px;
    height: 50%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.weather34luxvalue {
    position: absolute;
    margin-left: 243px;
    margin-top: 5px;
    font-size: 12px;
    line-height: 10px;
    font-weight: 400;
    text-align: center;
    max-width: 20px;
    z-index: 10
}

.weather34luxvalue span {
    font-size: 10px;
    font-weight: 400;
    display: block;
    z-index: 10
}

.circlelux,
circlesolar {
    display: flex;
    position: absolute;
    font-family: weathertext, arial, system;
    background: rgba(255, 255, 255, .7);
    width: 2.3rem;
    height: 2.25rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 13px;
    line-height: 12px;
    padding-top: 5px;
    border: .12rem solid rgba(230, 232, 239, 1);
    left: -4px;
    top: 67px
}

.luxratedark,
.weather34solarvalue {
    line-height: 10px;
    position: absolute
}

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

solarluxvalue {
    font-size: 15px
}

.weather34luxword,
.weather34solarword {
    margin-top: 35px;
    font-size: .7em;
    color: #777;
    position: absolute
}

.weather34luxword {
    margin-left: 233px
}

.weather34solarword {
    margin-left: 12px
}

.weather34solarvalue {
    margin-left: 32px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    max-width: 20px;
    z-index: 10
}

.weather34solarvalue span {
    font-size: 10px;
    font-weight: 400;
    display: block;
    z-index: 10
}

.luxratedark,
.luxratedark span {
    text-align: center;
    font-size: 11px
}

nosun1 {
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 10
}

.luxratedark {
    color: #f5650a;
    display: inline-block;
    left: -5px
}

.luxratedark span {
    color: #777;
    display: block
}

.weather34-feelslikeindoor,
.weather34-humidityindoor {
    position: absolute;
    height: 100px;
    width: 30px;
    color: #e9ebf1;
    margin-top: 20px
}

.weather34-feelslikeindoor {
    margin-left: 230px
}

.weather34-humidityindoor {
    margin-left: 17px
}

.weather34barometerarrowactual,
.weather34barometerarrowmin {
    z-index: 200;
    height: 50%;
    -webkit-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%
}

.weather34uvposition {
    position: relative;
    margin-top: -5px
}

.weather34barometerarrowactual {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 0;
    width: 8px;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.weather34barometerarrowactual:after {
    background-color: NONE;
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0;
    border-color: rgba(255, 124, 57, 1) transparent transparent;
    transform: translate(-50%, -50%)
}

.weather34barometerarrowactual:before {
    content: 'o o o';
    width: 0;
    position: absolute;
    left: 2px;
    top: -5px;
    border: 0;
    color: rgba(255, 124, 57, 1);
    font-size: 7px;
    font-family: Arial, system
}

.weather34barometerarrowmax:after,
.weather34barometerarrowmin:after {
    background-color: NONE;
    left: 50%;
    top: 0;
    border-style: solid;
    border-width: 3px;
    position: absolute
}

.weather34barometerarrowmin {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 0;
    width: 8px;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.weather34barometerarrowmin:after {
    -moz-transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-color: rgba(102, 188, 199, .8);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.weather34barometerarrowmax {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 0;
    width: 8px;
    height: 50%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.weather34barometerarrowmax:after {
    -webkit-transform: translate(-50%, -50%);
    content: '';
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-color: rgba(211, 93, 78, 1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.solaricon {
    position: absolute;
    margin-left: 35px;
    margin-top: 20px
}

.solaricon img {
    margin-bottom: -50px
}

.solaricon1 {
    position: absolute;
    margin-left: 247px;
    margin-top: 20px
}

.solaricon1 img {
    margin-bottom: -50px
}

.weather34-barometerruler {
    position: absolute;
    width: 135px;
    height: 1px;
    border: 1px dashed rgba(230, 232, 239, 1);
    background: 0;
    margin-left: 65px;
    margin-top: 62px
}

weather34-barometerlimitmax,
weather34-barometerlimitmin,
weather34-barometerlimitminf {
    margin-top: -6px;
    position: absolute;
    font-size: 11px;
    font-weight: 600
}

weather34-barometerlimitmin {
    left: -27px;
    color: rgba(77, 175, 189, 1)
}

weather34-barometerlimitmax {
    left: 140px;
    color: rgba(211, 93, 78, 1)
}

weather34-barometerlimitminf {
    left: -20px;
    color: rgba(77, 175, 189, 1)
}

weather34-barometerlimitmaxf {
    position: absolute;
    margin-top: 0;
    left: 163px;
    font-size: 11px;
    color: rgba(211, 93, 78, 1);
    font-weight: 600
}

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

#weather34lightningdialog-notify {
    width: 200px;
    max-height: 250px;
    right: 10px;
    top: 10px;
    z-index: 9999;
    position: fixed;
    font-family: Arial, system;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 2
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 2
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.weather34lightningdialog-box {
    position: relative;
    min-height: 80px;
    max-height: 180px;
    border-radius: 10px;
    margin-bottom: 8px;
    overflow: hidden;
    background: rgba(97, 106, 114, 1)
}

.weather34lightningdialog-box .header {
    height: 30px;
    position: relative;
    color: #aaa;
    background: rgba(97, 106, 114, 1);
    line-height: 22px;
    font-family: Arial, system
}

.weather34lightningbackground-alert {
    height: 100%;
    width: 100%;
    background-color: rgba(61, 64, 66, 1);
    position: absolute
}

.left,
.right {
    width: content-max
}

.left {
    float: left;
    text-align: left;
    padding: 3px 0 0 10px
}

.right {
    float: right;
    text-align: right;
    padding: 3px 10px 0 0
}

.weather34lightningcontents {
    z-index: 100;
    position: inherit;
    font-size: 14px;
    text-align: center
}

.weather34lightningmain-content {
    padding: 8px 20px 10px 10px;
    height: content-max;
    background: rgba(97, 106, 114, 1);
    color: #fff;
    line-height: 16px;
    text-align: center;
    font-family: Arial, system;
    font-size: .9rem
}

.daylightvalue1 period,
.daylightvalue1:before {
    font-size: 11px;
    line-height: 1em;
    letter-spacing: normal
}

.daylightvalue1:before {
    position: absolute;
    content: "Estimated";
    display: block;
    top: -28px;
    left: 45px;
    border: 0;
    font-family: Helvetica, Arial;
    color: #44a6b5
}

notifyblue,
notifyorange {
    color: #fff;
    padding: 0 2px;
    font-family: Arial, system;
    font-weight: 400
}

notifyblue {
    background: #44a6b5;
    border-radius: 3px
}

notifyorange {
    background: #ff7c39;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#weather34sunclock2,
.weather34sunclock {
    border-radius: 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    background: 0
}

grey {
    color: #333;
    font-weight: 400
}

.daylightvalue1 {
    position: absolute;
    margin-left: 85px;
    top: 45px
}

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

.daylightvalue1 period {
    position: absolute;
    top: 20px;
    left: 44px;
    color: rgba(211, 93, 78, 1)
}

.daylightvalue1 hrs {
    margin-left: 0
}

.daylightvalue1 span {
    position: relative;
    left: 42px;
    top: -3px;
    color: #ff7c39;
    font-size: 26px;
    margin-right: 7px
}

.azimuth,
.elevation {
    position: absolute;
    margin-top: -20px;
    font-size: 11px;
    width: 50px;
    font-family: Arial, system;
    line-height: 12px;
    font-weight: 400
}

.azimuth {
    left: -60px
}

.elevation {
    left: 160px
}

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

body {
    -moz-font-smoothing: antialiased;
    color-adjust: [exact]
}

.weather34sunclock {
    width: 120px;
    height: 120px;
    margin-left: 95px;
    margin-top: 15px;
    position: absolute;
    border: 4px solid rgba(230, 232, 239, 1);
    transform-origin: 50% 50%
}

.weather34sunclock div {
    position: absolute;
    -webkit-transform-origin: 49.6% 49.5%;
    -moz-transform-origin: 49.6% 49.5%;
    -o-transform-origin: 49.6% 49.5%;
    -ms-transform-origin: 49.6% 49.5%;
    transform-origin: 49.6% 49.5%;
    transform: rotate(0)
}

#weather34sunclock2 {
    width: 110px;
    height: 110px;
    margin-left: 1px;
    margin-top: 1px;
    position: absolute;
    border: 2px solid rgba(102, 188, 199, .5);
    transform-origin: 50% 50%
}

.vp2container {
    display: flex;
    justify-content: center;
    align-items: center
}

.consoleoutlook {
    position: relative;
    color: #333;
    font-size: .42em;
    font-family: Arial, system;
    font-weight: 400;
    margin-top: 1.5rem;
    line-height: 1em;
    margin-left: 20px;
    width: 170px
}

.consoleicon {
    position: absolute;
    left: 170px;
    top: 30px;
    width: 28px;
    height: 28px
}

.sun-south {
    left: 145px;
    top: 5px
}

.sun-north {
    left: 146px;
    top: 135px
}

.sun-east {
    left: 87px;
    top: 70px
}

.sun-west {
    left: 218px;
    top: 70px
}

.sun-east,
.sun-north,
.sun-south,
.sun-west {
    font-size: 8px;
    position: absolute;
    color: #333
}

#mooncircleinner {
    width: 110px;
    height: 110px;
    background: 0;
    margin-left: 1px;
    top: 1px;
    border-radius: 50%;
    position: absolute;
    border: 2px solid rgba(102, 188, 199, .5);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.daylightvalue34,
.daylightvalue34 minutes {
    font-family: weathertext, Helvetica, Arial;
    font-size: 26px;
    line-height: 20px;
    width: 100px;
    border: 0;
    position: absolute;
    color: #f8f8f8;
    font-weight: 400
}

.daylightvalue34 {
    left: 17px;
    margin-top: 20px
}

.daylightvalue34 minutes {
    left: 40px
}

.daylightvalue34 period,
.daylightvalue34:before {
    font-family: Arial
}

.daylightvalue34 dayperiod {
    color: #fff;
    border: 0;
    position: absolute;
    font-size: 10px;
    left: 15px;
    top: 20px;
    width: 100px
}

.daylightvalue34 hrs,
.daylightvalue34 min {
    font-size: 9px;
    top: -17px;
    color: #f8f8f8;
    letter-spacing: normal;
    position: absolute
}

.daylightvalue34 min {
    left: 85px
}

.daylightvalue34 hrs {
    left: 40px
}

.daylightvalue34 {
    position: absolute;
    margin-left: 68px;
    top: 50px;
    font-weight: 400;
    font-family: weathertext, Helvetica, Arial
}

.daylightvalue34 hours {
    position: relative;
    left: -5px;
    font-weight: 400
}

.daylightvalue34 period {
    position: absolute;
    font-size: 11px;
    line-height: 20px;
    top: 20px;
    left: 44px;
    letter-spacing: normal;
    color: #f8f8f8
}

.daylightvalue34 hrs {
    margin-left: 0
}

.daylightvalue34 span {
    border: 0;
    position: relative;
    left: 42px;
    top: -3px;
    color: #f8f8f8;
    font-size: 26px;
    margin-right: 7px;
    font-weight: 400
}

.daylightvalue34:before {
    position: absolute;
    content: "Estimated";
    display: block;
    font-size: 11px;
    line-height: 20px;
    top: -28px;
    left: 45px;
    border: 0;
    color: #f8f8f8;
    font-weight: 400
}

.daylightoutput {
    border: 4px solid rgba(230, 232, 239, 1)
}

.weather34box .value1 {
    position: absolute;
    font-size: 14px;
    font-weight: lighter;
    padding: 0 3px;
    color: #555;
    float: left;
    top: 30px;
    display: block;
    text-align: left
}

.rainconvertercircle,
.tempconvertercircleblue,
.tempconvertercirclegreen,
.tempconvertercircleorange,
.tempconvertercirclepurple,
.tempconvertercirclered,
.tempconvertercircleyellow {
    align-items: center;
    width: 3rem;
    border: 2px solid rgba(230, 232, 239, 1);
    color: #fff;
    font-family: weathertext, Arial, system;
    height: 1.3rem;
    font-weight: 400;
    overflow: hidden;
    line-height: 16px
}

.rainconverter {
    position: absolute;
    margin-left: 260px;
    margin-top: 5px;
    font-size: 12px
}

.rainconvertercircle {
    background: rgba(59, 156, 172, .9);
    display: flex;
    justify-content: center;
    border-radius: 4px;
    font-size: 1em
}

smallrainunit {
    font-size: .7em
}

.tempconverter,
.tempconverter2 {
    position: absolute;
    margin-top: 5px;
    font-size: 12px
}

.tempconverter {
    margin-left: 10px
}

.tempconverter2 {
    margin-left: 260px
}

.tempconvertercircleblue,
.tempconvertercirclegreen,
.tempconvertercircleorange,
.tempconvertercirclepurple,
.tempconvertercirclered,
.tempconvertercircleyellow {
    display: flex;
    justify-content: center;
    border-radius: 4px;
    font-size: 1em
}

.barometerconverter,
.barometertrendx,
.tempindoorconverter,
.tempindoorextra {
    font-size: 12px;
    position: absolute
}

.tempconvertercircleyellow {
    background: rgba(230, 161, 65, .8)
}

.tempconvertercircleorange {
    background: rgba(255, 124, 57, .8)
}

.tempconvertercirclered {
    background: rgba(211, 93, 78, .8)
}

.tempconvertercircleblue {
    background: rgba(59, 156, 172, 1)
}

.tempconvertercirclepurple {
    background: #a475cb
}

.tempindoorextra {
    margin-left: 235px;
    margin-top: 135px
}

.tempindoorconverter {
    margin-left: 260px;
    margin-top: -15px
}

.barometerconverter {
    margin-left: 252px;
    margin-top: 5px
}

.barometertrendx {
    margin-left: 10px;
    margin-top: 135px
}

smallsup {
    color: #555;
    font-size: .5rem;
    font-family: Arial, Helvetica, sans-serif
}

.tempconverter1 {
    position: absolute;
    margin-left: 55px;
    margin-top: 0;
    font-size: 12px
}

.tempconvertercircleblue1,
.tempconvertercirclegreen1,
.tempconvertercircleorange1,
.tempconvertercirclered1,
.tempconvertercircleyellow1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.3rem;
    width: 3.2rem;
    border: 2px solid rgba(230, 232, 239, 1);
    overflow: hidden;
    border-radius: 4px;
    line-height: 16px;
    font-family: weathertext, Arial, system;
    font-size: 1em;
    color: #fff
}

.tempconvertercircleyellow1 {
    background: rgba(230, 161, 65, 1)
}

.tempconvertercircleorange1 {
    background: rgba(255, 124, 57, 1)
}

.tempconvertercircleblue1 {
    background: rgba(59, 156, 172, 1)
}

.tempconvertercirclegreen,
.tempconvertercirclegreen1 {
    background: rgba(144, 177, 42, 1)
}

.heatcircle {
    float: left;
    margin-top: 40px;
    margin-left: 100px;
    padding: 0;
    width: 170px;
    position: absolute
}

.heatcircle2 {
    float: left;
    margin-top: 0;
    margin-left: 70px;
    padding: 0;
    width: 170px;
    position: absolute
}

.heatcircle3,
.heatcircle4 {
    margin-top: 40px;
    padding: 0;
    width: 170px;
    float: left;
    position: absolute
}

.heatcircle3 {
    margin-left: 0
}

.heatcircle4 {
    margin-left: 70px
}

.windconverter {
    position: absolute;
    margin-left: 255px;
    margin-top: -15px;
    font-size: 12px
}

.windconvertercircleblue1,
.windconvertercirclegreen1,
.windconvertercircleorange1,
.windconvertercirclered1,
.windconvertercircleyellow1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.3rem;
    width: 3.2rem;
    border: 2px solid rgba(230, 232, 239, 1);
    overflow: hidden;
    border-radius: 4px;
    line-height: 16px;
    font-family: weathertext, Arial, system;
    font-size: 1em;
    color: #fff
}

.windconvertercircleyellow1 {
    background: rgba(230, 161, 65, 1)
}

.windconvertercircleorange1 {
    background: rgba(255, 124, 57, 1)
}

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

.windconvertercircleblue1 {
    background: rgba(59, 156, 172, 1)
}

.windconvertercirclegreen1 {
    background: rgba(144, 177, 42, 1)
}

.barometerconvertercircleblue {
    background: rgba(59, 156, 172, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.3rem;
    width: 3.5rem;
    font-weight: 400;
    border: 2px solid rgba(230, 232, 239, 1);
    overflow: hidden;
    border-radius: 4px;
    color: #fff;
    line-height: 16px;
    font-family: weathertext, Arial, system;
    font-size: 1em;
    right: 10px
}

.tempcontainer {
    float: left;
    font-family: weathertext, arial, system;
    -moz-font-smoothing: antialiased;
    bottom: 0;
    right: 0;
    position: absolute;
    position: relative;
    margin: 40px 10px 10px 40px;
    left: -5px;
    top: -4px
}

.tempcontainerx {
    position: relative;
    left: -20px;
    top: -11px
}

.outside0-5,
.outside11-15,
.outside16-20,
.outside21-25,
.outside26-30,
.outside31-35,
.outside36-40,
.outside41-45,
.outside50,
.outside6-10,
.outsideminus,
.outsideminus5,
.outsidezero {
    font-family: weathertext, Arial, Helvetica, system;
    width: 6rem;
    height: 5.5rem;
    font-size: 1.9rem;
    padding-top: 10px;
    color: #f8f8f8;
    border-bottom: 18px solid rgba(230, 232, 239, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.outsideminus,
.outsideminus5,
.outsidezero {
    background: rgba(0, 164, 180, .8);
    background: -webkit-linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1));
    background: -o-linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1));
    background: -moz-linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1));
    background: -ms-linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1));
    background: linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1))
}

.outside0-5 {
    background: rgba(0, 164, 180, 1);
    background: -webkit-linear-gradient(270deg, #00a4b4, #087883);
    background: -o-linear-gradient(270deg, #00a4b4, #087883);
    background: -moz-linear-gradient(270deg, #00a4b4, #087883);
    background: -ms-linear-gradient(270deg, #00a4b4, #087883);
    background: linear-gradient(270deg, #00a4b4, #087883)
}

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

.outside11-15 {
    background: rgba(230, 161, 65, 1));
    background: -webkit-linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1));
    background: -o-linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1));
    background: -moz-linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1));
    background: -ms-linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1));
    background: linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1))
}

.outside16-20 {
    background: rgba(255, 124, 57, 1);
    background: -webkit-linear-gradient(90deg, #9aba2f, rgba(255, 124, 57, 1));
    background: -o-linear-gradient(90deg, #9aba2f, rgba(255, 124, 57, 1));
    background: -moz-linear-gradient(90deg, #9aba2f, rgba(255, 124, 57, 1));
    background: -ms-linear-gradient(90deg, #9aba2f, rgba(230, 161, 65, 1));
    background: linear-gradient(90deg, #9aba2f, rgba(255, 124, 57, 1))
}

.outside21-25 {
    background: #efa80f;
    background: -webkit-linear-gradient(90deg, #efa80f, #d86858);
    background: -o-linear-gradient(90deg, #efa80f, #d86858);
    background: -moz-linear-gradient(90deg, #efa80f, #d86858);
    background: -ms-linear-gradient(90deg, #efa80f, #d86858);
    background: linear-gradient(90deg, #efa80f, #d86858)
}

.outside26-30 {
    background: -webkit-linear-gradient(90deg, #d86858, rgba(236, 102, 21, 1));
    background: -o-linear-gradient(90deg, #d86858, rgba(236, 102, 21, 1));
    background: -moz-linear-gradient(90deg, #d86858, rgba(236, 102, 21, 1));
    background: -ms-linear-gradient(90deg, #d86858, rgba(236, 102, 21, 1));
    background: linear-gradient(90deg, #d86858, rgba(236, 102, 21, 1))
}

.outside31-35,
.tempconvertercirclered1 {
    background: #d86858;
    background: -webkit-linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7));
    background: -o-linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7));
    background: -moz-linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7));
    background: -ms-linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7));
    background: linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7))
}

.outside36-40 {
    background: #fd7641;
    background: -webkit-linear-gradient(90deg, #fd7641, #637ff6);
    background: -o-linear-gradient(90deg, #fd7641, #637ff6);
    background: -moz-linear-gradient(90deg, #fd7641, #637ff6);
    background: -ms-linear-gradient(90deg, #fd7641, #637ff6);
    background: linear-gradient(90deg, #fd7641, #637ff6)
}

.outside41-45,
.outside50 {
    background: #de2c52;
    background: -webkit-linear-gradient(90deg, #de2c52, #637ff6);
    background: -o-linear-gradient(90deg, #de2c52, #637ff6);
    background: -moz-linear-gradient(90deg, #de2c52, #637ff6);
    background: -ms-linear-gradient(90deg, #de2c52, #637ff6);
    background: linear-gradient(90deg, #de2c52, #637ff6)
}

.temptrendx {
    position: absolute;
    margin-top: -17px;
    margin-left: 5%;
    text-align: center;
    z-index: auto;
    font-size: 0;
    color: #333;
    font-family: Arial, system
}

trendmovementfallingx,
trendmovementrisingx {
    font-size: 0.7rem;
    font-family: Arial, system
}

trendmovementsteadyx {
    color: #333;
    font-size: 0.7rem
}

.maxdata {
    position: absolute;
    font-family: Arial, Helvetica, system;
    font-size: .75rem;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px auto auto;
    left: 20%
}

smalltempunit {
    font-size: .5em
}

smalltempunit2 {
    font-size: .55rem
}

smallrainunit2 {
    font-size: .5rem;
    color: #fff
}

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

.indoortrendhouse1 {
    position: absolute;
    margin-left: 142px;
    margin-top: 68px;
    font-size: .55rem;
    z-index: 1;
    color: #fff
}

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

indoorblue1,
indoorgreen1,
indoororange1,
indoorred1,
indooryellow1 {
    font-family: weathertext, Arial, Helvetica, system;
    width: 3.2rem;
    height: 2.6rem;
    font-size: .8rem;
    padding-top: 7px;
    color: #fff;
    border-bottom: 10px solid rgba(230, 232, 239, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    margin-left: 130px;
    top: -5px
}

.raintoday1,
.uvtoday1,
.uvtoday1-3,
.uvtoday11,
.uvtoday4-5,
.uvtoday6-8,
.uvtoday9-10 {
    padding-top: 7px;
    align-items: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    color: #fff
}

.raincontainer1,
.uvcontainer1 {
    position: relative;
    margin: 40px 10px 10px 40px;
    float: left;
    -o-font-smoothing: antialiasedleft: 0;
    bottom: 0;
    right: 0
}

indoororange1 {
    background: #ff8841
}

indoorgreen1 {
    background: #9aba2f
}

indoorblue1 {
    background: #01a4b4
}

indooryellow1 {
    background: rgba(233, 171, 74, 1)
}

.raincontainer1 {
    font-family: weathertext, system;
    left: 95px;
    top: 40px
}

.raintoday1 {
    font-family: weathertext, Arial, Helvetica, system;
    width: 3.1rem;
    height: 2.5rem;
    font-size: .8rem;
    background: rgba(59, 156, 172, 1);
    border-bottom: 8px solid rgba(230, 232, 239, 1);
    display: flex;
    justify-content: center;
    border-radius: 3px
}

smalluvunit {
    font-size: .55rem;
    font-family: Arial, Helvetica, system;
    font-weight: 600
}

.uvcontainer1 {
    font-family: weathertext, system;
    left: 70px;
    top: 15px
}

.simsek,
.uvtoday1,
.uvtoday1-3,
.uvtoday11,
.uvtoday4-5,
.uvtoday6-8,
.uvtoday9-10,
topblue1,
topgreen1,
toporange1,
topred1,
topyellow1 {
    font-family: weathertext, Arial, Helvetica, system;
    display: flex
}

.uvtoday1,
.uvtoday1-3,
.uvtoday11,
.uvtoday4-5,
.uvtoday6-8,
.uvtoday9-10 {
    width: 5rem;
    height: 4.5rem;
    font-size: 1.55rem;
    border-bottom: 15px solid rgba(230, 232, 239, 1);
    justify-content: center;
    border-radius: 3px
}

.uvcaution,
.uvtrend {
    position: absolute;
    font-size: .65rem
}

.uvtoday1-3 {
    background: rgba(144, 177, 42, 1)
}

.simsek,
.uvtoday4-5 {
    background: rgba(230, 161, 65, 1)
}

.uvtoday6-8 {
    background: rgba(255, 124, 57, .8)
}

.uvtoday9-10 {
    background: rgba(211, 93, 78, .8)
}

.uvtoday11 {
    background: rgba(97, 65, 196, .8)
}

.uvcaution {
    margin-left: 120px;
    margin-top: 112px;
    font-family: Arial, Helvetica, system
}

.uvtrend {
    margin-left: 128px;
    margin-top: 58px;
    z-index: 1;
    color: #fff
}

.simsekcontainer {
    float: left;
    font-family: weathertext, system;
    -o-font-smoothing: antialiasedleft: 0;
    bottom: 0;
    right: 0;
    position: relative;
    margin: 40px 10px 10px 40px;
    left: -10px;
    top: 12px
}

.simsek {
    width: 5rem;
    height: 4.5rem;
    font-size: 1.55rem;
    padding-top: 12px;
    color: #f8f8f8;
    border-bottom: 18px solid rgba(230, 232, 239, 1);
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.simsekdata,
.simsektoday {
    position: absolute;
    font-size: 0.7rem
}

.simsektoday {
    margin-top: -16px;
    margin-left: 1.7rem;
    text-align: center;
    z-index: auto;
    color: #333;
    font-family: Arial, system
}

.simsekdata {
    font-family: Arial, Helvetica, system;
    color: #fff;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px auto auto;
    left: 28.1%
}

topblue1,
topgreen1,
toporange1,
topred1,
topyellow1 {
    width: 3.3rem;
    height: 2.4rem;
    font-size: .8rem;
    padding-top: 7px;
    color: #fff;
    border-bottom: 11px solid rgba(230, 232, 239, 1);
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    margin-left: 133px;
    top: -5px
}

.topmax,
.topmin {
    position: absolute;
    margin-top: 39px;
    font-size: 0;
    padding-right: 4px;
    padding-left: 0
}

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

toporange1 {
    background: #ff8841
}

topgreen1 {
    background: #9aba2f
}

topblue1 {
    background: #01a4b4
}

topyellow1 {
    background: rgba(233, 171, 74, 1)
}

.topmin {
    left: -100px
}

.topmax {
    left: 10px
}

.maxword,
.minword {
    position: absolute;
    margin-top: 35px;
    font-size: .55rem;
    color: #fff;
    white-space: nowrap
}

.maxword {
    margin-left: 157px
}

.minword {
    margin-left: 47px
}

.maxtimedate,
.mintimedate {
    margin-top: 61px;
    font-size: .54rem;
    color: #333;
    width: 50px;
    position: absolute
}

.maxtimedate {
    margin-left: 140px
}

.mintimedate {
    margin-left: 30px
}

smallwindunit {
    font-size: .45rem;
    font-family: Arial, Helvetica, system;
    padding-left: 2px
}

.yearwordbig {
    position: absolute;
    margin-left: 11px;
    margin-top: 34px;
    font-size: 1.4rem;
    color: rgba(86, 95, 103, .1);
    width: 200px;
    font-family: weathertext, Arial, system
}

.airvalue {
    position: relative;
    margin-top: 75px;
    left: 5px;
    top: 5px;
    font-size: .9rem
}

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

.air0,
.air100,
.air150,
.air200,
.air300,
.air50 {
    font-family: weathertext, Arial, Helvetica, system;
    width: 5rem;
    height: 4.68rem;
    font-size: 1.5rem;
    padding-top: 0;
    color: #fff;
    border-bottom: 15px solid rgba(230, 232, 239, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.air0 {
    background: rgba(144, 177, 42, 1)
}

.air50 {
    background: rgba(230, 161, 65, 1)
}

.air100 {
    background: rgba(255, 124, 57, .8)
}

.air150 {
    background: rgba(211, 93, 78, .8)
}

.air200,
.air250,
.air300 {
    background: #a475cb
}

supdavis {
    top: -.5em;
    font-size: .5em
}

.windunitidgust,
.windunitidspeed {
    color: #333;
    margin-top: -35px;
    font-size: 10px;
    position: absolute;
    width: 55px
}

.windunitidgust {
    margin-left: 0
}

.windunitidspeed {
    margin-left: 0
}

.windunitgust,
.windunitspeed {
    color: #333;
    margin-top: 7px;
    font-size: 10px;
    position: absolute
}

.windunitgust {
    margin-left: 15px
}

.windunitspeed {
    margin-left: 15px
}

.weather34indoorword {
    margin-left: 140px;
    margin-top: 26px;
    color: #333;
    font-size: .55rem;
    font-family: arial, system;
    position: absolute
}