html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

body {
  margin: 0;
  color: white;
  font-family: 'Khula', sans-serif; }

h1 {
  font-size: 50px;
  margin: 0; }

.weather-app {
  width: 100vw;
  min-height: 100vh;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'Khula', sans-serif;
  position: relative;
  z-index: 0;
  overflow-x: hidden;
  overflow-y: hidden; }
  .weather-app .background-image {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: 100vh;
    max-height: 100vh; }
    @media screen and (min-aspect-ratio: 1920 / 1080) {
      .weather-app .background-image img {
        width: 100%; } }
    @media screen and (max-aspect-ratio: 1920 / 1080) {
      .weather-app .background-image img {
        max-height: 100%;
        min-width: 100vw; } }

@media screen and (max-width: 1279px) {
  .weather-app {
    height: auto;
    max-height: none;
    overflow-y: visible;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .weather-app .background-image {
      height: 100%;
      min-height: 100vh;
      max-height: none; }
      .weather-app .background-image img {
        height: 100% !important;
        max-height: 100% !important; } }

.widget {
  background-color: rgba(0, 0, 0, 0.1);
  height: 70%;
  width: 75%;
  z-index: 100; }
  @media screen and (max-width: 1279px) {
    .widget {
      margin-top: 130px;
      margin-bottom: 130px; } }
  @media screen and (max-width: 500px) {
    .widget {
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media screen and (max-width: 1000px) {
    .widget {
      width: 80%; } }
  @media screen and (max-width: 700px) {
    .widget {
      width: 85%; } }
  @media screen and (max-width: 500px) {
    .widget {
      width: 90%; } }
  .widget .widget-content {
    height: calc(100% / 3);
    min-height: 180px;
    background-color: rgba(0, 0, 0, 0.7);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .widget .widget-content > div {
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 1000px) {
        .widget .widget-content > div {
          padding-top: calc(62.8px + 25px);
          padding-bottom: 50px; } }
      @media screen and (max-width: 500px) {
        .widget .widget-content > div {
          padding-top: calc(50px + 25px); } }

.widget-dashboard {
  background-color: rgba(0, 0, 0, 0.5);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin: 0;
  height: calc(100% / 3 * 2);
  min-height: 400px;
  position: relative; }
  @media screen and (max-width: 500px) {
    .widget-dashboard {
      min-height: 275px; } }

.dashboard-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 50px; }
  @media screen and (max-width: 500px) {
    .dashboard-header {
      padding: 40px; } }
  .dashboard-header .title {
    margin-right: 50px; }
    @media screen and (max-width: 500px) {
      .dashboard-header .title {
        margin-right: 0; } }
    .dashboard-header .title h1 {
      line-height: 1.2; }
      @media screen and (max-width: 700px) {
        .dashboard-header .title h1 {
          font-size: 45px; } }
      @media screen and (max-width: 500px) {
        .dashboard-header .title h1 {
          font-size: 35px; } }
  .dashboard-header .location-info {
    padding-top: 5px;
    min-width: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    @media screen and (max-width: 1000px) {
      .dashboard-header .location-info {
        position: absolute;
        bottom: 62.8px;
        right: 40px; } }
    @media screen and (max-width: 500px) {
      .dashboard-header .location-info {
        position: absolute;
        bottom: 50px;
        right: 40px; } }
    @media screen and (max-width: 500px) {
      .dashboard-header .location-info i {
        font-size: 2.5em; } }
    .dashboard-header .location-info h2 {
      font-size: 14px;
      font-weight: normal;
      margin: 0; }
      @media screen and (max-width: 500px) {
        .dashboard-header .location-info h2 {
          font-size: 13px;
          line-height: 1.4; } }
    .dashboard-header .location-info .location-date {
      margin-top: 10px;
      margin-bottom: 2px;
      text-align: right; }
    .dashboard-header .location-info .location-time {
      margin-top: 2px;
      text-align: right; }

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
  position: absolute;
  bottom: 0;
  margin-left: 0; }
  @media screen and (max-width: 1000px) {
    .nav {
      top: calc(100% + 0.0px);
      bottom: auto; } }
  .nav .nav-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(40% / 3);
    height: 62.8px; }
    @media screen and (max-width: 1279px) {
      .nav .nav-item {
        width: calc(50% / 3); } }
    @media screen and (max-width: 1000px) {
      .nav .nav-item {
        width: 100%; } }
    @media screen and (max-width: 500px) {
      .nav .nav-item {
        height: 50px; } }
    .nav .nav-item i {
      margin-right: 10px;
      font-size: 20px; }
      @media screen and (max-width: 500px) {
        .nav .nav-item i {
          margin-right: 0; } }
    .nav .nav-item h2 {
      margin: 0;
      margin-top: 6px;
      font-weight: 300;
      font-size: 18px; }
      @media screen and (max-width: 500px) {
        .nav .nav-item h2 {
          display: none; } }
    .nav .nav-item:hover {
      cursor: pointer; }

.search {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60%;
  height: 62.8px;
  position: absolute;
  bottom: 0;
  right: 0; }
  @media screen and (max-width: 1279px) {
    .search {
      width: 50%; } }
  @media screen and (max-width: 1000px) {
    .search {
      width: 100%; } }
  @media screen and (max-width: 500px) {
    .search {
      height: 50px; } }
  .search #search-bar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: right;
    color: #B3B3B3;
    font-size: 20px;
    border: none;
    outline: none;
    padding-left: 15px;
    padding-right: 15px; }
    .search #search-bar::-webkit-input-placeholder {
      color: rgba(179, 179, 179, 0.5);
      font-size: 20px;
      font-family: 'Khula', sans-serif;
      padding-left: 6px;
      padding-right: 6px; }
    .search #search-bar:-ms-input-placeholder {
      color: rgba(179, 179, 179, 0.5);
      font-size: 20px;
      font-family: 'Khula', sans-serif;
      padding-left: 6px;
      padding-right: 6px; }
    .search #search-bar::-ms-input-placeholder {
      color: rgba(179, 179, 179, 0.5);
      font-size: 20px;
      font-family: 'Khula', sans-serif;
      padding-left: 6px;
      padding-right: 6px; }
    .search #search-bar::placeholder {
      color: rgba(179, 179, 179, 0.5);
      font-size: 20px;
      font-family: 'Khula', sans-serif;
      padding-left: 6px;
      padding-right: 6px; }
    .search #search-bar:focus::-webkit-input-placeholder {
      color: transparent; }
    .search #search-bar:focus:-ms-input-placeholder {
      color: transparent; }
    .search #search-bar:focus::-ms-input-placeholder {
      color: transparent; }
    .search #search-bar:focus::placeholder {
      color: transparent; }
    @media screen and (max-width: 1000px) {
      .search #search-bar {
        text-align: left; } }
    @media screen and (max-width: 500px) {
      .search #search-bar {
        font-size: 17px; }
        .search #search-bar::-webkit-input-placeholder {
          font-size: 17px; }
        .search #search-bar:-ms-input-placeholder {
          font-size: 17px; }
        .search #search-bar::-ms-input-placeholder {
          font-size: 17px; }
        .search #search-bar::placeholder {
          font-size: 17px; } }

/* Lower third with weather information */
.widget-weather {
  display: none; }
  .widget-weather.selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.today {
  width: 40%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .today .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px; }
    .today .left .actual {
      font-size: 75px;
      margin-bottom: 0px;
      padding-bottom: 0;
      height: 75px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .today .left .felt {
      font-style: italic;
      text-align: left;
      margin-bottom: 15px;
      padding-left: 5px; }
    .today .left .high {
      text-align: left; }
    .today .left .low {
      text-align: left; }
  .today .right {
    margin-left: 20px;
    margin-bottom: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.rest-of-week {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .rest-of-week .other-day {
    width: 16.666%;
    text-align: center;
    height: 80%;
    border-left: solid 1px rgba(179, 179, 179, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .rest-of-week .other-day .day-of-the-week {
      width: 60px;
      border-radius: 15px;
      background-color: rgba(0, 0, 0, 0.7);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 25px;
      margin-bottom: 10px; }

.other-day h4 {
  margin: 0; }

.temperature {
  text-align: center; }
  .temperature .max-temp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px; }
  .temperature .min-temp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #626262; }

.today .wi {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  -webkit-transform: scale(3, 3);
  -ms-transform: scale(3, 3);
  transform: scale(3, 3);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

.today .weather-description {
  margin-top: 25px;
  text-align: center; }

.today h2 {
  margin-top: 0; }

.day-of-the-week h3 {
  padding-top: 3px;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px; }

.degree {
  margin-left: 2px; }

.high, .low {
  margin: 0;
  padding-left: 5px; }

@media screen and (max-width: 1279px) {
  .widget-weather {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }
  @media screen and (max-width: 1279px) and (max-width: 1000px) {
    .widget-weather {
      padding-bottom: 0 !important; } }

@media screen and (max-width: 1279px) {
    .widget-weather .today {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 40px; } }
    @media screen and (max-width: 1279px) and (max-width: 1000px) {
      .widget-weather .today {
        padding-top: 0; } }

@media screen and (max-width: 1279px) {
    .widget-weather .rest-of-week {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%;
      padding-top: 30px;
      padding-bottom: 30px;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      border-top: solid 1px rgba(179, 179, 179, 0.4); }
      .widget-weather .rest-of-week .other-day {
        border-left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc(100% / 3);
        min-width: calc(100% / 3);
        height: 100%;
        padding-left: 25px;
        padding-right: 25px; } }
      @media screen and (max-width: 1279px) and (max-width: 700px) {
        .widget-weather .rest-of-week .other-day {
          width: 50%;
          min-width: 50%; } }

@media screen and (max-width: 1279px) {
        .widget-weather .rest-of-week .other-day .day-of-the-week {
          margin-bottom: 0;
          width: auto;
          padding: 6px 20px;
          background-color: rgba(0, 0, 0, 0.4); }
          .widget-weather .rest-of-week .other-day .day-of-the-week h3 {
            font-size: 20px;
            font-weight: 500; }
        .widget-weather .rest-of-week .other-day .weather-icon {
          margin-top: 25px; }
          .widget-weather .rest-of-week .other-day .weather-icon i {
            font-size: 30px; } }
        @media screen and (max-width: 1279px) and (max-width: 500px) {
          .widget-weather .rest-of-week .other-day .weather-icon {
            margin-bottom: 8px; } }

@media screen and (max-width: 1279px) {
        .widget-weather .rest-of-week .other-day .temperature .max-temp h4:first-child:before {
          content: 'High: ';
          font-weight: 400; }
        .widget-weather .rest-of-week .other-day .temperature .min-temp h4:first-child:before {
          content: 'Low: ';
          font-weight: 400; } }

.widget-map {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  padding-left: 50px;
  padding-right: 50px; }
  .widget-map.selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .widget-map p {
    font-weight: 300; }

.widget-gallery {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  padding-left: 50px;
  padding-right: 50px; }
  .widget-gallery.selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .widget-gallery p {
    font-weight: 300; }

.nav-item-border {
  height: 0px;
  width: 0px;
  position: absolute;
  left: 0;
  content: '';
  border-bottom: 3px solid;
  -webkit-animation: decrease-left 0.5s;
  -moz-animation: decrease-left 0.5s;
  -o-animation: decrease-left 0.5s;
  animation: decrease-left 0.5s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards; }
  .nav-item-border#top {
    top: 0;
    display: none; }
    @media screen and (max-width: 1000px) {
      .nav-item-border#top {
        display: block; } }
  .nav-item-border#bottom {
    bottom: 0; }
    @media screen and (max-width: 1000px) {
      .nav-item-border#bottom {
        display: none; } }

.nav-item:hover .nav-item-border, .nav-item.active .nav-item-border {
  -webkit-animation: increase-left 0.75s;
  -moz-animation: increase-left 0.75s;
  -o-animation: increase-left 0.75s;
  animation: increase-left 0.75s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.search-bar-border {
  height: 0px;
  width: 0px;
  position: absolute;
  bottom: 0;
  right: 0;
  content: '';
  border-bottom: 3px solid rgba(255, 255, 255, 0.7);
  -webkit-animation: decrease-left 0.5s;
  -moz-animation: decrease-left 0.5s;
  -o-animation: decrease-left 0.5s;
  animation: decrease-left 0.5s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards; }
  .search-bar-border.active {
    -webkit-animation: increase-left 0.9s;
    -moz-animation: increase-left 0.9s;
    -o-animation: increase-left 0.9s;
    animation: increase-left 0.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  @media screen and (max-width: 1000px) {
    .search-bar-border {
      left: 0;
      right: auto; } }

@-webkit-keyframes increase-left {
  100% {
    width: 100%; } }

@keyframes increase-left {
  100% {
    width: 100%; } }

@-webkit-keyframes decrease-left {
  0% {
    width: 100%; }
  
  100% {
    width: 0%; } }

@keyframes decrease-left {
  0% {
    width: 100%; }
  
  100% {
    width: 0%; } }

#weather-button .nav-item-border {
  border-color: #049E4C; }

#map-button .nav-item-border {
  border-color: #051E80; }

#gallery-button .nav-item-border {
  border-color: #600587; }

/*!
 *  Weather Icons 2.0.8
 *  Updated September 19, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */
@font-face {
  font-family: 'weathericons';
  src: url("../font/weathericons-regular-webfont.eot");
  src: url("../font/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/weathericons-regular-webfont.woff2") format("woff2"), url("../font/weathericons-regular-webfont.woff") format("woff"), url("../font/weathericons-regular-webfont.ttf") format("truetype"), url("../font/weathericons-regular-webfont.svg#weather_iconsregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.wi {
  display: inline-block;
  font-family: 'weathericons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

.wi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.wi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.wi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.wi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.wi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

.wi-day-sunny:before {
  content: "\f00d"; }

.wi-day-cloudy:before {
  content: "\f002"; }

.wi-day-cloudy-gusts:before {
  content: "\f000"; }

.wi-day-cloudy-windy:before {
  content: "\f001"; }

.wi-day-fog:before {
  content: "\f003"; }

.wi-day-hail:before {
  content: "\f004"; }

.wi-day-haze:before {
  content: "\f0b6"; }

.wi-day-lightning:before {
  content: "\f005"; }

.wi-day-rain:before {
  content: "\f008"; }

.wi-day-rain-mix:before {
  content: "\f006"; }

.wi-day-rain-wind:before {
  content: "\f007"; }

.wi-day-showers:before {
  content: "\f009"; }

.wi-day-sleet:before {
  content: "\f0b2"; }

.wi-day-sleet-storm:before {
  content: "\f068"; }

.wi-day-snow:before {
  content: "\f00a"; }

.wi-day-snow-thunderstorm:before {
  content: "\f06b"; }

.wi-day-snow-wind:before {
  content: "\f065"; }

.wi-day-sprinkle:before {
  content: "\f00b"; }

.wi-day-storm-showers:before {
  content: "\f00e"; }

.wi-day-sunny-overcast:before {
  content: "\f00c"; }

.wi-day-thunderstorm:before {
  content: "\f010"; }

.wi-day-windy:before {
  content: "\f085"; }

.wi-solar-eclipse:before {
  content: "\f06e"; }

.wi-hot:before {
  content: "\f072"; }

.wi-day-cloudy-high:before {
  content: "\f07d"; }

.wi-day-light-wind:before {
  content: "\f0c4"; }

.wi-night-clear:before {
  content: "\f02e"; }

.wi-night-alt-cloudy:before {
  content: "\f086"; }

.wi-night-alt-cloudy-gusts:before {
  content: "\f022"; }

.wi-night-alt-cloudy-windy:before {
  content: "\f023"; }

.wi-night-alt-hail:before {
  content: "\f024"; }

.wi-night-alt-lightning:before {
  content: "\f025"; }

.wi-night-alt-rain:before {
  content: "\f028"; }

.wi-night-alt-rain-mix:before {
  content: "\f026"; }

.wi-night-alt-rain-wind:before {
  content: "\f027"; }

.wi-night-alt-showers:before {
  content: "\f029"; }

.wi-night-alt-sleet:before {
  content: "\f0b4"; }

.wi-night-alt-sleet-storm:before {
  content: "\f06a"; }

.wi-night-alt-snow:before {
  content: "\f02a"; }

.wi-night-alt-snow-thunderstorm:before {
  content: "\f06d"; }

.wi-night-alt-snow-wind:before {
  content: "\f067"; }

.wi-night-alt-sprinkle:before {
  content: "\f02b"; }

.wi-night-alt-storm-showers:before {
  content: "\f02c"; }

.wi-night-alt-thunderstorm:before {
  content: "\f02d"; }

.wi-night-cloudy:before {
  content: "\f031"; }

.wi-night-cloudy-gusts:before {
  content: "\f02f"; }

.wi-night-cloudy-windy:before {
  content: "\f030"; }

.wi-night-fog:before {
  content: "\f04a"; }

.wi-night-hail:before {
  content: "\f032"; }

.wi-night-lightning:before {
  content: "\f033"; }

.wi-night-partly-cloudy:before {
  content: "\f083"; }

.wi-night-rain:before {
  content: "\f036"; }

.wi-night-rain-mix:before {
  content: "\f034"; }

.wi-night-rain-wind:before {
  content: "\f035"; }

.wi-night-showers:before {
  content: "\f037"; }

.wi-night-sleet:before {
  content: "\f0b3"; }

.wi-night-sleet-storm:before {
  content: "\f069"; }

.wi-night-snow:before {
  content: "\f038"; }

.wi-night-snow-thunderstorm:before {
  content: "\f06c"; }

.wi-night-snow-wind:before {
  content: "\f066"; }

.wi-night-sprinkle:before {
  content: "\f039"; }

.wi-night-storm-showers:before {
  content: "\f03a"; }

.wi-night-thunderstorm:before {
  content: "\f03b"; }

.wi-lunar-eclipse:before {
  content: "\f070"; }

.wi-stars:before {
  content: "\f077"; }

.wi-storm-showers:before {
  content: "\f01d"; }

.wi-thunderstorm:before {
  content: "\f01e"; }

.wi-night-alt-cloudy-high:before {
  content: "\f07e"; }

.wi-night-cloudy-high:before {
  content: "\f080"; }

.wi-night-alt-partly-cloudy:before {
  content: "\f081"; }

.wi-cloud:before {
  content: "\f041"; }

.wi-cloudy:before {
  content: "\f013"; }

.wi-cloudy-gusts:before {
  content: "\f011"; }

.wi-cloudy-windy:before {
  content: "\f012"; }

.wi-fog:before {
  content: "\f014"; }

.wi-hail:before {
  content: "\f015"; }

.wi-rain:before {
  content: "\f019"; }

.wi-rain-mix:before {
  content: "\f017"; }

.wi-rain-wind:before {
  content: "\f018"; }

.wi-showers:before {
  content: "\f01a"; }

.wi-sleet:before {
  content: "\f0b5"; }

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

.wi-sprinkle:before {
  content: "\f01c"; }

.wi-storm-showers:before {
  content: "\f01d"; }

.wi-thunderstorm:before {
  content: "\f01e"; }

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

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

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

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

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

.wi-raindrops:before {
  content: "\f04e"; }

.wi-raindrop:before {
  content: "\f078"; }

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

.wi-snowflake-cold:before {
  content: "\f076"; }

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

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

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

.wi-earthquake:before {
  content: "\f0c6"; }

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

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

.wi-meteor:before {
  content: "\f071"; }

.wi-tsunami:before {
  content: "\f0c5"; }

.wi-volcano:before {
  content: "\f0c8"; }

.wi-hurricane:before {
  content: "\f073"; }

.wi-tornado:before {
  content: "\f056"; }

.wi-small-craft-advisory:before {
  content: "\f0cc"; }

.wi-gale-warning:before {
  content: "\f0cd"; }

.wi-storm-warning:before {
  content: "\f0ce"; }

.wi-hurricane-warning:before {
  content: "\f0cf"; }

.wi-wind-direction:before {
  content: "\f0b1"; }

.wi-alien:before {
  content: "\f075"; }

.wi-celsius:before {
  content: "\f03c"; }

.wi-fahrenheit:before {
  content: "\f045"; }

.wi-degrees:before {
  content: "\f042"; }

.wi-thermometer:before {
  content: "\f055"; }

.wi-thermometer-exterior:before {
  content: "\f053"; }

.wi-thermometer-internal:before {
  content: "\f054"; }

.wi-cloud-down:before {
  content: "\f03d"; }

.wi-cloud-up:before {
  content: "\f040"; }

.wi-cloud-refresh:before {
  content: "\f03e"; }

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

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

.wi-sunrise:before {
  content: "\f051"; }

.wi-sunset:before {
  content: "\f052"; }

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

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

.wi-refresh:before {
  content: "\f04c"; }

.wi-refresh-alt:before {
  content: "\f04b"; }

.wi-umbrella:before {
  content: "\f084"; }

.wi-barometer:before {
  content: "\f079"; }

.wi-humidity:before {
  content: "\f07a"; }

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

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

.wi-moon-new:before {
  content: "\f095"; }

.wi-moon-waxing-crescent-1:before {
  content: "\f096"; }

.wi-moon-waxing-crescent-2:before {
  content: "\f097"; }

.wi-moon-waxing-crescent-3:before {
  content: "\f098"; }

.wi-moon-waxing-crescent-4:before {
  content: "\f099"; }

.wi-moon-waxing-crescent-5:before {
  content: "\f09a"; }

.wi-moon-waxing-crescent-6:before {
  content: "\f09b"; }

.wi-moon-first-quarter:before {
  content: "\f09c"; }

.wi-moon-waxing-gibbous-1:before {
  content: "\f09d"; }

.wi-moon-waxing-gibbous-2:before {
  content: "\f09e"; }

.wi-moon-waxing-gibbous-3:before {
  content: "\f09f"; }

.wi-moon-waxing-gibbous-4:before {
  content: "\f0a0"; }

.wi-moon-waxing-gibbous-5:before {
  content: "\f0a1"; }

.wi-moon-waxing-gibbous-6:before {
  content: "\f0a2"; }

.wi-moon-full:before {
  content: "\f0a3"; }

.wi-moon-waning-gibbous-1:before {
  content: "\f0a4"; }

.wi-moon-waning-gibbous-2:before {
  content: "\f0a5"; }

.wi-moon-waning-gibbous-3:before {
  content: "\f0a6"; }

.wi-moon-waning-gibbous-4:before {
  content: "\f0a7"; }

.wi-moon-waning-gibbous-5:before {
  content: "\f0a8"; }

.wi-moon-waning-gibbous-6:before {
  content: "\f0a9"; }

.wi-moon-third-quarter:before {
  content: "\f0aa"; }

.wi-moon-waning-crescent-1:before {
  content: "\f0ab"; }

.wi-moon-waning-crescent-2:before {
  content: "\f0ac"; }

.wi-moon-waning-crescent-3:before {
  content: "\f0ad"; }

.wi-moon-waning-crescent-4:before {
  content: "\f0ae"; }

.wi-moon-waning-crescent-5:before {
  content: "\f0af"; }

.wi-moon-waning-crescent-6:before {
  content: "\f0b0"; }

.wi-moon-alt-new:before {
  content: "\f0eb"; }

.wi-moon-alt-waxing-crescent-1:before {
  content: "\f0d0"; }

.wi-moon-alt-waxing-crescent-2:before {
  content: "\f0d1"; }

.wi-moon-alt-waxing-crescent-3:before {
  content: "\f0d2"; }

.wi-moon-alt-waxing-crescent-4:before {
  content: "\f0d3"; }

.wi-moon-alt-waxing-crescent-5:before {
  content: "\f0d4"; }

.wi-moon-alt-waxing-crescent-6:before {
  content: "\f0d5"; }

.wi-moon-alt-first-quarter:before {
  content: "\f0d6"; }

.wi-moon-alt-waxing-gibbous-1:before {
  content: "\f0d7"; }

.wi-moon-alt-waxing-gibbous-2:before {
  content: "\f0d8"; }

.wi-moon-alt-waxing-gibbous-3:before {
  content: "\f0d9"; }

.wi-moon-alt-waxing-gibbous-4:before {
  content: "\f0da"; }

.wi-moon-alt-waxing-gibbous-5:before {
  content: "\f0db"; }

.wi-moon-alt-waxing-gibbous-6:before {
  content: "\f0dc"; }

.wi-moon-alt-full:before {
  content: "\f0dd"; }

.wi-moon-alt-waning-gibbous-1:before {
  content: "\f0de"; }

.wi-moon-alt-waning-gibbous-2:before {
  content: "\f0df"; }

.wi-moon-alt-waning-gibbous-3:before {
  content: "\f0e0"; }

.wi-moon-alt-waning-gibbous-4:before {
  content: "\f0e1"; }

.wi-moon-alt-waning-gibbous-5:before {
  content: "\f0e2"; }

.wi-moon-alt-waning-gibbous-6:before {
  content: "\f0e3"; }

.wi-moon-alt-third-quarter:before {
  content: "\f0e4"; }

.wi-moon-alt-waning-crescent-1:before {
  content: "\f0e5"; }

.wi-moon-alt-waning-crescent-2:before {
  content: "\f0e6"; }

.wi-moon-alt-waning-crescent-3:before {
  content: "\f0e7"; }

.wi-moon-alt-waning-crescent-4:before {
  content: "\f0e8"; }

.wi-moon-alt-waning-crescent-5:before {
  content: "\f0e9"; }

.wi-moon-alt-waning-crescent-6:before {
  content: "\f0ea"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wi-time-1:before {
  content: "\f08a"; }

.wi-time-2:before {
  content: "\f08b"; }

.wi-time-3:before {
  content: "\f08c"; }

.wi-time-4:before {
  content: "\f08d"; }

.wi-time-5:before {
  content: "\f08e"; }

.wi-time-6:before {
  content: "\f08f"; }

.wi-time-7:before {
  content: "\f090"; }

.wi-time-8:before {
  content: "\f091"; }

.wi-time-9:before {
  content: "\f092"; }

.wi-time-10:before {
  content: "\f093"; }

.wi-time-11:before {
  content: "\f094"; }

.wi-time-12:before {
  content: "\f089"; }

.wi-direction-up:before {
  content: "\f058"; }

.wi-direction-up-right:before {
  content: "\f057"; }

.wi-direction-right:before {
  content: "\f04d"; }

.wi-direction-down-right:before {
  content: "\f088"; }

.wi-direction-down:before {
  content: "\f044"; }

.wi-direction-down-left:before {
  content: "\f043"; }

.wi-direction-left:before {
  content: "\f048"; }

.wi-direction-up-left:before {
  content: "\f087"; }

.wi-wind-beaufort-0:before {
  content: "\f0b7"; }

.wi-wind-beaufort-1:before {
  content: "\f0b8"; }

.wi-wind-beaufort-2:before {
  content: "\f0b9"; }

.wi-wind-beaufort-3:before {
  content: "\f0ba"; }

.wi-wind-beaufort-4:before {
  content: "\f0bb"; }

.wi-wind-beaufort-5:before {
  content: "\f0bc"; }

.wi-wind-beaufort-6:before {
  content: "\f0bd"; }

.wi-wind-beaufort-7:before {
  content: "\f0be"; }

.wi-wind-beaufort-8:before {
  content: "\f0bf"; }

.wi-wind-beaufort-9:before {
  content: "\f0c0"; }

.wi-wind-beaufort-10:before {
  content: "\f0c1"; }

.wi-wind-beaufort-11:before {
  content: "\f0c2"; }

.wi-wind-beaufort-12:before {
  content: "\f0c3"; }

.wi-yahoo-0:before {
  content: "\f056"; }

.wi-yahoo-1:before {
  content: "\f00e"; }

.wi-yahoo-2:before {
  content: "\f073"; }

.wi-yahoo-3:before {
  content: "\f01e"; }

.wi-yahoo-4:before {
  content: "\f01e"; }

.wi-yahoo-5:before {
  content: "\f017"; }

.wi-yahoo-6:before {
  content: "\f017"; }

.wi-yahoo-7:before {
  content: "\f017"; }

.wi-yahoo-8:before {
  content: "\f015"; }

.wi-yahoo-9:before {
  content: "\f01a"; }

.wi-yahoo-10:before {
  content: "\f015"; }

.wi-yahoo-11:before {
  content: "\f01a"; }

.wi-yahoo-12:before {
  content: "\f01a"; }

.wi-yahoo-13:before {
  content: "\f01b"; }

.wi-yahoo-14:before {
  content: "\f00a"; }

.wi-yahoo-15:before {
  content: "\f064"; }

.wi-yahoo-16:before {
  content: "\f01b"; }

.wi-yahoo-17:before {
  content: "\f015"; }

.wi-yahoo-18:before {
  content: "\f017"; }

.wi-yahoo-19:before {
  content: "\f063"; }

.wi-yahoo-20:before {
  content: "\f014"; }

.wi-yahoo-21:before {
  content: "\f021"; }

.wi-yahoo-22:before {
  content: "\f062"; }

.wi-yahoo-23:before {
  content: "\f050"; }

.wi-yahoo-24:before {
  content: "\f050"; }

.wi-yahoo-25:before {
  content: "\f076"; }

.wi-yahoo-26:before {
  content: "\f013"; }

.wi-yahoo-27:before {
  content: "\f031"; }

.wi-yahoo-28:before {
  content: "\f002"; }

.wi-yahoo-29:before {
  content: "\f031"; }

.wi-yahoo-30:before {
  content: "\f002"; }

.wi-yahoo-31:before {
  content: "\f02e"; }

.wi-yahoo-32:before {
  content: "\f00d"; }

.wi-yahoo-33:before {
  content: "\f083"; }

.wi-yahoo-34:before {
  content: "\f00c"; }

.wi-yahoo-35:before {
  content: "\f017"; }

.wi-yahoo-36:before {
  content: "\f072"; }

.wi-yahoo-37:before {
  content: "\f00e"; }

.wi-yahoo-38:before {
  content: "\f00e"; }

.wi-yahoo-39:before {
  content: "\f00e"; }

.wi-yahoo-40:before {
  content: "\f01a"; }

.wi-yahoo-41:before {
  content: "\f064"; }

.wi-yahoo-42:before {
  content: "\f01b"; }

.wi-yahoo-43:before {
  content: "\f064"; }

.wi-yahoo-44:before {
  content: "\f00c"; }

.wi-yahoo-45:before {
  content: "\f00e"; }

.wi-yahoo-46:before {
  content: "\f01b"; }

.wi-yahoo-47:before {
  content: "\f00e"; }

.wi-yahoo-3200:before {
  content: "\f077"; }

.wi-forecast-io-clear-day:before {
  content: "\f00d"; }

.wi-forecast-io-clear-night:before {
  content: "\f02e"; }

.wi-forecast-io-rain:before {
  content: "\f019"; }

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

.wi-forecast-io-sleet:before {
  content: "\f0b5"; }

.wi-forecast-io-wind:before {
  content: "\f050"; }

.wi-forecast-io-fog:before {
  content: "\f014"; }

.wi-forecast-io-cloudy:before {
  content: "\f013"; }

.wi-forecast-io-partly-cloudy-day:before {
  content: "\f002"; }

.wi-forecast-io-partly-cloudy-night:before {
  content: "\f031"; }

.wi-forecast-io-hail:before {
  content: "\f015"; }

.wi-forecast-io-thunderstorm:before {
  content: "\f01e"; }

.wi-forecast-io-tornado:before {
  content: "\f056"; }

.wi-wmo4680-0:before,
.wi-wmo4680-00:before {
  content: "\f055"; }

.wi-wmo4680-1:before,
.wi-wmo4680-01:before {
  content: "\f013"; }

.wi-wmo4680-2:before,
.wi-wmo4680-02:before {
  content: "\f055"; }

.wi-wmo4680-3:before,
.wi-wmo4680-03:before {
  content: "\f013"; }

.wi-wmo4680-4:before,
.wi-wmo4680-04:before {
  content: "\f014"; }

.wi-wmo4680-5:before,
.wi-wmo4680-05:before {
  content: "\f014"; }

.wi-wmo4680-10:before {
  content: "\f014"; }

.wi-wmo4680-11:before {
  content: "\f014"; }

.wi-wmo4680-12:before {
  content: "\f016"; }

.wi-wmo4680-18:before {
  content: "\f050"; }

.wi-wmo4680-20:before {
  content: "\f014"; }

.wi-wmo4680-21:before {
  content: "\f017"; }

.wi-wmo4680-22:before {
  content: "\f017"; }

.wi-wmo4680-23:before {
  content: "\f019"; }

.wi-wmo4680-24:before {
  content: "\f01b"; }

.wi-wmo4680-25:before {
  content: "\f015"; }

.wi-wmo4680-26:before {
  content: "\f01e"; }

.wi-wmo4680-27:before {
  content: "\f063"; }

.wi-wmo4680-28:before {
  content: "\f063"; }

.wi-wmo4680-29:before {
  content: "\f063"; }

.wi-wmo4680-30:before {
  content: "\f014"; }

.wi-wmo4680-31:before {
  content: "\f014"; }

.wi-wmo4680-32:before {
  content: "\f014"; }

.wi-wmo4680-33:before {
  content: "\f014"; }

.wi-wmo4680-34:before {
  content: "\f014"; }

.wi-wmo4680-35:before {
  content: "\f014"; }

.wi-wmo4680-40:before {
  content: "\f017"; }

.wi-wmo4680-41:before {
  content: "\f01c"; }

.wi-wmo4680-42:before {
  content: "\f019"; }

.wi-wmo4680-43:before {
  content: "\f01c"; }

.wi-wmo4680-44:before {
  content: "\f019"; }

.wi-wmo4680-45:before {
  content: "\f015"; }

.wi-wmo4680-46:before {
  content: "\f015"; }

.wi-wmo4680-47:before {
  content: "\f01b"; }

.wi-wmo4680-48:before {
  content: "\f01b"; }

.wi-wmo4680-50:before {
  content: "\f01c"; }

.wi-wmo4680-51:before {
  content: "\f01c"; }

.wi-wmo4680-52:before {
  content: "\f019"; }

.wi-wmo4680-53:before {
  content: "\f019"; }

.wi-wmo4680-54:before {
  content: "\f076"; }

.wi-wmo4680-55:before {
  content: "\f076"; }

.wi-wmo4680-56:before {
  content: "\f076"; }

.wi-wmo4680-57:before {
  content: "\f01c"; }

.wi-wmo4680-58:before {
  content: "\f019"; }

.wi-wmo4680-60:before {
  content: "\f01c"; }

.wi-wmo4680-61:before {
  content: "\f01c"; }

.wi-wmo4680-62:before {
  content: "\f019"; }

.wi-wmo4680-63:before {
  content: "\f019"; }

.wi-wmo4680-64:before {
  content: "\f015"; }

.wi-wmo4680-65:before {
  content: "\f015"; }

.wi-wmo4680-66:before {
  content: "\f015"; }

.wi-wmo4680-67:before {
  content: "\f017"; }

.wi-wmo4680-68:before {
  content: "\f017"; }

.wi-wmo4680-70:before {
  content: "\f01b"; }

.wi-wmo4680-71:before {
  content: "\f01b"; }

.wi-wmo4680-72:before {
  content: "\f01b"; }

.wi-wmo4680-73:before {
  content: "\f01b"; }

.wi-wmo4680-74:before {
  content: "\f076"; }

.wi-wmo4680-75:before {
  content: "\f076"; }

.wi-wmo4680-76:before {
  content: "\f076"; }

.wi-wmo4680-77:before {
  content: "\f01b"; }

.wi-wmo4680-78:before {
  content: "\f076"; }

.wi-wmo4680-80:before {
  content: "\f019"; }

.wi-wmo4680-81:before {
  content: "\f01c"; }

.wi-wmo4680-82:before {
  content: "\f019"; }

.wi-wmo4680-83:before {
  content: "\f019"; }

.wi-wmo4680-84:before {
  content: "\f01d"; }

.wi-wmo4680-85:before {
  content: "\f017"; }

.wi-wmo4680-86:before {
  content: "\f017"; }

.wi-wmo4680-87:before {
  content: "\f017"; }

.wi-wmo4680-89:before {
  content: "\f015"; }

.wi-wmo4680-90:before {
  content: "\f016"; }

.wi-wmo4680-91:before {
  content: "\f01d"; }

.wi-wmo4680-92:before {
  content: "\f01e"; }

.wi-wmo4680-93:before {
  content: "\f01e"; }

.wi-wmo4680-94:before {
  content: "\f016"; }

.wi-wmo4680-95:before {
  content: "\f01e"; }

.wi-wmo4680-96:before {
  content: "\f01e"; }

.wi-wmo4680-99:before {
  content: "\f056"; }

.wi-owm-200:before {
  content: "\f01e"; }

.wi-owm-201:before {
  content: "\f01e"; }

.wi-owm-202:before {
  content: "\f01e"; }

.wi-owm-210:before {
  content: "\f016"; }

.wi-owm-211:before {
  content: "\f016"; }

.wi-owm-212:before {
  content: "\f016"; }

.wi-owm-221:before {
  content: "\f016"; }

.wi-owm-230:before {
  content: "\f01e"; }

.wi-owm-231:before {
  content: "\f01e"; }

.wi-owm-232:before {
  content: "\f01e"; }

.wi-owm-300:before {
  content: "\f01c"; }

.wi-owm-301:before {
  content: "\f01c"; }

.wi-owm-302:before {
  content: "\f019"; }

.wi-owm-310:before {
  content: "\f017"; }

.wi-owm-311:before {
  content: "\f019"; }

.wi-owm-312:before {
  content: "\f019"; }

.wi-owm-313:before {
  content: "\f01a"; }

.wi-owm-314:before {
  content: "\f019"; }

.wi-owm-321:before {
  content: "\f01c"; }

.wi-owm-500:before {
  content: "\f01c"; }

.wi-owm-501:before {
  content: "\f019"; }

.wi-owm-502:before {
  content: "\f019"; }

.wi-owm-503:before {
  content: "\f019"; }

.wi-owm-504:before {
  content: "\f019"; }

.wi-owm-511:before {
  content: "\f017"; }

.wi-owm-520:before {
  content: "\f01a"; }

.wi-owm-521:before {
  content: "\f01a"; }

.wi-owm-522:before {
  content: "\f01a"; }

.wi-owm-531:before {
  content: "\f01d"; }

.wi-owm-600:before {
  content: "\f01b"; }

.wi-owm-601:before {
  content: "\f01b"; }

.wi-owm-602:before {
  content: "\f0b5"; }

.wi-owm-611:before {
  content: "\f017"; }

.wi-owm-612:before {
  content: "\f017"; }

.wi-owm-615:before {
  content: "\f017"; }

.wi-owm-616:before {
  content: "\f017"; }

.wi-owm-620:before {
  content: "\f017"; }

.wi-owm-621:before {
  content: "\f01b"; }

.wi-owm-622:before {
  content: "\f01b"; }

.wi-owm-701:before {
  content: "\f01a"; }

.wi-owm-711:before {
  content: "\f062"; }

.wi-owm-721:before {
  content: "\f0b6"; }

.wi-owm-731:before {
  content: "\f063"; }

.wi-owm-741:before {
  content: "\f014"; }

.wi-owm-761:before {
  content: "\f063"; }

.wi-owm-762:before {
  content: "\f063"; }

.wi-owm-771:before {
  content: "\f011"; }

.wi-owm-781:before {
  content: "\f056"; }

.wi-owm-800:before {
  content: "\f00d"; }

.wi-owm-801:before {
  content: "\f011"; }

.wi-owm-802:before {
  content: "\f011"; }

.wi-owm-803:before {
  content: "\f012"; }

.wi-owm-804:before {
  content: "\f013"; }

.wi-owm-900:before {
  content: "\f056"; }

.wi-owm-901:before {
  content: "\f01d"; }

.wi-owm-902:before {
  content: "\f073"; }

.wi-owm-903:before {
  content: "\f076"; }

.wi-owm-904:before {
  content: "\f072"; }

.wi-owm-905:before {
  content: "\f021"; }

.wi-owm-906:before {
  content: "\f015"; }

.wi-owm-957:before {
  content: "\f050"; }

.wi-owm-day-200:before {
  content: "\f010"; }

.wi-owm-day-201:before {
  content: "\f010"; }

.wi-owm-day-202:before {
  content: "\f010"; }

.wi-owm-day-210:before {
  content: "\f005"; }

.wi-owm-day-211:before {
  content: "\f005"; }

.wi-owm-day-212:before {
  content: "\f005"; }

.wi-owm-day-221:before {
  content: "\f005"; }

.wi-owm-day-230:before {
  content: "\f010"; }

.wi-owm-day-231:before {
  content: "\f010"; }

.wi-owm-day-232:before {
  content: "\f010"; }

.wi-owm-day-300:before {
  content: "\f00b"; }

.wi-owm-day-301:before {
  content: "\f00b"; }

.wi-owm-day-302:before {
  content: "\f008"; }

.wi-owm-day-310:before {
  content: "\f008"; }

.wi-owm-day-311:before {
  content: "\f008"; }

.wi-owm-day-312:before {
  content: "\f008"; }

.wi-owm-day-313:before {
  content: "\f008"; }

.wi-owm-day-314:before {
  content: "\f008"; }

.wi-owm-day-321:before {
  content: "\f00b"; }

.wi-owm-day-500:before {
  content: "\f00b"; }

.wi-owm-day-501:before {
  content: "\f008"; }

.wi-owm-day-502:before {
  content: "\f008"; }

.wi-owm-day-503:before {
  content: "\f008"; }

.wi-owm-day-504:before {
  content: "\f008"; }

.wi-owm-day-511:before {
  content: "\f006"; }

.wi-owm-day-520:before {
  content: "\f009"; }

.wi-owm-day-521:before {
  content: "\f009"; }

.wi-owm-day-522:before {
  content: "\f009"; }

.wi-owm-day-531:before {
  content: "\f00e"; }

.wi-owm-day-600:before {
  content: "\f00a"; }

.wi-owm-day-601:before {
  content: "\f0b2"; }

.wi-owm-day-602:before {
  content: "\f00a"; }

.wi-owm-day-611:before {
  content: "\f006"; }

.wi-owm-day-612:before {
  content: "\f006"; }

.wi-owm-day-615:before {
  content: "\f006"; }

.wi-owm-day-616:before {
  content: "\f006"; }

.wi-owm-day-620:before {
  content: "\f006"; }

.wi-owm-day-621:before {
  content: "\f00a"; }

.wi-owm-day-622:before {
  content: "\f00a"; }

.wi-owm-day-701:before {
  content: "\f009"; }

.wi-owm-day-711:before {
  content: "\f062"; }

.wi-owm-day-721:before {
  content: "\f0b6"; }

.wi-owm-day-731:before {
  content: "\f063"; }

.wi-owm-day-741:before {
  content: "\f003"; }

.wi-owm-day-761:before {
  content: "\f063"; }

.wi-owm-day-762:before {
  content: "\f063"; }

.wi-owm-day-781:before {
  content: "\f056"; }

.wi-owm-day-800:before {
  content: "\f00d"; }

.wi-owm-day-801:before {
  content: "\f000"; }

.wi-owm-day-802:before {
  content: "\f000"; }

.wi-owm-day-803:before {
  content: "\f000"; }

.wi-owm-day-804:before {
  content: "\f00c"; }

.wi-owm-day-900:before {
  content: "\f056"; }

.wi-owm-day-902:before {
  content: "\f073"; }

.wi-owm-day-903:before {
  content: "\f076"; }

.wi-owm-day-904:before {
  content: "\f072"; }

.wi-owm-day-906:before {
  content: "\f004"; }

.wi-owm-day-957:before {
  content: "\f050"; }

.wi-owm-night-200:before {
  content: "\f02d"; }

.wi-owm-night-201:before {
  content: "\f02d"; }

.wi-owm-night-202:before {
  content: "\f02d"; }

.wi-owm-night-210:before {
  content: "\f025"; }

.wi-owm-night-211:before {
  content: "\f025"; }

.wi-owm-night-212:before {
  content: "\f025"; }

.wi-owm-night-221:before {
  content: "\f025"; }

.wi-owm-night-230:before {
  content: "\f02d"; }

.wi-owm-night-231:before {
  content: "\f02d"; }

.wi-owm-night-232:before {
  content: "\f02d"; }

.wi-owm-night-300:before {
  content: "\f02b"; }

.wi-owm-night-301:before {
  content: "\f02b"; }

.wi-owm-night-302:before {
  content: "\f028"; }

.wi-owm-night-310:before {
  content: "\f028"; }

.wi-owm-night-311:before {
  content: "\f028"; }

.wi-owm-night-312:before {
  content: "\f028"; }

.wi-owm-night-313:before {
  content: "\f028"; }

.wi-owm-night-314:before {
  content: "\f028"; }

.wi-owm-night-321:before {
  content: "\f02b"; }

.wi-owm-night-500:before {
  content: "\f02b"; }

.wi-owm-night-501:before {
  content: "\f028"; }

.wi-owm-night-502:before {
  content: "\f028"; }

.wi-owm-night-503:before {
  content: "\f028"; }

.wi-owm-night-504:before {
  content: "\f028"; }

.wi-owm-night-511:before {
  content: "\f026"; }

.wi-owm-night-520:before {
  content: "\f029"; }

.wi-owm-night-521:before {
  content: "\f029"; }

.wi-owm-night-522:before {
  content: "\f029"; }

.wi-owm-night-531:before {
  content: "\f02c"; }

.wi-owm-night-600:before {
  content: "\f02a"; }

.wi-owm-night-601:before {
  content: "\f0b4"; }

.wi-owm-night-602:before {
  content: "\f02a"; }

.wi-owm-night-611:before {
  content: "\f026"; }

.wi-owm-night-612:before {
  content: "\f026"; }

.wi-owm-night-615:before {
  content: "\f026"; }

.wi-owm-night-616:before {
  content: "\f026"; }

.wi-owm-night-620:before {
  content: "\f026"; }

.wi-owm-night-621:before {
  content: "\f02a"; }

.wi-owm-night-622:before {
  content: "\f02a"; }

.wi-owm-night-701:before {
  content: "\f029"; }

.wi-owm-night-711:before {
  content: "\f062"; }

.wi-owm-night-721:before {
  content: "\f0b6"; }

.wi-owm-night-731:before {
  content: "\f063"; }

.wi-owm-night-741:before {
  content: "\f04a"; }

.wi-owm-night-761:before {
  content: "\f063"; }

.wi-owm-night-762:before {
  content: "\f063"; }

.wi-owm-night-781:before {
  content: "\f056"; }

.wi-owm-night-800:before {
  content: "\f02e"; }

.wi-owm-night-801:before {
  content: "\f022"; }

.wi-owm-night-802:before {
  content: "\f022"; }

.wi-owm-night-803:before {
  content: "\f022"; }

.wi-owm-night-804:before {
  content: "\f086"; }

.wi-owm-night-900:before {
  content: "\f056"; }

.wi-owm-night-902:before {
  content: "\f073"; }

.wi-owm-night-903:before {
  content: "\f076"; }

.wi-owm-night-904:before {
  content: "\f072"; }

.wi-owm-night-906:before {
  content: "\f024"; }

.wi-owm-night-957:before {
  content: "\f050"; }

.wi-wu-chanceflurries:before {
  content: "\f064"; }

.wi-wu-chancerain:before {
  content: "\f019"; }

.wi-wu-chancesleat:before {
  content: "\f0b5"; }

.wi-wu-chancesnow:before {
  content: "\f01b"; }

.wi-wu-chancetstorms:before {
  content: "\f01e"; }

.wi-wu-clear:before {
  content: "\f00d"; }

.wi-wu-cloudy:before {
  content: "\f002"; }

.wi-wu-flurries:before {
  content: "\f064"; }

.wi-wu-hazy:before {
  content: "\f0b6"; }

.wi-wu-mostlycloudy:before {
  content: "\f002"; }

.wi-wu-mostlysunny:before {
  content: "\f00d"; }

.wi-wu-partlycloudy:before {
  content: "\f002"; }

.wi-wu-partlysunny:before {
  content: "\f00d"; }

.wi-wu-rain:before {
  content: "\f01a"; }

.wi-wu-sleat:before {
  content: "\f0b5"; }

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

.wi-wu-sunny:before {
  content: "\f00d"; }

.wi-wu-tstorms:before {
  content: "\f01e"; }

.wi-wu-unknown:before {
  content: "\f00d"; }

.portfolio-modal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }

.portfolio-modal.post-transition {
  z-index: 100;
  opacity: 1;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out; }

.portfolio-modal .modal-content {
  width: 670px;
  background-color: rgba(0, 0, 0, 0.65);
  padding: 40px 30px;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  text-align: center;
  border-radius: 5px; }

@media screen and (max-width: 800px) {
  .portfolio-modal .modal-content {
    width: 80vw; } }

@media screen and (max-width: 550px) {
  .portfolio-modal .modal-content {
    width: 90vw; } }

.portfolio-modal .modal-content h1 {
  color: white;
  padding-bottom: 20px;
  border-bottom: 1px solid #323232;
  font-family: 'MaisonNeue-Medium', sans-serif;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 40px; }

@media screen and (max-width: 800px) {
  .portfolio-modal .modal-content h1 {
    font-size: 35px; } }

.portfolio-modal .modal-content p {
  color: white;
  text-align: center;
  letter-spacing: 0.1px;
  font-size: 16px;
  line-height: 30px;
  font-family: sans-serif !important; }

@media screen and (max-width: 550px) {
  .portfolio-modal .modal-content p {
    font-size: 15px; } }

.portfolio-modal .modal-content.post-transition {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out; }

@media screen and (max-width: 550px) {
  .portfolio-modal .modal-content.post-transition {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px); } }