@supports (-moz-appearance:none) {
  selector { property:value; }
  }
  /* Chrome version 29 and above */
  @media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
  selector{ property:value; }
  }
  
  
  #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;
    cursor:default
   
  }
  .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
  }
  dialred {
    color: #d65b4a 
  }
  #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: -127px;
  margin-left: 77px;
  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-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;
  }
  
  .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: 45px;
    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;
    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: 0px;
    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: weathertext2
  }
  
  .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: 237px
  }
  
  .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: 30px
  }
  
  .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;
    margin-top: 3px;
    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: 6.0rem;
    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: 210px
  }
  
  .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: 33px;
    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: 120px;
    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: .65rem;
    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: -50px;
    position: absolute
  }
  
  alertadvisory2 {
    margin-left: -75px;
    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: -4px
  }
  
  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: 0px 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: transparent;
    
    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-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.8);transform:scale(.8)}
  .lity-content:after{z-index:-1;content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto}
  .lity-close{z-index:9994;-webkit-appearance:none;position:absolute;top:-30px;width:20px;float:right;right:1%;padding:0;color:#fff;border:0;background:0;outline:0;-webkit-box-shadow:none;box-shadow:none;text-align:center;text-decoration:none;font-family:headingtext;font-size:20px;font-style:normal;line-height:20px;cursor:pointer;background:#d05f2d;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;margin-top:38px}
  .lity-close::-moz-focus-inner{padding:0;border:0}
  .lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{padding:0;color:#fff;border:0;background:0;outline:0;-webkit-box-shadow:none;box-shadow:none;text-align:center;text-decoration:none;font-family:headingtext;font-size:25px;font-style:normal;line-height:25px;background:#3d8b96;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}
  .lity-close:active{color:#565f67}
  .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: 69%;
    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;
    background-color: transparent;
  }
  
  .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%);
    background-color: transparent;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
  }
  
  .lity-hide {
    display: none
  }
  body {
      margin:0;
      padding:0
      
  
  }
  body:hover {
      overflow-y: auto;
  }
  .lightningicon {
    position: absolute;
    display: inline;
    right: -95px;
    margin-top: 25px;
  }
  .lightningiconx {
    position: absolute;
    display: inline;
    right: 587px;
    margin-top: 15px;
  }
  .maxtimedate,
  .mintimedatex {
    position: absolute;
    margin-top: 61px;
    font-size: .54rem;
    z-index: 1;
    color: silver;
    width: 50px
  }
  
  .mintimedatex {
    margin-left: 17px
  }
  .alertpos {
    margin: auto
  }
  eqvaluetext,
  eqvaluetextheading {
    font-size: .9em;
    font-weight: 500;
    margin-left: -10px  
  }
  .daylightword {
    left: 105px;
    top: 2px
  }
  
  .circleborder {
    width: 111.5px;
    height: 111.5px;
    border: 7px solid rgba(59, 60, 63, 1);
    position: absolute;
    left: 100.5px;
    top: 19px;
    border-radius: 50%
  }
.windunitgust2 {
  color: silver;
  margin-top: 7px;
  font-size: 10px;
  position: absolute;
  margin-left: 15px
}