#beaker:after,
#beaker:before,
#raintoday:after,
.thearrow:after,
.thearrow:before {
  content: ''
}

.davisfooterlogo,
img {
  image-rendering: auto
}

@font-face {
  font-family: system;
  font-style: normal;
  src: local("Arial")
}

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

.div:empty { display: none }

.averagedir,
.averagedir span,
.averagedir span2,
.averagedir1 span,
.averagedir1 span2,
.avgspeedgust span,
.avgspeedgust1 span,
.avgspeedwind span,
.avgspeedwind1 span,
.baromcircle-content,
.barometertrend falling,
.barometertrend rising,
.barometertrend steady,
.feels,
.footertext,
.gustspeedtrend,
.gustspeedtrend span,
.gustspeedtrend1 span,
.homeindoorfeels,
.max,
.notificationinfo,
.outlooktitle span,
.weather34text,
.windalarm span,
.windchillcircle-content,
.windcondition span,
.windgustmphcircle-content,
.windmphcircle-content,
.windspeedtrend span,
.windspeedtrend1 span,
a,
body,
daylighthours:before,
html,
lo,
sup,
suprain2,
suptemp {
  text-rendering: optimizeLegibility;
  color-adjust: [exact];
  -webkit-osx-font-smoothing: grayscale;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: grayscale
}

.logo,
.menu .active,
.menu copyright,
body,
h1 {
  font-weight: 500
}

.h2,
.h3,
.h4,
.h5,
.h6,
.weather-container,
.weather-item,
.weather2-container,
.weather2-item,
a,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-text-size-adjust: 100%
}

.h2,
.h3,
.h4,
.h5,
.h6,
.weather-container,
.weather-item,
a,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  -ms-text-size-adjust: 100%;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased
}

.heading1,
.indoorlocation,
.indoortitles,
.indoortrend,
.tempcontainer,
.tempcontainer1,
.weather-container,
.weather-item,
.weather2-alert,
.weather2-alert.weatherfooter-item,
.weather2-clock,
.weather2-container,
.weather2-indoor,
.weather2-item,
.weatherfooter-container,
.weatherfooter-item,
a,
body,
h3 {
  text-rendering: optimizeLegibility;
  color-adjust: [exact]
}

#beaker,
#raintoday,
.bar,
.norain {
  shape-rendering: crispEdges
}

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

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

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

@font-face {
  font-family: clock;
  src: url(fonts/clock3-webfont.woff) format("woff"), url(fonts/clock3.ttf) format("truetype")
}

@font-face {
  font-family: weathertext2;
  src: url(fonts/verbatim-regular.woff) format("woff"), url(fonts/verbatim-regular.woff2) format("woff2"), url(fonts/verbatim-regular.ttf) format("truetype")
}

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

body {
  background: #151819;
  clear: both;
  font-size: 14px;
  line-height: 1.42857143;
  color: silver
}

body.dotpointercursor {
  cursor: url(mouse/weather34redcursor.png), n-resize;
}

.menu {
  width: 220px;
  margin: 0;
  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;
  height: 820%;
  max-height: 800px;
  padding: 5px;
  background: rgba(37, 41, 45, .7);
  border-right: 1px solid #333;
  border-top: 0;
  border-bottom: 1px solid #333
}

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

.w34uptime {
  float: right;
  margin-right: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.1rem;
  width: 125px;
  overflow: hidden;
  line-height: 6px;
  font-family: Arial, Helvetica, sans-serif, system;
  font-size: .8em;
  color: silver;
  background: rgba(86, 95, 103, .4);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-top: -27px
}

.weather-item,
body,
header {
  text-align: center
}

.menu copyright {
  font-size: 10px
}

header {
  background: rgba(33, 34, 39, .8);
  border: 0;
  -webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
  -moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
  -o-box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
  -ms-box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
  box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
  height: 3em;
  top: 0;
  width: 100%;
  z-index: 4;
  margin-bottom: -10px
}

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

.logo,
header {
  position: absolute
}

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

h1 {
  font-size: .9rem;
  top: 10px
}

.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  line-height: 1.1;
  color: inherit;
  font-smoothing: antialiased
}

.barometertrend,
.barometertrend steady,
.logo,
.logo span {
  color: silver
}

.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
  line-height: 1;
  color: silver
}

.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;
  font-weight: 600;
  line-height: 3.3em;
  margin-top: -90px
}

.logo span {
  font-weight: 500
}

.weather-container {
  display: flex;
  list-style: none;
  width: 960px;
  height: 200px;
  overflow: hidden;
  margin: 2px auto;
  background: 0
}

.weather-item {
  width: 32.84%;
  height: 195px;
  border: 0;
  border-bottom: 18px solid rgba(97, 106, 114, .1);
  -webkit-box-shadow: inset 0 20px rgba(97, 106, 114, .1);
  box-shadow: inset 0 20px rgba(97, 106, 114, .1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  margin: 2px;
  padding: 0;
  background: rgba(33, 34, 39, .8)
}

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

.weather2-container {
  -ms-text-size-adjust: 100%;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background: 0;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  width: 960px;
  height: 100px;
  background-color: 0;
  margin: 50px auto -20px
}

.weather2-item {
  width: 33.3333%;
  margin: 0 2px 2px 0;
  font-smoothing: antialiased;
  background-color: #fff;
  border: 0 solid #e9ebf1;
  float: left;
  font-size: .9em
}

.weather2-alert,
.weather2-clock,
.weatherfooter-item {
  background: rgba(33, 34, 39, .8);
  height: 90px
}

.weatherfooter-container,
.weatherfooter-item {
  font-family: Arial, system
}

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

.weatherfooter-container {
  display: flex;
  width: 960px;
  margin: 0 auto 2px
}

.weatherfooter-item {
  width: 100%;
  border: 1px solid #191b1e;
  text-align: center;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin: 0 2px 2px 0;
  padding: 15px
}

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

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

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

trendmovementfalling,
trendmovementrising {
  color: #fff;
  font-size: 13px;
  margin-left: 15px;
  font-family: weathertext2
}

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

h3 {
  font: 4em weathertext2
}

.beaufortconditions,
.nexthours {
  display: inline-block
}

.baromcircle,
.chartforecast,
.chartforecastlink,
.daylight,
.heatcircle,
.heatcircle2,
.indoorlocation,
.indoorvalues,
.stationlocationtime,
canvas,
daylighthours:after,
in,
mb {
  position: absolute
}

.heading1,
supmb,
supunit {
  color: silver
}

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

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

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

.indoorvalues {
  margin-top: -15px
}

.heading1 {
  font: 1em/15px arial, system
}

a:visited {
  border: 0
}

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

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

supsolar {
  font-size: .8em
}

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

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

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

.heatcircle-content {
  color: silver;
  float: left;
  margin-left: -4px;
  padding: 0;
  text-align: center;
  width: 160px;
  font: 500 11px weathertext2;
  display: block;
  line-height: 15px
}

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

.chartforecast,
.chartforecastlink,
a {
  font-family: arial, system;
  z-index: 20 
}

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

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

supraindropw {
  color: #f8f8f8
}

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

.humidity,
a {
  color: silver
}

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

.chartforecast {
  margin-left: 0;
  font-size: .67em;
  color: silver;
  margin-top: 175px;
  width: 300px;
  padding-left: 10px;
  text-align: left
}

.chartforecastlink {
  margin-left: 0;
  font-size: .67em;
  color: silver;
  margin-top: 155px;
  width: 300px;
  padding-left: 10px;
  text-align: left
}

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

a {
  font-weight: 400;
  font-size: 1em
}

.humidity {
  padding-top: 35px;
  font: 500 4em arial, system
}

humiditycolor {
  color: #9aba2f;
  font-weight: 700
}

.windgustheading {
  color: silver;
  font: 1em weathertext2
}

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

.homeweathercompass>.homeweathercompass-line {
  -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(255, 255, 255, .3);
  margin-bottom: 5px
}

.solar {
  padding-left: 25px;
  font: 2.8em weathertext2
}

.lo,
.max,
.sun {
  margin-top: 10px
}

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

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

daylighthours:before {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased
}

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

.daylight {
  color: silver;
  font-family: arial, system;
  top: 50px;
  margin-left: 360px;
  border: 0
}

sup,
supdavis {
  top: -.5em
}

.symbol {
  font-size: 10px
}

mb {
  color: #00adbc;
  padding-top: 17px;
  margin-left: -60px
}

in {
  color: #ff9350;
  padding-top: 14px;
  margin-left: -35px
}

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

.lo,
.max {
  font-size: .9em;
  font-family: weathertext2;
  color: #fff;
  left: 2px
}

.feels,
.feels1 {
  color: silver;
  margin-left: auto
}

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

.whitespace {
  height: 45px
}

supdavis {
  font-size: .5em;
  vertical-align: top
}

.beaufortconditions,
.suptemp {
  position: relative;
  font-size: 12px
}

.suptemp {
  color: #fff;
  margin-bottom: 50px;
  margin-right: 150px
}

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

.outlooktitle span {
  color: silver;
  font-family: arial, system
}

#day,
#dayaftertomo,
#night,
#tomo {
  color: silver;
  padding: 5px;
  border-bottom: 0 solid #e9ebf1;
  text-align: left
}

.beaufortconditions {
  color: silver;
  width: 140px
}

.updatedtime,
.updatedtime1,
.updatedtimeuv {
  font: .65em weathertext2;
  margin-left: 235px;
  padding: 0;
  margin-top: -15px;
  color: silver;
  line-height: 10px
}

.updatedtime1 {
  margin-bottom: 10px
}

.updatedtimecurrent {
  border-radius: 2px
}

.barometertrend1 {
  width: 100px;
  position: absolute;
  margin-left: 10px;
  margin-top: 120px;
  text-align: left;
  color: silver;
  font: .68em weathertext2;
  line-height: 9px
}

.barometertrend1 hourtrend {
  font: 500 10px arial, system;
  color: silver;
  line-height: 9px;
  text-align: left;
  margin-left: 15px
}

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

barometerinfo {
  color: silver
}

.barometermax {
  margin-top: 10px;
  color: silver;
  font: 10px arial, system;
  line-height: 9px
}

.averagedir,
.barometermin {
  margin-top: 124px;
  position: absolute;
  text-align: center
}

.barometermax span {
  font: 500 10px arial, system;
  color: #90b12a
}

.barometermax unit {
  font: 500 10px arial, system;
  color: silver
}

.barometermin {
  margin-left: 240px;
  width: 50px;
  color: silver;
  font: 10px arial, system;
  line-height: 9px
}

.barometermin span,
.barometermin unit {
  font: 500 10px arial, system
}

.barometermin span {
  color: #90b12a
}

.barometermin unit {
  color: silver
}

.barometertrend falling,
.barometertrend rising,
.barometertrend steady,
.max,
.raintext1,
.rainvalue,
html,
lo,
suprain2,
suptemp {
  -webkit-font-smoothing: antialiased;
  -o-font-smoothing: antialiased
}

.feelstemp {
  font: 500 10px arial, system
}

.max,
.raintext1,
.rainvalue,
lo,
suprain2,
suptemp {
  -moz-font-smoothing: antialiased
}

.c,
hr {
  height: 0
}

hr,
img {
  border: 0
}

body,
figure {
  margin: 0
}

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

.text,
.windvalue {
  font-size: 26px;
  color: silver
}

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
}

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

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

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

.homeweathercompass>.homeweathercompass-line {
  position: absolute;
  z-index: 10;
  left: 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
}

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

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

.thearrow,
.thearrow3 {
  z-index: 200;
  margin-left: -5px;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%
}

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

.animated .thearrow,
.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
}

.thearrow:after {
  height: 15px;
  width: 15px;
  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: #ff7c39
}

.thearrow3 {
  width: 10px;
  height: 50%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

.thearrow1:after,
.thearrow3:after {
  -webkit-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;
  text-align: center;
  color: silver;
  font-family: Arial, system;
  font-weight: 600;
  line-height: 12px;
  font-size: 12px;
  z-index: 10;
  margin: 0 0 auto
}

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

.raintext1 {
  font-size: 10px;
  color: #00adbc;
  margin-left: 0;
  margin-top: 1%;
  line-height: 10px;
  font-family: Arial, system
}

.raintext1 span {
  color: silver;
  font-size: 1em
}

.sunimage {
  left: 55px;
  color: #f8f8f8;
  line-height: 20px;
  z-index: 1;
  position: absolute;
  font-size: 10px;
  top: 4px
}

.fgtext,
.hrstillsunset,
.hrstillsunset period,
.hrswassunrise,
.hrswassunrise period,
.moduletitle,
.sunrisehome,
.sunrisehome period,
.sunsethome,
.sunsethome period {
  color: silver
}

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

.thearrow1:after,
.thearrow1:before,
.thearrow3:before,
.weather34barometerarrowactual:after {
  content: ''
}

#navigation,
.magnitude:nth-child(1n),
.magnitude:nth-child(2n) {
  display: none
}

.moduletitle {
  font-size: .8em;
  float: none
}

.yearpopup {
  margin-left: 5px
}

.monthpopup,
.todaypopup {
  margin-left: 10px
}

.windvalue {
  font-family: weathertext2
}

.chartforecast:hover,
.homeweathernotify warmer,
.menu li a:hover,
.temptrendrising,
a:hover {
  color: #90b12a
}

#temp,
.a,
.averagetemp span2,
.barometertrend falling,
.barometertrend rising,
.homeweathernotify colder,
.indoorfeels span,
.luminance,
.sun,
.temptrendfalling,
.windir,
.windirectiontext span,
suprain,
suprain1,
suprain2,
supraindrop,
supsolar,
suptemp1,
suptempindoor {
  color: silver
}

.outlook,
.updatedtime {
  position: absolute
}

.barometertrend falling,
.barometertrend rising,
.barometertrend steady,
html {
  font-family: arial, system;
  -moz-font-smoothing: antialiased
}

.magnitude:first-child {
  display: block
}

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

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

::-webkit-scrollbar-thumb {
  background-color: #90b12a
}

::-webkit-scrollbar-thumb:hover {
  background-color: #00adbc
}

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

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

::-moz-scrollbar-thumb {
  background-color: #90b12a
}

::-moz-scrollbar-thumb:hover {
  background-color: #00adbc
}

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

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

::-o-scrollbar-thumb {
  background-color: #90b12a
}

::-o-scrollbar-thumb:hover {
  background-color: #00adbc
}

::scrollbar {
  width: 12px
}

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

::scrollbar-thumb {
  background-color: #90b12a
}

::scrollbar-thumb:hover {
  background-color: #00adbc
}

.max,
lo,
suptemp {
  color: #fff
}

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

.average span,
.averagedir span,
.averageindoor span,
.averageuv span,
.updatedtime span,
.updatedtimealert span,
.updatedtimecurrent span,
.updatedtimedir span {
  margin-bottom: 0;
  color: silver;
  font-family: weathertext2;
  text-rendering: optimizeLegibility
}

.humidityindoor span,
.temperatureindoor span {
  margin-bottom: 0;
  font-size: .4em;
  color: silver;
  font-family: weathertext2
}

.windalarm span,
.windcondition span {
  margin-bottom: 0;
  color: silver;
  font-weight: 600;
  font-family: arial, system
}

.windalarm,
.windcondition {
  color: silver;
  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
}

.gustspeedtrend,
.gustspeedtrend span {
  color: silver
}

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

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

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

.gustspeedtrend span {
  margin-bottom: 0;
  font-weight: 600;
  font-family: arial, system
}

.windspeedtrend {
  position: absolute;
  margin-left: 45px;
  color: #ff9350;
  font: 12px arial, system;
  font-weight: 600
}

.windspeedtrend span {
  margin-bottom: 0;
  color: silver;
  font-family: arial, system
}

.windseparator {
  color: #393d40
}

.text1,
.windvalue1 {
  font-family: weathertext2;
  font-size: 1.45rem;
  color: silver
}

.windvalue1 {
  margin-left: 5px
}

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

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

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

.homeweathercompass1>.homeweathercompass-line1 {
  position: absolute;
  z-index: 10;
  left: 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
}

.Location,
.rainblue1 {
  bottom: 5px
}

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

.thearrow1 {
  z-index: 200;
  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%
}

.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%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #ff9350
}

.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;
  color: silver;
  font-family: Arial, system;
  font-weight: 600;
  line-height: 12px;
  font-size: 12px;
  z-index: 10;
  margin: 0 0 auto
}

.windgustvalue,
.windspeedvalue,
.windspeedvalues {
  font-family: weathertext2;
  position: absolute
}

.windirectiontext1 span {
  color: #90b12a
}

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

.windunits {
  color: silver
}

.beaufort {
  position: absolute;
  margin-top: 55px;
  margin-left: 50px;
  font-size: 12px
}

.windgustvalue,
.windspeedvalue {
  font-size: 1.55rem;
  margin-top: 50px;
  color: silver
}

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

.windspeedvalue {
  margin-left: 20px
}

.windgustvalue {
  margin-left: 238px
}

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

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

.designedby,
.feels1,
.gustspeedtrend1,
.windspeedtrend1 {
  text-align: center
}

.gustspeedtrend1,
.windspeedtrend1 {
  width: 70px;
  display: block;
  float: left;
  line-height: 9px
}

.gustspeedtrend1 {
  margin-left: 235px
}

.windspeedtrend1,
.windspeedtrend1 span {
  color: silver;
  font: 10px arial, system;
  line-height: 9px
}

.windspeedtrend1 {
  margin-left: 10px
}

.gustspeedtrend1 max,
.windspeedtrend1 max {
  color: #ff9350
}

.windseparator1 {
  color: #393d40
}

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

.feels1 {
  position: relative;
  margin-left: auto;
  z-index: auto;
  margin-top: 30px;
  font: .7em arial, system
}

suptemp1,
suptemp3 {
  color: silver
}

.weather34menulisting {
  background: rgba(37, 41, 45, .7)
}

@media screen and (max-width:768px) {
  .weather-container {
    display: inline;
    width: 300px;
    height: 200px;
    background-color: 0;
    text-rendering: optimizeLegibility;
    font-family: arial, system;
    overflow: hidden
  }

  .almanacpopup,
  .w34uptime,
  .weather2-container,
  .weatherfooter-container,
  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:1024px) and (orientation:portrait) {
  .weather-container {
    display: inline;
    width: 300px;
    height: 200px;
    background-color: 0;
    text-rendering: optimizeLegibility;
    font-family: arial, system;
    overflow: hidden
  }

  .almanacpopup,
  .weather2-container,
  .weatherfooter-container,
  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;
    width: 300px;
    height: 200px;
    background-color: 0;
    text-rendering: optimizeLegibility;
    font-family: arial, system;
    overflow: hidden
  }

  .almanacpopup,
  .weather2-container,
  .weatherfooter-container,
  header {
    display: none
  }

  .weather-item {
    float: none;
    width: 310px;
    margin: 10px auto 0;
    overflow: hidden
  }
}

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

.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 {
  right: -50px;
  border-radius: 50%
}

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

suptemp3 {
  font-size: .5em
}

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

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

.footertext,
.online,
.weather34text,
lightningrain {
  font-family: weathertext2
}

.designedby {
  position: absolute;
  margin-top: 15px;
  margin-left: 10px;
  padding: 5px;
  font-size: 8px;
  width: 100px;
  line-height: 9px;
  margin-right: 30px;
  color: #555;
  opacity: .7
}

.footertext,
.online {
  color: silver;
  font-size: 12px
}

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

.hardwarelogo1text {
  position: absolute;
  color: silver;
  font-size: 10px;
  width: 65px;
  line-height: 10px;
  margin-left: 36px;
  font-weight: 500
}

.hardwarelogo2,
.hardwarelogo3 {
  position: absolute;
  padding: 0;
  margin-right: 20px
}

.hardwarelogo2 {
  margin-top: -10px;
  margin-left: 760px
}

.hardwarelogo3 {
  margin-top: 13px;
  margin-left: 800px
}

.footertext {
  position: relative;
  float: left;
  margin-left: 25px
}

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

.online span {
  color: #90b12a;
  font-weight: 600
}

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

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

.windgrey1,
.windsvg {
  left: 0;
  top: 3px
}

.blank {
  display: none
}

.weather34box.alert,
.weather34box.clock,
.weather34box.earthquake,
.weather34box.indoor {
  background-color: rgba(33, 34, 39, .8);
  -webkit-box-shadow: inset 0 18px rgba(97, 106, 114, .1);
  box-shadow: inset 0 18px rgba(97, 106, 114, .1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

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

.lightningrain {
  color: silver;
  margin-top: 142px;
  margin-left: 0
}

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

.rainaverage {
  margin-top: 143px;
  width: 100px;
  color: silver;
  margin-left: 200px
}

lightningrain {
  color: #ff7c39;
  font-size: 18px;
  line-height: 17px;
  display: block;
  font-weight: 500
}

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

.weather34box {
  border: 2px solid #151718;
  border-top: 1px;
  border-bottom: 1px;
  color: silver;
  float: left;
  padding: 5px;
  position: relative;
  width: 24.93%;
  height: 83px;
  margin: -3px auto 0
}

.weather34box .title,
.weather34box .value {
  position: absolute;
  float: left;
  color: silver
}

.weather34box .title {
  font-family: arial, helvetica;
  font-size: 9px;
  top: 2px;
  padding: 1px 5px 0
}

.hoursago,
spanm,
spanm2 {
  font-family: Arial, Helvetica, system
}

.weather34box .value {
  font-size: 26px;
  font-weight: lighter;
  padding: 0 3px;
  top: 0
}

.weather34box.indoor span {
  color: silver;
  font-weight: 500
}

.weather34box.indoor titlespan {
  color: #90b12a;
  font-weight: 500
}

.weather34box.clock {
  background-repeat: no-repeat;
  background-position: left 10px bottom 18px;
  color: #fff
}

.weather34box.clock span {
  color: silver;
  font-weight: 500
}

.weather34box.clock titlespan {
  color: #90b12a;
  font-weight: 500
}

.weather34box.alert span,
.weather34box.earthquake span {
  color: #ff7c39;
  font-weight: 500
}

.clockiconsvg,
grey,
raingrey,
spanm,
spanm2,
spanm4,
spanm5 {
  color: silver
}

spanm {
  font-size: 12px
}

spanm2 {
  font-size: 14px;
  margin-top: 40px;
  line-height: 15px
}

spanm4 {
  font-weight: 600
}

.hoursago,
.main-menu a,
.main-menu li,
.main-menu li>a,
.main-menu menu,
raingrey {
  font-weight: 500
}

spanm5 {
  font-size: 12px
}

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

.homeindoordate,
.hoursago {
  width: 200px;
  position: absolute
}

.hoursago {
  font-size: 12px;
  margin-top: -30px;
  margin-left: 30px
}

.homeindoordate {
  color: silver;
  text-transform: none;
  top: 23px;
  right: 40px;
  font-family: Arial, system;
  list-style: none
}

red,
ored,
ored1,
blue,
oblue,
orange,
oorange,
green,
ogreen {
  font-weight: bold;
}

.windgrey1,
oorange,
orange,
rise {
  color: #ff7c39;
}

ored,
ored1,
red {
  color:#d35d4e;
}

.active a.area,
.main-menu .nav-text,
.main-menu a,
.main-menu li,
nav,
nav li,
nav ul {
  color: silver
}

.rainblue1,
.windgrey1,
grey,
rainblue1 {
  font-size: 10px
}

rainblue {
  font-size: 12px
}

.windsvg {
  margin-right: 5px;
  padding: 3px
}

.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,
oorangeh1,
oredh1 {
  font-family: weathertext2, Helvetica
}

.settings {
  height: 73px;
  float: right;
  margin: 0;
  font-size: 20px
}

.main-menu,
.main-menu li>a,
.main-menu menu {
  font-size: 12px;
  color: silver
}

.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-bottom-right-radius: 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 #2c2d34;
  float: left
}

.main-menu .nav-text {
  position: relative;
  display: table-cell;
  width: 190px;
  float: left;
  margin-left: 60px
}

.metricsymbol,
solartrend,
uvtrend {
  position: absolute
}

.no-touch .scrollable.hover {
  overflow-y: hidden;
  display: none
}

.no-touch .scrollable.hover:hover {
  overflow-y: auto;
  overflow: visible;
  display: none
}

.menucolor a,
ogreyh1,
uv0,
uv10,
uv3,
uv5,
uv8 {
  display: flex;
  overflow: hidden
}

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: #2c2d34;
  width: 100%;
  height: 100%
}

.menu34 a,
greenfi,
ogreen,
ogreenh1 {
  color: #90b12a
}

infogrey,
ogreyh1 {
  color: silver
}

hiti,
oorangeh1,
orangefi {
  color: #ff7c39
}

@media screen and (max-width:1024px) {
  .main-menu {
    background: 0
  }
}

@media screen and (max-width:768px) {
  .main-menu {
    background: 0
  }
}

@media screen and (max-width:640px) {
  .main-menu {
    background: 0
  }
}

@media screen and (max-width:320px) {
  .main-menu {
    background: 0
  }
}

.menu34 {
  bottom: 0;
  font-size: 10px;
  text-transform: lowercase;
  text-align: center;
  border: 1px solid #777;
  padding: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  width: 150px
}

.weather34solarrate,
.weather34uvrate {
  width: 20px;
  position: absolute;
  line-height: 10px;
  max-height: 100px
}

oredh1 {
  color: #ff5c41
}

ogreyh1 {
  margin: -5px auto 0;
  align-items: center;
  justify-content: center;
  height: 1.1rem;
  max-width: 400px;
  line-height: 6px;
  font-family: Arial, Helvetica, sans-serif, system;
  font-size: .8em;
  background: rgba(86, 95, 103, .4);
  -webkit-border-radius: 2px;
  border-radius: 2px
}

ogrey {
  color: #bbb;
  font-size: 1em
}

adv,
bluefi,
chancei,
greyfi,
hiti,
lowti,
orangefi {
  font-size: 12px
}

bluefi,
hiti,
lowti,
orangefi {
  padding: 2px;
  font-weight: 700
}

.menucolor a,
.weather34solarrate,
solarwm2,
wfblue,
wfgreen {
  font-weight: 500
}

bluefi,
chancei,
lowti {
  color: #01a4b5
}

raini,
rainui,
tempui,
windui {
  font-size: 12px;
  font-family: Arial, Helvetica
}

dayi {
  font-size: 11px
}

.w34logo {
  float: right;
  margin-right: 20px;
  margin-top: -30px
}

.menucolor a {
  align-items: center;
  height: 1rem;
  width: 5.5rem;
  line-height: 16px;
  font-family: weathertext2;
  color: silver;
  justify-content: center;
  font-size: .85em;
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #ff832f;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding-left: 2px
}

spanunit {
  font-size: .6rem
}

windred {
  color: #d86858
}

windorange {
  color: #ff7c39
}

windgreen {
  color: #90b12a
}

adv {
  display: block;
  left: 40px;
  margin-top: 5px
}

.weather34solarrate,
.weather34solarrate span {
  font-family: weathertext2;
  font-size: 12px
}

.weather34solarrate {
  color: #ff7c39;
  margin-left: 36px;
  margin-top: 27px
}

.weather34solarrate span {
  color: #777
}

solarwm2 {
  font-size: 10px
}

.weather34uvrate,
.weather34uvrate span {
  font-family: weathertext2;
  font-size: 12px;
  font-weight: 500
}

.weather34uvrate {
  color: #ff7c39;
  margin-left: 238px;
  margin-top: 17px
}

.weather34uvrate span {
  color: #777
}

greenf,
greenuv {
  color: #90b12a
}

greyuv,
solartrend {
  color: silver
}

purpleuv {
  color: #a475cb
}

reduv {
  color: rgba(215, 64, 73, 1)
}

orangeuv {
  color: #ff7c39
}

.rainrateblue,
.raintodayblue {
  font-family: weathertext2
}

uppercase {
  text-transform: capitalize
}

greenf {
  font-size: 12px;
  padding: 2px;
  font-weight: 700
}

solartrend {
  margin-left: 15px;
  margin-top: -15px
}

uvtrend {
  margin-left: 5px;
  margin-top: -5px
}

.tempblue,
.tempgreen,
.temporange,
.tempred,
.tempyellow {
  margin-top: -17px;
  float: left;
  width: 60px
}

.metricsymbol {
  top: 15px;
  left: 81px
}

.tempblue,
.tempbluedew,
.tempgreen,
.tempgreendew,
.temporange,
.temporangedew,
.tempred,
.tempreddew {
  position: relative;
  padding: 1px;
  border-radius: 2px;
  margin-left: 35px
}

yellow,
yellow1 {
  color: #ddb549
}

.tempgreen {
  color: silver
}

.tempgreen span {
  font-weight: 600;
  color: #90b12a
}

.temporange {
  color: silver
}

.temporange span {
  font-weight: 600;
  color: #ff7c39
}

tempyellow {
  font-weight: 600;
  color: #ddb549
}

.tempred {
  color: silver
}

.tempred span {
  font-weight: 600;
  color: #ff5c41
}

.tempblue,
.tempgreenfeels {
  color: silver
}

.tempblue span {
  font-weight: 600
}

.tempbluedew,
.tempgreendew,
.temporangedew,
.tempreddew {
  color: silver;
  margin-top: -5px;
  float: left;
  width: 60px
}

.tempbluefeels,
.tempgreenfeels,
.temporangefeels,
.tempredfeels {
  position: relative;
  padding: 1px;
  border-radius: 2px;
  margin-left: 44px;
  float: left;
  width: 60px;
  margin-bottom: 8px;
  margin-top: 0
}

.tempgreenfeels span {
  font-weight: 600;
  color: #90b12a
}

.temporangefeels {
  color: silver
}

.temporangefeels span {
  font-weight: 600;
  color: #ff7c39
}

.tempredfeels {
  color: silver
}

.tempredfeels span {
  font-weight: 600;
  color: #ff5c41
}

.tempbluefeels {
  color: silver
}

.tempbluefeels span {
  font-weight: 600
}

.tempgreendew span {
  font-weight: 600;
  color: #90b12a
}

.temporangedew span {
  font-weight: 600;
  color: #ff7c39
}

.tempreddew span {
  font-weight: 600;
  color: #ff5c41
}

.tempbluedew span {
  font-weight: 600
}

.barometerblue,
.barometerorange {
  position: absolute;
  background: rgba(97, 106, 114, 0);
  color: silver;
  width: 60px;
  border-radius: 2px;
  padding: 1px;
  float: left;
  line-height: 10px
}

.barometerblue {
  margin-top: 5px
}

.barometerorange {
  margin-top: -5px;
  margin-left: 0
}

.barometergreen,
.daylightblue,
.daylightred,
.moonrisered,
.moonsetblue,
.rainrateblue {
  margin-top: 0;
  position: relative;
  border-radius: 2px;
  padding: 1px;
  float: left
}

.barometerblue {
  margin-left: 5px
}

.barometerorange span {
  font-weight: 600;
  color: #ff7c39
}

.barometerblue span {
  font-weight: 600
}

.barometergreen {
  color: #fff;
  background: #90b12a;
  margin-left: 120px;
  width: 60px
}

.daylightblue,
.daylightred,
.moonrisered,
.moonsetblue {
  width: 65px;
  line-height: 10px
}

.barometergreen span,
.barometergreen supunit {
  font-weight: 600;
  color: #fff
}

.daylightblue,
.daylightgreen span,
.daylightred,
.daylightred span {
  color: silver
}

.daylightblue,
.daylightred {
  margin-left: 20px
}

.moonrisered,
.moonrisered span,
.moonsetblue {
  font-weight: 600;
  color: #fff
}

.rainrateblue {
  margin-left: -5px;
  width: 45px;
  font-size: 12px
}

.rainrateblue span {
  color: silver;
  font-size: 10px
}

.raintodayblue {
  position: relative;
  padding: 1px;
  border-radius: 2px;
  margin-top: -7px;
  margin-left: 5px;
  float: left;
  width: 55px;
  font-size: 14px
}

.homeweathercompass2,
.raintodayblue span,
todayrain {
  color: silver;
  font-size: 12px
}

trising {
  color: #ff7c39
}

tsteady {
  color: #90b12a
}

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

.homeweathercompass2>.homeweathercompass-line2 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  position: absolute;
  left: 25px;
  top: 25px;
  bottom: 25px;
  width: 170px;
  height: 170px;
  border: 8px solid;
  border-top: 8px solid rgba(61, 64, 66, 1);
  border-right: 8px solid rgba(61, 64, 66, 1);
  border-radius: 50%;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transform: rotate(-45deg);
  margin: auto
}

.homeweathercompass2 {
  display: block;
  text-align: center;
  font-family: Arial, system;
  font-weight: 600;
  line-height: 12px;
  z-index: 10;
  margin: 25px 0 auto 40px
}

.text2,
.text3 {
  font-family: weathertext2;
  font-weight: 500
}

.text2 {
  font-size: 18px;
  margin-left: 35px;
  margin-top: 75px;
  color: #ff7c39
}

.pressuretext,
.pressuretextfast {
  position: absolute;
  font-size: .7rem;
  color: silver;
  margin-top: -18px;
  margin-left: 30px;
  width: 90px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif, system
}

.pressuretextfast {
  color: #d05f2d
}

.text2 span,
.text3 {
  font-size: 11px;
  color: silver
}

.thearrow4,
.thearrow7 {
  position: absolute;
  z-index: 200;
  top: 0;
  left: 43%;
  margin-left: -6px;
  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%
}

.thearrow3:after,
.thearrow4:after,
.thearrow7:after {
  content: '';
  background-color: 0;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.text3 {
  position: relative;
  margin-left: 5px;
  margin-top: 45px;
  float: left
}

.barometertrend2 {
  position: absolute;
  color: silver;
  padding: 1px;
  border-radius: 2px;
  margin-top: 129px;
  margin-left: 10px;
  float: left;
  width: 60px;
  line-height: 10px;
  font-size: 10px
}

.barometertrend2 span {
  font-weight: 600;
  color: #90b12a
}

.barometerconv {
  width: 70px;
  font: 10px arial, system;
  line-height: 10px;
  margin-top: 132px;
  position: absolute;
  text-align: center;
  color: #90b12a;
  font-weight: 600
}

.barometerlimits,
.hoursgoneby {
  position: absolute;
  font-size: 12px
}

.barometerconv span,
convtext {
  color: silver;
  display: block;
  font-weight: 500
}

.barometerlimits {
  margin-top: 57px;
  margin-left: 16px;
  width: 235px;
  color: #777;
  font-family: Helvetica, Arial
}

.thearrow3:after {
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0;
  border-color: rgba(255, 121, 58, 1) transparent transparent;
  transform: translate(-50%, -50%)
}

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

.thearrow4:after,
.thearrow7:after {
  left: 50%;
  -webkit-transform: translate(-50%, -50%)
}

.thearrow4:after,
.thearrow7:after {
  position: absolute;
  border-style: solid;
  border-width: 3px;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-color: #90b12a
}

convtext {
  font-weight: 500
}

.daylightbox {
  border: 0
}

#daylight {
  border: 6px solid rgba(95, 96, 97, .5)
}

.hoursgoneby {
  top: 40px;
  left: 27px;
  color: silver;
  border: 0
}

.daylightvalue,
.daylightvalue minutes {
  font-family: weathertext2;
  font-size: .95rem;
  line-height: 20px;
  width: 100px;
  position: absolute;
  color: silver;
  border: 0
}

.daylightvalue {
  left: -7px;
  top: 55px;
  z-index: 1
}

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

.daylightvalue span {
  position: absolute;
  color: silver;
  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: #ff7c39
}

.daylightvalue dayperiod {
  position: absolute;
  color: silver;
  font-size: 10px;
  left: 15px;
  top: 20px;
  width: 100px;
  border: 0
}

.daylightvalue hrs,
.daylightvalue min {
  position: absolute;
  color: silver;
  font-size: 9px;
  top: -17px;
  letter-spacing: normal
}

.daylightvalue min {
  left: 85px
}

.daylightvalue hrs {
  left: 40px
}

.hrstillsunset,
.hrswassunrise {
  width: 100px;
  position: absolute;
  font-size: 10px;
  margin-left: 120px
}

.daylightvalue:before {
  color: #90b12a
}

.hrswassunrise {
  margin-top: -120px;
  line-height: 12px
}

.hrstillsunset {
  margin-top: -20px;
  line-height: 12px
}

.sunrisehome,
.sunsethome {
  width: 100px;
  font-size: 10px;
  margin-left: -95px;
  line-height: 12px;
  position: absolute
}

.sunrisehome {
  margin-top: -120px
}

.sunsethome {
  margin-top: -20px
}

.weather34menulisting {
  width: 250px;
  padding: 5px;
  color: silver;
  height: 800px;
  position: absolute;
  left: 0;
  overflow: hidden;
  top: -800px;
  font-size: 14px
}

.weather34menulistings {
  position: relative;
  margin-top: 50px;
  list-style: none;
  line-height: 25px;
  float: left;
  text-align: left;
  margin-left: 5px;
  color: silver
}

.weather34menulistings a {
  color: silver
}

.weather34menulistings a:hover {
  color: #90b12a
}

.weather34menulistings p {
  height: 3px;
  margin-top: -15px
}

.weather34menulistings underline {
  font-family: Arial, Helvetica, system;
  font-weight: 700;
  font-size: 12px
}

@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 dayperiod,
.daylightvalue1 minutes,
.sundarkday,
.sunlightday,
.sunriseday,
.sunsetday {
  width: 100px;
  position: absolute;
  color: silver
}

.daylightvalue1,
.daylightvalue1 minutes {
  font-family: weathertext2;
  line-height: 20px;
  border: 0
}

.daylightvalue1 {
  left: 21px;
  margin-top: 10px;
  font-size: 1.25rem
}

.daylightvalue1 minutes {
  left: 37px
}

.daylightvalue1 period,
.daylightvalue1:before {
  font-family: weathertext2
}

.daylightvalue1:before {
  position: absolute;
  content: "Estimated";
  display: block;
  top: -33px;
  left: 47px;
  letter-spacing: normal;
  border: 0
}

.daylightvalue1 span {
  border: 0
}

.daylightvalue1 dayperiod {
  border: 0;
  font-size: 10px;
  left: 15px;
  top: 20px
}

.daylightvalue1 hrs,
.daylightvalue1 min {
  font-size: 9px;
  top: -17px;
  color: silver;
  letter-spacing: normal;
  position: absolute
}

.daylightvalue1 min {
  left: 79px
}

.daylightvalue1 hrs {
  left: 46px
}

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

.sundarkday,
.sunriseday {
  font: .6rem arial, system
}

.sunriseday {
  margin-top: 116px;
  line-height: 9px;
  margin-left: 7px
}

.sundarkday {
  margin-left: 215px;
  text-align: center;
  line-height: 9px;
  margin-top: 0
}

.sunsetday {
  margin-left: 210px;
  text-align: center;
  margin-top: 116px;
  font: .6rem arial, system;
  line-height: 9px
}

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

.daylightcompass2>.daylightcompass-line2 {
  -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 dotted;
  border-top: 4px dotted rgba(61, 64, 66, 1);
  border-right: 4px dotted rgba(61, 64, 66, 1);
  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: silver;
  font-family: Arial, system;
  font-weight: 600;
  line-height: 12px;
  font-size: 12px;
  z-index: 10;
  margin: 25px 0 auto 40px
}

.orangealerticon {
  top: -35px;
  margin-left: 175px;
  padding: 4px;
  line-height: 0;
  position: relative
}

.clock-container,
.luxrate,
.luxrate span,
.timeago,
.uvimax,
memclock,
smallicon {
  position: absolute
}

smallicon {
  margin-top: -12px;
  margin-left: 10px;
  color: silver;
  font-size: 10px
}

wfblue,
wfgreen,
wforange,
wfred {
  font-size: 15px
}

.timeago {
  display: inline;
  margin-top: 12px;
  width: 100px;
  height: 15px;
  left: 80px
}

aurora {
  color: silver
}

wforange {
  color: #ff7c39
}

wfgreen {
  color: #90b12a
}

wfred {
  color: #ff5c41
}

.weather34todayraintext {
  -o-border-radius: 50%;
  -ms-border-radius: 50%
}

.uvimax span {
  color: silver;
  font: 10px arial, system
}

.luxrate,
.weather34luxrate,
.weather34luxrate span,
.weather34todayraintext {
  font-family: weathertext2
}

whiteuv {
  color: #ccc
}

.luxrate {
  left: 0;
  margin-top: 0
}

.weather34luxrate span {
  color: #777
}

.menucalendar,
tempblue,
tempgreen,
temporange,
tempred {
  font-weight: 600
}

.menucalendar {
  margin-left: 125px;
  margin-top: 5px;
  margin-bottom: -70px;
  color: #fff
}

.clock-container {
  float: left;
  color: #fff;
  font: 1em weathertext2;
  top: 10px;
  list-style: none;
  width: 140px;
  height: 1.55em;
  right: 137px;
  border: 0;
  padding-top: 0;
  line-height: 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: rgba(205, 82, 69, .8)
}

body,
darkskytemplohome uvspan,
gustorange {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.clock-container>ul,
.weather34clock {
  display: inline;
  color: #fff;
  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
}

.weather34calendarapp {
  text-align: center;
  margin-left: 180px;
  margin-bottom: -10px;
  margin-top: 5px
}

.weather34calendarapp-calendar {
  height: 60px;
  margin-bottom: 0;
  width: 50px
}

#weather34sidebarMenu,
.weather34sidebarMenuInner li {
  background: #151718;
  width: 240px;
  float: left
}

.weather34sidebarMenuInner li.flagstop{
  margin-bottom: -4px;
  padding-top: 0;
  padding-bottom: 0
}

.weather34sidebarMenuInner li.flagsmiddle {
  margin-top: -4px;
  margin-bottom: -4px;
  padding-top: 0;
  padding-bottom:0
}
.weather34sidebarMenuInner li.flagsbottom {
  margin-top: -4px;
  padding-top: 0;
  padding-bottom: 5px
}

.alertcircle,
civil {
  font-family: weathertext2, helvetica;
  font-weight: 500
}

#weather34sidebarMenu {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-250px);
  transition: transform 250ms ease-in-out;
  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: 500
}

.weather34cross.part-2,
.weather34horizontal {
  margin-top: 3px
}

.weather34sidebarMenuInner li {
  list-style: none;
  color: silver;
  padding: 0px 5px 3px 14px;
  cursor: pointer;
  border-bottom: 0;
  font-size: 12px;
  font-weight: 500
}

.luxrate,
rainu {
  padding-left: 0
}

.weather34sidebarMenuInner li.header,
.weather34sidebarMenuInner li.header.sub {
  font-size: 15px;
  text-align: left;
  color: #ff8841;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: 8px
}

.weather34sidebarMenuInner li span {
  display: block;
  font-size: 12px;
  color: silver;
  float: left;
  width: 240px;
  font-weight: 500
}

.weather34sidebarMenuInner li a {
  color: silver;
  cursor: pointer;
  text-decoration: none;
  float: left;
  font-size: 12px;
  font-weight: 500
}

.weather34sidebarMenuInner li a:hover {
  color: #ff7c39;
  cursor: pointer;
  text-decoration: none;
  float: left;
  font-size: 12px;
  font-weight: 500
}

/* CSS for the flyout menu */
.weather34sidebarMenuInner li.sub {
  background-image: url(sub2.svg);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}

.weather34sidebarMenuInner li ul {
  visibility: hidden;
  position: absolute;
  top: -30px;
  /* set up the overlap (minus the overrun) */
  left: 100px;
  /* set up the overrun area */
  padding: 30px;
  /* this is for IE to make it interpret the overrrun padding */
  background: transparent url(transparent.gif);
}

.weather34sidebarMenuInner li.sub ul li {
  padding-top: 6px;
  background-color: rgba(33, 34, 39, .95);
}

.weather34sidebarMenuInner li:hover {
  position: relative;
}

/* For accessibility of the top level menu when tabbing */
/* .weather34sidebarMenuInner a:active,
.weather34sidebarMenuInner a:focus {
  color: #000;
} */

/* for browsers that understand this is all you need for the flyouts */
.weather34sidebarMenuInner li:hover>ul {
  visibility: visible;
}

/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.weather34sidebarMenuInner ul a:hover ul ul {
  visibility: hidden;
}

/* keep the fourth level+ hidden when you hover on second level link */
.weather34sidebarMenuInner ul a:hover ul a:hover ul ul {
  visibility: hidden;
}

/* keep the fifth level hidden when you hover on third level link */
.menweather34sidebarMenuInneru ul a:hover ul a:hover ul a:hover ul ul {
  visibility: hidden;
}

/* make the second level visible when hover on first level link */
.weather34sidebarMenuInner ul a:hover ul {
  visibility: visible;
}

/* make the third level visible when you hover over second level link */
.meweather34sidebarMenuInnernu ul a:hover ul a:hover ul {
  visibility: visible;
}

/* make the fourth level visible when you hover over third level link */
.weather34sidebarMenuInner ul a:hover ul a:hover ul a:hover ul {
  visibility: visible;
}

/* make the fifth level visible when you hover over fourth level link */
.weather34sidebarMenuInner ul a:hover ul a:hover ul a:hover ul a:hover ul {
  visibility: visible;
}
/* End flyout menu */

input[type=checkbox]:checked~#weather34sidebarMenu {
  transform: translateX(0)
}

input[type=checkbox] {
  display: none
}

.weather34sidebarIconToggle {
  cursor: pointer;
  position: absolute;
  z-index: 99;
  top: 15px;
  left: 15px;
  height: 22px;
  width: 22px
}

.weather34spinner {
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: silver
}

.weather34cross.part-1,
.weather34cross.part-2,
.weather34horizontal {
  position: relative;
  transition: all .3s;
  box-sizing: border-box;
  float: left
}

.alertcircle,
.lightningstrikes,
.maxyesterday,
.windalertcircle,
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
}

uptime {
  font-size: 12px;
  left: 75px;
  padding-top: 5px;
  top: 62px
}

.lightningstrikes {
  margin-left: 9px;
  margin-top: 50px;
  width: 15px;
  font-size: .3em
}

.wfstrikes {
  font-size: 9px;
  top: -12px;
  color: silver
}

.daylightmoduleposition {
  position: relative;
  left: 5px;
  margin-top: 5px
}

highestrecorded {
  margin-top: -25px;
  display: block;
  color: silver;
  margin-left: 10px
}

.averagetemp {
  font-size: .6em;
  color: silver;
  display: block;
  top: 8px;
  width: 30px;
  left: 6px
}

.hometemperatureindoortrend1 {
  margin-left: 18px;
  margin-top: 125px;
  width: 15px
}

temporange {
  color: #ff7c39
}

tempgreen {
  color: #90b12a
}

tempred {
  color: #ee7159
}

suplight {
  color: silver;
  left: 3px;
  font-size: .7em
}

.darkskydiv,
.darkskyforecasthome,
.darkskyforecastinghome {
  font-family: weathertext2;
  color: #07727d
}

.darkskyforecasthome {
  position: absolute;
  width: 305px;
  background: 0;
  margin: 0px auto 0 5px;
  font-size: .65rem;
  display: block;
  border-radius: 3px;
  overflow: hidden
}

.darkskydiv,
.darkskyforecastinghome {
  overflow: hidden
}

.darkskyforecasthome darkskytemphihome,
.darkskyforecasthome darkskytempwindhome span,
.darkskyforecasthome darkskytempwindhome span2,
.darkskyweekdayhome {
  font-family: weathertext2;
  font-size: .93em;
  color: silver
}

.darkskydiv {
  width: 305px;
  height: 180px;
  margin-top: 0
}

.darkskyforecastinghome {
  float: left;
  display: inline;
  width: 29%;
  border-radius: 3px;
  margin: 5px 0 100px 3.25%;
  height: 140px;
  padding: 1px;
  background: 0;
  border: 1px solid rgba(153, 155, 156, .1);
  color: silver
}

.darkskyweekdayhome {
  position: absolutue;
  text-align: center;
  padding: 1px;
  color: silver;
  margin: 0;
  background: 0
}

.darkskyforecasthome darkskytemphihome,
.darkskyforecasthome darkskytemplohome {
  margin-top: 0;
  margin-left: 1%;
  font-weight: 500
}

.darkskyforecasthome darkskytemphihome span {
  font-size: .7rem;
  color: #ff7c39
}

.darkskyforecasthome darkskytemphihome {
  font-size: 12px;
  color: #ff7c39
}

.darkskyforecasthome darkskytempwindhome,
.darkskyforecasthome darkskytempwindhome span4 {
  color: #07727d;
  font-family: weathertext2;
  font-size: .65rem
}

.darkskyforecasthome darkskytemplohome span {
  font-size: .7rem
}

.smallf,
darkskytemplohome uv,
lorange {
  font-weight: 500
}

darkskyforecasthome darkskytemplohome,
darkskytemplohome {
  font-size: .7rem;
  font-weight: 500
}

darkskytemplohome uvspan,
smalluvunit {
  font-weight: 400
}

.darkskyiconcurrent span1,
.darkskynexthours,
.darkskynexthours span1,
.darkskynexthours span2 {
  font-family: arial, helvetica, system;
  color: silver
}

.darkskynexthours span1,
.darkskynexthours span2 {
  font-size: 12px
}

thunder {
  display: inline-block;
  position: relative;
  font-size: 9px;
  font-weight: 500;
  top: -2px;
  color: silver
}

.darkskyiconcurrent {
  postion: relative;
  position: relative;
  margin-top: 10px;
  margin-bottom: -5px;
  margin-left: 35px;
  float: left
}

.darkskyiconcurrent {
  position: relative;
  margin-top: 10px;
  margin-bottom: -5px;
  margin-left: 35px;
  float: left
}

.darkskyiconcurrent span1 {
  font-size: .9em
}

heatindex {
  color: silver;
  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: .7rem;
  color: silver;
  font-family: weathertext2;
  text-align: center;
  width: 200px;
  padding: 5px;
  line-height: 18px
}

.calendar34 {
  position: absolute;
  left: 10px;
  top: 20px;
  color: rgba(230, 232, 239, .2)
}

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

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

indoorblue,
indoorgreen,
indoororange,
indoorred,
indooryellow {
  font-family: weathertext2
}

#weather34lightningdialog-notify,
.bottomfooter a,
.consoleoutlook,
.lightningstrikes1,
.small,
.smallhr,
.weather34barometerarrowmax:before,
.weather34barometerarrowmin:before,
.weather34lightningmain-content,
notifyblue,
notifyorange,
notifyred,
spanewind,
spanewind2 {
  font-family: Arial, Helvetica, system
}

indoorred {
  color: #d35d4e
}

indoororange {
  color: #ff7c39
}

indoorgreen {
  color: #90b12a
}

indooryellow {
  color: #e6a141
}

.lightningalerticon,
.rainalerticon {
  margin-top: -55px;
  padding: 4px;
  line-height: 20px;
  position: relative
}

.homeweatheralert {
  top: 40px
}

.rainalerticon {
  margin-left: 150px
}

.lightningalerticon {
  margin-left: 165px
}

lightningannual {
  position: relative;
  top: 0;
  left: -15px;
  display: block;
  color: silver
}

.smallf {
  font-size: .5em
}

.smallhr {
  position: absolute;
  top: 20px;
  color: #fff;
  font-size: 9px;
  line-height: 13px;
  left: 16px
}

.lightningstrikes1 {
  position: absolute;
  font-size: .7rem;
  margin-left: 50px;
  margin-top: 95px;
  width: 15px
}

.homeindoorfeels1,
.lightninginfo {
  position: absolute;
  margin-left: 125px;
  padding: 5px;
  text-align: left;
  color: silver
}

.wfstrikes1 {
  position: absolute;
  font-size: 9px;
  top: -12px;
  left: 12px;
  color: silver
}

agolightning,
lorange,
lorange1 {
  color: #ff7c39
}

.homeindoorfeels1 {
  margin-top: 25px;
  border-radius: 2px;
  border: 1px solid rgba(95, 96, 97, .4);
  width: 170px;
  font-size: 14px
}

.lightninginfo {
  margin-top: 45px;
  border-radius: 2px;
  border: 1px solid rgba(95, 96, 97, .4);
  width: 140px;
  font-size: .7rem
}

.lightningbox {
  padding: 10px;
  border-radius: 2px;
  border: 1px solid solid
}

.orangeclock,
notifyblue {
  -webkit-border-radius: 2px
}

lightningannualx,
lightningannualx1 {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  color: silver
}

lorange1 {
  font-weight: 100
}

timeago {
  display: block;
  font-size: .7rem;
  color: silver
}

agolightning {
  font-size: .7rem
}

.orangeclock {
  position: relative;
  background: rgba(205, 82, 69, .8);
  padding: 2px;
  color: #fff;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  width: 6.5rem;
  height: 1.25rem;
  text-align: center;
  margin-left: 40px;
  margin-top: 3px;
  font-size: .9rem;
  font-family: clock
}

.azimuth,
.elevation,
.luxratedark,
.solarsun,
.weather34luxvalue,
.weather34solarvalue,
nosun1 {
  position: absolute
}

.bottomfooter {
  height: 3.8em;
  background: rgba(30, 31, 35, 1);
  width: 100%;
  margin-top: 5px
}

.bottomfooter a {
  color: #bbb;
  padding: 5px 15px 5px 5px;
  float: right;
  font-size: 14px
}

.azimuth,
.elevation {
  color: #bbb
}

.weather34uvslux {
  color: #f5650a;
  margin-left: 230px;
  margin-top: 17px;
  font-size: 12px;
  width: 28px;
  max-height: 100px;
  line-height: 10px;
  text-align: center
}

.weather34uvsluxrate {
  color: #f5650a;
  font-size: 10px;
  padding-left: 2px
}

.weather34uvsluxrate span {
  color: gray
}

.weather34uvs {
  color: #fff;
  margin-left: 130px;
  margin-top: 57px;
  font-family: weathertext2;
  max-height: 41px;
  font-size: 16px;
  line-height: 10px;
  padding-top: 13px;
  border: 0
}

.weather34uvs span {
  color: gray;
  font-family: arial, system;
  font-size: 8px;
  font-weight: 500
}

uv0,
uv10,
uv3,
uv5,
uv8 {
  align-items: center;
  justify-content: center;
  height: 43px;
  width: 43px;
  border-radius: 50%;
  color: #fff;
  line-height: 10px;
  padding-top: 0;
  font-family: weathertext2, Helvetica, system;
  border: 1px solid gray;
  font-size: 1.25em
}

uv0 {
  background-color: #90b12a
}

uv3 {
  background: #e6a141
}

uv5 {
  background-color: #f5650a
}

uv8 {
  background-color: #ef5350
}

uv10 {
  background-color: #a475cb;
  font-size: 1.2em
}

talert {
  top: 25px;
  margin-left: 40px;
  font-size: 14px;
  line-height: 16px
}

.uvspan {
  font-size: 10px;
  line-height: 0;
  font-weight: strong;
  margin-top: 145px;
  color: #777
}

.luxratedark,
.weather34luxrate,
.weather34solarvalue {
  line-height: 10px
}

.azimuth,
.elevation,
.homeweatheralert2 spanbold,
supunit {
  font-weight: 500
}

.weather34luxrate {
  color: #f5650a;
  margin-left: 250px;
  margin-top: 27px;
  font-size: 12px;
  width: 28px;
  max-height: 100px;
  text-align: center
}

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

luxrate {
  left: -5px
}

luxratespan {
  left: 5px
}

.luxrate {
  text-align: left;
  color: #f5650a;
  font-size: 12px
}

.luxrate span {
  color: #777;
  font-size: 12px;
  left: 4px;
  margin-top: 1px
}

darkgrey {
  color: silver
}

supmb {
  font-size: .8em
}

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

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

.thearrow4:after,
.thearrow7:after {
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 0
}

.thearrow7:after {
  border-radius: 0;
  border-bottom: 5px solid rgba(255, 124, 57, .7)
}

.thearrow4:after {
  -webkit-border-radius: 0;
  border-radius: 0;
  border-bottom: 5px solid rgba(102, 188, 199, .7)
}

.weather34barometerarrowactual:after,
.weather34barometerarrowmin:after {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.weather34luxvalue {
  margin-left: 251px;
  margin-top: 5px;
  font-size: 11px;
  line-height: 10px;
  text-align: center;
  max-width: 20px;
  z-index: 1
}

.weather34luxvalue span {
  font-size: 10px;
  display: block;
  z-index: 1
}

solarluxvalue {
  font-size: 13px
}

.luxratedark,
.luxratedark span {
  text-align: center;
  font-size: 11px
}

.weather34barometerarrowactual,
.weather34barometerarrowmin {
  z-index: 200;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%
}

.luxratedark {
  color: #f5650a;
  display: inline-block;
  left: -5px
}

.luxratedark span {
  color: rgba(236, 87, 27, 1);
  display: block
}

.weather34uvposition {
  position: relative;
  margin-top: -5px
}

.weather34barometerarrowactual {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 0;
  width: 8px;
  height: 50%;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

.weather34barometerarrowactual:after {
  background-color: 0;
  -o-transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0;
  border-color: #ff7c39 transparent transparent;
  transform: translate(-50%, -50%)
}

.weather34barometerarrowactual:before {
  content: 'o o o';
  width: 0;
  position: absolute;
  left: 2px;
  top: -5px;
  border: 0;
  color: #ff7c39;
  font-size: 5px;
  font-family: Arial, Helvetica, system
}

.weather34barometerarrowmax:after,
.weather34barometerarrowmax:before,
.weather34barometerarrowmin:after,
.weather34barometerarrowmin:before {
  content: '';
  position: absolute
}

.weather34barometerarrowmin {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 0;
  width: 8px;
  height: 50%;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

.weather34barometerarrowmin:after {
  background-color: 0;
  -o-transform: translate(-50%, -50%);
  left: 50%;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px;
  border-color: rgba(102, 188, 199, .8);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%)
}

.weather34barometerarrowmin:before {
  width: 0;
  left: 2px;
  top: -5px;
  border: 0;
  color: rgba(102, 188, 199, .6);
  font-size: 5px
}

.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%);
  background-color: 0;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  left: 50%;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px;
  border-color: rgba(255, 121, 58, .8);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%)
}

.weather34barometerarrowmax:before {
  width: 0;
  left: 2px;
  top: -5px;
  border: 0;
  color: rgba(255, 121, 58, .6);
  font-size: 5px
}

.weather34-barometerruler {
  position: absolute;
  width: 135px;
  height: 1px;
  border: 1px dashed rgba(53, 56, 58, 1);
  margin-left: 65px;
  margin-top: 62px
}

weather34-barometerlimitmax,
weather34-barometerlimitmin,
weather34-barometerlimitminf {
  margin-top: -6px;
  position: absolute;
  font-size: 11px
}

weather34-barometerlimitmin {
  left: -27px;
  color: rgba(77, 175, 189, 1)
}

weather34-barometerlimitmax {
  left: 140px;
  color: #ff7c39
}

weather34-barometerlimitminf {
  left: -20px;
  color: rgba(77, 175, 189, 1)
}

weather34-barometerlimitmaxf {
  position: absolute;
  margin-top: 0;
  left: 163px;
  font-size: 11px;
  color: #ff7c39
}

chartinfocolor {
  color: rgba(68, 166, 181, 1)
}

#weather34lightningdialog-notify {
  width: 200px;
  max-height: 250px;
  right: 10px;
  top: 50px;
  z-index: 1;
  position: fixed;
  -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;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 8px;
  overflow: hidden;
  background: #616a72
}

.weather34lightningdialog-box .header {
  height: 25px;
  position: relative;
  color: #fff;
  background: rgba(86, 95, 103, 1);
  line-height: 22px;
  border-radius: 5px;
  font-size: 12px
}

.weather34lightningbackground-alert {
  height: 100%;
  width: 100%;
  background-color: rgba(61, 64, 66, 0);
  position: absolute
}

.weather34lightningcontents {
  z-index: 100;
  position: inherit;
  font-size: 12px;
  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-size: .9em
}

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

.daylightvalue1 {
  position: absolute;
  margin-left: 68px;
  top: 45px
}

.daylightvalue1 hours {
  position: relative;
  left: 0px
}

.daylightvalue1 period {
  position: absolute;
  font-size: 11px;
  line-height: 12px;
  top: 24px;
  left: 40px;
  letter-spacing: normal;
  color: silver
}

.daylightvalue1 hrs {
  margin-left: 0
}

.daylightvalue1 span {
  position: relative;
  left: 42px;
  top: -3px;
  color: #ff7c39;
  font-size: 26px;
  margin-right: 7px
}

notifyblue,
notifyorange,
notifyred {
  color: #fff;
  padding: 0 2px;
  font-weight: 600
}

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

notifyblue {
  background: #44a6b5;
  border-radius: 2px
}

notifyorange {
  background: #ff7c39;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

notifyred {
  background: #d35d4e;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

body {
  color-adjust: [exact]
}

.vp2container {
  display: flex;
  justify-content: center;
  align-items: center
}

.consoleoutlook {
  position: relative;
  color: silver;
  font-size: .42em;
  margin-top: 1.5rem;
  line-height: 1em;
  margin-left: 20px;
  width: 170px
}

.weather34sunclock {
  width: 120px;
  height: 120px;
  margin-left: 95px;
  margin-top: 15px;
  border-radius: 100%;
  position: absolute;
  border: 4px solid rgba(59, 60, 63, 1);
  -moz-transform-origin: 50% 50%;
  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)
}

.rainconverter,
.tempconverter {
  margin-top: 5px;
  margin-left: 245px
}

.consoleicon {
  position: absolute;
  left: 170px;
  top: 32px;
  width: 28px;
  height: 28px
}

.daylightvalue34,
.daylightvalue34 minutes {
  font-family: weathertext2;
  font-size: 26px;
  line-height: 20px;
  width: 100px;
  border: 0;
  position: absolute;
  color: #e6e8ef
}

.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: 25px;
  width: 100px
}

.daylightvalue34 hrs,
.daylightvalue34 min {
  font-size: 9px;
  top: -17px;
  color: #e6e8ef;
  letter-spacing: normal;
  position: absolute
}

.daylightvalue34 min {
  left: 85px
}

.daylightvalue34 hrs {
  left: 40px
}

.daylightvalue34 {
  position: absolute;
  margin-left: 68px;
  top: 65px;
  font-family: weathertext2;
  left: 17px
}

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

.daylightvalue34 period {
  position: absolute;
  font-size: 11px;
  line-height: 20px;
  top: 25px;
  left: 42px;
  letter-spacing: normal;
  color: #e6e8ef
}

.daylightvalue34 hrs {
  margin-left: 0
}

.daylightvalue34 span {
  border: 0;
  position: relative;
  left: 42px;
  top: -3px;
  color: #e6e8ef;
  font-size: 26px;
  margin-right: 7px
}

.daylightoutput {
  border: 4px solid rgba(86, 95, 103, 1)
}

redtime {
  color: #d35d4e
}

.weather34box .value1 {
  position: absolute;
  font-size: 14px;
  font-weight: lighter;
  padding: 0 3px;
  color: silver;
  float: left;
  top: 30px;
  display: block;
  text-align: left
}

.rainconvertercircle,
.tempconvertercircleblue,
.tempconvertercirclegreen,
.tempconvertercircleorange,
.tempconvertercirclepurple,
.tempconvertercirclered,
.tempconvertercircleyellow {
  align-items: center;
  width: 4.2rem;
  color: silver;
  font-family: weathertext2;
  height: 1rem;
  line-height: 16px;
  overflow: hidden
}

.rainconverter {
  position: absolute;
  font-size: 12px
}

.rainconvertercircle {
  display: flex;
  justify-content: center;
  border: 1px solid #38383c;
  border-radius: 2px;
  font-size: .85em
}

smallrainunit {
  font-size: .7em
}

.tempconvertercircleblue,
.tempconvertercirclegreen,
.tempconvertercircleorange,
.tempconvertercirclepurple,
.tempconvertercirclered,
.tempconvertercircleyellow {
  display: flex;
  justify-content: center;
  border: 1px solid #38383c;
  border-radius: 2px;
  font-size: .85em
}

.barometerconverter,
.barometertrendx,
.tempavg60,
.tempindoorconverter {
  font-size: 12px;
  position: absolute
}

.uvtoday1-3 {
  background: #90b12a
}

.uvtodaydark {
  background: #4a636f
}

.tempindoorconverter {
  margin-left: 245px;
  margin-top: -15px
}

.tempavg60 {
  margin-left: 0;
  margin-top: 105px
}

.barometerconverter {
  margin-left: 250px;
  margin-top: 5px
}

.barometertrendx {
  margin-left: 260px;
  margin-top: 130px
}

smallsup {
  color: silver;
  font-size: .5rem;
  font-family: Arial, Helvetica, system
}

.tempconverter1,
.windconverter {
  font-size: 12px;
  position: absolute
}

.tempconverter1 {
  margin-left: 53px;
  margin-top: 0
}

.heatcircle,
.heatcircle2,
.heatcircle3,
.heatcircle4,
.heatcircle5 {
  padding: 0;
  width: 170px;
  position: absolute;
  float: left
}

.heatcircle {
  margin-top: 30px;
  margin-left: 100px
}

.heatcircle2 {
  margin-top: 0;
  margin-left: 75px
}

.heatcircle3,
.heatcircle4 {
  margin-top: 40px
}

.heatcircle3 {
  margin-left: 0
}

.heatcircle4 {
  margin-left: 75px
}

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

.windconverter {
  margin-left: 252px;
  margin-top: -15px
}

.windconvertercircleblue1,
.windconvertercirclegreen1,
.windconvertercircleorange1,
.windconvertercirclered1,
.windconvertercircleyellow1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  width: 3.4rem;
  border: 1px solid #38383c;
  overflow: hidden;
  -webkit-border-radius: 2px;
  line-height: 16px;
  font-family: weathertext2;
  font-size: .85em;
  color: silver;
  background: 0
}

smalltempunit {
  font-size: .5em
}

smalltempunit2 {
  font-size: .55rem
}

smalltempunit4 {
  font-size: .45rem
}

.barometerconvertercircleblue {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  width: 3.5rem;
  border: 1px solid #38383c;
  overflow: hidden;
  border-radius: 2px;
  color: silver;
  line-height: 16px;
  font-family: weathertext2, Helvetica, system;
  font-size: .85em;
  right: 10px;
  background: 0
}

.tempcontainer {
  float: left;
  font-family: weathertext2;
  bottom: 0;
  right: 0;
  position: relative;
  margin: 25px 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,
.outsideminus10,
.outsideminus5,
.outsidezero {
  font-family: weathertext2;
  width: 6rem;
  height: 5.5rem;
  font-size: 1.6rem;
  padding-top: 10px;
  color: #f8f8f8;
  border-bottom: 18px solid #38383c;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.outsideminus10 {
  background: #3369e7;
  background: -webkit-linear-gradient(45deg, #ab49de, #3369e7);
  background: linear-gradient(45deg, #ab49de, #3369e7)
}

.outsideminus5 {
  background: #3b9cac;
  background: -webkit-linear-gradient(45deg, #ab49de, #3b9cac);
  background: linear-gradient(45deg, #ab49de, #3b9cac)
}

.outsideminus,
.outsidezero {
  background: #00a4b4;
  background: -webkit-linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1));
  background: linear-gradient(270deg, #00a4b4, rgba(80, 69, 188, 1))
}

.outside0-5 {
  background: #00a4b4;
  background: -webkit-linear-gradient(270deg, #00a4b4, #087883);
  background: linear-gradient(270deg, #00a4b4, #087883)
}

.outside6-10 {
  background: #88b04b;
  background: -webkit-linear-gradient(90deg, #00a4b4, #88b04b);
  background: linear-gradient(90deg, #00a4b4, #88b04b)
}

.outside11-15 {
  background: #e6a141;
  background: -webkit-linear-gradient(90deg, #90b12a, #e6a141);
  background: linear-gradient(90deg, #90b12a, #e6a141)
}

.outside16-20 {
  background: #ff7c39;
  background: -webkit-linear-gradient(90deg, #90b12a, #ff7c39);
  background: linear-gradient(90deg, #90b12a, #ff7c39)
}

.outside21-25 {
  background: #efa80f;
  background: -webkit-linear-gradient(90deg, #efa80f, #d86858);
  background: linear-gradient(90deg, #efa80f, #d86858)
}

.outside26-30 {
  background: #d05f2d;
  background: -webkit-linear-gradient(90deg, #d05f2d, rgba(236, 102, 21, 1));
  background: linear-gradient(90deg, #d05f2d, rgba(236, 102, 21, 1))
}

.outside31-35 {
  background: #d86858;
  background: -webkit-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: linear-gradient(90deg, #fd7641, #637ff6)
}

.outside41-45,
.outside50 {
  background: #de2c52;
  background: -webkit-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: silver;
  font-family: Arial, system
}

trendmovementfallingx,
trendmovementrisingx {
  color: #bbb;
  font-size: .7rem;
  font-family: Arial, system
}

.maxdata,
.uvcontainer1 {
  font-family: weathertext2
}

trendmovementsteadyx {
  color: #bbb;
  font-size: .7rem
}

.maxdata {
  position: absolute;
  font-size: .75em;
  color: #fff;
  margin: 5px auto auto;
  left: 18%
}

.simsekcontainer,
.uvcontainer1 {
  right: 0;
  left: -10px;
  float: left;
  bottom: 0
}

.uvcontainer1 {
  position: relative;
  margin: 40px 10px 10px 40px;
  top: 15px
}

smalluvunit {
  font-size: .55rem;
  font-family: Arial, Helvetica, system
}

.simsek,
.uvtoday1,
.uvtoday1-3,
.uvtoday11,
.uvtoday4-5,
.uvtoday6-8,
.uvtoday9-10,
.uvtodaydark {
  font-family: weathertext2;
  width: 5rem;
  height: 4.5rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  display: flex
}

.uvtoday1,
.uvtoday1-3,
.uvtoday11,
.uvtoday4-5,
.uvtoday6-8,
.uvtoday9-10,
.uvtodaydark {
  font-size: 1.45rem;
  padding-top: 7px;
  color: #fff;
  border-bottom: 15px solid #38383c;
  align-items: center;
  justify-content: center;
  border-radius: 2px
}

.uvcaution,
.uvtrend {
  position: absolute;
  font-size: .65rem
}

.uvcaution time {
  font-size: .55rem
}

.uvtoday4-5 {
  background: #e6a141
}

.uvtoday6-8 {
  background: rgba(255, 124, 57, .8)
}

.uvtoday9-10 {
  background: rgba(211, 93, 78, .8)
}

.uvtoday11 {
  background: rgba(204, 135, 248, .7)
}

.simsek,
topyellow1 {
  background: #e6a141
}

toporange1,
wfstriketoday {
  background: #d05f2d
}

.uvcaution {
  margin-left: 33px;
  margin-top: 112px;
  font-family: Arial, Helvetica, system
}

.uvtrend {
  margin-left: 47px;
  margin-top: 60px;
  z-index: 1;
  color: #fff
}

.simsekcontainer {
  font-family: weathertext2;
  position: relative;
  margin: 40px 10px 10px 40px;
  top: 13px
}

.simsek {
  font-size: 1.45rem;
  padding-top: 12px;
  color: #f8f8f8;
  border-bottom: 15px solid #38383c;
  align-items: center;
  justify-content: center;
  border-radius: 2px
}

.simsekdata,
.simsektoday {
  position: absolute;
  font-size: .7rem
}

.simsektoday {
  margin-top: -15px;
  margin-left: 1.65rem;
  text-align: center;
  z-index: auto;
  color: silver;
  font-family: Arial, system
}

.simsekdata {
  font-family: Arial, Helvetica, system;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px auto auto;
  left: 28.1%
}

.topmin,
.wfstrike {
  left: -100px
}

topdaqi1,
topdaqi2,
topdaqi3,
topdaqi4,
topdaqi5 {
  font-family: weathertext2;
  width: 3.3rem;
  height: 2.4rem;
  font-size: .9em;
  padding-top: 7px;
  color: #38383c;
  border-bottom: 11px solid #38383c;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  margin-left: 133px;
  top: -5px
}
topalertyellow,
topalert,
topblue1,
topgreen1,
toporange1,
topred1,
topyellow1,
topyellow2,
topdaqi6,
topdaqi7,
topdaqi8,
topdaqi9,
topdaqi10 {
  font-family: weathertext2;
  width: 3.3rem;
  height: 2.4rem;
  font-size: .9em;
  padding-top: 7px;
  color: #fff;
  border-bottom: 11px solid #38383c;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  margin-left: 133px;
  top: -5px
}

.topmax,
.topmin {
  position: absolute;
  margin-top: 39px;
  font-size: 12px;
  padding-right: 4px;
  padding-left: 0
}

.maxword,
.minword,
.minwordl {
  margin-top: 35px; 
  font-size: .55rem;
  color: #fff;
  z-index: 1;
  position: absolute          
}

.maxwordlow,
.minwordlow {
  margin-top: 35px;    
  font-size: .55rem;
  color: #38383c;
  z-index: 1;
  position: absolute    
}

topdaqi1 {
  background: #9cff9c
}

topdaqi2 {
  background: #31ff00
}

topdaqi3 {
  background: #31cf00
}

topdaqi4 {
  background: #ff0
}

topdaqi5 {
  background: #ffcf00
}

topdaqi6 {
  background: #ff9a00
}

topdaqi7 {
  background: #ff6464
}

topdaqi8 {
  background: red
}

topdaqi9 {
  background: #900
}

topdaqi10 {
  background: #ce30ff
}

topred1 {
  background: #d35d4e
}

topgreen1 {
  background: #90b12a
}

topyellow2 {
  background: rgba(233, 171, 74, .8)
}

.topmax {
  left: 10px
}

.maxword {
  margin-left: 157px
}

.maxwordlow {
  margin-left: 157px
}

.minword {
  margin-left: 48px
}

.minwordlow {
  margin-left: 48px
}

.minwordl {
  margin-left: 43px
}

.maxtimedate,
.mintimedate {
  position: absolute;
  margin-top: 61px;
  font-size: .54rem;
  z-index: 1;
  color: silver;
  width: 50px
}

.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: 40px;
  font-size: 1.2rem;
  color: rgba(86, 95, 103, .4);
  width: 200px;
  font-family: weathertext2
}

.windunitidspeed {
  color: silver;
  margin-top: -35px;
  font-size: 10px;
  position: absolute;
  width: 55px;
  margin-left: 0
}

.windunitidgust {
  color: silver;
  margin-top: -35px;
  font-size: 10px;
  position: absolute;
  width: 85px;
  left: -16px
}

.windunitgust,
.windunitspeed {
  color: silver;
  margin-top: 7px;
  font-size: 10px;
  position: absolute;
  margin-left: 15px
}

.davisfooterlogo {
  margin-top: 5px
}

img {
  shape-rendering: auto
}

img.menuimg {
  max-width: 60px;
  max-height: 20px;
  height: auto;
  vertical-align: middle;
  margin-top: -4px
}

img.flags{
  width: 25px;
  height: 25px;
  margin-right: 3px
}

.sundialcontainerdiv2,
canvas {
  image-rendering: high-quality
}

.daylightword {
  left: 137px;
  top: 5px
}

.elevationword {
  left: 105px;
  top: 134px
}

.elevationword span {
  color: rgba(68, 166, 181, 1)
}

.daylightword,
.elevationword {
  font-size: .6rem;
  position: absolute;
  color: silver
}

.sundialcontainerdiv2 {
  position: relative;
  top: 15px;
  margin-left: -5px
}

canvas {
  image-rendering: -moz-high-quality;
  image-rendering: -webkit-high-quality;
  -ms-interpolation-mode: nearest-neighbor
}

.circleborder {
  width: 109px;
  height: 109px;
  border: 6px solid rgba(59, 60, 63, 1);
  position: absolute;
  left: 100px;
  top: 21px;
  border-radius: 50%
}

.suncanvasstyle {
  margin: 0 10px 10px;
  left: 5.69rem;
  position: absolute;
  image-rendering: high-quality;
  height: 10em
}

.luminancem,
.moonphasem {
  font-size: .58rem;
  line-height: 12px;
  position: absolute;
  margin-top: -50px
}

.moonphasem {
  left: -85px
}

.luminancem {
  left: 115px
}

.luminancem span,
.moonphasem span {
  display: block;
  font-size: .58rem;
  width: 100px;
  line-height: 16px;
  color: #bbb
}

.moonphasem span {
  left: 0
}

.luminancem span {
  left: 5px
}

.sunelevation {
  color: #bbb;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  font-size: .55rem;
  width: 110px;
  margin-left: 106px;
  top: 27px
}

.sunelevation span {
  font-family: weathertext2, Arial, Helvetica, sans-serif;
  font-size: .65rem;
  margin-left: 1px;
  color: rgba(68, 166, 181, 1)
}

.daylightvalue1:before {
  font-size: .6rem;
  line-height: 20px
}

.luxtoday,
.luxtodaydark,
.solarluxtoday,
.solarluxtodaydark {
  height: 1.75rem;
  display: flex;
  border-bottom: 11px solid #38383c;
  font-family: weathertext2
}

.solartodaycontainer1 {
  position: relative;
  left: 110px;
  top: 70px
}

.solarluxtoday,
.solarluxtodaydark {
  width: 3.15rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  font-size: .75rem;
  padding-top: 0;
  color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background: rgba(255, 124, 57, .8)
}

.luxtoday,
.luxtodaydark,
.solarluxtodaydark {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px
}

.solarluxtodayword {
  margin-left: 133px;
  margin-top: 110px;
  font-size: .65em;
  color: #bbb;
  position: absolute;
  z-index: 10;
  padding: 2px
}

.luxtodaycontainer1 {
  position: relative;
  left: -26px;
  top: 70px
}

.luxtoday,
.luxtodaydark {
  width: 3.17rem;
  -o-border-radius: 2px;
  font-size: .75rem;
  padding-top: 0;
  color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background: rgba(255, 124, 57, .8)
}

.luxtodayword,
.weather34luxword,
.weather34solarword {
  font-size: .65em;
  color: #bbb;
  position: absolute;
  z-index: 10
}

.luxtodayword {
  margin-left: 228px;
  margin-top: 110px;
  padding: 2px
}

.luxtodaydark,
.solarluxtodaydark {
  background: #4a636f
}

.weather34luxword,
.weather34solarword {
  margin-top: 92px
}

.weather34solarvalue {
  margin-left: 30px;
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
  max-width: 20px;
  z-index: 1
}

.weather34solarvalue span {
  font-size: 10px;
  display: block;
  z-index: 1
}

.weather34luxword {
  margin-left: 242px
}

.weather34solarword {
  margin-left: 153px
}

.luxwrap,
.solarwrap {
  position: absolute;
  border: 1px solid rgba(86, 95, 103, .3);
  border-bottom: 3px solid rgba(86, 95, 103, .3);
  width: 44pt;
  padding: 0;
  height: 30pt;
  margin-top: 70px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.solarwrap {
  margin-left: 136px
}

.luxwrap {
  margin-left: 221px
}

.uvcautionbig {
  display: flex;
  height: 1rem;
  width: 5.3rem;
  border: 1px solid #38383c;
  font-size: .6rem;
  position: absolute;
  margin-left: 220px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-top: 5px;
  color: silver
}

.uvcautionbig span {
  color: #ff7c39;
  padding-right: 3px
}

currentmoonrise,
currentmoonset {
  font-size: .55rem;
  position: absolute
}

.percent0,
.percent10,
.percent100,
.percent20,
.percent30,
.percent40,
.percent50,
.percent60,
.percent70,
.percent80,
.percent90 {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #e6a141;
  border: 1px solid silver;
  height: .45rem;
  width: .45rem;
  display: inline;
  margin-top: 3px;
  margin-left: 3px
}

.percent90 {
  background: rgba(230, 161, 65, .9)
}

.percent80 {
  background: #e6a141
}

.percent70 {
  background: rgba(230, 161, 65, .7)
}

.percent60 {
  background: rgba(230, 161, 65, .6)
}

.percent50 {
  background: rgba(230, 161, 65, .5)
}

.percent40 {
  background: rgba(230, 161, 65, .4)
}

.percent30 {
  background: rgba(230, 161, 65, .3)
}

.percent20 {
  background: rgba(230, 161, 65, .2)
}

.percent10 {
  background: rgba(230, 161, 65, .1)
}

.percent0 {
  background: rgba(230, 161, 65, 0)
}

currentdarkness,
currentdaylight {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 6px;
  width: 6px;
  display: inline
}

currentdaylight {
  background: rgba(68, 166, 181, 1)
}

currentdarkness {
  background: #4a636f
}

currentmoonrise {
  left: 25px;
  top: 22px
}

moonrisecolor {
  color: #44a6b5
}

currentmoonset {
  left: -43px;
  top: 6px;
  width: 60px
}

.sunaboveweather34,
.sunbelowweather34 {
  width: 0;
  height: 0;
  border-style: solid;
  display: inline;
  margin-top: 3px;
  margin-left: 2px;
  position: absolute
}

.beaufort1,
.weather34windrun,
.windrun1 {
  height: 1rem;
  position: absolute;
  overflow: hidden
}

moonsetcolor {
  color: #ff7c39
}

.sunaboveweather34 {
  border-width: 0 3px 6px;
  border-color: transparent transparent rgba(208, 95, 45, .7);
  -webkit-transform: rotate(360deg)
}

.sunbelowweather34 {
  border-width: 6px 3px 0;
  border-color: rgba(74, 99, 111, .8) transparent transparent;
  webkit-transform: rotate(360deg)
}

.weather34beaufort1-3,
.weather34beaufort3-4,
.weather34beaufort4-5,
.weather34beaufort6 {
  font-size: .7rem;
  position: absolute;
  margin-top: 85px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  width: 4rem;
  border: 1px solid rgba(74, 99, 111, .2);
  overflow: hidden;
  border-radius: 2px;
  font-family: weathertext2
}

.weather34beaufort1-3 {
  color: #90b12a
}

.weather34beaufort3-4 {
  color: #e6a141
}

.weather34beaufort4-5 {
  color: #ff7c39
}

.weather34beaufort6 {
  color: #d35d4e
}

weather34bftspan {
  margin-left: 3px;
  font-size: .55rem;
  font-family: Arial, Helvetica, system;
  color: silver
}

.weather34windrun {
  font-size: .65rem;
  margin-top: 105px;
  margin-left: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  border: 1px solid rgba(74, 99, 111, .2);
  border-radius: 2px;
  font-family: weathertext2;
  background: 0
}

.beaufort1,
.windrun1,
weather34windrunspan {
  color: silver;
  font-family: Arial, Helvetica, system
}

.raincontainer1,
.rainratecirclehome,
.rainratesmall,
.raintoday1 {
  font-family: weathertext2
}

weather34windrunspan {
  margin-left: 3px;
  font-size: .5rem
}

.beaufort1,
.windrun1 {
  margin-top: 102px;
  font-size: .65rem;
  width: 6.5rem;
  display: flex
}

.windrun1 {
  margin-left: 240px;
  border: 0
}

.beaufort1,
.raintoday1 {
  justify-content: center
}

.beaufort1 {
  margin-left: 0;
  border: 0;
  border-radius: 2px
}

.barometerblue span,
.darkskyforecasthome,
.darkskyforecasthome darkskytemplohome,
.darkskyforecasthome darkskytemplohome span,
.rainaverage span,
.rainblue1,
.raintodayblue,
.tempblue span,
.tempbluedew span,
.tempbluefeels span,
.weather34windrun,
.yearrain,
.yearrain span,
blue,
fall,
lowtempspan,
lowtemptitle,
monthrainspan,
oblue,
oblueh1,
rainblue,
rainblue1,
rainrateblue,
tempblue,
tfalling,
wfblue,
windchill {
  color: #3b9cac
}

.raintoday1,
.suncircleblue,
topblue1 {
  background: #3b9cac
}

.feelslikebig {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border: 0;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-top: 40px;
  color: #ff7c39
}

.rainconvertercircleblue1,
.rainratecirclehome {
  align-items: center;
  display: flex;
  overflow: hidden
}

.feelslikebig span {
  color: silver;
  padding-right: 3px
}

.indoorhomevalue1,
.wfstrike {
  padding-right: 4px;
  padding-left: 0
}

darkskytemplohome uvspan,
gustorange,
torange {
  color: #ff7c39
}

tred {
  color: #d35d4e
}

tyellow {
  color: #e6a141
}

tgreen {
  color: #90b12a
}

oblue,
tblue {
  color: #3b9cac
}

.tempindoorextra {
  font-weight: 500;
  font-family: weathertext2;
  font-size: .68rem;
  position: absolute;
  margin-left: 45px;
  margin-top: 115px;
}

.tempindoorextra1 {
  font-weight: 500;
  font-family: weathertext2;
  font-size: .68rem;
  position: absolute;
  margin-left: 150px;
  margin-top: 115px;
}

.tempindoorextra2 {
  font-weight: 500;
  font-family: weathertext2;
  font-size: .68rem;
  position: absolute;
  margin-left: 225px;
  margin-top: 115px;
}

darkskytemplohome uv {
  font-size: .6rem;
  color: silver
}

#weather34rainbeaker:before {
  left: -10px
}

rainu {
  font-size: 10px;
  color: silver;
  left: 3px
}

.weather34i-rairate-bar {
  position: absolute;
  height: 100px;
  width: 130px;
  margin-left: 35px;
  margin-top: 40px
}

#raincontainer {
  height: 170px;
  overflow: hidden;
  position: absolute;
  width: 208px;
  margin-top: -70px;
  left: -20px
}

#raincontainer div {
  position: absolute
}

#weather34rainbeaker {
  border: 4px solid #393d40;
  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 #393d40;
  border-bottom: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  content: '';
  height: 5px;
  position: absolute;
  top: 0;
  width: 10px
}

.wfstrikes,
.wftemp {
  left: 12px;
  position: absolute
}

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

.raincontainer1 {
  position: relative;
  margin: 40px 10px 10px 40px;
  float: left;
  bottom: 0;
  right: 0;
  left: 15px;
  top: 47px
}

.cloudconverter,
.eqcaution,
.eqt,
.rainrateextra,
.rainratesmall,
.sundown34,
.sunup34,
.wflaststrike,
.wfstrike,
wfstriketoday {
  position: absolute
}

.raintoday1 {
  width: 3.1rem;
  height: 2.5rem;
  font-size: .75rem;
  padding-top: 7px;
  color: #fff;
  border-bottom: 8px solid #38383c;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.rainrateextra {
  margin-left: 227px;
  margin-top: 130px
}

.rainratecirclehome {
  line-height: 17px;
  justify-content: left;
  height: 1.4rem;
  width: 4rem;
  border: 1px solid #393d40;
  border-radius: 2px;
  font-size: .65rem;
  color: #4a636f;
  padding-top: 5px
}

.rainratesmall {
  top: 1px;
  color: silver;
  font-size: 9px;
  line-height: 12px;
  left: 40px
}

smallrainunit {
  color: silver
}

smallrainunit2,
smallrainunit3 {
  font-size: .5rem;
  color: silver;
  font-family: Arial, Helvetica, system
}

.rainconvertercircleblue1,
value,
valuetext,
valuetext1,
valuetextheading,
valuetextstrikes {
  font-family: weathertext2
}

smallrainunita {
  color: #fff;
  font-size: .45rem
}

.rainconvertercircleblue1 {
  justify-content: center;
  height: 1rem;
  width: 3.55rem;
  border: 1px solid #38383c;
  border-radius: 2px;
  line-height: 16px;
  font-size: .85em;
  color: #3b9cac;
  background: 0
}

.cloudconvertercircle,
.cloudconvertercircle2000 {
  width: 4.8rem;
  font-family: weathertext2;
  height: 1rem;
  line-height: 16px;
  overflow: hidden;
  padding-top: 0
}

.sundown34,
.sunup34 {
  height: 4px;
  width: 8px;
  top: 3px;
  position: absolute
}

.cloudconvertercircle {
  align-items: center;
  border: 1px solid #38383c;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: .57rem
}

.cloudconverter {
  font-size: 12px;
  margin-top: 7px;
  margin-left: 230px
}

.cloudconvertercircle2000 {
  align-items: center;
  border: 1px solid #38383c;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: .57rem
}

value {
  font-size: .95em;
  font-weight: 500
}

maxred {
  color: #ff7c39
}

minblue {
  color: #3b9cac
}

units {
  color: silver
}

valuetext,
valuetextheading {
  font-size: .9em;
  font-weight: 500
}

valuetext1 {
  font-size: .95em;
  font-weight: 500;
  color: #bbb
}

valuetextstrikes {
  font-size: .9em;
  font-weight: 500;
  color: #fff
}

.sunup34 {
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
  background: rgba(230, 161, 65, .8);
  left: 23px
}

.sundown34 {
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
  background: rgba(211, 93, 78, .8);
  left: 68px
}

.temphumcircle0-25,
.temphumcircle25-35,
.temphumcircle35-60,
.temphumcircle60-80,
.temphumcircle80-100 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.1rem;
  width: 4rem;
  overflow: hidden;
  line-height: 16px;
  font-family: weathertext2;
  font-size: .85em;
  color: silver
}

.footertext,
.tempmodulehome-50-10c {
  display: flex;
  align-items: center;
  line-height: 16px;
  font-family: weathertext2;
  font-weight: 400;
  color: silver
}

.temphumcircle60-80 {
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #e6a141;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.temphumcircle25-35 {
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #d05f2d;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.temphumcircle35-60 {
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #90b12a;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.temphumcircle80-100 {
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #4e95a0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.temphumcircle0-25 {
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #d35d4e;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

valuetextheading1 {
  margin-left: 10px;
  font-family: weathertext2;
  font-size: .9em;
  color: silver
}

valuetextheading2 {
  margin-left: 0px;
  font-family: weathertext2;
  font-size: .9em;
  color: silver
}

.tempconverter,
.tempconverter2 {
  position: absolute;
  margin-top: 5px;
  font-size: 12px
}

.tempconverter {
  margin-left: 10px
}

.tempconverter2 {
  margin-left: 240px
}

.footertext {
  justify-content: center;
  height: 1.5rem;
  width: 40rem;
  font-size: .7rem;
  border: 0;
  font-weight: 400
}

menutextheading1 {
  font-family: weathertext2;
  color: silver
}

rainratetextheading {
  font-family: weathertext2;
  color: silver;
  font-size: .75em
}

.tempmodulehome-10-0c,
.tempmodulehome-50-10c,
.tempmodulehome0-5c,
.tempmodulehome20-25c,
.tempmodulehome25-30c,
.tempmodulehome30-35c,
.tempmodulehome35-40c {
  height: 1.1rem;
  overflow: hidden;
  font-size: .65rem;
  font-weight: 400;
  width: 4rem
}

.tempmodulehome-50-10c {
  justify-content: center;
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #8781bd;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome-10-0c,
.tempmodulehome0-5c {
  display: flex;
  align-items: center;
  line-height: 16px;
  font-family: weathertext2;
  color: silver;
  border: 1px solid #393d40;
  font-weight: 400
}

.tempmodulehome-10-0c {
  justify-content: center;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #487ea9;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome0-5c,
.tempmodulehome5-10c {
  justify-content: center;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome0-5c {
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #3b9cac;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome10-15c,
.tempmodulehome15-20c,
.tempmodulehome5-10c {
  display: flex;
  align-items: center;
  height: 1.1rem;
  width: 4rem;
  overflow: hidden;
  line-height: 16px;
  font-family: weathertext2;
  font-size: .65rem;
  font-weight: 400;
  color: silver;
  border: 1px solid #393d40
}

.tempmodulehome5-10c {
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #9aba2f;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome10-15c,
.tempmodulehome15-20c,
.tempmodulehome20-25c {
  justify-content: center;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome10-15c,
.tempmodulehome15-20c {
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #e6a141;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome20-25c,
.tempmodulehome25-30c {
  display: flex;
  align-items: center;
  line-height: 16px;
  font-family: weathertext2;
  color: silver;
  border: 1px solid #393d40;
  font-weight: 400
}

.tempmodulehome20-25c {
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #ec5a34;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome25-30c,
.tempmodulehome30-35c {
  justify-content: center;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome25-30c {
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #d05f2d;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome30-35c,
.tempmodulehome35-40c {
  display: flex;
  align-items: center;
  line-height: 16px;
  font-family: weathertext2;
  color: silver;
  border: 1px solid #393d40;
  font-weight: 400
}

.tempmodulehome30-35c {
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #d65b4a;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: 400
}

.tempmodulehome35-40c {
  justify-content: center;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #dc4953;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: 400
}

.rainmodulehome,
.rainratemodulehome,
.tempmodulehome40-50c {
  display: flex;
  height: 1.1rem;
  overflow: hidden;
  line-height: 16px;
  font-family: weathertext2;
  font-size: .65rem;
  color: silver;
  border: 1px solid #393d40;
  font-weight: 400
}

.rainratemodulehome,
.tempmodulehome40-50c {
  align-items: center
}

.intempmodulehome0-5c,
.tempmodulehome40-50c {
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px
}

.tempmodulehome40-50c {
  justify-content: center;
  width: 4rem;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #e26870;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
  font-weight: 400
}

.rainratemodulehome {
  justify-content: center;
  width: 4.5rem;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.rainmodulehome {
  align-items: center;
  justify-content: center;
  width: 4rem;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

raiblue {
  color: #3b9cac
}

.intempmodulehome0-5c,
.intempmodulehome10-15c,
.intempmodulehome15-20c,
.intempmodulehome20-25c,
.intempmodulehome25-30c,
.intempmodulehome5-10c {
  height: 1.1rem;
  width: 4.3rem;
  line-height: 16px;
  font-family: weathertext2;
  font-size: .65rem;
  color: silver;
  font-weight: 400;
  display: flex;
  overflow: hidden
}

.intempmodulehome0-5c,
.intempmodulehome5-10c {
  border: 1px solid #393d40
}

.intempmodulehome0-5c {
  align-items: center;
  justify-content: center;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #3b9cac;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.intempmodulehome5-10c {
  align-items: center;
  justify-content: center;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #9aba2f;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.intempmodulehome10-15c,
.intempmodulehome15-20c {
  align-items: center;
  justify-content: center;
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #e6a141;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.intempmodulehome20-25c,
.intempmodulehome25-30c {
  align-items: center
}

.intempmodulehome20-25c {
  justify-content: center;
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #ec5a34;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.intempmodulehome25-30c {
  justify-content: center;
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #d05f2d;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.eqcontainer1,
wfstriketoday {
  font-family: weathertext2, system
}

.wflaststrike {
  margin-left: 55px;
  margin-top: 40px;
  font-size: .55rem;
  width: 200px
}

.wfstrike {
  margin-top: 39px;
  font-size: 0
}

wfstriketoday {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  width: 3.3rem;
  height: 2.45rem;
  font-size: .8rem;
  padding-top: 9px;
  color: #fff;
  border-bottom: 11px solid #393d40;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  margin-left: 133px;
  top: -5px
}

.eqcontainer1 {
  margin-left: 30px;
  margin-top: 30px
}

.eqtoday1,
.eqtoday1-3,
.eqtoday11,
.eqtoday4-5,
.eqtoday6-8,
.eqtoday9-10 {
  font-family: weathertext2, Helvetica, system;
  display: flex;
  width: 5rem;
  height: 4.5rem;
  font-size: 1.45rem;
  color: #fff;
  border-bottom: 15px solid rgba(56, 56, 60, 1);
  justify-content: center;
  border-radius: 2px;
  padding-top: 17px
}

.eqcaution,
.eqt {
  font-family: Arial, Helvetica, system
}

.eqtoday1-3 {
  background: #90b12a
}

.eqtoday4-5 {
  background: #e6a141
}

.eqtoday6-8 {
  background: #d05f2d
}

.eqtoday11 {
  background: rgba(204, 135, 248, .7)
}

.eqcaution {
  margin-left: 15px;
  margin-top: 5px;
  color: #fff;
  font-size: .7rem
}

.eqt {
  margin-left: 10px;
  margin-top: -15px;
  color: silver;
  font-size: .65rem
}

.eqtext {
  float: left;
  width: 100px;
  margin-left: 130px;
  margin-top: -70px;
  font: .7rem arial, system;
  font-family: weathertext2;
  line-height: 10px
}

.eqtext color,
.eqtext depth {
  color: #90b12a
}

.moonphasemoduleposition {
  position: relative;
  left: 100px;
  margin-top: 3px;
  font-family: weathertext2
}

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

.moon,
.moon1 {
  color: #7c7e80;
  font: 400 .9em/.95em weathertext2
}

.moon1:before,
.moon:before {
  content: "";
  color: #00adbc;
  font: .9em weathertext2
}

.fullmoon1,
.mooncircle1,
.mooncircle1 moonhead1,
.mooncircle1 span,
.mooncircle1:after,
.moonphase,
.moonrise1,
.moonrise1 span,
.moonset1,
.moonset1 span {
  font-family: weathertext2
}

.mooncircle1,
.mooncircle1:after {
  color: silver;
  margin-left: 0;
  padding-top: 40px;
  padding-bottom: 10px;
  font-size: 1.3rem;
  background: 0
}

.mooncircle1 moonhead1,
.moonrise1,
.moonset1 {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}

.mooncircle1 {
  position: absolute;
  border-radius: 50%;
  width: 112px;
  height: 112px;
  border: 4px solid rgba(59, 60, 63, 1)
}

.mooncircle1:after {
  position: absolute;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  border: 4px solid rgba(59, 60, 63, 1)
}

.mooncircle1 luminance1 {
  position: absolute;
  font-size: .65rem;
  margin-top: -17px;
  color: silver;
  display: block;
  text-align: center;
  margin-left: 25px
}

.mooncircle1 span {
  color: silver;
  text-align: center;
  display: block;
  margin-left: 0;
  margin-top: -5px
}

.mooncircle1 moonhead1 {
  position: absolute;
  color: rgba(255, 112, 50, 1);
  text-align: center;
  font-size: 15px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 25px;
  margin-left: -45px
}

.moonphase,
.moonrise1 {
  color: silver
}

.moonphase {
  font-size: 9px;
  margin: -5px auto 0;
  display: block;
  padding-top: 5px;
  line-height: 14px
}

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

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

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

.moonrise1,
.moonset1 {
  width: 75px;
  font-size: .55rem;
  -moz-osx-font-smoothing: grayscale
}

.fullmoon1,
.meteorshower,
.newmoon1 {
  font-size: .55rem;
  width: 120px
}

.moonrise1 {
  top: 0;
  margin-left: -105px
}

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

.moonset1 {
  margin-top: 120px;
  margin-left: -105px;
  color: silver
}

.moonset1 span {
  color: silver;
  margin-left: 15px
}

.fullmoon1,
.meteorshower,
.newmoon1 {
  color: silver;
  font-family: weathertext2
}

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

.fullmoon1 span {
  margin-left: 8px
}

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

.newmoon1 span {
  margin-left: 5px
}

.meteorshower {
  margin: 130px auto 110px -5px
}

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

.luminance1:before {
  content: "";
  font-family: arial, system;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
  color: #00adbc
}

.airqualitymoduleposition {
  position: relative;
  left: 75px;
  top: 10px
}

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

.air0,
.air100,
.air150,
.air200,
.air300,
.air50,
airdescription {
  font-family: weathertext2, Helvetica, system;
  display: flex
}

.airvalue {
  position: relative;
  margin-top: 75px;
  left: 5px;
  top: 5px;
  font-size: .9rem
}

airdescription {
  width: 300px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  left: -105px;
  line-height: 26px;
  margin-top: 0
}

.air0,
.air100,
.air150,
.air200,
.air300,
.air50 {
  margin-top: 15px;
  width: 5rem;
  height: 4.68rem;
  font-size: 1.4rem;
  padding-top: 0;
  color: #fff;
  border-bottom: 15px solid rgba(56, 56, 60, 1);
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.air0 {
  background: #90b12a
}

.air50 {
  background: #e6a141
}

.air100 {
  background: #d05f2d
}

.air150 {
  background: #d35d4e
}

.air200,
.air250,
.air300 {
  background: #a475cb
}

.airhouse,
.airsvg,
.indoorhomemax,
.indoorhomemin,
.svgfeels,
airdescription {
  position: absolute
}

.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 {
  position: absolute
}

.humindoorcircleblue,
.humindoorcirclegreen,
.humindoorcircleorange,
.humindoorcirclered,
.humindooryellow {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.1rem;
  width: 4rem;
  border: 2px solid rgba(56, 56, 60, 1);
  overflow: hidden;
  border-radius: 2px;
  color: #fff;
  line-height: 16px;
  font-family: weathertext2, Helvetica, system;
  font-size: .9em;
  margin-top: -30px;
  margin-left: 165px
}

.humindoorcircleorange {
  background: #d05f2d
}

.humindoorcirclegreen {
  background: #90b12a
}

.humindoorcircleblue,
.humindoorcirclered {
  background: #3b9cac
}

.feelsindoorcircleblue,
.feelsindoorcirclegreen,
.feelsindoorcircleorange,
.feelsindoorcirclered,
.feelsindoorcircleyellow {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.1rem;
  width: 4rem;
  border: 2px solid rgba(56, 56, 60, 1);
  overflow: hidden;
  border-radius: 2px;
  color: #fff;
  line-height: 16px;
  font-family: weathertext2, Helvetica, system;
  font-size: .9em;
  margin-top: 15px;
  margin-left: -57px
}

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

.feelsindoorcircleorange {
  background: #d05f2d
}

.feelsindoorcircleblue,
.feelsindoorcirclegreen {
  background: #3b9cac
}

.feelsindoorcircleyellow,
indooryellow1 {
  background: #e6a141
}

.weather34feelsword,
.weather34humidityword {
  color: #999;
  font-size: 10px;
  font-family: arial, system;
  position: absolute
}

.weather34humidityword {
  margin-left: 200px;
  margin-top: -15px
}

.weather34feelsword {
  margin-left: 198px;
  margin-top: 30px
}

indoortrends {
  color: rgba(230, 232, 239, 1);
  margin-left: 35px
}

.weather34feelsrate,
.weather34indoorhumrate {
  position: absolute;
  margin-top: -5px;
  font-size: 12px;
  max-height: 100px;
  font-family: arial, system
}

.indoortrendhouse1 {
  position: absolute;
  margin-left: 97px;
  margin-top: 65px;
  font-size: .55rem;
  z-index: 1;
  color: #fff
}

.indoorhomevalue1 {
  position: relative;
  margin-top: -93px;
  left: 0;
  font-size: 1.1em
}

indoorblue1,
indoorgreen1,
indoororange1,
indoorred1,
indooryellow1 {
  font-family: weathertext2, Helvetica, system;
  width: 3.4rem;
  height: 2.6rem;
  padding-top: 7px;
  color: #fff;
  border-bottom: 11px solid #38383c;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  margin-left: 81px;
  top: -5px
}

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

indoororange1 {
  background: #ff7c39
}

indoorgreen1 {
  background: #90b12a
}

.weather34indoorword {
  margin-left: 93px;
  margin-top: 26px;
  color: silver;
  font-size: .55rem;
  font-family: arial, system;
  position: absolute
}

.homeindoorhum0-25,
.homeindoorhum25-35,
.homeindoorhum35-60,
.homeindoorhum60-80,
.homeindoorhum80-100 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.1rem;
  width: 4rem;
  border: 2px solid rgba(56, 56, 60, 1);
  overflow: hidden;
  border-radius: 2px;
  color: #fff;
  line-height: 16px;
  font-family: weathertext2, Helvetica, system;
  font-size: .9em;
  margin-top: -30px;
  margin-left: 165px
}

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

.homeindoorhum60-80 {
  background: #3b9cac;
  background: -webkit-linear-gradient(90deg, #90b12a, #3b9cac);
  background: -o-linear-gradient(90deg, #90b12a, #3b9cac);
  background: -moz-linear-gradient(90deg, #90b12a, #3b9cac);
  background: -ms-linear-gradient(90deg, #90b12a, #3b9cac);
  background: linear-gradient(90deg, #90b12a, #3b9cac)
}

.homeindoorhum35-60 {
  background: #90b12a;
  background: -webkit-linear-gradient(90deg, #90b12a, #e6a141);
  background: -o-linear-gradient(90deg, #90b12a, #e6a141);
  background: -moz-linear-gradient(90deg, #90b12a, #e6a141);
  background: -ms-linear-gradient(90deg, #90b12a, #e6a141);
  background: linear-gradient(90deg, #90b12a, #e6a141)
}

.homeindoorhum25-35 {
  background: -webkit-linear-gradient(90deg, #d86858, #90b12a);
  background: -o-linear-gradient(90deg, #d86858, #90b12a);
  background: -moz-linear-gradient(90deg, #d86858, #90b12a);
  background: -ms-linear-gradient(90deg, #d86858, #90b12a);
  background: linear-gradient(90deg, #d86858, #90b12a)
}

.homeindoorhum0-25 {
  background: #d05f2d;
  background: -webkit-linear-gradient(90deg, #d35d4e, #d05f2d);
  background: -o-linear-gradient(90deg, #d35d4e, #d05f2d);
  background: -moz-linear-gradient(90deg, #d35d4e, #d05f2d);
  background: -ms-linear-gradient(90deg, #d35d4e, #d05f2d);
  background: linear-gradient(90deg, #d35d4e, #d05f2d)
}

.weather34indoorhumrate,
weather34feelsrate {
  position: absolute;
  margin-top: -5px;
  font-size: 12px;
  max-height: 100px;
  font-family: arial, system
}

.weather34indoorhumrate {
  color: #bbb;
  margin-left: 24px
}

.weather34indoorhumrate span {
  color: #bbb;
  font-family: arial, system
}

.weather34feelsrate {
  color: #bbb;
  margin-left: 246px
}

.weather34feelsrate span {
  color: #bbb;
  font-family: arial, system
}

.feelsindoorcircleblue,
.raintoday1,
.suncircleblue,
indoorblue1,
topblue1 {
  background: #3b9cac
}

.indoorhomesvg1 {
  margin-top: -12px;
  left: 0;
  margin-left: -86px;
  color: #38383c
}

.updatedtime,
.updatedtimealert,
.updatedtimecurrent,
.updatedtimedir,
.updatedtimeuv {
  width: 75px;
  text-align: center
}

.updatedtime,
.updatedtimeuv {
  font: .65em weathertext2;
  margin-left: 235px;
  color: silver;
  background: 0;
  padding: 3px
}

.updatedtime,
updatedtime1 {
  margin-top: -18px;
  line-height: 10px
}

.updatedtimeuv {
  margin-top: -112px;
  line-height: 10px
}

.updatedtimeuv span {
  color: silver
}

.updatedtimecurrent {
  margin-top: -18px;
  margin-left: 235px;
  color: silver;
  font: .65em weathertext2;
  line-height: 10px;
  background: 0;
  padding: 3px
}

.updatedtimealert {
  margin-top: 5px;
  margin-left: 215px;
  color: silver;
  font: .65em weathertext2;
  line-height: 10px
}

.updatedtimedir {
  margin-top: -25px;
  margin-left: 135px;
  position: absolute;
  color: silver;
  font: .65em weathertext2;
  line-height: 10px;
  border-radius: 2px;
  background: 0;
  padding: 3px
}

updatedtime {
  position: absolute
}

.updatedtime span,
.updatedtimealert span,
.updatedtimecurrent span,
.updatedtimedir span {
  margin-bottom: 0;
  color: silver;
  font-family: weathertext2;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
}

.homeweatherstationlogo {
  margin-top: -15px;
  margin-left: 50px
}

weather34 {
  font: .55em weathertext2;
  margin-top: -4px;
  margin-left: 45px;
  display: block;
  width: 100px
}

valueearthquake {
  font-size: .55rem;
  line-height: 10px
}

alertvalue {
  font-size: .75rem;
  margin-top: 10px
}

spanefreezing,
spanelightning {
  font-size: 12px;
  font-family: Arial, system;
  top: 33px;
  width: 120px;
  position: absolute;
  font-weight: 400;
  left: 50px
}

alertadvisory {
  margin-left: 15px;
  position: absolute
}

valuewindunit {
  font-size: .55rem
}

.inheatcircle-content {
  position: absolute;
  color: silver;
  float: left;
  margin-left: -4px;
  padding: 0;
  text-align: center;
  width: 160px;
  font: 500 11px weathertext2;
  display: block;
  line-height: 15px
}

.heatcircle6 {
  padding: 0;
  width: 170px;
  position: absolute;
  margin-top: -35px;
  margin-left: 140px
}

.inheatcircle2-content {
  position: absolute;
  color: silver;
  float: left;
  margin-top: 35px;
  margin-left: -5px;
  padding: 0;
  text-align: center;
  width: 160px;
  font: 500 11px weathertext2;
  display: block;
  line-height: 15px
}

.heatcircle7 {
  padding: 0;
  width: 170px;
  position: relative;
  margin-top: 50px;
  margin-left: 49px
}

.intemphumcircle0-25,
.intemphumcircle25-35,
.intemphumcircle35-60,
.intemphumcircle60-80,
.intemphumcircle80-100 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.1rem;
  width: 4rem;
  overflow: hidden;
  line-height: 16px;
  font-family: weathertext2;
  font-size: .85em;
  color: silver
}

.intemphumcircle60-80 {
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #e6a141;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.intemphumcircle25-35 {
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #d05f2d;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.intemphumcircle35-60 {
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #90b12a;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.intemphumcircle80-100 {
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #4e95a0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.intemphumcircle0-25 {
  border: 1px solid #393d40;
  border-left: 0;
  box-shadow: inset 4px 0 0 0 #d35d4e;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

greyu {
  font-size: .55rem;
  font-family: weathertext2;
  color: silver
}

valuetitleunit {
  font-size: .8em;
  font-family: weathertext2
}

oranget,
orangeu {
  color: #d05f2d
}

greent,
greenu {
  color: #90b12a
}

yellowt,
yellowu {
  color: #e6a141
}

redu {
  color: #cd5245
}

purpleu {
  color: #b600b0
}

bluet {
  color: #01a4b5
}

redt {
  color: #d86858
}

purplet {
  color: #de7b6e
}

.tempconvertercircle0-5,
.tempconvertercircle11-15,
.tempconvertercircle16-20,
.tempconvertercircle21-25,
.tempconvertercircle26-30,
.tempconvertercircle31-35,
.tempconvertercircle36-40,
.tempconvertercircle41-45,
.tempconvertercircle50,
.tempconvertercircle6-10,
.tempconvertercircleminus,
.tempconvertercircleminus10,
.tempconvertercircleminus5 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  width: 3.4rem;
  border: 1px solid #393d40;
  overflow: hidden;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: silver;
  line-height: 16px;
  font-family: weathertext2;
  font-size: .85em;
  background: 0
}

.darkskyhomeicons {
  margin-bottom: -8px
}

bluetds,
greentds,
orangetds,
purpletds,
redtds,
yellowtds {
  color: #fff;
  text-transform: capitalize;
  border-radius: 2px;
  width: 35px;
  padding: 0 3px
}

bluetds {
  background: #01a4b5
}

yellowtds {
  background: #e6a141
}

orangetds {
  background: #d05f2d
}

greentds {
  background: #90b12a
}

redtds {
  background: -webkit-linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7));
  background: linear-gradient(90deg, #d86858, rgba(211, 93, 78, .7))
}

purpletds {
  background: -webkit-linear-gradient(90deg, #d86858, rgba(157, 59, 165, .4));
  background: linear-gradient(90deg, #d86858, rgba(157, 59, 165, .4))
}

.airqualitywordbig,
.uvsolarwordbig {
  position: absolute;
  font-size: 1.4rem;
  color: rgba(86, 95, 103, .2);
  width: 200px;
  font-family: weathertext2
}

.uvsolarwordbig {
  margin-left: 115px;
  margin-top: 35px
}

.airqualitywordbig {
  margin-left: 50px;
  margin-top: 15px
}

blueu {
  color: #01a4b5
}

.weather34sundarkday,
.weather34sunlightday {
  position: absolute;
  height: 2.1rem;
  width: 6.4rem;
  overflow: hidden;
  color: silver;
  line-height: 8px;
  font-family: weathertext2;
  font-size: .6em;
  margin-top: 1px
}

.weather34sunlightday {
  align-items: center;
  justify-content: center;
  margin-left: -15px
}

.weather34sundarkday {
  align-items: center;
  justify-content: center;
  margin-left: 215px
}

.weather34sunriseday,
.weather34sunsetday {
  position: absolute;
  height: 5.1rem;
  width: 8.2rem;
  overflow: hidden;
  color: silver;
  line-height: 8px;
  font-family: weathertext2;
  font-size: .6em;
  margin-top: 118px
}

.weather34sunriseday {
  align-items: center;
  justify-content: center;
  margin-left: -25px
}

.weather34sunsetday {
  align-items: center;
  justify-content: center;
  margin-left: 200px
}

.weather34luminancem,
.weather34moonphasem {
  position: absolute;
  height: 4.1rem;
  width: 7.4rem;
  overflow: hidden;
  color: silver;
  line-height: 8px;
  font-family: weathertext2;
  font-size: .6em;
  margin-top: 45px
}

.weather34moonphasem {
  align-items: center;
  justify-content: center;
  left: -15px
}

.weather34luminancem {
  align-items: center;
  justify-content: center;
  left: 210px
}

.weather34luminancem2,
.weather34moonphasem2 {
  position: absolute;
  height: 4.1rem;
  width: 7.4rem;
  overflow: hidden;
  color: silver;
  line-height: 8px;
  font-size: .65em;
  margin-top: 65px;
  font-family: weathertext2
}

.weather34moonphasem2 {
  align-items: center;
  justify-content: center;
  left: -110px
}

.weather34luminancem2 {
  align-items: center;
  justify-content: center;
  left: 100px
}

weather34darkdaycircle,
weather34daylightdaycircle {
  top: 2px;
  height: 5px;
  width: 5px;
  border-radius: 45px;
  position: absolute
}

weather34sunupcircle {
  top: 1px;
  left: 38px;
  position: absolute;
  height: 4px;
  width: 8px;
  border-radius: 10px 10px 0 0;
  background: #ff7c39
}

weather34sundowncircle {
  top: 2px;
  left: 83px;
  position: absolute;
  height: 4px;
  width: 8px;
  border-radius: 0 0 10px 10px;
  background: #d35d4e
}

weather34daylightdaycircle {
  left: 25px;
  background: #00a4b4
}

weather34darkdaycircle {
  left: 71px;
  background: #565f67
}

.weather34moonmodule {
  margin-left: 35px;
  margin-top: 45px
}

.weather34moonmodule svg {
  width: auto;
  color: rgba(230, 232, 239, .7)
}

.weather34moonmodulepos {
  position: absolute;
  top: -20px;
  left: 75px
}

topbarimperial,
topbarmetric {
  display: flex;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  width: 1.7em;
  height: 1.7em;
  padding: 1px;
  background: 0;
  font-weight: 500;
  font-family: weathertext2;
  font-size: .9em;
  align-items: center;
  justify-content: center
}

topbarimperial {
  border: 1px solid #ff7c39;
  color: #ff7c39
}

topbarmetric {
  border: 1px solid #009bab;
  color: #009bab
}

.title {
  text-transform: uppercase
}

.darkskytempdesc {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}

.wulargediv,
.wulargeforecasthome,
.wulargeforecastinghome {
  font-family: weathertext2;
  color: silver
}

.wulargeforecasthome {
  position: absolute;
  width: 308px;
  background: 0;
  margin: 0 auto 0 10px;
  font-size: .65rem;
  display: block;
  border-radius: 3px;
  overflow: hidden
}

.wulargediv,
.wulargeforecastinghome {
  overflow: hidden
}

.wulargeforecasthome wulargetemphihome,
.wulargeforecasthome wulargetempwindhome span,
.wulargeforecasthome wulargetempwindhome span2,
.wulargeweekdayhome {
  font-family: weathertext2;
  font-size: .65rem;
  color: silver
}

.wulargediv {
  width: 310px;
  height: 180px;
  margin-top: 3px
}

.wulargeforecastinghome {
  float: left;
  display: inline;
  width: 290px;
  border-radius: 2px;
  margin: 0 0 100px 1%;
  height: 140px;
  padding: 0;
  background: 0;
  border: 1px solid rgba(153, 155, 156, .1);
  color: silver
}

.wulargeweekdayhome {
  position: absolutue;
  text-align: left;
  padding: 1px;
  color: silver;
  margin: 0 0 0 5px;
  background: 0
}

.wuhumidity,
.wuthunder {
  padding-top: 0;
  display: flex;
  align-items: center
}

.wulargeforecasthome wulargetemphihome,
.wulargeforecasthome wulargetemplohome {
  margin-top: 0;
  margin-left: 1%;
  font-weight: 500
}

.wulargeforecasthome wulargetemphihome span {
  font-size: .7rem;
  color: #ff7c39
}

.wulargeforecasthome wulargetemphihome {
  font-size: 12px;
  color: #ff7c39
}

.wulargeforecasthome wulargetempwindhome,
.wulargeforecasthome wulargetempwindhome span4 {
  position: absolute;
  color: #07727d;
  font-family: weathertext2;
  font-size: .7rem;
  float: left
}

wulargetemplohome uv {
  font-weight: 500
}

wulargeforecasthome wulargetemplohome,
wulargetemplohome {
  font-size: .7rem;
  font-weight: 500
}

wulargetemplohome uvspan {
  font-weight: 400
}

.wuthunder {
  position: absolute;
  font-family: weathertext2;
  width: 8.5rem;
  height: 1rem;
  font-size: 10px;
  color: silver;
  justify-content: center;
  margin-left: 140px;
  margin-top: 27px
}

.wulargerain,
.wulargewindspeedicon {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute
}

.wulargewindspeedicon,
wulargetempdesc {
  margin-top: 5px;
  float: left;
  font-size: 11px
}

.wulargehomeicons {
  margin-bottom: -5px;
  float: left;
  margin-left: 10px
}

.wulargewindspeedicon {
  margin-left: 10px
}

.wulargerain {
  float: left;
  margin-left: 10px;
  margin-top: 30px;
  font-size: 11px
}

.wuhumidity {
  position: absolute;
  font-family: weathertext2;
  width: 2.75rem;
  height: 1.25rem;
  font-size: .8rem;
  color: #fff;
  justify-content: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-left: 134px;
  top: -32px;
  background: #01a4b5
}

.wurainfall,
.wuwindspeed {
  font-size: .7rem;
  margin-left: 120px;
  font-family: weathertext2;
  padding-top: 0;
  color: #fff;
  display: flex;
  align-items: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px
}

.wurainfall {
  position: absolute;
  width: 3.3rem;
  height: 1rem;
  justify-content: center;
  border-radius: 2px;
  top: 0;
  background: #01a4b5
}

.wuwindspeed {
  position: absolute;
  width: 3.3rem;
  height: 1rem;
  justify-content: center;
  border-radius: 2px;
  top: 2px;
  background: rgba(208, 95, 45, 1)
}

heatindexwu,
redwu,
redwuv {
  background: #d86858
}

wuhumidityword {
  font-size: 9px;
  position: absolute;
  margin-left: 0;
  top: 20px;
  color: #2d3a4b;
  font-family: Arial, Helvetica, sans-serif
}

.wulargeheatindex,
.wulargeuvindex {
  font-size: .7rem;
  float: none;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute
}

.wulargeuvindex {
  margin-top: 5px
}

.wulargeuvindex wuinfo {
  position: absolute;
  display: inline;
  left: 98px;
  text-align: left;
  width: 8rem;
  top: 0
}

.wulargeheatindex {
  margin-top: 27px
}

.wulargeheatindex wuinfo {
  position: absolute;
  display: inline;
  left: 5px;
  width: 6em
}

heatindexwu,
windchillwu,
feelswu,
feelswu,
feelswuyellow,
feelswuorange,
feelswugreen {
  width: 2.35rem;
  font-size: .9em;
  margin-left: 70px;
  top: 0;
  height: .9rem
}

heatindexwu,
feelswu,
feelswuyellow,
feelswuorange,
feelswugreen {
  position: absolute;
  font-family: weathertext2;
  padding-top: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

bluewu,
greenwu,
orangewu,
purplewu,
redwu,
windchillwu,
yellowwu {
  align-items: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  position: absolute;
  font-family: weathertext2;
  padding-top: 0;
  color: #fff;
  display: flex
}

windchillwu {
  justify-content: center;
  border-radius: 2px;
  background: #009bab
}

bluewu,
greenwu,
orangewu,
purplewu,
redwu,
yellowwu {
  width: 2.75rem;
  height: 1.1rem;
  font-size: 13px;
  justify-content: center;
  border-radius: 2px;
  margin-left: 220px;
  top: 23px
}

bluewu,
bluewuv {
  background: #01a4b5
}

feelswuyellow,
yellowwu,
yellowwuv {
  background: #e6a141
}

feelswuorange,
orangewu,
orangewuv {
  background: #d05f2d
}

feelswugreen,
greenwu,
greenwuv {
  background: #90b12a
}

purplewu,
purplewuv {
  background: #c282c5
}

bluewuv,
greenwuv,
greywuv,
orangewuv,
purplewuv,
redwuv,
yellowwuv {
  position: absolute;
  font-family: weathertext2;
  width: 1.5rem;
  height: .9rem;
  font-size: .9em;
  padding-top: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-left: 70px;
  top: 0
}

greywuv {
  background: #565f67
}

wuunits {
  font-size: .65em
}

displaynone {
  display: none
}

wuuvicon {
  width: 3.3rem;
  height: 1.1rem;
  font-size: 1em;
  justify-content: center;
  border-radius: 2px;
  margin-left: -1px;
  top: 0;
  color: #fff;
  background: #d05f2d;
  padding-left: 2px;
  padding-right: 2px;
}

wuthunder2 {
  padding-top: 0;
  display: flex;
  align-items: center;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  width: 8.5em;
  height: 1rem;
  font-size: 10px;
  color: silver;
  justify-content: center;
  margin-top: -18px;
  line-height: 10px;
  left: 12px
}

wustormalert {
  position: relative;
  top: -15px;
  left: 1px;
}

wuheatindex {
  color: #d35d4e
}

.weather34admin {
  --spacing: 1.1rem;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-areas: "header";
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500
}

.weather34admin__header {
  display: flex;
  flex-basis: 100%;
  grid-area: header;
  height: 40px;
  background-color: 0;
  position: absolute;
  font-size: 12px
}

.weather34toolbar {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--spacing);
  font-size: 1.15em
}

.weather34toolbar right {
  font-size: 1.2em
}

.weather34btn {
  display: inline-block;
  border-radius: 2px;
  border: 0;
  padding: .3rem 1rem;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  top: 1px
}

.weather34btn--primary {
  color: silver;
  background-color: rgba(86, 95, 103, 0);
  max-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  padding: .3rem 1rem .3rem 1.45rem;
  margin: 0 auto;
  margin-left: -60px
}

.weather34btn--primary a {
  position: relative;
  color: silver;
  font-size: 0.85em;
  font-weight: 500;
  left: 65px;
  background: 0
}

.weather34btn--primary svg {
  width: 10px;
  color: rgba(230, 232, 239, 1)
}

weather34mbuptime {
  position: absolute;
  display: inline;
  right: 115px;
  top: 13px;
  color: #c0c0c0;
  font-size: .75em;
  font-family: weathertext2
}

.weather34themeicon {
  position: absolute;
  margin: 0;
  left: 23px;
  top: 15px;
  max-height: 12px
}

.weather34thememonitor {
  width: 15px;
  height: 11px;
  background: #ff832f;
  border-radius: 2px
}

.weather34thememonitor li {
  position: absolute;
  list-style: none
}

.weather34thememonitor .weather34themefirst {
  width: 13px;
  height: 8px;
  background: #4b545c;
  top: 1px;
  left: 1px;
  z-index: 3
}

topbarimperialf,
topbarmetricc {
  display: inline;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  width: 2em;
  height: 1em;
  padding: 1px 3px 1px 3px;
  background: 0;
  font-weight: 500;
  font-family: weathertext2;
  font-size: .7em;
  align-items: center;
  justify-content: center
}

topbarimperialf {
  border: 1px solid #ff7c39;
  color: #ff7c39
}

topbarmetricc {
  border: 1px solid #009bab;
  color: #009bab
}

weather34menumarkerlight,
weather34menumarkerred,
weather34menumarkerbluegrey,
weather34menumarkergreen,
weather34menumarkeryellow,
weather34menumarkerblue,
weather34menumarkerorange {
  display: inline-block;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  width: 10px;
  height: 9px;
  padding: 1px 3px 1px 3px;
  font-weight: 500;
  font-family: weathertext2;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  border: 0;
  color: silver;
  line-height: 12px
}

weather34menumarkerblue {
  background: #44a6b5
}

weather34menumarkerorange {
  background: #ff832f
}

weather34menumarkeryellow {
  background: #e6a141
}

weather34menumarkergreen {
  background: #90b12a
}

weather34menumarkerbluegrey {
  background: #565f67
}

weather34menumarkerred {
  background: #d35d4e
}

weather34menumarkerlight {
  background: #b5b9c1
}

@media screen and (max-width:820px) {
  .weather34admin {
    --spacing: 1.3rem;
    display: inline;
    background: 0
  }

  .weather34btn {
    background-color: 0;
  }

  .weather34toolbar {
    display: flex;
    flex: 1;
    font-size: 1em;
    background: #212428;
    padding: 0 var(--spacing);
    height: 30px;
  }

  .weather34btn--primary {
    color: silver;
    background-color: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    padding: 0;
    color: silver;
  }

  .weather34admin__header {
    display: flex;
    flex-basis: 100%;
    grid-area: header;
    height: 30px;
    background-color: transparent;
    position: absolute;
    font-size: 12px;
  }

  .weather34btn--primary a {
    color: silver;
    font-size: 0.85em;
    font-weight: 500;
    color: silver;
  }

  weather34toptitle {
    display: none
  }

  weather34mbuptime {
    top: 10px
  }

  .weather-item {
    margin-top: 32px;
    margin-bottom: -28px
  }

  .weather34themeicon {
    position: absolute;
    margin: 0;
    left: 10px;
    top: 10px;
    max-height: 12px
  }

  .weather34thememonitor {
    width: 15px;
    height: 11px;
    background: #ff832f;
    border-radius: 2px
  }

  .weather34thememonitor li {
    position: absolute;
    list-style: none
  }

  .weather34thememonitor .weather34themefirst {
    width: 13px;
    height: 8px;
    background: #4b545c;
    top: 1px;
    left: 1px;
    z-index: 3
  }

  .weather34sidebarIconToggle {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    top: 8px;
    left: 15px;
    height: 22px;
    width: 22px
  }
}

.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: rgba(33, 36, 40, 0.5);
  outline: none !important;
  opacity: 0;
  margin: 0 auto
}

.lity.lity-opened {
  opacity: 1
}

.lity.lity-closed {
  opacity: 0
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
  margin: 0 auto
}

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.lity-loading .lity-loader {
  opacity: 1
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
  margin: 0 auto
}

.lity-content {
  z-index: 9993;
  width: 100%;
  max-width: 820px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8)
}

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
}

.lity-close {
  z-index: 9994;
  width: 100px;
  height: 65px;
  position: absolute;
  float: left;
  margin-left: 20px;
  top: 18px;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: rgba(86, 95, 103, 0);
  font-style: normal;
  font-size: 35px;
  font-family: Arial;
  line-height: 35px;
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: rgba(86, 95, 103, 0);
  font-style: normal;
  font-size: 35px;
  font-family: Arial;
  line-height: 35px;
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.lity-close:active {
  color: rgba(86, 95, 103, 0);
}

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0
}

.lity-iframe .lity-container {
  width: 100%;
  max-width: 820px;
  margin: 0 auto
}

.lity-iframe-container {
  display: flex;
  width: 100%;
  max-width: 820px;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  margin-left: 0px
}

.lity-iframe-container iframe {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 820px;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: rgba(30, 33, 36, 1.000);
  background: linear-gradient(135deg, #212428 0%, #2f363f 100%);
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto
}

.lity-hide {
  display: none
}