@import url(https://code.highcharts.com/css/highcharts.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,900);
@import url(//cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.5/css/weather-icons.min.css);
@import url(//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css);
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}
body {
  line-height: 1
}
ol,
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
*,
*:after,
*:before {
  box-sizing: border-box
}
.climacon_component-stroke {
  fill: #7DB4B5;
  stroke-width: 0%;
  stroke: black
}
.climacon_component-fill {
  fill: #E0EFF1;
  stroke-width: 0%;
  stroke: black
}
.climacon_component-stroke_moon,
.climacon_component-fill_moon,
.climacon_component-fill_sunBody,
.climacon_component-stroke_sunBody,
.climacon_component-stroke_sunSpoke {
  fill: #FFE545
}
.climacon_component-stroke_cloud {
  fill: #7DB4B5
}
.climacon_component-stroke_rain {
  fill: #89e7ff
}
.climacon_component-stroke_lightning {
  fill: #fff
}
svg {
  display: inline-block;
  shape-rendering: geometricPrecision
}
g,
path,
circle,
rect {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-duration: 18s;
  animation-duration: 18s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  transform-box: fill-box;
  transform-origin: center
}
.climacon_componentWrap-sun {
  -webkit-animation-name: rotate;
  animation-name: rotate
}
.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
  -webkit-animation-name: scale;
  animation-name: scale;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-duration: 3s;
  animation-duration: 3s
}
.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s
}
.climacon_componentWrap-moon {
  -webkit-animation-name: partialRotate;
  animation-name: partialRotate;
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate
}
.climacon_componentWrap-wind {
  -webkit-animation-name: translateWind;
  animation-name: translateWind;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
.climacon_componentWrap-snowflake {
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 54s;
  animation-duration: 54s;
  -webkit-animation-direction: normal;
  animation-direction: normal
}
.climacon_componentWrap-sun_cloud {
  -webkit-animation-name: behindCloudMove,rotate;
  animation-name: behindCloudMove,rotate;
  -webkit-animation-iteration-count: 1,infinite;
  animation-iteration-count: 1,infinite;
  -webkit-animation-timing-function: ease-out,linear;
  animation-timing-function: ease-out,linear;
  -webkit-animation-delay: 0,4.5s;
  animation-delay: 0,4.5s;
  -webkit-animation-duration: 4.5s,18s;
  animation-duration: 4.5s,18s
}
.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  -webkit-animation-name: fillOpacity,scale;
  animation-name: fillOpacity,scale;
  -webkit-animation-iteration-count: 1,infinite;
  animation-iteration-count: 1,infinite;
  -webkit-animation-delay: 4.5s,0;
  animation-delay: 4.5s,0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s
}
.climacon_componentWrap-moon_cloud {
  -webkit-animation-name: behindCloudMove,partialRotate;
  animation-name: behindCloudMove,partialRotate;
  -webkit-animation-iteration-count: 1,infinite;
  animation-iteration-count: 1,infinite;
  -webkit-animation-timing-function: ease-out,linear;
  animation-timing-function: ease-out,linear;
  -webkit-animation-delay: 0,4.5s;
  animation-delay: 0,4.5s;
  -webkit-animation-duration: 4.5s,18s;
  animation-duration: 4.5s,18s
}
.climacon_component-stroke_drizzle {
  fill-opacity: 0;
  -webkit-animation-name: drizzleFall,fillOpacity2;
  animation-name: drizzleFall,fillOpacity2;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s
}
.climacon_component-stroke_drizzle:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}
.climacon_component-stroke_drizzle:nth-child(2) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s
}
.climacon_component-stroke_drizzle:nth-child(3) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s
}
.climacon_component-stroke_rain {
  fill-opacity: 0;
  -webkit-animation-name: rainFall,fillOpacity2;
  animation-name: rainFall,fillOpacity2;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 3s;
  animation-duration: 3s
}
.climacon_component-stroke_rain:nth-child(n+4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s
}
.climacon_component-stroke_rain_alt:nth-child(2) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s
}
.climacon_component-stroke_hailAlt {
  fill-opacity: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}
.climacon_component-stroke_hailAlt-left {
  -webkit-animation-name: hailLeft,fillOpacity2;
  animation-name: hailLeft,fillOpacity2
}
.climacon_component-stroke_hailAlt-middle {
  -webkit-animation-name: hailMiddle,fillOpacity2;
  animation-name: hailMiddle,fillOpacity2
}
.climacon_component-stroke_hailAlt-middle:nth-child(2) {
  -webkit-animation-name: hailMiddle2,fillOpacity2;
  animation-name: hailMiddle2,fillOpacity2
}
.climacon_component-stroke_hailAlt-right {
  -webkit-animation-name: hailRight,fillOpacity2;
  animation-name: hailRight,fillOpacity2
}
.climacon_component-stroke_hailAlt:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}
.climacon_component-stroke_hailAlt:nth-child(2) {
  -webkit-animation-delay: 0.16667s;
  animation-delay: 0.16667s
}
.climacon_component-stroke_hailAlt:nth-child(3) {
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s
}
.climacon_component-stroke_hailAlt:nth-child(4) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s
}
.climacon_component-stroke_hailAlt:nth-child(5) {
  -webkit-animation-delay: 0.66667s;
  animation-delay: 0.66667s
}
.climacon_component-stroke_hailAlt:nth-child(6) {
  -webkit-animation-delay: 0.83333s;
  animation-delay: 0.83333s
}
.climacon_component-stroke_snow {
  fill-opacity: 0;
  -webkit-animation-name: snowFall,fillOpacity2;
  animation-name: snowFall,fillOpacity2;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 9s;
  animation-duration: 9s
}
.climacon_component-stroke_snow:nth-child(3) {
  -webkit-animation-name: snowFall2,fillOpacity2;
  animation-name: snowFall2,fillOpacity2
}
.climacon_component-stroke_snow:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}
.climacon_component-stroke_snow:nth-child(2) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s
}
.climacon_component-stroke_snow:nth-child(3) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s
}
.climacon_wrapperComponent-snowAlt {
  fill-opacity: 0;
  -webkit-animation-name: snowFall,fillOpacity2;
  animation-name: snowFall,fillOpacity2;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 9s;
  animation-duration: 9s
}
.climacon_component-stroke_fogLine {
  fill-opacity: 0.5;
  -webkit-animation-name: translateFog,fillOpacityFog;
  animation-name: translateFog,fillOpacityFog;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 18s;
  animation-duration: 18s
}
.climacon_component-stroke_fogLine:nth-child(even) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s
}
.climacon_component-stroke_lightning {
  fill-opacity: 0;
  -webkit-animation-name: fillOpacityLightning;
  animation-name: fillOpacityLightning;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 12s;
  animation-duration: 12s
}
.climacon_component-stroke_tornadoLine {
  -webkit-animation-name: translateTornado1;
  animation-name: translateTornado1;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 12s;
  animation-duration: 12s
}
.climacon_component-stroke_tornadoLine:nth-child(1) {
  -webkit-animation-name: translateTornado1;
  animation-name: translateTornado1
}
.climacon_component-stroke_tornadoLine:nth-child(2) {
  -webkit-animation-name: translateTornado2;
  animation-name: translateTornado2
}
.climacon_component-stroke_tornadoLine:nth-child(3) {
  -webkit-animation-name: translateTornado3;
  animation-name: translateTornado3
}
.climacon_component-stroke_tornadoLine:nth-child(4) {
  -webkit-animation-name: translateTornado4;
  animation-name: translateTornado4
}
.climacon_component-stroke_tornadoLine:nth-child(5) {
  -webkit-animation-name: translateTornado5;
  animation-name: translateTornado5
}
.climacon_component-stroke_tornadoLine:nth-child(6) {
  -webkit-animation-name: translateTornado6;
  animation-name: translateTornado6
}
.climacon_componentWrap-sunsetAlt {
  -webkit-animation-name: translateSunset;
  animation-name: translateSunset;
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
.climacon_componentWrap-sunsetAlt {
  -webkit-animation-name: translateSunset;
  animation-name: translateSunset;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1
}
.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke,
.climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  -webkit-animation-name: scale;
  animation-name: scale;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate
}
.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke:nth-child(even),
.climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s
}
.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  -webkit-animation-name: scale;
  animation-name: scale;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate
}
.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s
}
.climacon_component-stroke_arrow-up {
  fill-opacity: 0;
  -webkit-animation-name: fillOpacity2,translateArrowUp;
  animation-name: fillOpacity2,translateArrowUp;
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s
}
.climacon_component-stroke_arrow-down {
  fill-opacity: 0;
  -webkit-animation-name: fillOpacity2,translateArrowDown;
  animation-name: fillOpacity2,translateArrowDown;
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s
}
.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke,
.climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke {
  -webkit-animation-name: scale;
  animation-name: scale;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke:nth-child(even),
.climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s
}
.climacon_componentWrap-sunriseAlt {
  -webkit-animation-name: translateSunrise,fillOpacity;
  animation-name: translateSunrise,fillOpacity;
  -webkit-animation-duration: 18s,9s;
  animation-duration: 18s,9s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  -webkit-animation-name: fillOpacity,scale;
  animation-name: fillOpacity,scale;
  -webkit-animation-direction: normal,alternate;
  animation-direction: normal,alternate;
  -webkit-animation-iteration-count: 1,infinite;
  animation-iteration-count: 1,infinite;
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s;
  -webkit-animation-delay: 4.5s,0;
  animation-delay: 4.5s,0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke:nth-child(even) {
  -webkit-animation-delay: 4.5s,4.5s;
  animation-delay: 4.5s,4.5s
}
.climacon_componentWrap-sunsetAlt {
  -webkit-animation-name: translateSunset;
  animation-name: translateSunset;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 18s;
  animation-duration: 18s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-webkit-keyframes partialRotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  25% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes partialRotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  25% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5)
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5)
  }
}
@-webkit-keyframes behindCloudMove {
  0% {
    -webkit-transform: translateX(-1.75px) translateY(1.75px);
    transform: translateX(-1.75px) translateY(1.75px)
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
  }
}
@keyframes behindCloudMove {
  0% {
    -webkit-transform: translateX(-1.75px) translateY(1.75px);
    transform: translateX(-1.75px) translateY(1.75px)
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
  }
}
@-webkit-keyframes drizzleFall {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -webkit-transform: translateY(21px);
    transform: translateY(21px)
  }
}
@keyframes drizzleFall {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -webkit-transform: translateY(21px);
    transform: translateY(21px)
  }
}
@-webkit-keyframes rainFall {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -webkit-transform: translateY(14px);
    transform: translateY(14px)
  }
}
@keyframes rainFall {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -webkit-transform: translateY(14px);
    transform: translateY(14px)
  }
}
@-webkit-keyframes rainFall2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(14px);
    transform: translateY(14px)
  }
  100% {
    -webkit-transform: translateX(14px) translateY(14px);
    transform: translateX(14px) translateY(14px)
  }
}
@keyframes rainFall2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(14px);
    transform: translateY(14px)
  }
  100% {
    -webkit-transform: translateX(14px) translateY(14px);
    transform: translateX(14px) translateY(14px)
  }
}
@-webkit-keyframes hailLeft {
  50% {
    -webkit-transform: translateY(17.5px);
    transform: translateY(17.5px)
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(-0.3px);
    transform: translateY(17.5px) translateX(-0.3px)
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(-0.9px);
    transform: translateY(16.40333px) translateX(-0.9px)
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(-1.5px);
    transform: translateY(15.32396px) translateX(-1.5px)
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(-2.1px);
    transform: translateY(14.27891px) translateX(-2.1px)
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(-2.7px);
    transform: translateY(13.28466px) translateX(-2.7px)
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(-3.3px);
    transform: translateY(12.35688px) translateX(-3.3px)
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(-3.9px);
    transform: translateY(11.51021px) translateX(-3.9px)
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(-4.5px);
    transform: translateY(10.75801px) translateX(-4.5px)
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(-5.1px);
    transform: translateY(10.11213px) translateX(-5.1px)
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(-5.7px);
    transform: translateY(9.58276px) translateX(-5.7px)
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(-6.3px);
    transform: translateY(9.17826px) translateX(-6.3px)
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(-6.9px);
    transform: translateY(8.90499px) translateX(-6.9px)
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(-7.5px);
    transform: translateY(8.76727px) translateX(-7.5px)
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(-8.1px);
    transform: translateY(8.76727px) translateX(-8.1px)
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(-8.7px);
    transform: translateY(8.90499px) translateX(-8.7px)
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(-9.3px);
    transform: translateY(9.17826px) translateX(-9.3px)
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(-9.9px);
    transform: translateY(9.58276px) translateX(-9.9px)
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(-10.5px);
    transform: translateY(10.11213px) translateX(-10.5px)
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(-11.1px);
    transform: translateY(10.75801px) translateX(-11.1px)
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(-11.7px);
    transform: translateY(11.51021px) translateX(-11.7px)
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(-12.3px);
    transform: translateY(12.35688px) translateX(-12.3px)
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(-12.9px);
    transform: translateY(13.28466px) translateX(-12.9px)
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(-13.5px);
    transform: translateY(14.27891px) translateX(-13.5px)
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(-14.1px);
    transform: translateY(15.32396px) translateX(-14.1px)
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(-14.7px);
    transform: translateY(16.40333px) translateX(-14.7px)
  }
}
@keyframes hailLeft {
  50% {
    -webkit-transform: translateY(17.5px);
    transform: translateY(17.5px)
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(-0.3px);
    transform: translateY(17.5px) translateX(-0.3px)
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(-0.9px);
    transform: translateY(16.40333px) translateX(-0.9px)
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(-1.5px);
    transform: translateY(15.32396px) translateX(-1.5px)
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(-2.1px);
    transform: translateY(14.27891px) translateX(-2.1px)
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(-2.7px);
    transform: translateY(13.28466px) translateX(-2.7px)
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(-3.3px);
    transform: translateY(12.35688px) translateX(-3.3px)
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(-3.9px);
    transform: translateY(11.51021px) translateX(-3.9px)
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(-4.5px);
    transform: translateY(10.75801px) translateX(-4.5px)
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(-5.1px);
    transform: translateY(10.11213px) translateX(-5.1px)
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(-5.7px);
    transform: translateY(9.58276px) translateX(-5.7px)
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(-6.3px);
    transform: translateY(9.17826px) translateX(-6.3px)
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(-6.9px);
    transform: translateY(8.90499px) translateX(-6.9px)
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(-7.5px);
    transform: translateY(8.76727px) translateX(-7.5px)
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(-8.1px);
    transform: translateY(8.76727px) translateX(-8.1px)
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(-8.7px);
    transform: translateY(8.90499px) translateX(-8.7px)
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(-9.3px);
    transform: translateY(9.17826px) translateX(-9.3px)
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(-9.9px);
    transform: translateY(9.58276px) translateX(-9.9px)
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(-10.5px);
    transform: translateY(10.11213px) translateX(-10.5px)
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(-11.1px);
    transform: translateY(10.75801px) translateX(-11.1px)
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(-11.7px);
    transform: translateY(11.51021px) translateX(-11.7px)
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(-12.3px);
    transform: translateY(12.35688px) translateX(-12.3px)
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(-12.9px);
    transform: translateY(13.28466px) translateX(-12.9px)
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(-13.5px);
    transform: translateY(14.27891px) translateX(-13.5px)
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(-14.1px);
    transform: translateY(15.32396px) translateX(-14.1px)
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(-14.7px);
    transform: translateY(16.40333px) translateX(-14.7px)
  }
}
@-webkit-keyframes hailMiddle {
  50% {
    -webkit-transform: translateY(17.5px);
    transform: translateY(17.5px)
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(-0.15px);
    transform: translateY(17.5px) translateX(-0.15px)
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(-0.45px);
    transform: translateY(16.40333px) translateX(-0.45px)
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(-0.75px);
    transform: translateY(15.32396px) translateX(-0.75px)
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(-1.05px);
    transform: translateY(14.27891px) translateX(-1.05px)
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(-1.35px);
    transform: translateY(13.28466px) translateX(-1.35px)
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(-1.65px);
    transform: translateY(12.35688px) translateX(-1.65px)
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(-1.95px);
    transform: translateY(11.51021px) translateX(-1.95px)
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(-2.25px);
    transform: translateY(10.75801px) translateX(-2.25px)
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(-2.55px);
    transform: translateY(10.11213px) translateX(-2.55px)
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(-2.85px);
    transform: translateY(9.58276px) translateX(-2.85px)
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(-3.15px);
    transform: translateY(9.17826px) translateX(-3.15px)
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(-3.45px);
    transform: translateY(8.90499px) translateX(-3.45px)
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(-3.75px);
    transform: translateY(8.76727px) translateX(-3.75px)
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(-4.05px);
    transform: translateY(8.76727px) translateX(-4.05px)
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(-4.35px);
    transform: translateY(8.90499px) translateX(-4.35px)
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(-4.65px);
    transform: translateY(9.17826px) translateX(-4.65px)
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(-4.95px);
    transform: translateY(9.58276px) translateX(-4.95px)
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(-5.25px);
    transform: translateY(10.11213px) translateX(-5.25px)
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(-5.55px);
    transform: translateY(10.75801px) translateX(-5.55px)
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(-5.85px);
    transform: translateY(11.51021px) translateX(-5.85px)
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(-6.15px);
    transform: translateY(12.35688px) translateX(-6.15px)
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(-6.45px);
    transform: translateY(13.28466px) translateX(-6.45px)
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(-6.75px);
    transform: translateY(14.27891px) translateX(-6.75px)
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(-7.05px);
    transform: translateY(15.32396px) translateX(-7.05px)
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(-7.35px);
    transform: translateY(16.40333px) translateX(-7.35px)
  }
}
@keyframes hailMiddle {
  50% {
    -webkit-transform: translateY(17.5px);
    transform: translateY(17.5px)
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(-0.15px);
    transform: translateY(17.5px) translateX(-0.15px)
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(-0.45px);
    transform: translateY(16.40333px) translateX(-0.45px)
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(-0.75px);
    transform: translateY(15.32396px) translateX(-0.75px)
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(-1.05px);
    transform: translateY(14.27891px) translateX(-1.05px)
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(-1.35px);
    transform: translateY(13.28466px) translateX(-1.35px)
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(-1.65px);
    transform: translateY(12.35688px) translateX(-1.65px)
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(-1.95px);
    transform: translateY(11.51021px) translateX(-1.95px)
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(-2.25px);
    transform: translateY(10.75801px) translateX(-2.25px)
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(-2.55px);
    transform: translateY(10.11213px) translateX(-2.55px)
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(-2.85px);
    transform: translateY(9.58276px) translateX(-2.85px)
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(-3.15px);
    transform: translateY(9.17826px) translateX(-3.15px)
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(-3.45px);
    transform: translateY(8.90499px) translateX(-3.45px)
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(-3.75px);
    transform: translateY(8.76727px) translateX(-3.75px)
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(-4.05px);
    transform: translateY(8.76727px) translateX(-4.05px)
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(-4.35px);
    transform: translateY(8.90499px) translateX(-4.35px)
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(-4.65px);
    transform: translateY(9.17826px) translateX(-4.65px)
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(-4.95px);
    transform: translateY(9.58276px) translateX(-4.95px)
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(-5.25px);
    transform: translateY(10.11213px) translateX(-5.25px)
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(-5.55px);
    transform: translateY(10.75801px) translateX(-5.55px)
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(-5.85px);
    transform: translateY(11.51021px) translateX(-5.85px)
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(-6.15px);
    transform: translateY(12.35688px) translateX(-6.15px)
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(-6.45px);
    transform: translateY(13.28466px) translateX(-6.45px)
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(-6.75px);
    transform: translateY(14.27891px) translateX(-6.75px)
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(-7.05px);
    transform: translateY(15.32396px) translateX(-7.05px)
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(-7.35px);
    transform: translateY(16.40333px) translateX(-7.35px)
  }
}
@-webkit-keyframes hailMiddle2 {
  50% {
    -webkit-transform: translateY(17.5px);
    transform: translateY(17.5px)
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(0.15px);
    transform: translateY(17.5px) translateX(0.15px)
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(0.45px);
    transform: translateY(16.40333px) translateX(0.45px)
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(0.75px);
    transform: translateY(15.32396px) translateX(0.75px)
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(1.05px);
    transform: translateY(14.27891px) translateX(1.05px)
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(1.35px);
    transform: translateY(13.28466px) translateX(1.35px)
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(1.65px);
    transform: translateY(12.35688px) translateX(1.65px)
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(1.95px);
    transform: translateY(11.51021px) translateX(1.95px)
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(2.25px);
    transform: translateY(10.75801px) translateX(2.25px)
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(2.55px);
    transform: translateY(10.11213px) translateX(2.55px)
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(2.85px);
    transform: translateY(9.58276px) translateX(2.85px)
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(3.15px);
    transform: translateY(9.17826px) translateX(3.15px)
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(3.45px);
    transform: translateY(8.90499px) translateX(3.45px)
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(3.75px);
    transform: translateY(8.76727px) translateX(3.75px)
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(4.05px);
    transform: translateY(8.76727px) translateX(4.05px)
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(4.35px);
    transform: translateY(8.90499px) translateX(4.35px)
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(4.65px);
    transform: translateY(9.17826px) translateX(4.65px)
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(4.95px);
    transform: translateY(9.58276px) translateX(4.95px)
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(5.25px);
    transform: translateY(10.11213px) translateX(5.25px)
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(5.55px);
    transform: translateY(10.75801px) translateX(5.55px)
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(5.85px);
    transform: translateY(11.51021px) translateX(5.85px)
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(6.15px);
    transform: translateY(12.35688px) translateX(6.15px)
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(6.45px);
    transform: translateY(13.28466px) translateX(6.45px)
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(6.75px);
    transform: translateY(14.27891px) translateX(6.75px)
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(7.05px);
    transform: translateY(15.32396px) translateX(7.05px)
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(7.35px);
    transform: translateY(16.40333px) translateX(7.35px)
  }
}
@keyframes hailMiddle2 {
  50% {
    -webkit-transform: translateY(17.5px);
    transform: translateY(17.5px)
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(0.15px);
    transform: translateY(17.5px) translateX(0.15px)
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(0.45px);
    transform: translateY(16.40333px) translateX(0.45px)
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(0.75px);
    transform: translateY(15.32396px) translateX(0.75px)
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(1.05px);
    transform: translateY(14.27891px) translateX(1.05px)
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(1.35px);
    transform: translateY(13.28466px) translateX(1.35px)
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(1.65px);
    transform: translateY(12.35688px) translateX(1.65px)
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(1.95px);
    transform: translateY(11.51021px) translateX(1.95px)
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(2.25px);
    transform: translateY(10.75801px) translateX(2.25px)
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(2.55px);
    transform: translateY(10.11213px) translateX(2.55px)
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(2.85px);
    transform: translateY(9.58276px) translateX(2.85px)
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(3.15px);
    transform: translateY(9.17826px) translateX(3.15px)
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(3.45px);
    transform: translateY(8.90499px) translateX(3.45px)
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(3.75px);
    transform: translateY(8.76727px) translateX(3.75px)
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(4.05px);
    transform: translateY(8.76727px) translateX(4.05px)
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(4.35px);
    transform: translateY(8.90499px) translateX(4.35px)
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(4.65px);
    transform: translateY(9.17826px) translateX(4.65px)
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(4.95px);
    transform: translateY(9.58276px) translateX(4.95px)
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(5.25px);
    transform: translateY(10.11213px) translateX(5.25px)
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(5.55px);
    transform: translateY(10.75801px) translateX(5.55px)
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(5.85px);
    transform: translateY(11.51021px) translateX(5.85px)
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(6.15px);
    transform: translateY(12.35688px) translateX(6.15px)
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(6.45px);
    transform: translateY(13.28466px) translateX(6.45px)
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(6.75px);
    transform: translateY(14.27891px) translateX(6.75px)
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(7.05px);
    transform: translateY(15.32396px) translateX(7.05px)
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(7.35px);
    transform: translateY(16.40333px) translateX(7.35px)
  }
}
@-webkit-keyframes hailRight {
  50% {
    -webkit-transform: translateY(17.5px);
    transform: translateY(17.5px)
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(0.3px);
    transform: translateY(17.5px) translateX(0.3px)
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(0.9px);
    transform: translateY(16.40333px) translateX(0.9px)
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(1.5px);
    transform: translateY(15.32396px) translateX(1.5px)
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(2.1px);
    transform: translateY(14.27891px) translateX(2.1px)
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(2.7px);
    transform: translateY(13.28466px) translateX(2.7px)
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(3.3px);
    transform: translateY(12.35688px) translateX(3.3px)
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(3.9px);
    transform: translateY(11.51021px) translateX(3.9px)
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(4.5px);
    transform: translateY(10.75801px) translateX(4.5px)
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(5.1px);
    transform: translateY(10.11213px) translateX(5.1px)
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(5.7px);
    transform: translateY(9.58276px) translateX(5.7px)
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(6.3px);
    transform: translateY(9.17826px) translateX(6.3px)
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(6.9px);
    transform: translateY(8.90499px) translateX(6.9px)
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(7.5px);
    transform: translateY(8.76727px) translateX(7.5px)
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(8.1px);
    transform: translateY(8.76727px) translateX(8.1px)
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(8.7px);
    transform: translateY(8.90499px) translateX(8.7px)
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(9.3px);
    transform: translateY(9.17826px) translateX(9.3px)
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(9.9px);
    transform: translateY(9.58276px) translateX(9.9px)
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(10.5px);
    transform: translateY(10.11213px) translateX(10.5px)
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(11.1px);
    transform: translateY(10.75801px) translateX(11.1px)
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(11.7px);
    transform: translateY(11.51021px) translateX(11.7px)
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(12.3px);
    transform: translateY(12.35688px) translateX(12.3px)
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(12.9px);
    transform: translateY(13.28466px) translateX(12.9px)
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(13.5px);
    transform: translateY(14.27891px) translateX(13.5px)
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(14.1px);
    transform: translateY(15.32396px) translateX(14.1px)
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(14.7px);
    transform: translateY(16.40333px) translateX(14.7px)
  }
}
@keyframes hailRight {
  50% {
    -webkit-transform: translateY(17.5px);
    transform: translateY(17.5px)
  }
  51% {
    -webkit-transform: translateY(17.5px) translateX(0.3px);
    transform: translateY(17.5px) translateX(0.3px)
  }
  53% {
    -webkit-transform: translateY(16.40333px) translateX(0.9px);
    transform: translateY(16.40333px) translateX(0.9px)
  }
  55% {
    -webkit-transform: translateY(15.32396px) translateX(1.5px);
    transform: translateY(15.32396px) translateX(1.5px)
  }
  57% {
    -webkit-transform: translateY(14.27891px) translateX(2.1px);
    transform: translateY(14.27891px) translateX(2.1px)
  }
  59% {
    -webkit-transform: translateY(13.28466px) translateX(2.7px);
    transform: translateY(13.28466px) translateX(2.7px)
  }
  61% {
    -webkit-transform: translateY(12.35688px) translateX(3.3px);
    transform: translateY(12.35688px) translateX(3.3px)
  }
  63% {
    -webkit-transform: translateY(11.51021px) translateX(3.9px);
    transform: translateY(11.51021px) translateX(3.9px)
  }
  65% {
    -webkit-transform: translateY(10.75801px) translateX(4.5px);
    transform: translateY(10.75801px) translateX(4.5px)
  }
  67% {
    -webkit-transform: translateY(10.11213px) translateX(5.1px);
    transform: translateY(10.11213px) translateX(5.1px)
  }
  69% {
    -webkit-transform: translateY(9.58276px) translateX(5.7px);
    transform: translateY(9.58276px) translateX(5.7px)
  }
  71% {
    -webkit-transform: translateY(9.17826px) translateX(6.3px);
    transform: translateY(9.17826px) translateX(6.3px)
  }
  73% {
    -webkit-transform: translateY(8.90499px) translateX(6.9px);
    transform: translateY(8.90499px) translateX(6.9px)
  }
  75% {
    -webkit-transform: translateY(8.76727px) translateX(7.5px);
    transform: translateY(8.76727px) translateX(7.5px)
  }
  77% {
    -webkit-transform: translateY(8.76727px) translateX(8.1px);
    transform: translateY(8.76727px) translateX(8.1px)
  }
  79% {
    -webkit-transform: translateY(8.90499px) translateX(8.7px);
    transform: translateY(8.90499px) translateX(8.7px)
  }
  81% {
    -webkit-transform: translateY(9.17826px) translateX(9.3px);
    transform: translateY(9.17826px) translateX(9.3px)
  }
  83% {
    -webkit-transform: translateY(9.58276px) translateX(9.9px);
    transform: translateY(9.58276px) translateX(9.9px)
  }
  85% {
    -webkit-transform: translateY(10.11213px) translateX(10.5px);
    transform: translateY(10.11213px) translateX(10.5px)
  }
  87% {
    -webkit-transform: translateY(10.75801px) translateX(11.1px);
    transform: translateY(10.75801px) translateX(11.1px)
  }
  89% {
    -webkit-transform: translateY(11.51021px) translateX(11.7px);
    transform: translateY(11.51021px) translateX(11.7px)
  }
  91% {
    -webkit-transform: translateY(12.35688px) translateX(12.3px);
    transform: translateY(12.35688px) translateX(12.3px)
  }
  93% {
    -webkit-transform: translateY(13.28466px) translateX(12.9px);
    transform: translateY(13.28466px) translateX(12.9px)
  }
  95% {
    -webkit-transform: translateY(14.27891px) translateX(13.5px);
    transform: translateY(14.27891px) translateX(13.5px)
  }
  97% {
    -webkit-transform: translateY(15.32396px) translateX(14.1px);
    transform: translateY(15.32396px) translateX(14.1px)
  }
  99% {
    -webkit-transform: translateY(16.40333px) translateX(14.7px);
    transform: translateY(16.40333px) translateX(14.7px)
  }
}
@-webkit-keyframes fillOpacity {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  100% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
}
@keyframes fillOpacity {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  100% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
}
@-webkit-keyframes fillOpacity2 {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
}
@keyframes fillOpacity2 {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
}
@-webkit-keyframes lightningFlash {
  0% {
    fill-opacity: 0
  }
  1% {
    fill-opacity: 1
  }
  2% {
    fill-opacity: 0
  }
  50% {
    fill-opacity: 0
  }
  51% {
    fill-opacity: 1
  }
  52% {
    fill-opacity: 0
  }
  53% {
    fill-opacity: 1
  }
  54% {
    fill-opacity: 0
  }
  100% {
    fill-opacity: 0
  }
}
@keyframes lightningFlash {
  0% {
    fill-opacity: 0
  }
  1% {
    fill-opacity: 1
  }
  2% {
    fill-opacity: 0
  }
  50% {
    fill-opacity: 0
  }
  51% {
    fill-opacity: 1
  }
  52% {
    fill-opacity: 0
  }
  53% {
    fill-opacity: 1
  }
  54% {
    fill-opacity: 0
  }
  100% {
    fill-opacity: 0
  }
}
@-webkit-keyframes snowFall {
  0% {
    -webkit-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px)
  }
  2% {
    -webkit-transform: translateY(0.35px) translateX(0.75349px);
    transform: translateY(0.35px) translateX(0.75349px)
  }
  4% {
    -webkit-transform: translateY(0.7px) translateX(1.44133px);
    transform: translateY(0.7px) translateX(1.44133px)
  }
  6% {
    -webkit-transform: translateY(1.05px) translateX(2.06119px);
    transform: translateY(1.05px) translateX(2.06119px)
  }
  8% {
    -webkit-transform: translateY(1.4px) translateX(2.61124px);
    transform: translateY(1.4px) translateX(2.61124px)
  }
  10% {
    -webkit-transform: translateY(1.75px) translateX(3.09017px);
    transform: translateY(1.75px) translateX(3.09017px)
  }
  12% {
    -webkit-transform: translateY(2.1px) translateX(3.49718px);
    transform: translateY(2.1px) translateX(3.49718px)
  }
  14% {
    -webkit-transform: translateY(2.45px) translateX(3.83201px);
    transform: translateY(2.45px) translateX(3.83201px)
  }
  16% {
    -webkit-transform: translateY(2.8px) translateX(4.09491px);
    transform: translateY(2.8px) translateX(4.09491px)
  }
  18% {
    -webkit-transform: translateY(3.15px) translateX(4.28661px);
    transform: translateY(3.15px) translateX(4.28661px)
  }
  20% {
    -webkit-transform: translateY(3.5px) translateX(4.40839px);
    transform: translateY(3.5px) translateX(4.40839px)
  }
  22% {
    -webkit-transform: translateY(3.85px) translateX(4.46197px);
    transform: translateY(3.85px) translateX(4.46197px)
  }
  24% {
    -webkit-transform: translateY(4.2px) translateX(4.44956px);
    transform: translateY(4.2px) translateX(4.44956px)
  }
  26% {
    -webkit-transform: translateY(4.55px) translateX(4.37381px);
    transform: translateY(4.55px) translateX(4.37381px)
  }
  28% {
    -webkit-transform: translateY(4.9px) translateX(4.23782px);
    transform: translateY(4.9px) translateX(4.23782px)
  }
  30% {
    -webkit-transform: translateY(5.25px) translateX(4.04508px);
    transform: translateY(5.25px) translateX(4.04508px)
  }
  32% {
    -webkit-transform: translateY(5.6px) translateX(3.79948px);
    transform: translateY(5.6px) translateX(3.79948px)
  }
  34% {
    -webkit-transform: translateY(5.95px) translateX(3.50523px);
    transform: translateY(5.95px) translateX(3.50523px)
  }
  36% {
    -webkit-transform: translateY(6.3px) translateX(3.16689px);
    transform: translateY(6.3px) translateX(3.16689px)
  }
  38% {
    -webkit-transform: translateY(6.65px) translateX(2.78933px);
    transform: translateY(6.65px) translateX(2.78933px)
  }
  40% {
    -webkit-transform: translateY(7px) translateX(2.37764px);
    transform: translateY(7px) translateX(2.37764px)
  }
  42% {
    -webkit-transform: translateY(7.35px) translateX(1.93717px);
    transform: translateY(7.35px) translateX(1.93717px)
  }
  44% {
    -webkit-transform: translateY(7.7px) translateX(1.47343px);
    transform: translateY(7.7px) translateX(1.47343px)
  }
  46% {
    -webkit-transform: translateY(8.05px) translateX(0.99211px);
    transform: translateY(8.05px) translateX(0.99211px)
  }
  48% {
    -webkit-transform: translateY(8.4px) translateX(0.49901px);
    transform: translateY(8.4px) translateX(0.49901px)
  }
  50% {
    -webkit-transform: translateY(8.75px) translateX(0px);
    transform: translateY(8.75px) translateX(0px)
  }
  52% {
    -webkit-transform: translateY(9.1px) translateX(-0.49901px);
    transform: translateY(9.1px) translateX(-0.49901px)
  }
  54% {
    -webkit-transform: translateY(9.45px) translateX(-0.99211px);
    transform: translateY(9.45px) translateX(-0.99211px)
  }
  56% {
    -webkit-transform: translateY(9.8px) translateX(-1.47343px);
    transform: translateY(9.8px) translateX(-1.47343px)
  }
  58% {
    -webkit-transform: translateY(10.15px) translateX(-1.93717px);
    transform: translateY(10.15px) translateX(-1.93717px)
  }
  60% {
    -webkit-transform: translateY(10.5px) translateX(-2.37764px);
    transform: translateY(10.5px) translateX(-2.37764px)
  }
  62% {
    -webkit-transform: translateY(10.85px) translateX(-2.78933px);
    transform: translateY(10.85px) translateX(-2.78933px)
  }
  64% {
    -webkit-transform: translateY(11.2px) translateX(-3.16689px);
    transform: translateY(11.2px) translateX(-3.16689px)
  }
  66% {
    -webkit-transform: translateY(11.55px) translateX(-3.50523px);
    transform: translateY(11.55px) translateX(-3.50523px)
  }
  68% {
    -webkit-transform: translateY(11.9px) translateX(-3.79948px);
    transform: translateY(11.9px) translateX(-3.79948px)
  }
  70% {
    -webkit-transform: translateY(12.25px) translateX(-4.04508px);
    transform: translateY(12.25px) translateX(-4.04508px)
  }
  72% {
    -webkit-transform: translateY(12.6px) translateX(-4.23782px);
    transform: translateY(12.6px) translateX(-4.23782px)
  }
  74% {
    -webkit-transform: translateY(12.95px) translateX(-4.37381px);
    transform: translateY(12.95px) translateX(-4.37381px)
  }
  76% {
    -webkit-transform: translateY(13.3px) translateX(-4.44956px);
    transform: translateY(13.3px) translateX(-4.44956px)
  }
  78% {
    -webkit-transform: translateY(13.65px) translateX(-4.46197px);
    transform: translateY(13.65px) translateX(-4.46197px)
  }
  80% {
    -webkit-transform: translateY(14px) translateX(-4.40839px);
    transform: translateY(14px) translateX(-4.40839px)
  }
  82% {
    -webkit-transform: translateY(14.35px) translateX(-4.28661px);
    transform: translateY(14.35px) translateX(-4.28661px)
  }
  84% {
    -webkit-transform: translateY(14.7px) translateX(-4.09491px);
    transform: translateY(14.7px) translateX(-4.09491px)
  }
  86% {
    -webkit-transform: translateY(15.05px) translateX(-3.83201px);
    transform: translateY(15.05px) translateX(-3.83201px)
  }
  88% {
    -webkit-transform: translateY(15.4px) translateX(-3.49718px);
    transform: translateY(15.4px) translateX(-3.49718px)
  }
  90% {
    -webkit-transform: translateY(15.75px) translateX(-3.09017px);
    transform: translateY(15.75px) translateX(-3.09017px)
  }
  92% {
    -webkit-transform: translateY(16.1px) translateX(-2.61124px);
    transform: translateY(16.1px) translateX(-2.61124px)
  }
  94% {
    -webkit-transform: translateY(16.45px) translateX(-2.06119px);
    transform: translateY(16.45px) translateX(-2.06119px)
  }
  96% {
    -webkit-transform: translateY(16.8px) translateX(-1.44133px);
    transform: translateY(16.8px) translateX(-1.44133px)
  }
  98% {
    -webkit-transform: translateY(17.15px) translateX(-0.75349px);
    transform: translateY(17.15px) translateX(-0.75349px)
  }
  100% {
    -webkit-transform: translateY(17.5px) translateX(0px);
    transform: translateY(17.5px) translateX(0px)
  }
}
@keyframes snowFall {
  0% {
    -webkit-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px)
  }
  2% {
    -webkit-transform: translateY(0.35px) translateX(0.75349px);
    transform: translateY(0.35px) translateX(0.75349px)
  }
  4% {
    -webkit-transform: translateY(0.7px) translateX(1.44133px);
    transform: translateY(0.7px) translateX(1.44133px)
  }
  6% {
    -webkit-transform: translateY(1.05px) translateX(2.06119px);
    transform: translateY(1.05px) translateX(2.06119px)
  }
  8% {
    -webkit-transform: translateY(1.4px) translateX(2.61124px);
    transform: translateY(1.4px) translateX(2.61124px)
  }
  10% {
    -webkit-transform: translateY(1.75px) translateX(3.09017px);
    transform: translateY(1.75px) translateX(3.09017px)
  }
  12% {
    -webkit-transform: translateY(2.1px) translateX(3.49718px);
    transform: translateY(2.1px) translateX(3.49718px)
  }
  14% {
    -webkit-transform: translateY(2.45px) translateX(3.83201px);
    transform: translateY(2.45px) translateX(3.83201px)
  }
  16% {
    -webkit-transform: translateY(2.8px) translateX(4.09491px);
    transform: translateY(2.8px) translateX(4.09491px)
  }
  18% {
    -webkit-transform: translateY(3.15px) translateX(4.28661px);
    transform: translateY(3.15px) translateX(4.28661px)
  }
  20% {
    -webkit-transform: translateY(3.5px) translateX(4.40839px);
    transform: translateY(3.5px) translateX(4.40839px)
  }
  22% {
    -webkit-transform: translateY(3.85px) translateX(4.46197px);
    transform: translateY(3.85px) translateX(4.46197px)
  }
  24% {
    -webkit-transform: translateY(4.2px) translateX(4.44956px);
    transform: translateY(4.2px) translateX(4.44956px)
  }
  26% {
    -webkit-transform: translateY(4.55px) translateX(4.37381px);
    transform: translateY(4.55px) translateX(4.37381px)
  }
  28% {
    -webkit-transform: translateY(4.9px) translateX(4.23782px);
    transform: translateY(4.9px) translateX(4.23782px)
  }
  30% {
    -webkit-transform: translateY(5.25px) translateX(4.04508px);
    transform: translateY(5.25px) translateX(4.04508px)
  }
  32% {
    -webkit-transform: translateY(5.6px) translateX(3.79948px);
    transform: translateY(5.6px) translateX(3.79948px)
  }
  34% {
    -webkit-transform: translateY(5.95px) translateX(3.50523px);
    transform: translateY(5.95px) translateX(3.50523px)
  }
  36% {
    -webkit-transform: translateY(6.3px) translateX(3.16689px);
    transform: translateY(6.3px) translateX(3.16689px)
  }
  38% {
    -webkit-transform: translateY(6.65px) translateX(2.78933px);
    transform: translateY(6.65px) translateX(2.78933px)
  }
  40% {
    -webkit-transform: translateY(7px) translateX(2.37764px);
    transform: translateY(7px) translateX(2.37764px)
  }
  42% {
    -webkit-transform: translateY(7.35px) translateX(1.93717px);
    transform: translateY(7.35px) translateX(1.93717px)
  }
  44% {
    -webkit-transform: translateY(7.7px) translateX(1.47343px);
    transform: translateY(7.7px) translateX(1.47343px)
  }
  46% {
    -webkit-transform: translateY(8.05px) translateX(0.99211px);
    transform: translateY(8.05px) translateX(0.99211px)
  }
  48% {
    -webkit-transform: translateY(8.4px) translateX(0.49901px);
    transform: translateY(8.4px) translateX(0.49901px)
  }
  50% {
    -webkit-transform: translateY(8.75px) translateX(0px);
    transform: translateY(8.75px) translateX(0px)
  }
  52% {
    -webkit-transform: translateY(9.1px) translateX(-0.49901px);
    transform: translateY(9.1px) translateX(-0.49901px)
  }
  54% {
    -webkit-transform: translateY(9.45px) translateX(-0.99211px);
    transform: translateY(9.45px) translateX(-0.99211px)
  }
  56% {
    -webkit-transform: translateY(9.8px) translateX(-1.47343px);
    transform: translateY(9.8px) translateX(-1.47343px)
  }
  58% {
    -webkit-transform: translateY(10.15px) translateX(-1.93717px);
    transform: translateY(10.15px) translateX(-1.93717px)
  }
  60% {
    -webkit-transform: translateY(10.5px) translateX(-2.37764px);
    transform: translateY(10.5px) translateX(-2.37764px)
  }
  62% {
    -webkit-transform: translateY(10.85px) translateX(-2.78933px);
    transform: translateY(10.85px) translateX(-2.78933px)
  }
  64% {
    -webkit-transform: translateY(11.2px) translateX(-3.16689px);
    transform: translateY(11.2px) translateX(-3.16689px)
  }
  66% {
    -webkit-transform: translateY(11.55px) translateX(-3.50523px);
    transform: translateY(11.55px) translateX(-3.50523px)
  }
  68% {
    -webkit-transform: translateY(11.9px) translateX(-3.79948px);
    transform: translateY(11.9px) translateX(-3.79948px)
  }
  70% {
    -webkit-transform: translateY(12.25px) translateX(-4.04508px);
    transform: translateY(12.25px) translateX(-4.04508px)
  }
  72% {
    -webkit-transform: translateY(12.6px) translateX(-4.23782px);
    transform: translateY(12.6px) translateX(-4.23782px)
  }
  74% {
    -webkit-transform: translateY(12.95px) translateX(-4.37381px);
    transform: translateY(12.95px) translateX(-4.37381px)
  }
  76% {
    -webkit-transform: translateY(13.3px) translateX(-4.44956px);
    transform: translateY(13.3px) translateX(-4.44956px)
  }
  78% {
    -webkit-transform: translateY(13.65px) translateX(-4.46197px);
    transform: translateY(13.65px) translateX(-4.46197px)
  }
  80% {
    -webkit-transform: translateY(14px) translateX(-4.40839px);
    transform: translateY(14px) translateX(-4.40839px)
  }
  82% {
    -webkit-transform: translateY(14.35px) translateX(-4.28661px);
    transform: translateY(14.35px) translateX(-4.28661px)
  }
  84% {
    -webkit-transform: translateY(14.7px) translateX(-4.09491px);
    transform: translateY(14.7px) translateX(-4.09491px)
  }
  86% {
    -webkit-transform: translateY(15.05px) translateX(-3.83201px);
    transform: translateY(15.05px) translateX(-3.83201px)
  }
  88% {
    -webkit-transform: translateY(15.4px) translateX(-3.49718px);
    transform: translateY(15.4px) translateX(-3.49718px)
  }
  90% {
    -webkit-transform: translateY(15.75px) translateX(-3.09017px);
    transform: translateY(15.75px) translateX(-3.09017px)
  }
  92% {
    -webkit-transform: translateY(16.1px) translateX(-2.61124px);
    transform: translateY(16.1px) translateX(-2.61124px)
  }
  94% {
    -webkit-transform: translateY(16.45px) translateX(-2.06119px);
    transform: translateY(16.45px) translateX(-2.06119px)
  }
  96% {
    -webkit-transform: translateY(16.8px) translateX(-1.44133px);
    transform: translateY(16.8px) translateX(-1.44133px)
  }
  98% {
    -webkit-transform: translateY(17.15px) translateX(-0.75349px);
    transform: translateY(17.15px) translateX(-0.75349px)
  }
  100% {
    -webkit-transform: translateY(17.5px) translateX(0px);
    transform: translateY(17.5px) translateX(0px)
  }
}
@-webkit-keyframes snowFall2 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px)
  }
  2% {
    -webkit-transform: translateY(0.35px) translateX(-0.75349px);
    transform: translateY(0.35px) translateX(-0.75349px)
  }
  4% {
    -webkit-transform: translateY(0.7px) translateX(-1.44133px);
    transform: translateY(0.7px) translateX(-1.44133px)
  }
  6% {
    -webkit-transform: translateY(1.05px) translateX(-2.06119px);
    transform: translateY(1.05px) translateX(-2.06119px)
  }
  8% {
    -webkit-transform: translateY(1.4px) translateX(-2.61124px);
    transform: translateY(1.4px) translateX(-2.61124px)
  }
  10% {
    -webkit-transform: translateY(1.75px) translateX(-3.09017px);
    transform: translateY(1.75px) translateX(-3.09017px)
  }
  12% {
    -webkit-transform: translateY(2.1px) translateX(-3.49718px);
    transform: translateY(2.1px) translateX(-3.49718px)
  }
  14% {
    -webkit-transform: translateY(2.45px) translateX(-3.83201px);
    transform: translateY(2.45px) translateX(-3.83201px)
  }
  16% {
    -webkit-transform: translateY(2.8px) translateX(-4.09491px);
    transform: translateY(2.8px) translateX(-4.09491px)
  }
  18% {
    -webkit-transform: translateY(3.15px) translateX(-4.28661px);
    transform: translateY(3.15px) translateX(-4.28661px)
  }
  20% {
    -webkit-transform: translateY(3.5px) translateX(-4.40839px);
    transform: translateY(3.5px) translateX(-4.40839px)
  }
  22% {
    -webkit-transform: translateY(3.85px) translateX(-4.46197px);
    transform: translateY(3.85px) translateX(-4.46197px)
  }
  24% {
    -webkit-transform: translateY(4.2px) translateX(-4.44956px);
    transform: translateY(4.2px) translateX(-4.44956px)
  }
  26% {
    -webkit-transform: translateY(4.55px) translateX(-4.37381px);
    transform: translateY(4.55px) translateX(-4.37381px)
  }
  28% {
    -webkit-transform: translateY(4.9px) translateX(-4.23782px);
    transform: translateY(4.9px) translateX(-4.23782px)
  }
  30% {
    -webkit-transform: translateY(5.25px) translateX(-4.04508px);
    transform: translateY(5.25px) translateX(-4.04508px)
  }
  32% {
    -webkit-transform: translateY(5.6px) translateX(-3.79948px);
    transform: translateY(5.6px) translateX(-3.79948px)
  }
  34% {
    -webkit-transform: translateY(5.95px) translateX(-3.50523px);
    transform: translateY(5.95px) translateX(-3.50523px)
  }
  36% {
    -webkit-transform: translateY(6.3px) translateX(-3.16689px);
    transform: translateY(6.3px) translateX(-3.16689px)
  }
  38% {
    -webkit-transform: translateY(6.65px) translateX(-2.78933px);
    transform: translateY(6.65px) translateX(-2.78933px)
  }
  40% {
    -webkit-transform: translateY(7px) translateX(-2.37764px);
    transform: translateY(7px) translateX(-2.37764px)
  }
  42% {
    -webkit-transform: translateY(7.35px) translateX(-1.93717px);
    transform: translateY(7.35px) translateX(-1.93717px)
  }
  44% {
    -webkit-transform: translateY(7.7px) translateX(-1.47343px);
    transform: translateY(7.7px) translateX(-1.47343px)
  }
  46% {
    -webkit-transform: translateY(8.05px) translateX(-0.99211px);
    transform: translateY(8.05px) translateX(-0.99211px)
  }
  48% {
    -webkit-transform: translateY(8.4px) translateX(-0.49901px);
    transform: translateY(8.4px) translateX(-0.49901px)
  }
  50% {
    -webkit-transform: translateY(8.75px) translateX(0px);
    transform: translateY(8.75px) translateX(0px)
  }
  52% {
    -webkit-transform: translateY(9.1px) translateX(0.49901px);
    transform: translateY(9.1px) translateX(0.49901px)
  }
  54% {
    -webkit-transform: translateY(9.45px) translateX(0.99211px);
    transform: translateY(9.45px) translateX(0.99211px)
  }
  56% {
    -webkit-transform: translateY(9.8px) translateX(1.47343px);
    transform: translateY(9.8px) translateX(1.47343px)
  }
  58% {
    -webkit-transform: translateY(10.15px) translateX(1.93717px);
    transform: translateY(10.15px) translateX(1.93717px)
  }
  60% {
    -webkit-transform: translateY(10.5px) translateX(2.37764px);
    transform: translateY(10.5px) translateX(2.37764px)
  }
  62% {
    -webkit-transform: translateY(10.85px) translateX(2.78933px);
    transform: translateY(10.85px) translateX(2.78933px)
  }
  64% {
    -webkit-transform: translateY(11.2px) translateX(3.16689px);
    transform: translateY(11.2px) translateX(3.16689px)
  }
  66% {
    -webkit-transform: translateY(11.55px) translateX(3.50523px);
    transform: translateY(11.55px) translateX(3.50523px)
  }
  68% {
    -webkit-transform: translateY(11.9px) translateX(3.79948px);
    transform: translateY(11.9px) translateX(3.79948px)
  }
  70% {
    -webkit-transform: translateY(12.25px) translateX(4.04508px);
    transform: translateY(12.25px) translateX(4.04508px)
  }
  72% {
    -webkit-transform: translateY(12.6px) translateX(4.23782px);
    transform: translateY(12.6px) translateX(4.23782px)
  }
  74% {
    -webkit-transform: translateY(12.95px) translateX(4.37381px);
    transform: translateY(12.95px) translateX(4.37381px)
  }
  76% {
    -webkit-transform: translateY(13.3px) translateX(4.44956px);
    transform: translateY(13.3px) translateX(4.44956px)
  }
  78% {
    -webkit-transform: translateY(13.65px) translateX(4.46197px);
    transform: translateY(13.65px) translateX(4.46197px)
  }
  80% {
    -webkit-transform: translateY(14px) translateX(4.40839px);
    transform: translateY(14px) translateX(4.40839px)
  }
  82% {
    -webkit-transform: translateY(14.35px) translateX(4.28661px);
    transform: translateY(14.35px) translateX(4.28661px)
  }
  84% {
    -webkit-transform: translateY(14.7px) translateX(4.09491px);
    transform: translateY(14.7px) translateX(4.09491px)
  }
  86% {
    -webkit-transform: translateY(15.05px) translateX(3.83201px);
    transform: translateY(15.05px) translateX(3.83201px)
  }
  88% {
    -webkit-transform: translateY(15.4px) translateX(3.49718px);
    transform: translateY(15.4px) translateX(3.49718px)
  }
  90% {
    -webkit-transform: translateY(15.75px) translateX(3.09017px);
    transform: translateY(15.75px) translateX(3.09017px)
  }
  92% {
    -webkit-transform: translateY(16.1px) translateX(2.61124px);
    transform: translateY(16.1px) translateX(2.61124px)
  }
  94% {
    -webkit-transform: translateY(16.45px) translateX(2.06119px);
    transform: translateY(16.45px) translateX(2.06119px)
  }
  96% {
    -webkit-transform: translateY(16.8px) translateX(1.44133px);
    transform: translateY(16.8px) translateX(1.44133px)
  }
  98% {
    -webkit-transform: translateY(17.15px) translateX(0.75349px);
    transform: translateY(17.15px) translateX(0.75349px)
  }
  100% {
    -webkit-transform: translateY(17.5px) translateX(0px);
    transform: translateY(17.5px) translateX(0px)
  }
}
@keyframes snowFall2 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px)
  }
  2% {
    -webkit-transform: translateY(0.35px) translateX(-0.75349px);
    transform: translateY(0.35px) translateX(-0.75349px)
  }
  4% {
    -webkit-transform: translateY(0.7px) translateX(-1.44133px);
    transform: translateY(0.7px) translateX(-1.44133px)
  }
  6% {
    -webkit-transform: translateY(1.05px) translateX(-2.06119px);
    transform: translateY(1.05px) translateX(-2.06119px)
  }
  8% {
    -webkit-transform: translateY(1.4px) translateX(-2.61124px);
    transform: translateY(1.4px) translateX(-2.61124px)
  }
  10% {
    -webkit-transform: translateY(1.75px) translateX(-3.09017px);
    transform: translateY(1.75px) translateX(-3.09017px)
  }
  12% {
    -webkit-transform: translateY(2.1px) translateX(-3.49718px);
    transform: translateY(2.1px) translateX(-3.49718px)
  }
  14% {
    -webkit-transform: translateY(2.45px) translateX(-3.83201px);
    transform: translateY(2.45px) translateX(-3.83201px)
  }
  16% {
    -webkit-transform: translateY(2.8px) translateX(-4.09491px);
    transform: translateY(2.8px) translateX(-4.09491px)
  }
  18% {
    -webkit-transform: translateY(3.15px) translateX(-4.28661px);
    transform: translateY(3.15px) translateX(-4.28661px)
  }
  20% {
    -webkit-transform: translateY(3.5px) translateX(-4.40839px);
    transform: translateY(3.5px) translateX(-4.40839px)
  }
  22% {
    -webkit-transform: translateY(3.85px) translateX(-4.46197px);
    transform: translateY(3.85px) translateX(-4.46197px)
  }
  24% {
    -webkit-transform: translateY(4.2px) translateX(-4.44956px);
    transform: translateY(4.2px) translateX(-4.44956px)
  }
  26% {
    -webkit-transform: translateY(4.55px) translateX(-4.37381px);
    transform: translateY(4.55px) translateX(-4.37381px)
  }
  28% {
    -webkit-transform: translateY(4.9px) translateX(-4.23782px);
    transform: translateY(4.9px) translateX(-4.23782px)
  }
  30% {
    -webkit-transform: translateY(5.25px) translateX(-4.04508px);
    transform: translateY(5.25px) translateX(-4.04508px)
  }
  32% {
    -webkit-transform: translateY(5.6px) translateX(-3.79948px);
    transform: translateY(5.6px) translateX(-3.79948px)
  }
  34% {
    -webkit-transform: translateY(5.95px) translateX(-3.50523px);
    transform: translateY(5.95px) translateX(-3.50523px)
  }
  36% {
    -webkit-transform: translateY(6.3px) translateX(-3.16689px);
    transform: translateY(6.3px) translateX(-3.16689px)
  }
  38% {
    -webkit-transform: translateY(6.65px) translateX(-2.78933px);
    transform: translateY(6.65px) translateX(-2.78933px)
  }
  40% {
    -webkit-transform: translateY(7px) translateX(-2.37764px);
    transform: translateY(7px) translateX(-2.37764px)
  }
  42% {
    -webkit-transform: translateY(7.35px) translateX(-1.93717px);
    transform: translateY(7.35px) translateX(-1.93717px)
  }
  44% {
    -webkit-transform: translateY(7.7px) translateX(-1.47343px);
    transform: translateY(7.7px) translateX(-1.47343px)
  }
  46% {
    -webkit-transform: translateY(8.05px) translateX(-0.99211px);
    transform: translateY(8.05px) translateX(-0.99211px)
  }
  48% {
    -webkit-transform: translateY(8.4px) translateX(-0.49901px);
    transform: translateY(8.4px) translateX(-0.49901px)
  }
  50% {
    -webkit-transform: translateY(8.75px) translateX(0px);
    transform: translateY(8.75px) translateX(0px)
  }
  52% {
    -webkit-transform: translateY(9.1px) translateX(0.49901px);
    transform: translateY(9.1px) translateX(0.49901px)
  }
  54% {
    -webkit-transform: translateY(9.45px) translateX(0.99211px);
    transform: translateY(9.45px) translateX(0.99211px)
  }
  56% {
    -webkit-transform: translateY(9.8px) translateX(1.47343px);
    transform: translateY(9.8px) translateX(1.47343px)
  }
  58% {
    -webkit-transform: translateY(10.15px) translateX(1.93717px);
    transform: translateY(10.15px) translateX(1.93717px)
  }
  60% {
    -webkit-transform: translateY(10.5px) translateX(2.37764px);
    transform: translateY(10.5px) translateX(2.37764px)
  }
  62% {
    -webkit-transform: translateY(10.85px) translateX(2.78933px);
    transform: translateY(10.85px) translateX(2.78933px)
  }
  64% {
    -webkit-transform: translateY(11.2px) translateX(3.16689px);
    transform: translateY(11.2px) translateX(3.16689px)
  }
  66% {
    -webkit-transform: translateY(11.55px) translateX(3.50523px);
    transform: translateY(11.55px) translateX(3.50523px)
  }
  68% {
    -webkit-transform: translateY(11.9px) translateX(3.79948px);
    transform: translateY(11.9px) translateX(3.79948px)
  }
  70% {
    -webkit-transform: translateY(12.25px) translateX(4.04508px);
    transform: translateY(12.25px) translateX(4.04508px)
  }
  72% {
    -webkit-transform: translateY(12.6px) translateX(4.23782px);
    transform: translateY(12.6px) translateX(4.23782px)
  }
  74% {
    -webkit-transform: translateY(12.95px) translateX(4.37381px);
    transform: translateY(12.95px) translateX(4.37381px)
  }
  76% {
    -webkit-transform: translateY(13.3px) translateX(4.44956px);
    transform: translateY(13.3px) translateX(4.44956px)
  }
  78% {
    -webkit-transform: translateY(13.65px) translateX(4.46197px);
    transform: translateY(13.65px) translateX(4.46197px)
  }
  80% {
    -webkit-transform: translateY(14px) translateX(4.40839px);
    transform: translateY(14px) translateX(4.40839px)
  }
  82% {
    -webkit-transform: translateY(14.35px) translateX(4.28661px);
    transform: translateY(14.35px) translateX(4.28661px)
  }
  84% {
    -webkit-transform: translateY(14.7px) translateX(4.09491px);
    transform: translateY(14.7px) translateX(4.09491px)
  }
  86% {
    -webkit-transform: translateY(15.05px) translateX(3.83201px);
    transform: translateY(15.05px) translateX(3.83201px)
  }
  88% {
    -webkit-transform: translateY(15.4px) translateX(3.49718px);
    transform: translateY(15.4px) translateX(3.49718px)
  }
  90% {
    -webkit-transform: translateY(15.75px) translateX(3.09017px);
    transform: translateY(15.75px) translateX(3.09017px)
  }
  92% {
    -webkit-transform: translateY(16.1px) translateX(2.61124px);
    transform: translateY(16.1px) translateX(2.61124px)
  }
  94% {
    -webkit-transform: translateY(16.45px) translateX(2.06119px);
    transform: translateY(16.45px) translateX(2.06119px)
  }
  96% {
    -webkit-transform: translateY(16.8px) translateX(1.44133px);
    transform: translateY(16.8px) translateX(1.44133px)
  }
  98% {
    -webkit-transform: translateY(17.15px) translateX(0.75349px);
    transform: translateY(17.15px) translateX(0.75349px)
  }
  100% {
    -webkit-transform: translateY(17.5px) translateX(0px);
    transform: translateY(17.5px) translateX(0px)
  }
}
@-webkit-keyframes translateTornado1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(3.997px);
    transform: translateX(3.997px)
  }
  75% {
    -webkit-transform: translateX(-3.997px);
    transform: translateX(-3.997px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes translateTornado1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(3.997px);
    transform: translateX(3.997px)
  }
  75% {
    -webkit-transform: translateX(-3.997px);
    transform: translateX(-3.997px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes translateTornado2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(2.002px);
    transform: translateX(2.002px)
  }
  75% {
    -webkit-transform: translateX(-2.002px);
    transform: translateX(-2.002px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes translateTornado2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(2.002px);
    transform: translateX(2.002px)
  }
  75% {
    -webkit-transform: translateX(-2.002px);
    transform: translateX(-2.002px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes translateTornado3 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(8.001px);
    transform: translateX(8.001px)
  }
  75% {
    -webkit-transform: translateX(-8.001px);
    transform: translateX(-8.001px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes translateTornado3 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(8.001px);
    transform: translateX(8.001px)
  }
  75% {
    -webkit-transform: translateX(-8.001px);
    transform: translateX(-8.001px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes translateTornado4 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(5.999px);
    transform: translateX(5.999px)
  }
  75% {
    -webkit-transform: translateX(-5.999px);
    transform: translateX(-5.999px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes translateTornado4 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(5.999px);
    transform: translateX(5.999px)
  }
  75% {
    -webkit-transform: translateX(-5.999px);
    transform: translateX(-5.999px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes translateTornado5 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(10.003px);
    transform: translateX(10.003px)
  }
  75% {
    -webkit-transform: translateX(-10.003px);
    transform: translateX(-10.003px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes translateTornado5 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(10.003px);
    transform: translateX(10.003px)
  }
  75% {
    -webkit-transform: translateX(-10.003px);
    transform: translateX(-10.003px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes translateTornado6 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(5.999px);
    transform: translateX(5.999px)
  }
  75% {
    -webkit-transform: translateX(-5.999px);
    transform: translateX(-5.999px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes translateTornado6 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(5.999px);
    transform: translateX(5.999px)
  }
  75% {
    -webkit-transform: translateX(-5.999px);
    transform: translateX(-5.999px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes fillOpacityLightning {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  1% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
  7% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  50% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  51% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
  53% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  54% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
  60% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
}
@keyframes fillOpacityLightning {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  1% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
  7% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  50% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  51% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
  53% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  54% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
  60% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0
  }
}
@-webkit-keyframes translateFog {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(2.499px);
    transform: translateX(2.499px)
  }
  75% {
    -webkit-transform: translateX(-2.499px);
    transform: translateX(-2.499px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes translateFog {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(2.499px);
    transform: translateX(2.499px)
  }
  75% {
    -webkit-transform: translateX(-2.499px);
    transform: translateX(-2.499px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes fillOpacityFog {
  0% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
  100% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5
  }
}
@keyframes fillOpacityFog {
  0% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1
  }
  100% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5
  }
}
@-webkit-keyframes translateSunrise {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateY(-16.002px);
    transform: translateY(-16.002px)
  }
  100% {
    -webkit-transform: translateY(-16.002px);
    transform: translateY(-16.002px)
  }
}
@keyframes translateSunrise {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateY(-16.002px);
    transform: translateY(-16.002px)
  }
  100% {
    -webkit-transform: translateY(-16.002px);
    transform: translateY(-16.002px)
  }
}
@-webkit-keyframes translateSunset {
  0% {
    -webkit-transform: translateY(-16.002px);
    transform: translateY(-16.002px)
  }
  25% {
    -webkit-transform: translateY(-3.997px);
    transform: translateY(-3.997px)
  }
  100% {
    -webkit-transform: translateY(-3.997px);
    transform: translateY(-3.997px)
  }
}
@keyframes translateSunset {
  0% {
    -webkit-transform: translateY(-16.002px);
    transform: translateY(-16.002px)
  }
  25% {
    -webkit-transform: translateY(-3.997px);
    transform: translateY(-3.997px)
  }
  100% {
    -webkit-transform: translateY(-3.997px);
    transform: translateY(-3.997px)
  }
}
@-webkit-keyframes translateArrowDown {
  0% {
    -webkit-transform: translateY(2.002px);
    transform: translateY(2.002px)
  }
  100% {
    -webkit-transform: translateY(4.998px);
    transform: translateY(4.998px)
  }
}
@keyframes translateArrowDown {
  0% {
    -webkit-transform: translateY(2.002px);
    transform: translateY(2.002px)
  }
  100% {
    -webkit-transform: translateY(4.998px);
    transform: translateY(4.998px)
  }
}
@-webkit-keyframes translateArrowUp {
  0% {
    -webkit-transform: translateY(-2.002px);
    transform: translateY(-2.002px)
  }
  100% {
    -webkit-transform: translateY(-4.998px);
    transform: translateY(-4.998px)
  }
}
@keyframes translateArrowUp {
  0% {
    -webkit-transform: translateY(-2.002px);
    transform: translateY(-2.002px)
  }
  100% {
    -webkit-transform: translateY(-4.998px);
    transform: translateY(-4.998px)
  }
}
@-webkit-keyframes translateWind {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(4.998px);
    transform: translateX(4.998px)
  }
  75% {
    -webkit-transform: translateX(-4.998px);
    transform: translateX(-4.998px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes translateWind {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  25% {
    -webkit-transform: translateX(4.998px);
    transform: translateX(4.998px)
  }
  75% {
    -webkit-transform: translateX(-4.998px);
    transform: translateX(-4.998px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.bp-step {
  display: none;
  background-color: green;
  color: #fff;
  padding: 0px 5px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 999999
}
@media only screen and (min-width: 1000px) {
  .bp-step.step1 {
    display: block
  }
}
html {
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0px;
  padding: 0px;
  font-family: 'Lato',sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #666;
  overflow-x: hidden
}
a:link,
a:visited {
  color: #666;
  text-decoration: none;
  outline: none
}
a:hover,
a:active {
  text-decoration: none
}
.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}
.middler {
  width: auto;
  max-width: 1200px;
  margin: 0px auto;
  padding: 0px 50px
}
.count-container {
  max-width: 600px;
  margin: 0px auto
}
.count-container h1,
.count-container h2,
.count-container h3 {
  padding-bottom: 15px;
  font-weight: 400;
  color: #111
}
.count-container p,
.count-container ul,
.count-container ol {
  padding-bottom: 15px
}
.count-container strong {
  font-weight: 900
}
.count-container small {
  font-size: 14px
}
ul.list {
  list-style: disc;
  padding-left: 20px
}
ul.list li {
  padding: 0px 0px 10px 10px
}
ol.list {
  list-style: decimal;
  padding-left: 20px
}
ol.list li {
  padding: 0px 0px 10px 10px
}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.cp-top {
  padding-top: 150px
}
.cp-both {
  padding-top: 150px;
  padding-bottom: 150px
}
.cp-bottom {
  padding-bottom: 150px
}
h1.naw-pad {
  padding: 0px
}
.advertisement {
  max-width: 600px;
  margin: 0px auto;
  padding-top: 35px;
  text-align: center
}
.advertisement img {
  width: 100%;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px
}
.advertisement p {
  padding-top: 10px;
  font-size: 16px
}
.advertisement i {
  font-style: italic
}
.advertisement a {
  text-decoration: underline
}
ul.social-links {
  padding: 25px 0px 0px 0px;
  text-align: center;
  font-size: 40px;
  clear: both
}
ul.social-links li {
  display: inline-block;
  padding: 0px 10px
}
.footer {
  text-align: center;
  padding: 25px 0px 10px 0px;
  font-size: 14px
}
.oops {
  text-align: center;
  padding: 50px 0px
}
body {
  min-height: 100%
}
.form-error {
  z-index: 99999;
  background-color: #111;
  color: #ee1644;
  padding: 15px;
  font-size: 14px;
  text-align: center;
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px
}
.form-error p {
  padding: 0px
}
.create-forgot {
  text-align: center;
  padding-top: 50px;
  font-size: 14px
}
.buttonlink a:link,
.buttonlink a:visited,
.buttonlink button,
.buttonlink input {
  background-color: #111;
  font-size: 20px;
  line-height: 1;
  padding: 20px 0px;
  color: #fff;
  text-align: center;
  border: 0px;
  clear: both;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer
}
.buttonlink a,
.buttonlink button,
.buttonlink input {
  width: 100%
}
.buttonlink.buttonlink-small a {
  font-size: 12px;
  padding: 5px 10px 7px 10px;
  width: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px
}
.count-container {
  padding: 15px
}
.navbar {
  height: 80px;
  position: relative
}
.logo {
  position: absolute;
  z-index: 1000
}
.logo a {
  float: left
}
.logo img,
.logo svg {
  width: 65px
}
.report {
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 1000;
  cursor: pointer;
  padding: 10px;
  animation: anim-report 0.3s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}
.report svg {
  width: 25px
}
.report.no-animation {
  animation: none
}
.report.toggle-active {
  animation: anim-report-turnt 0.3s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards
}
@keyframes anim-report {
  0% {
    transform: rotate(45deg)
  }
  100% {
    transform: rotate(0deg)
  }
}
@keyframes anim-report-turnt {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(45deg)
  }
}
@media only screen and (min-width: 1000px) {
  .navbar {
    width: 80px;
    margin-bottom: 25px
  }
  .count-container {
    width: auto;
    max-width: 1200px;
    margin: 0px auto;
    padding: 15px 25px
  }
  .desktop-current {
    width: 45%;
    float: left
  }
  .desktop-details {
    width: 50%;
    padding-left: 5%;
    float: right;
    border-left: 1px solid #ddd
  }
}
.count {
  text-align: center;
  clear: both;
  padding-bottom: 40px
}
.current-count {
  font-size: 175px;
  line-height: 1;
  color: #111;
  font-weight: 400;
  display: inline-block;
  position: relative
}
.current-count a {
  color: #111
}
.verified {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  right: -20px;
  fill: #111
}
.verified-static {
  position: static
}
.onthebeach {
  padding-bottom: 15px
}
.current-details {
  padding-bottom: 15px;
  color: #999
}
.current-details a {
  color: #999
}
.we-heart-you {
  color: red
}
.heart-pulse {
  animation: heartbeat 2s infinite
}
@keyframes heartbeat {
  0% {
    transform: scale(0.75)
  }
  20% {
    transform: scale(1)
  }
  40% {
    transform: scale(0.75)
  }
  60% {
    transform: scale(1)
  }
  80% {
    transform: scale(0.75)
  }
  100% {
    transform: scale(0.75)
  }
}
p.shaka {
  width: 100px;
  height: 35px;
  padding: 0px;
  margin: 0px auto;
  line-height: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}
p.shaka img,
p.shaka svg {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  cursor: pointer;
  fill: #999
}
p.shaka span {
  display: inline-block;
  vertical-align: middle
}
.shaka.boom-shaka svg {
  fill: #000;
  animation: anim-boomshakalakka 0.7s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards
}
@keyframes anim-boomshakalakka {
  0% {
    transform: rotate(0deg)
  }
  20% {
    transform: rotate(10deg)
  }
  40% {
    transform: rotate(-20deg)
  }
  60% {
    transform: rotate(20deg)
  }
  80% {
    transform: rotate(-10deg)
  }
  100% {
    transform: rotate(0deg)
  }
}
.sign-up,
.sign-up a {
  color: #000
}
@media only screen and (max-width: 320px) {
  .current-count {
    font-size: 140px
  }
}
@media only screen and (min-width: 1000px) {
  .desktop-count {
    width: 800px;
    margin: 0px auto
  }
  .count {
    width: 400px;
    float: left;
    border: 0px;
    padding-bottom: 20px
  }
}
.become-a-supporter {
  background-color: rgba(255,255,255,0.05);
  text-align: center;
  font-size: 75%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  padding: 10px 0px;
  margin-bottom: 40px
}
.become-a-supporter i {
  margin: 0px 5px
}
.flyline {
  text-align: center
}
.flyline p {
  font-size: 16px;
  line-height: 1
}
.flyline p.buttonlink {
  padding: 0px
}
.flyline img,
.flyline svg {
  display: inline-block;
  vertical-align: middle
}
.fl-line,
.fl-fly {
  width: 48%;
  display: inline-block
}
.fl-line img,
.fl-line svg,
.fl-fly img,
.fl-fly svg {
  height: 35px
}
.fl-line p small,
.fl-fly p small {
  font-size: 12px
}
.fl-fly img,
.fl-fly svg {
  animation-name: buzzoff;
  -webkit-animation-name: buzzoff;
  animation-delay: 10s;
  -webkit-animation-delay: 10s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear
}
.fl-break {
  width: 1px;
  height: 135px;
  background-color: #ddd;
  display: inline-block;
  vertical-align: top
}
.fl-number {
  display: inline-block;
  vertical-align: middle;
  font-size: 40px;
  color: #111;
  width: 50px;
  padding-left: 5px
}
.fl-number small {
  font-size: 20px;
  color: #999
}
.current-fly-rating {
  position: relative;
  text-align: center;
  float: left;
  width: 25px;
  height: 50px
}
.current-fly-rating span {
  width: 25px;
  position: absolute;
  left: 0px
}
.fly-report-questionable {
  display: none
}
.fly-report-old .fly-report-current {
  animation-name: reportcurrent;
  animation-delay: 0s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: reportcurrent;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear
}
.fly-report-old .fly-report-questionable {
  display: block;
  animation-name: reportquestion;
  animation-delay: 0s;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: reportquestion;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear
}
@keyframes reportcurrent {
  0% {
    opacity: 0
  }
  10% {
    opacity: 1
  }
  40% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}
@keyframes reportquestion {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0
  }
  60% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@media only screen and (min-width: 1000px) {
  .flyline {
    width: 385px;
    padding: 20px 0px 10px 15px;
    float: right
  }
  .flyline {
    display: flex;
    flex-flow: row wrap
  }
  .become-a-supporter {
    order: 3;
    text-align: center;
    margin-bottom: 40px
  }
  .become-a-supporter br {
    display: none
  }
  .become-a-supporter i {
    margin: 0px 5px
  }
}
.quick-fly-report {
  background-color: #f4f4f4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 15px 5px;
  text-align: center;
  clear: both
}
.quick-fly-report div {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  width: 8%;
  color: #111;
  margin-bottom: 15px
}
.quick-fly-report ul {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  margin-bottom: 15px;
  padding: 0px
}
.quick-fly-report ul li {
  float: left;
  width: 20%;
  padding: 10px 0px;
  border-right: 2px solid #f4f4f4;
  cursor: pointer
}
.quick-fly-report ul li.selected {
  background-color: #111;
  color: #fff
}
.quick-fly-report p {
  clear: both;
  padding: 0px;
  font-size: 15px
}
.quick-fly-report p strong {
  color: #111
}
@media only screen and (min-width: 1000px) {
  .quick-fly-report {
    display: none
  }
}
.weather {
  background-color: #f4f4f4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 15px 0px 15px;
  clear: both
}
.weather h1 {
  color: #111;
  padding-bottom: 2px
}
.weather h1 strong {
  font-size: 22px;
  font-weight: 900
}
.current-icon {
  position: relative
}
.current-icon {
  text-align: center
}
.current-icon svg {
  width: 90%;
  display: inline-block
}
.todays-sunrise {
  position: absolute;
  bottom: 0px;
  left: 0px
}
.todays-sunset {
  position: absolute;
  bottom: 0px;
  right: 0px
}
.todays-sunrise i,
.todays-sunset i {
  color: #FFE545
}
h2.current-summary {
  text-align: center;
  padding: 30px 0px
}
ul.weather-details {
  padding: 30px 0px
}
ul.weather-details li {
  padding-bottom: 5px
}
ul.weather-details .wd-icon {
  width: 40px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  color: #111
}
ul.weather-details p {
  display: inline-block;
  vertical-align: middle;
  padding: 0px
}
.show-hourly {
  text-align: center;
  font-size: 16px;
  cursor: pointer
}
.hourly {
  border-top: 1px solid #ddd;
  text-align: center;
  font-size: 14px;
  padding: 25px 0px;
  display: none
}
.hourly-col {
  display: inline-block;
  vertical-align: top;
  width: 24%
}
.hourly-col img,
.hourly-col svg {
  height: 40px
}
.hr-icon {
  height: 55px;
  padding-top: 10px
}
.hr-icon i {
  font-size: 25px;
  margin-top: 8px;
  color: #111
}
@media only screen and (min-width: 1000px) {
  .weather {
    padding: 50px
  }
  .current-icon svg {
    width: 55%
  }
  ul.weather-details {
    background-color: #eee;
    margin-top: 30px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
  }
  ul.weather-details li {
    padding-bottom: 0px;
    width: 23%;
    display: inline-block
  }
  ul.weather-details .wd-icon {
    width: 100%
  }
  ul.weather-details p {
    font-size: 14px
  }
}
.alert-notification {
  position: absolute;
  top: 5px;
  left: 50%;
  padding: 15px;
  margin-left: -20px;
  font-size: 20px;
  animation: anim-flash 4s infinite;
  cursor: pointer
}
.alert-notification.alert-advisory,
.alert-notification.alert-minor,
.alert-notification.alert-unknown {
  color: gold
}
.alert-notification.alert-watch,
.alert-notification.alert-moderate {
  color: orange
}
.alert-notification.alert-warning,
.alert-notification.alert-severe,
.alert-notification.alert-extreme {
  color: red
}
@keyframes anim-flash {
  0% {
    opacity: 1
  }
  35% {
    opacity: 1
  }
  50% {
    opacity: 0.2
  }
  65% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}
.alert {
  margin-top: 15px;
  padding: 15px 15px 0px 15px;
  word-wrap: break-word
}
.alert.alert-advisory .alert-i,
.alert.alert-advisory h3,
.alert.alert-minor .alert-i,
.alert.alert-minor h3,
.alert.alert-unknown .alert-i,
.alert.alert-unknown h3 {
  color: gold
}
.alert.alert-watch .alert-i,
.alert.alert-watch h3,
.alert.alert-moderate .alert-i,
.alert.alert-moderate h3 {
  color: orange
}
.alert.alert-warning .alert-i,
.alert.alert-warning h3,
.alert.alert-severe .alert-i,
.alert.alert-severe h3,
.alert.alert-extreme .alert-i,
.alert.alert-extreme h3 {
  color: red
}
.alert .alert-i {
  text-align: center;
  font-size: 20px;
  padding-bottom: 10px
}
.alert h3 {
  text-align: center
}
.alert p,
.alert ul,
.alert ol {
  font-size: 16px
}
.alert ul,
.alert ol {
  list-style: disc;
  padding-left: 17px
}
@media only screen and (min-width: 1000px) {
  .alert-notification {
    left: 100px
  }
  .alert {
    padding: 35px 50px
  }
}
.water-temp {
  float: right;
  padding-right: 10px;
  text-align: right
}
.tide-title {
  float: left;
  padding-left: 10px
}
#tide-chart {
  clear: both
}
.highcharts-background {
  fill: none
}
.tide-container {
  padding-top: 35px;
  max-width: 600px;
  margin: 0px auto
}
.tide-container h1,
.tide-container p {
  padding: 0px
}
.tide-container p {
  font-size: 14px
}
.highcharts-graph {
  stroke: #111;
  stroke-width: 5px
}
.highcharts-plot-lines-0 path {
  stroke: #666
}
.highcharts-tick,
.highcharts-axis-line {
  stroke: #666
}
.highcharts-axis-labels {
  fill: #111;
  margin-top: 10px;
  text-align: center
}
.count-comparison-container {
  margin-bottom: 15px
}
#count-comparison {
  width: 100%;
  height: 250px
}
.highcharts-grid-line {
  fill: none;
  stroke: #3A4A62
}
.highcharts-column-series rect.highcharts-point {
  stroke: none
}
@media only screen and (min-width: 1000px) {
  #count-comparison {
    height: 400px
  }
}
.close-o-meter {
  padding: 25px 0px
}
.com-title {
  float: left;
  color: #000
}
.com-title-closed {
  display: none
}
.com-icon {
  width: 35px;
  float: right;
  margin-top: -5px
}
.com-icon img,
.com-icon svg {
  width: 30px;
  height: 30px;
  display: block;
  float: right;
  fill: #000
}
.com-box {
  background-color: #F4F4F4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 25px
}
.com-bar {
  background-color: #fff;
  width: 100%;
  height: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  clear: both
}
.com-bar-km {
  background-color: #000;
  height: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px
}
.km-17 {
  width: 5%
}
.km-18 {
  width: 10%
}
.km-19 {
  width: 15%
}
.km-20 {
  width: 20%
}
.km-21 {
  width: 25%
}
.km-22 {
  width: 30%
}
.km-23 {
  width: 35%
}
.km-24 {
  width: 40%
}
.km-25 {
  width: 45%
}
.km-26 {
  width: 50%
}
.km-27 {
  width: 55%
}
.km-28 {
  width: 60%
}
.km-29 {
  width: 65%
}
.km-30 {
  width: 70%
}
.km-31 {
  width: 75%
}
.km-32 {
  width: 80%
}
.km-33 {
  width: 85%
}
.km-34 {
  width: 90%
}
.km-35 {
  width: 95%
}
.com-key {
  text-align: center;
  font-size: 12px;
  line-height: 1;
  padding-top: 10px
}
.com-key-15 {
  float: left
}
.com-key-25 {
  display: inline-block
}
.com-key-35 {
  float: right
}
.close-o-meter.closed {
  color: #ae1911
}
.close-o-meter.closed .com-box {
  background-color: #f4634f
}
.close-o-meter.closed .com-title {
  color: #fff
}
.close-o-meter.closed .com-title-open {
  display: none
}
.close-o-meter.closed .com-title-closed {
  display: block
}
.close-o-meter.closed .com-bar {
  background-color: #ae1911
}
.close-o-meter.closed .com-bar-km {
  display: none
}
@media only screen and (min-width: 1000px) {
  .close-o-meter {
    width: 100%
  }
}
.fly-select li {
  background-color: rgba(0,0,0,0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 10px;
  height: 60px;
  cursor: pointer
}
.fly-select li.selected {
  background-color: #111
}
.fly-select img,
.fly-select svg {
  height: 40px;
  float: left;
  fill: #666;
  margin-right: 15px
}
.fly-select li.selected svg {
  fill: #fff
}
.fly-select li.selected svg.buzzoff {
  fill: #fff;
  animation-name: buzzoff;
  animation-delay: 0s;
  animation-duration: 0.5s;
  transform-origin: 50% 50%;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  -webkit-animation-name: buzzoff;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.5s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear
}
.fly-select div {
  float: right;
  padding: 8px
}
.user-title {
  font-size: 25px;
  padding-bottom: 25px
}
.user-stats li {
  width: 32%;
  max-width: 100px;
  display: inline-block;
  font-size: 20px
}
.report-history {
  clear: both
}
.report-history ul {
  padding-bottom: 25px;
  text-align: center;
  line-height: 1
}
.report-history ul li {
  line-height: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px
}
.report-history ul li img,
.report-history ul li svg {
  width: 15px;
  height: 15px;
  fill: #999
}
.report-history .report-row {
  background-color: rgba(0,0,0,0.15);
  width: 100%;
  display: flex
}
.report-history .report-row div {
  flex-grow: 1;
  flex-basis: 32%;
  color: #111;
  display: inline-block;
  vertical-align: top;
  font-size: 25px;
  text-align: center;
  padding: 10px 0px
}
.report-history .report-row div small {
  color: #999
}
.report-history p {
  clear: both;
  background-color: rgba(0,0,0,0.05);
  padding: 5px 0px 8px 0px;
  width: 100%
}
.profile-details {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  padding: 0px 0px 10px 0px
}
.profile-details ul {
  background-color: #f4f4f4;
  padding: 25px 0px 20px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px
}
.profile-details ul li {
  line-height: 1
}
.profile-details strong {
  font-size: 30px;
  font-weight: normal;
  color: #111
}
.profile-badges {
  width: 100%;
  margin: 0px auto
}
.profile-badges li {
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 25px;
  text-align: center
}
.profile-badges li div {
  width: 100%;
  padding: 0px 0px 10px 0px
}
.profile-badges li div img {
  width: 75px
}
.profile-badges li p {
  padding: 0px
}
.profile-badges strong {
  color: #111
}
.profile-badges li.trashfreeosv {
  background-color: #0C5898
}
.profile-badges li.trashfreeosv p,
.profile-badges li.trashfreeosv a:link,
.profile-badges li.trashfreeosv a:visited,
.profile-badges li.trashfreeosv a:hover,
.profile-badges li.trashfreeosv a:active {
  color: #fff
}
.profile-badges li.trashfreeosv p strong {
  color: #ffff47
}
.profile-badges li.trashfreeosv-2018 {
  background-color: #645f5c
}
.profile-badges li.trashfreeosv-2018 p,
.profile-badges li.trashfreeosv-2018 a:link,
.profile-badges li.trashfreeosv-2018 a:visited,
.profile-badges li.trashfreeosv-2018 a:hover,
.profile-badges li.trashfreeosv-2018 a:active {
  color: #fff
}
.profile-badges li.trashfreeosv-2018 p strong {
  color: #e0b62e
}
.profile-badges li.osvcountsupporter {
  background-color: red
}
.profile-badges li.osvcountsupporter p,
.profile-badges li.osvcountsupporter a:link,
.profile-badges li.osvcountsupporter a:visited,
.profile-badges li.osvcountsupporter a:hover,
.profile-badges li.osvcountsupporter a:active {
  color: #ffbaba
}
.profile-badges li.osvcountsupporter p strong {
  color: #fff
}
.profile-badges li.recoveryclass {
  background-color: #d1cac0
}
.profile-badges li.recoveryclass p,
.profile-badges li.recoveryclass a:link,
.profile-badges li.recoveryclass a:visited,
.profile-badges li.recoveryclass a:hover,
.profile-badges li.recoveryclass a:active {
  color: #2A251E
}
.profile-badges li.recoveryclass p strong {
  color: #d72033
}
@media only screen and (min-width: 1000px) {
  .profile-badges {
    clear: none
  }
  .profile-badges li {
    width: 49.5%
  }
  .profile-badges li:nth-child(odd) {
    float: left
  }
  .profile-badges li:nth-child(even) {
    float: right
  }
  .osv-history {
    width: 49.5%;
    float: left;
    clear: none
  }
  .fly-history {
    width: 49.5%;
    float: right;
    clear: none
  }
}
@media only screen and (min-width: 600px) {
  .profile-badges li {
    padding: 25px
  }
  .profile-badges li div {
    width: 22%;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 3% 0px 0px
  }
  .profile-badges li div img {
    width: 100%;
    display: block
  }
  .profile-badges li p {
    width: 74%;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    text-align: left
  }
}
.overlay {
  background-color: rgba(255,255,255,0.95);
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity .35s ease;
  -moz-transition: opacity .35s ease;
  -webkit-transition: opacity .35s ease
}
.nav-active {
  opacity: 1;
  visibility: visible
}
.overlay-container {
  display: block;
  position: relative;
  width: auto;
  max-width: 600px;
  margin: 0px auto;
  right: 0;
  font-size: 20px;
  list-style: none;
  padding: 115px 25px 25px 25px
}
.overlay ul li {
  clear: both;
  display: block;
  padding: 15px 0px
}
.overlay ul li a {
  width: 100%;
  float: left;
  color: #111;
  text-decoration: none;
  clear: both
}
.overlay ul li a div {
  width: 20px;
  float: left;
  text-align: center;
  margin-right: 20px
}
.overlay ul li a img,
.overlay ul li a svg {
  height: 20px
}
.overlay ul.nav-account {
  border-top-style: solid;
  border-width: 1px;
  border-color: #ddd;
  padding-top: 10px
}
@media only screen and (min-width: 1000px) {
  .report {
    display: none
  }
  .overlay {
    position: static;
    float: right;
    opacity: 1;
    visibility: visible
  }
  .nav-active {
    height: auto
  }
  .overlay-container {
    float: right;
    width: auto;
    max-width: 100%;
    padding: 15px 0px
  }
  .overlay-container ul {
    float: left;
    padding-bottom: 3px;
    font-size: 16px
  }
  .overlay ul li {
    float: left;
    clear: none;
    padding: 5px 0px 5px 25px
  }
  .overlay ul li a div {
    display: none
  }
  .overlay ul.nav-account {
    margin-left: 35px;
    padding-top: 0px;
    border-top: 0px;
    border-left-style: solid;
    border-width: 1px;
    float: left
  }
}
.no-inputs,
.inputs input,
.textareas textarea {
  background-color: rgba(0,0,0,0.05);
  font-size: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  color: #999;
  display: block;
  margin: 0px 0px 15px 0px;
  padding: 15px;
  width: 100%;
  -webkit-transition: border-color 300ms,color 300ms;
  transition: border-color 300ms,color 300ms;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: start;
  -webkit-writing-mode: horizontal-tb
}
.no-inputs {
  background: none;
  outline: 1px solid #666;
  cursor: not-allowed
}
input[type=text],
input[type="password"],
textarea {
  transition: all 0.30s ease-in-out;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none
}
input[type=text]:focus,
input[type="password"]:focus,
textarea:focus {
  box-shadow: 0 0 5px #000;
  color: #111
}
.textareas textarea {
  height: 150px
}
.checkboxes {
  width: auto;
  text-align: center
}
.checkboxes input {
  display: inline-block;
  vertical-align: middle
}
.checkboxes label {
  display: inline-block;
  vertical-align: middle;
  padding: 15px 0px 15px 15px
}
.label-box {
  background-color: rgba(0,0,0,0.1);
  margin-bottom: 5px;
  clear: both;
  padding: 10px 20px 10px 15px;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer
}
.label-box input {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle
}
.g-recaptcha {
  width: 304px;
  margin: 0px auto;
  padding-bottom: 15px
}
.error-box {
  padding: 0px 0px 15px 0px;
  color: #EB3B5E
}
.credits {
  padding: 50px 25px;
  max-width: 600px;
  margin: 0px auto
}
.credits h1 {
  font-size: 25px;
  padding-bottom: 50px
}
.credits h2 {
  font-weight: bold;
  padding-bottom: 5px
}
.credits p {
  padding-bottom: 25px
}
.credits a {
  text-decoration: underline
}
.static-bar {
  background-color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: stretch;
  margin-bottom: 10px;
  color: #fff
}
.static-bar h1,
.static-bar h2 {
  flex-grow: 2;
  padding: 15px 0px;
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #fff
}
.static-bar h1 .shaka {
  margin-top: -5px;
  width: 30px;
  display: inline-block
}
.static-bar a {
  color: #fff
}
.static-bar.nobg {
  background: none;
  color: #000
}
.static-bar.nobg a {
  color: #000
}
.tb-left {
  padding: 12px 15px;
  flex-grow: 1;
  flex-basis: 0;
  align-self: flex-start
}
.tb-right {
  padding: 12px 15px;
  flex-grow: 1;
  flex-basis: 0;
  text-align: right;
  align-self: flex-end
}
.static-content a {
  text-decoration: underline
}
.static-content form {
  margin-bottom: 25px
}
.content-narrow {
  max-width: 600px;
  margin: 0px auto
}
.static-nav ul {
  margin-bottom: 25px;
  padding: 0px
}
.static-nav li {
  background-color: rgba(0,0,0,0.05);
  margin-bottom: 1px
}
.static-nav li:first-child {
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px
}
.static-nav li:last-child {
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px
}
.static-nav a {
  display: block;
  flex-grow: 1;
  padding: 15px
}
.static-nav a i {
  float: right;
  margin: 5px 0px
}
.edit-badge p {
  float: left;
  padding: 15px
}
.edit-badge a {
  float: right
}
.edit-badge select {
  width: 100%;
  float: left
}
.edit-badge input {
  width: 23%;
  float: right
}
.edit-badge-user {
  background-color: rgba(255,255,255,0.05);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 10px
}
.title-naked {
  padding: 15px 0px;
  text-align: center
}
.memberlist-table {
  width: 100%
}
.memberlist-table td {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.memberlist-table thead {
  font-weight: bold
}
.memberlist-table td {
  padding-right: 5px
}
.memberlist-table {
  font-size: 65%
}
.memberlist-table thead {
  position: sticky;
  position: -webkit-sticky;
  top: 0px
}
.memberlist-table thead th {
  background-color: rgba(0,0,0,0.9);
  padding: 5px
}
.memberlist-table img,
.memberlist-table svg {
  max-width: 12px;
  max-height: 12px;
  fill: #91a4c5
}
.memberlist-table td {
  padding: 5px
}
.memberlist-table td:nth-child(2),
.memberlist-table td:last-child,
.memberlist-table th:nth-child(2),
.memberlist-table th:last-child {
  display: none
}
@media only screen and (min-width: 1000px) {
  .memberlist-table {
    font-size: 100%
  }
  .memberlist-table thead th {
    padding: 3px;
    position: sticky;
    position: -webkit-sticky;
    top: 0px
  }
  .memberlist-table img,
  .memberlist-table svg {
    max-width: 17px;
    max-height: 17px
  }
  .memberlist-table td {
    max-width: 100%;
    padding: 3px
  }
  .memberlist-table td:nth-child(2),
  .memberlist-table td:last-child,
  .memberlist-table th:nth-child(2),
  .memberlist-table th:last-child {
    display: block
  }
}
.shaka-leaderboard {
  align-content: stretch
}
.shaka-leaderboard h1 {
  text-align: center
}
.shaka-leaderboard ol {
  list-style: decimal;
  list-style-position: inside;
  padding-left: 10px
}
.shaka-leaderboard ol li {
  padding: 5px 0px;
  white-space: nowrap
}
.shaka-leaderboard ol li p {
  display: inline-block;
  padding: 0px
}
.shaka-leaderboard strong {
  background-color: rgba(255,255,255,0.1);
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
  padding: 5px 15px;
  font-weight: bold;
  text-align: right;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px
}
.shaka-leaderboard a {
  text-decoration: none
}
.lb-titlebar {
  text-align: center;
  padding-bottom: 25px;
  position: relative
}
.lb-titlebar .shaka {
  position: absolute;
  left: 50%;
  margin-left: -55px
}
.lb-lastyear,
.lb-nextyear {
  float: left;
  font-size: 16px
}
.lb-lastyear a,
.lb-nextyear a {
  text-decoration: none
}
.lb-lastyear i,
.lb-nextyear i {
  font-size: 30px
}
.lb-lastyear span,
.lb-nextyear span {
  padding: 0px 10px
}
.lb-lastyear span,
.lb-lastyear i,
.lb-nextyear span,
.lb-nextyear i {
  display: inline-block;
  vertical-align: middle
}
.lb-nextyear {
  float: right
}
@media only screen and (min-width: 1000px) {
  .credits {
    padding-top: 75px
  }
}
.ptr--ptr {
  background-color: rgba(0,0,0,0.5);
  box-shadow: inset 0 -3px 5px rgba(0,0,0,0.12);
  pointer-events: none;
  font-size: 0.85em;
  font-weight: bold;
  top: 0;
  height: 0;
  transition: height 0.3s,min-height 0.3s;
  text-align: center;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  align-content: stretch;
  color: #fff
}
.ptr--box {
  padding: 10px;
  flex-basis: 100%
}
.ptr--pull {
  transition: none
}
.ptr--text {
  margin-top: .33em
}
.ptr--icon {
  transition: transform .3s
}
.ptr--top {
  touch-action: pan-x pan-down pinch-zoom
}
.ptr--release .ptr--icon {
  transform: rotate(180deg)
}
.login-overlay {
  background-color: rgba(0,0,0,0.7);
  position: fixed;
  z-index: 99;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: none;
  -webkit-animation: fadeInFromNone 0.3s ease-out;
  -moz-animation: fadeInFromNone 0.3s ease-out;
  -o-animation: fadeInFromNone 0.3s ease-out;
  animation: fadeInFromNone 0.3s ease-out
}
.login-message {
  background-color: #415c84;
  position: absolute;
  z-index: 100;
  width: 300px;
  height: 300px;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -150px;
  color: #fff;
  box-shadow: 0 25px 150px rgba(0,0,0,0.7);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0
  }
  1% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}
#map {
  width: 100%;
  height: 600px
}
.ctrl {
  width: 100%;
  background: #fff;
  padding: 4px;
  text-align: center
}
.theme-select {
  padding: 0px
}
.theme-select li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 20px;
  cursor: pointer
}
.theme-select li i {
  font-size: 25px;
  float: right
}
.theme-select li a {
  float: left;
  width: 100%
}
.theme-select li.preview-night {
  background: #0E1B30;
  background: -moz-linear-gradient(-45deg, #0E1B30 0%, #3c5176 100%);
  background: -webkit-linear-gradient(-45deg, #0E1B30 0%, #3c5176 100%);
  background: linear-gradient(135deg, #0E1B30 0%, #3c5176 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E1B30', endColorstr='#3c5176',GradientType=1 );
  color: #fff
}
.theme-select li.preview-white {
  background-color: #eee;
  color: #111
}
.theme-select li.preview-black {
  background-color: black;
  color: #fff
}
.theme-select li.preview-summer {
  background: #04e2d0;
  background: -moz-linear-gradient(-45deg, #04e2d0 0%, #7db9e8 100%);
  background: -webkit-linear-gradient(-45deg, #04e2d0 0%, #7db9e8 100%);
  background: linear-gradient(135deg, #04e2d0 0%, #7db9e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04e2d0', endColorstr='#7db9e8',GradientType=1 );
  color: #fff
}
.theme-select li.preview-surf {
  background: #FAE4F1;
  background: -moz-linear-gradient(-90deg, #FAE4F1 0%, #BEFFE9 100%);
  background: -webkit-linear-gradient(-90deg, #FAE4F1 0%, #BEFFE9 100%);
  background: linear-gradient(90deg, #FAE4F1 0%, #BEFFE9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAE4F1', endColorstr='#BEFFE9',GradientType=1 );
  color: #FB315A
}
.theme-select li.preview-sunrise {
  background: #ffd274;
  background: -moz-linear-gradient(-90deg, #ffd274 0%, #f98659 100%);
  background: -webkit-linear-gradient(-90deg, #ffd274 0%, #f98659 100%);
  background: linear-gradient(90deg, #ffd274 0%, #f98659 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd274', endColorstr='#f98659',GradientType=1 );
  color: #000
}
.theme-select div {
  background-color: rgba(0,0,0,0.1);
  vertical-align: middle;
  margin: -5px 0px 0px 10px;
  padding: 5px 15px;
  font-weight: bold;
  text-align: right;
  float: right;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px
}
body.theme-white .report-history .report-row {
  background-color: rgba(0,0,0,0.1)
}
body.theme-white .report-history p {
  background-color: rgba(0,0,0,0.05)
}
body.theme-black {
  background-color: #111;
  color: #999
}
body.theme-black a:link,
body.theme-black a:visited {
  color: #999
}
body.theme-black .inputs input,
body.theme-black .textareas textarea,
body.theme-black .sod_select,
body.theme-black .profile-details ul {
  background-color: rgba(255,255,255,0.05)
}
body.theme-black .buttonlink a:link,
body.theme-black .buttonlink a:visited,
body.theme-black .buttonlink button,
body.theme-black .buttonlink input {
  background-color: #fff;
  color: #111
}
body.theme-black h1,
body.theme-black h2,
body.theme-black strong,
body.theme-black strong a:link,
body.theme-black strong a:visited,
body.theme-black strong a:hover,
body.theme-black strong a:active {
  color: #fff
}
body.theme-black .form-error {
  background-color: #fff
}
body.theme-black .logo-login svg,
body.theme-black .logo svg,
body.theme-black .report svg,
body.theme-black .memberlist-table svg {
  fill: #fff
}
body.theme-black .overlay ul.nav-account {
  border-color: #666
}
body.theme-black .overlay ul li a svg {
  fill: #fff
}
body.theme-black .count {
  border-color: #444
}
body.theme-black .current-count,
body.theme-black .current-count a {
  color: #fff
}
body.theme-black .verified {
  fill: #fff
}
body.theme-black .com-title {
  color: #fff
}
body.theme-black .com-icon svg {
  fill: #fff
}
body.theme-black .com-box {
  background-color: #222222
}
body.theme-black .com-bar {
  background-color: #000
}
body.theme-black .com-bar-km {
  background-color: #fff
}
body.theme-black .flyline svg {
  fill: #fff
}
body.theme-black .fl-number {
  color: #fff
}
body.theme-black .fl-number small {
  color: #999
}
body.theme-black .fl-line p,
body.theme-black .fl-fly p {
  color: #fff
}
body.theme-black .fl-line p small,
body.theme-black .fl-fly p small {
  color: #999
}
body.theme-black .fl-break {
  background-color: #444
}
body.theme-black .shaka svg {
  fill: #999
}
body.theme-black .shaka.boom-shaka svg {
  fill: #fff
}
body.theme-black .quick-fly-report {
  background-color: #222
}
body.theme-black .quick-fly-report div {
  color: #fff
}
body.theme-black .quick-fly-report ul {
  background-color: #111
}
body.theme-black .quick-fly-report ul li {
  border-right: 2px solid #222
}
body.theme-black .quick-fly-report ul li.selected {
  background-color: #fff;
  color: #111
}
body.theme-black .weather {
  background-color: #222
}
body.theme-black .weather h1 {
  color: #fff
}
body.theme-black ul.weather-details .wd-icon {
  color: #fff
}
body.theme-black .hr-icon i {
  color: #fff
}
body.theme-black .hourly,
body.theme-black .desktop-details {
  border-color: #555
}
body.theme-black .overlay {
  background-color: rgba(0,0,0,0.95)
}
body.theme-black .overlay ul li a {
  color: #fff
}
body.theme-black .highcharts-graph {
  stroke: #fff
}
body.theme-black .highcharts-plot-lines-0 path {
  stroke: #666
}
body.theme-black .highcharts-tick,
body.theme-black .highcharts-axis-line {
  stroke: #666
}
body.theme-black .highcharts-axis-labels {
  fill: #fff
}
body.theme-black .report-history .report-row {
  background-color: rgba(255,255,255,0.1)
}
body.theme-black .report-history p {
  background-color: rgba(255,255,255,0.05)
}
body.theme-black .report-history svg {
  fill: #999
}
body.theme-black .report-history ul li div {
  color: #fff
}
body.theme-black .report-history ul li div small {
  color: #999
}
body.theme-black .fly-select li {
  background-color: rgba(255,255,255,0.05)
}
body.theme-black .fly-select li.selected {
  background-color: #fff
}
body.theme-black .fly-select svg {
  fill: #999
}
body.theme-black .fly-select li.selected svg {
  fill: #111
}
body.theme-black input[type=text]:focus,
body.theme-black input[type="password"]:focus,
body.theme-black textarea:focus {
  box-shadow: 0 0 5px #000;
  color: #fff
}
body.theme-black .social-links a:link,
body.theme-black .social-links a:hover,
body.theme-black .social-links a:active,
body.theme-black .social-links a:visited {
  color: #999
}
body.theme-black .static-bar {
  background-color: #fff;
  color: #000
}
body.theme-black .static-bar h1,
body.theme-black .static-bar h2 {
  color: #000
}
body.theme-black .static-bar a {
  color: #000
}
body.theme-black .static-bar.nobg {
  background: none;
  color: #000
}
body.theme-black .static-bar.nobg a {
  color: #000
}
body.theme-black .static-nav li {
  background-color: rgba(255,255,255,0.05)
}
@media only screen and (min-width: 1000px) {
  body.theme-black ul.weather-details {
    background-color: #333
  }
}
body.theme-night {
  background: #0E1B30;
  background: -moz-linear-gradient(-45deg, #0E1B30 0%, #3c5176 100%);
  background: -webkit-linear-gradient(-45deg, #0E1B30 0%, #3c5176 100%);
  background: linear-gradient(135deg, #0E1B30 0%, #3c5176 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bg-one', endColorstr='$bg-two',GradientType=1 );
  color: #91a4c5
}
body.theme-night .inputs input,
body.theme-night .textareas textarea,
body.theme-night .sod_select,
body.theme-night .profile-details ul {
  background-color: rgba(255,255,255,0.05);
  color: #91a4c5
}
body.theme-night input[type=text]:focus,
body.theme-night input[type="password"]:focus,
body.theme-night textarea:focus {
  box-shadow: 0 0 5px #6bf6e1;
  color: #fff
}
body.theme-night .no-inputs {
  color: #91a4c5;
  outline: 1px solid #3c5176
}
body.theme-night .buttonlink a:link,
body.theme-night .buttonlink a:visited,
body.theme-night .buttonlink button,
body.theme-night .buttonlink input {
  background-color: #65F8E1;
  color: #0F1D31
}
body.theme-night .buttonlink.bl-muted a:link,
body.theme-night .buttonlink.bl-muted a:visited,
body.theme-night .buttonlink.bl-muted button,
body.theme-night .buttonlink.bl-muted input {
  background-color: #0E2130;
  color: #fff
}
body.theme-night a:link,
body.theme-night a:visited {
  color: #91a4c5
}
body.theme-night a:hover,
body.theme-night a:active {
  color: #6bf6e1
}
body.theme-night h1,
body.theme-night h2,
body.theme-night strong,
body.theme-night strong a:link,
body.theme-night strong a:visited,
body.theme-night strong a:hover,
body.theme-night strong a:active {
  color: #fff
}
body.theme-night .form-error {
  background-color: #fff
}
body.theme-night .logo svg,
body.theme-night .logo-login svg,
body.theme-night .report svg,
body.theme-night .memberlist-table svg {
  fill: #fff
}
body.theme-night .overlay ul.nav-account {
  border-color: #3C5175
}
body.theme-night .overlay ul li a svg {
  fill: #91a4c5
}
body.theme-night .count {
  border-color: #3c5176
}
body.theme-night .current-count,
body.theme-night .current-count a {
  color: #6bf6e1
}
body.theme-night .verified {
  fill: #6bf6e1
}
body.theme-night .com-title {
  color: #65F8E1
}
body.theme-night .com-icon svg {
  fill: #fff
}
body.theme-night .com-box {
  background-color: #0F2031
}
body.theme-night .com-bar {
  background-color: #F65B53
}
body.theme-night .com-bar-km {
  background-color: #65F8E1
}
body.theme-night .current-details,
body.theme-night .current-details a {
  color: #fff
}
body.theme-night .flyline svg {
  fill: #fff
}
body.theme-night .fl-number {
  color: #fff
}
body.theme-night .fl-number small {
  color: #fff
}
body.theme-night .fl-line p,
body.theme-night .fl-fly p {
  color: #fff
}
body.theme-night .fl-line p small,
body.theme-night .fl-fly p small {
  color: #91a4c5
}
body.theme-night .fl-break {
  background-color: #3c5176
}
body.theme-night .shaka svg {
  fill: #91a4c5
}
body.theme-night .shaka.boom-shaka svg {
  fill: #6BF6E1
}
body.theme-night .quick-fly-report {
  background-color: #0e192c
}
body.theme-night .quick-fly-report div {
  color: #fff
}
body.theme-night .quick-fly-report ul {
  background-color: #16243C
}
body.theme-night .quick-fly-report ul li {
  border-right: 2px solid #0e192c
}
body.theme-night .quick-fly-report ul li.selected {
  background-color: #6BF6E1;
  color: #0e192c
}
body.theme-night .sign-up,
body.theme-night .sign-up a {
  color: #f4634f
}
body.theme-night .weather {
  background-color: rgba(255,255,255,0.05)
}
body.theme-night .weather h1 {
  color: #fff
}
body.theme-night ul.weather-details .wd-icon {
  color: #fff
}
body.theme-night .hr-icon i {
  color: #fff
}
body.theme-night .hourly,
body.theme-night .desktop-details {
  border-color: #0E1B30
}
body.theme-night .climacon_component-stroke_cloud,
body.theme-night .climacon_component-fill_cloud,
body.theme-night .climacon_component-wind,
body.theme-night .climacon_component-stroke_rain {
  fill: #fff
}
body.theme-night .highcharts-graph {
  stroke: #6BF6E1
}
body.theme-night .highcharts-plot-lines-0 path {
  stroke: #91A4C5
}
body.theme-night .highcharts-tick,
body.theme-night .highcharts-axis-line {
  stroke: #91A4C5
}
body.theme-night .highcharts-axis-labels {
  fill: #fff
}
body.theme-night .report-history .report-row {
  background-color: rgba(255,255,255,0.1)
}
body.theme-night .report-history p {
  background-color: rgba(255,255,255,0.05)
}
body.theme-night .report-history svg {
  fill: #91a4c5
}
body.theme-night .report-history ul li div {
  color: #fff
}
body.theme-night .report-history ul li div small {
  color: #91a4c5
}
body.theme-night .fly-select li {
  background-color: rgba(255,255,255,0.05)
}
body.theme-night .fly-select li.selected {
  background-color: #fff
}
body.theme-night .fly-select svg {
  fill: #91a4c5
}
body.theme-night .fly-select li.selected svg {
  fill: #15243B
}
body.theme-night .overlay {
  background-color: rgba(14,27,48,0.95)
}
body.theme-night .static-nav li {
  background-color: rgba(0,0,0,0.15)
}
@media only screen and (min-width: 1000px) {
  body.theme-night ul.weather-details {
    background-color: #394862
  }
}
body.theme-summer {
  background: #00ffea;
  background: -moz-linear-gradient(-45deg, #00ffea 0%, #7db9e8 100%);
  background: -webkit-linear-gradient(-45deg, #00ffea 0%, #7db9e8 100%);
  background: linear-gradient(135deg, #00ffea 0%, #7db9e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bg-one', endColorstr='$bg-two',GradientType=1 );
  color: #01766d
}
body.theme-summer .inputs input,
body.theme-summer .textareas textarea,
body.theme-summer .sod_select,
body.theme-summer .profile-details ul {
  background-color: rgba(255,255,255,0.25);
  color: #01766d
}
body.theme-summer input[type=text]:focus,
body.theme-summer input[type="password"]:focus,
body.theme-summer textarea:focus {
  box-shadow: 0 0 5px #fc0585;
  color: #01766d
}
body.theme-summer .no-inputs {
  color: #01766d;
  outline: 1px solid #7db9e8
}
body.theme-summer .buttonlink a:link,
body.theme-summer .buttonlink a:visited,
body.theme-summer .buttonlink button,
body.theme-summer .buttonlink input {
  background-color: #27DDDD;
  color: #FE0084
}
body.theme-summer a:link,
body.theme-summer a:visited {
  color: #01423d
}
body.theme-summer a:hover,
body.theme-summer a:active {
  color: #fc0585
}
body.theme-summer h1,
body.theme-summer h2,
body.theme-summer strong,
body.theme-summer strong a:link,
body.theme-summer strong a:visited,
body.theme-summer strong a:hover,
body.theme-summer strong a:active {
  color: #01423d
}
body.theme-summer .form-error {
  background-color: #fff
}
body.theme-summer .logo svg,
body.theme-summer .logo-login svg,
body.theme-summer .report svg,
body.theme-summer .memberlist-table svg {
  fill: #057ffc
}
body.theme-summer .overlay ul.nav-account {
  border-color: #01423D
}
body.theme-summer .overlay ul li a svg {
  fill: #01423d
}
body.theme-summer .count {
  border-color: #89fff5
}
body.theme-summer .current-count,
body.theme-summer .current-count a {
  color: #fc0585
}
body.theme-summer .verified {
  fill: #fc0585
}
body.theme-summer .current-details {
  color: #01423d
}
body.theme-summer .com-title {
  color: #0083F7
}
body.theme-summer .com-icon img,
body.theme-summer .com-icon svg {
  fill: #00433D
}
body.theme-summer .com-box {
  background-color: rgba(0,0,0,0.05)
}
body.theme-summer .com-bar {
  background-color: #FE0084
}
body.theme-summer .com-bar-km {
  background-color: #ebff0c
}
body.theme-summer .close-o-meter.closed {
  color: #90024c
}
body.theme-summer .close-o-meter.closed .com-box {
  background-color: #FE0084
}
body.theme-summer .close-o-meter.closed .com-title {
  color: #fff
}
body.theme-summer .close-o-meter.closed .com-bar {
  background-color: #90024c
}
body.theme-summer .close-o-meter.closed .com-bar-km {
  display: none
}
body.theme-summer .close-o-meter.closed .com-icon img,
body.theme-summer .close-o-meter.closed .com-icon svg {
  fill: #fff
}
body.theme-summer .flyline svg {
  fill: #01423d
}
body.theme-summer .fl-number {
  color: #01423d
}
body.theme-summer .fl-number small {
  color: #01423d
}
body.theme-summer .fl-line p,
body.theme-summer .fl-fly p {
  color: #01423d
}
body.theme-summer .fl-line p small,
body.theme-summer .fl-fly p small {
  color: #01766d
}
body.theme-summer .fl-break {
  background-color: #89fff5
}
body.theme-summer .shaka svg {
  fill: #01766d
}
body.theme-summer .shaka.boom-shaka svg {
  fill: #fc0585
}
body.theme-summer .quick-fly-report {
  background-color: rgba(255,255,255,0.25);
  color: #fff
}
body.theme-summer .quick-fly-report h2,
body.theme-summer .quick-fly-report div,
body.theme-summer .quick-fly-report p strong {
  color: #01423D
}
body.theme-summer .quick-fly-report ul {
  background-color: #4cdbd6
}
body.theme-summer .quick-fly-report ul li {
  border-right: 2px solid #57F2EF
}
body.theme-summer .quick-fly-report ul li.selected {
  background-color: #FC0585;
  color: #fff
}
body.theme-summer .quick-fly-report p {
  color: #01766d
}
body.theme-summer .sign-up,
body.theme-summer .sign-up a {
  color: #7905fc
}
body.theme-summer .weather {
  background-color: rgba(255,255,255,0.25)
}
body.theme-summer .weather h1 {
  color: #01423d
}
body.theme-summer ul.weather-details .wd-icon {
  color: #01423d
}
body.theme-summer .hr-icon i {
  color: #01423d
}
body.theme-summer .hourly,
body.theme-summer .desktop-details {
  border-color: #66C6E8
}
body.theme-summer .climacon_component-stroke_cloud,
body.theme-summer .climacon_component-fill_cloud,
body.theme-summer .climacon_component-wind,
body.theme-summer .climacon_component-stroke_rain {
  fill: #fff
}
body.theme-summer .highcharts-graph {
  stroke: #fc0585
}
body.theme-summer .highcharts-plot-lines-0 path {
  stroke: #fff
}
body.theme-summer .highcharts-tick,
body.theme-summer .highcharts-axis-line {
  stroke: #bde7f6
}
body.theme-summer .highcharts-axis-labels {
  fill: #01423D
}
body.theme-summer .report-history .report-row {
  background-color: rgba(0,0,0,0.1)
}
body.theme-summer .report-history p {
  background-color: rgba(0,0,0,0.05)
}
body.theme-summer .report-history svg {
  fill: #01766d
}
body.theme-summer .report-history ul li div {
  color: #01423d
}
body.theme-summer .report-history ul li div small {
  color: #01766d
}
body.theme-summer .fly-select li {
  background-color: rgba(255,255,255,0.25)
}
body.theme-summer .fly-select li.selected {
  background-color: #fff
}
body.theme-summer .fly-select svg {
  fill: #01766d
}
body.theme-summer .fly-select li.selected svg {
  fill: #01423d
}
body.theme-summer .overlay {
  background-color: rgba(0,254,234,0.95)
}
body.theme-summer .social-links a:link,
body.theme-summer .social-links a:hover,
body.theme-summer .social-links a:active,
body.theme-summer .social-links a:visited {
  color: #057ffc
}
body.theme-summer .static-bar {
  background-color: #0083F7;
  color: #fff
}
body.theme-summer .static-bar h1,
body.theme-summer .static-bar h2 {
  color: #fff
}
body.theme-summer .static-bar a {
  color: #fff
}
body.theme-summer .static-bar.nobg {
  background: none;
  color: #01423d
}
body.theme-summer .static-bar.nobg a {
  color: #01423d
}
@media only screen and (min-width: 1000px) {
  body.theme-summer ul.weather-details {
    background-color: #42EFEC
  }
}
body.theme-surf {
  background: url(/_images/surf-bg2.jpg) repeat #FAE4F1;
  color: #603244
}
body.theme-surf .inputs input,
body.theme-surf .textareas textarea,
body.theme-surf .sod_select,
body.theme-surf .profile-details ul {
  background-color: rgba(0,0,0,0.05);
  color: #603244
}
body.theme-surf input[type=text]:focus,
body.theme-surf input[type="password"]:focus,
body.theme-surf textarea:focus {
  box-shadow: 0 0 5px #64EAD8;
  color: #603244
}
body.theme-surf .no-inputs {
  color: #603244;
  outline: 1px solid #66BEAC
}
body.theme-surf .buttonlink a:link,
body.theme-surf .buttonlink a:visited,
body.theme-surf .buttonlink button,
body.theme-surf .buttonlink input {
  background-color: #64EAD8;
  color: #603244
}
body.theme-surf a:link,
body.theme-surf a:visited {
  color: #603244
}
body.theme-surf a:hover,
body.theme-surf a:active {
  color: #FB315A
}
body.theme-surf h1,
body.theme-surf h2,
body.theme-surf strong,
body.theme-surf strong a:link,
body.theme-surf strong a:visited,
body.theme-surf strong a:hover,
body.theme-surf strong a:active {
  color: #603244
}
body.theme-surf .form-error {
  background-color: #fff
}
body.theme-surf .logo svg,
body.theme-surf .logo-login svg,
body.theme-surf .report svg,
body.theme-surf .memberlist-table svg {
  fill: #fb315a
}
body.theme-surf .overlay ul.nav-account {
  border-color: #2D68FF
}
body.theme-surf .overlay ul li a svg {
  fill: #603244
}
body.theme-surf .count {
  border-color: #efaed9
}
body.theme-surf .current-count,
body.theme-surf .current-count a {
  color: #64EAD8;
  text-shadow: 10px 10px 0px #fb315a
}
body.theme-surf .verified {
  fill: #B249FA
}
body.theme-surf .current-details {
  color: #603244
}
body.theme-surf .com-title {
  color: #B249FA
}
body.theme-surf .com-icon img,
body.theme-surf .com-icon svg {
  fill: #B249FA
}
body.theme-surf .com-box {
  background-color: #F8D4E8
}
body.theme-surf .com-bar {
  background-color: #FD195C
}
body.theme-surf .com-bar-km {
  background-color: #5EECD8
}
body.theme-surf .close-o-meter.closed {
  color: #921137
}
body.theme-surf .close-o-meter.closed .com-box {
  background-color: #FD195C
}
body.theme-surf .close-o-meter.closed .com-title {
  color: #fff
}
body.theme-surf .close-o-meter.closed .com-bar {
  background-color: #921137
}
body.theme-surf .close-o-meter.closed .com-bar-km {
  display: none
}
body.theme-surf .close-o-meter.closed .com-icon img,
body.theme-surf .close-o-meter.closed .com-icon svg {
  fill: #fff
}
body.theme-surf .flyline svg {
  fill: #b147ff
}
body.theme-surf .fl-number {
  color: #b147ff
}
body.theme-surf .fl-number small {
  color: #b147ff
}
body.theme-surf .fl-line p,
body.theme-surf .fl-fly p {
  color: #603244
}
body.theme-surf .fl-line p small,
body.theme-surf .fl-fly p small {
  color: #603244
}
body.theme-surf .fl-break {
  background-color: #efaed9
}
body.theme-surf .shaka svg {
  fill: #603244
}
body.theme-surf .shaka.boom-shaka svg {
  fill: #fb315a
}
body.theme-surf .quick-fly-report {
  background-color: #F5D2E8
}
body.theme-surf .quick-fly-report div {
  color: #B147FF
}
body.theme-surf .quick-fly-report ul {
  background-color: #FAE4F1
}
body.theme-surf .quick-fly-report ul li {
  border-right: 2px solid #F5D2E8
}
body.theme-surf .quick-fly-report ul li.selected {
  background-color: #B147FF;
  color: #fff
}
body.theme-surf .sign-up,
body.theme-surf .sign-up a {
  color: #b147ff
}
body.theme-surf .weather {
  background: url(/_images/surf-bg.jpg) repeat #BEFFE9
}
body.theme-surf .weather h1,
body.theme-surf .weather h1 strong {
  color: #FB315A
}
body.theme-surf ul.weather-details .wd-icon {
  color: #2d68ff
}
body.theme-surf .hr-icon i {
  color: #2d68ff
}
body.theme-surf .hourly,
body.theme-surf .desktop-details {
  border-color: #91ddc3
}
body.theme-surf .climacon_component-stroke_cloud,
body.theme-surf .climacon_component-fill_cloud,
body.theme-surf .climacon_component-wind,
body.theme-surf .climacon_component-stroke_rain {
  fill: #fff
}
body.theme-surf .highcharts-graph {
  stroke: #FB315A
}
body.theme-surf .highcharts-plot-lines-0 path {
  stroke: #2d68ff
}
body.theme-surf .highcharts-tick,
body.theme-surf .highcharts-axis-line {
  stroke: #BEFFE9
}
body.theme-surf .highcharts-axis-labels {
  fill: #603244
}
body.theme-surf .alert {
  background-color: #AC91C0
}
body.theme-surf .report-history .report-row {
  background-color: #eec1d9
}
body.theme-surf .report-history p {
  background-color: #F8D3E7
}
body.theme-surf .report-history svg {
  fill: #B249FA
}
body.theme-surf .report-history ul li div {
  color: #603244
}
body.theme-surf .report-history ul li div small {
  color: #B249FA
}
body.theme-surf .fly-select li {
  background-color: rgba(255,255,255,0.25)
}
body.theme-surf .fly-select li.selected {
  background-color: #b147ff
}
body.theme-surf .fly-select svg {
  fill: #603244
}
body.theme-surf .fly-select li.selected svg {
  fill: #fff
}
body.theme-surf .overlay {
  background-color: rgba(250,228,241,0.95)
}
body.theme-surf .social-links a:link,
body.theme-surf .social-links a:hover,
body.theme-surf .social-links a:active,
body.theme-surf .social-links a:visited {
  color: #FB315A
}
body.theme-surf .static-bar {
  background-color: #FB315A;
  color: #fff
}
body.theme-surf .static-bar h1,
body.theme-surf .static-bar h2 {
  color: #fff
}
body.theme-surf .static-bar a {
  color: #fff
}
body.theme-surf .static-bar.nobg {
  background: none;
  color: #603244
}
body.theme-surf .static-bar.nobg a {
  color: #603244
}
@media only screen and (min-width: 1000px) {
  body.theme-surf ul.weather-details {
    background-color: #B0F4DD
  }
}
body.theme-sunrise {
  background-color: #e77c52;
  color: #000
}
body.theme-sunrise .max-headroom {
  background-color: #F98659;
  background: url(/_images/sunrise.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-width: 2000px;
  margin: 0px auto
}
body.theme-sunrise .inputs input,
body.theme-sunrise .textareas textarea,
body.theme-sunrise .sod_select,
body.theme-sunrise .profile-details ul {
  background-color: rgba(0,0,0,0.05);
  color: #000
}
body.theme-sunrise input[type=text]:focus,
body.theme-sunrise input[type="password"]:focus,
body.theme-sunrise textarea:focus {
  box-shadow: 0 0 5px #000;
  color: #000
}
body.theme-sunrise .no-inputs {
  color: #000;
  outline: 1px solid #66BEAC
}
body.theme-sunrise .buttonlink a:link,
body.theme-sunrise .buttonlink a:visited,
body.theme-sunrise .buttonlink button,
body.theme-sunrise .buttonlink input {
  background-color: rgba(0,0,0,0.05);
  color: #000
}
body.theme-sunrise a:link,
body.theme-sunrise a:visited {
  color: #000
}
body.theme-sunrise a:hover,
body.theme-sunrise a:active {
  color: #000
}
body.theme-sunrise h1,
body.theme-sunrise h2,
body.theme-sunrise strong,
body.theme-sunrise strong a:link,
body.theme-sunrise strong a:visited,
body.theme-sunrise strong a:hover,
body.theme-sunrise strong a:active {
  color: #000
}
body.theme-sunrise .form-error {
  background-color: #fff
}
body.theme-sunrise .logo svg,
body.theme-sunrise .logo-login svg,
body.theme-sunrise .report svg {
  fill: #000
}
body.theme-sunrise .overlay ul.nav-account {
  border-color: #000
}
body.theme-sunrise .overlay ul li a svg {
  fill: #000
}
body.theme-sunrise .count {
  border-color: #000
}
body.theme-sunrise .current-count,
body.theme-sunrise .current-count a {
  color: #000
}
body.theme-sunrise .verified {
  fill: #000
}
body.theme-sunrise .current-details {
  color: #000
}
body.theme-sunrise .com-title {
  color: #000
}
body.theme-sunrise .com-icon img,
body.theme-sunrise .com-icon svg,
body.theme-sunrise .memberlist-table svg {
  fill: #000
}
body.theme-sunrise .com-box {
  background-color: rgba(0,0,0,0.05)
}
body.theme-sunrise .com-bar {
  background-color: #FFDC95
}
body.theme-sunrise .com-bar-km {
  background-color: #000
}
body.theme-sunrise .close-o-meter.closed {
  color: #666
}
body.theme-sunrise .close-o-meter.closed .com-box {
  background-color: #000
}
body.theme-sunrise .close-o-meter.closed .com-title {
  color: #fff
}
body.theme-sunrise .close-o-meter.closed .com-bar {
  background-color: #333
}
body.theme-sunrise .close-o-meter.closed .com-bar-km {
  display: none
}
body.theme-sunrise .close-o-meter.closed .com-icon img,
body.theme-sunrise .close-o-meter.closed .com-icon svg {
  fill: #fff
}
body.theme-sunrise .flyline svg {
  fill: #000
}
body.theme-sunrise .fl-number {
  color: #000
}
body.theme-sunrise .fl-number small {
  color: #000
}
body.theme-sunrise .fl-line p,
body.theme-sunrise .fl-fly p {
  color: #000
}
body.theme-sunrise .fl-line p small,
body.theme-sunrise .fl-fly p small {
  color: #000
}
body.theme-sunrise .fl-break {
  background-color: #000
}
body.theme-sunrise .shaka svg {
  fill: #FE9053
}
body.theme-sunrise .shaka.boom-shaka svg {
  fill: #000
}
body.theme-sunrise .quick-fly-report {
  background-color: rgba(0,0,0,0.05)
}
body.theme-sunrise .quick-fly-report div {
  color: #000
}
body.theme-sunrise .quick-fly-report ul {
  background-color: rgba(0,0,0,0.05)
}
body.theme-sunrise .quick-fly-report ul li {
  border-right: 0px;
  color: #000
}
body.theme-sunrise .quick-fly-report ul li.selected {
  background-color: #000;
  color: #FFC066
}
body.theme-sunrise .sign-up,
body.theme-sunrise .sign-up a {
  color: #000
}
body.theme-sunrise .weather {
  background-color: rgba(0,0,0,0.05)
}
body.theme-sunrise .weather h1,
body.theme-sunrise .weather h1 strong {
  color: #000
}
body.theme-sunrise ul.weather-details .wd-icon {
  color: #000
}
body.theme-sunrise .hr-icon i {
  color: #000
}
body.theme-sunrise .hourly,
body.theme-sunrise .desktop-details {
  border-color: #000
}
body.theme-sunrise .climacon_component-stroke_cloud,
body.theme-sunrise .climacon_component-fill_cloud,
body.theme-sunrise .climacon_component-wind,
body.theme-sunrise .climacon_component-stroke_rain,
body.theme-sunrise .climacon_component-stroke_moon,
body.theme-sunrise .climacon_component-fill_moon,
body.theme-sunrise .climacon_component-fill_sunBody,
body.theme-sunrise .climacon_component-stroke_sunBody,
body.theme-sunrise .climacon_component-stroke_sunSpoke {
  fill: #000
}
body.theme-sunrise .todays-sunrise i,
body.theme-sunrise .todays-sunset i {
  color: #000
}
body.theme-sunrise .highcharts-graph {
  stroke: #000
}
body.theme-sunrise .highcharts-plot-lines-0 path {
  stroke: #000
}
body.theme-sunrise .highcharts-tick,
body.theme-sunrise .highcharts-axis-line {
  stroke: #000
}
body.theme-sunrise .highcharts-axis-labels {
  fill: #000
}
body.theme-sunrise .alert-notification.alert-advisory,
body.theme-sunrise .alert-notification.alert-minor,
body.theme-sunrise .alert-notification.alert-unknown,
body.theme-sunrise .alert-notification.alert-watch,
body.theme-sunrise .alert-notification.alert-moderate,
body.theme-sunrise .alert-notification.alert-warning,
body.theme-sunrise .alert-notification.alert-severe,
body.theme-sunrise .alert-notification.alert-extreme {
  color: #000
}
body.theme-sunrise .alert {
  background-color: rgba(0,0,0,0.05)
}
body.theme-sunrise .alert.alert-advisory .alert-i,
body.theme-sunrise .alert.alert-advisory h3,
body.theme-sunrise .alert.alert-minor .alert-i,
body.theme-sunrise .alert.alert-minor h3,
body.theme-sunrise .alert.alert-unknown .alert-i,
body.theme-sunrise .alert.alert-unknown h3,
body.theme-sunrise .alert.alert-watch .alert-i,
body.theme-sunrise .alert.alert-watch h3,
body.theme-sunrise .alert.alert-moderate .alert-i,
body.theme-sunrise .alert.alert-moderate h3,
body.theme-sunrise .alert.alert-warning .alert-i,
body.theme-sunrise .alert.alert-warning h3,
body.theme-sunrise .alert.alert-severe .alert-i,
body.theme-sunrise .alert.alert-severe h3,
body.theme-sunrise .alert.alert-extreme .alert-i,
body.theme-sunrise .alert.alert-extreme h3 {
  color: #000
}
body.theme-sunrise .report-history .report-row {
  background-color: rgba(0,0,0,0.1)
}
body.theme-sunrise .report-history p {
  background-color: rgba(0,0,0,0.05)
}
body.theme-sunrise .report-history svg {
  fill: #000
}
body.theme-sunrise .report-history ul li div {
  color: #000
}
body.theme-sunrise .report-history ul li div small {
  color: #000
}
body.theme-sunrise .fly-select li {
  background-color: rgba(255,255,255,0.25)
}
body.theme-sunrise .fly-select li.selected {
  background-color: #000
}
body.theme-sunrise .fly-select svg {
  fill: #000
}
body.theme-sunrise .fly-select li.selected svg {
  fill: #fff
}
body.theme-sunrise .advertisement,
body.theme-sunrise .advertisement strong,
body.theme-sunrise .advertisement a {
  color: #000
}
body.theme-sunrise .overlay {
  background-color: rgba(255,147,83,0.95)
}
body.theme-sunrise .social-links a:link,
body.theme-sunrise .social-links a:hover,
body.theme-sunrise .social-links a:active,
body.theme-sunrise .social-links a:visited,
body.theme-sunrise .footer a:link,
body.theme-sunrise .footer a:hover,
body.theme-sunrise .footer a:active,
body.theme-sunrise .footer a:visited {
  color: #000
}
body.theme-sunrise .static-bar {
  background-color: #000;
  color: #fff
}
body.theme-sunrise .static-bar h1,
body.theme-sunrise .static-bar h2 {
  color: #fff
}
body.theme-sunrise .static-bar a {
  color: #fff
}
body.theme-sunrise .static-bar.nobg {
  background: none;
  color: #000
}
body.theme-sunrise .static-bar.nobg a {
  color: #000
}
@media only screen and (min-width: 1000px) {
  body.theme-sunrise ul.weather-details {
    background-color: rgba(0,0,0,0.05)
  }
}
@media only screen and (min-width: 1000px) {
  body.theme-night .overlay,
  body.theme-white .overlay,
  body.theme-black .overlay,
  body.theme-summer .overlay,
  body.theme-surf .overlay,
  body.theme-sunrise .overlay {
    background: none
  }
}
.contest-link {
  width: 230px;
  margin: 0px auto;
  position: relative
}
.contest-link span {
  font-size: 125%;
  line-height: 0.2;
  width: 10px;
  height: 9px;
  position: absolute;
  animation-name: contestattn;
  animation-duration: 1s;
  transform-origin: center;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  -webkit-animation-name: contestattn;
  -webkit-animation-duration: 1s;
  -webkit-transform-origin: center;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease
}
.contest-link span:first-child {
  left: -25px;
  top: 3px
}
.contest-link span:last-child {
  right: -20px;
  top: 3px;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s
}
@keyframes contestattn {
  0% {
    -webkit-transform: translate(0px, 0px)
  }
  50% {
    -webkit-transform: translate(5px, 0px)
  }
  100% {
    -webkit-transform: translate(0px, 0px)
  }
}
.contest-results {
  background-color: rgba(0,0,0,0.25);
  text-align: center;
  border-radius: 5px;
  width: 100%;
  padding: 25px 0px;
  margin-bottom: 0px;
  line-height: 1
}
.contest-results strong {
  font-size: 125%;
  font-weight: bold
}
.contest-results small {
  font-size: 75%
}
.contest-loser {
  background-color: #ff0054;
  color: #fff
}
.contest-winner {
  background-color: #00ff90;
  color: #111
}
body .contest-winner strong {
  color: #111
}
ul.winning-list {
  padding: 0px;
  line-height: 1;
  border-left: 5px solid #00ff90
}
ul.winning-list li {
  padding: 0px 0px 10px 15px
}
ul.winning-list li:last-child {
  padding-bottom: 0px
}
ul.winning-list small {
  font-size: 75%
}
@keyframes buzzoff {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg)
  }
  10% {
    -webkit-transform: translate(0px, 0px) rotate(0deg)
  }
  20% {
    -webkit-transform: translate(-1px, 1px) rotate(10deg)
  }
  30% {
    -webkit-transform: translate(2px, 1px) rotate(-10deg)
  }
  40% {
    -webkit-transform: translate(-1px, -1px) rotate(5deg)
  }
  50% {
    -webkit-transform: translate(0px, 0px) rotate(0deg)
  }
  60% {
    -webkit-transform: translate(-1px, 1px) rotate(10deg)
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-10deg)
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(5deg)
  }
  90% {
    -webkit-transform: translate(1px, 1px) rotate(5deg)
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg)
  }
}