/*For Mobiles*/
        html body {
        background: black no-repeat center center fixed;
         -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        font-family: 'Lato', sans-serif;
        color: white;
        text-align: center;
        }

        h1 {
                font-size: 40px;
                font-family: 'Allura', sans-serif;
                font-weight: bold;
                margin-top: 25%;
                margin-bottom: 2%;
        }

        #adblock-msg {
        margin-top: 10%;
        color: yellow;
        }

        #get-weather-div {
        margin-top: 5%;
        font-family: 'Allura';
        font-size: 30px;
        }

        #getWeather {
        font-family: 'Lato';
        font-size: 16px;
        }

        #get-weather-div {
                margin-top: 15%;
        }

        #iconic {
                margin-top: 15%;
                font-size: 80px;
        }

        .vertical-container {
                margin-top: 20px;
                height: 550px;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .inner-test {
                background: rgba(255, 255, 255, 0.3);
                display: -webkit-flex;
                display: flex;
                height: 460px;
                width: 300px;
                border: 1px solid red;
                border-radius: 10px;
                margin: auto;
                -webkit-flex-direction: column;
                flex-direction: column;
                -webkit-align-items: stretch;
                align-items: stretch;
                -webkit-justify-content: space-between;
                justify-content: space-between;
        }

        .place-and-temp {
                /*border: 1px solid green;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .8;
        }

        .place {
                /*border: 1px solid grey;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .place-text {
                font-size: 30px;
        }

        .temp-and-switch {
                /*border: 1px solid orange;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 1;
                -webkit-flex-direction: column;
                flex-direction: column;
                align-items: stretch;
                -webkit-align-items: stretch;
                align-items: stretch;
        }

        .temp {
                /*border: 1px solid cyan;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 2;
                -webkit-align-items: flex-end;
                align-items: flex-end;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .temp-text {
                font-size: 30px;
        }

                .humidity {
                /*border: 1px solid cyan;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex: .5;
                flex: .5;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .humidity-text {
                font-size: 16px;
        }

                .switchy {
                /*border: 1px solid black;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .icon {
                /*border: 1px solid blue;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .3;
                -webkit-align-items: flex-start;
                align-items: flex-start;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .description {
                /*border: 1px solid lightblue;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .1;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                font-size: 20px;
        }

        .time {
                /*border: 1px solid pink;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .5;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .time-text {
                font-size: 26px;
        }

        .refresh {
                /*border: 1px solid yellow;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                font-size: 30px;
        }

        .switch {
                position: relative;
                display: inline-block;
                width: 60px;
                height: 34px;
        }

        /* Hide default HTML checkbox */
        .switch input {display:none;}

        /* The slider */
        .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #4CAF50;
                -webkit-transition: .4s;
                transition: .4s;
        }

        .slider:before {
                position: absolute;
                content: "";
                height: 26px;
                width: 26px;
                left: 4px;
                bottom: 4px;
                background-color: white;
                -webkit-transition: .4s;
                transition: .4s;
        }

        input:checked + .slider {
                background-color: #2196F3;
        }

        input:focus + .slider {
                box-shadow: 0 0 1px #2196F3;
        }

        input:checked + .slider:before {
                -webkit-transform: translateX(26px);
                -ms-transform: translateX(26px);
                transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
                border-radius: 34px;
        }

        .slider.round:before {
                border-radius: 50%;
        }

/* For longer mobiles */
@media only screen and (max-width: 500px) and (min-height: 600px) and (orientation:portrait) {
        html body {
        background: black no-repeat center center fixed;
         -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        font-family: 'Lato', sans-serif;
        color: white;
        text-align: center;
        }

        h1 {
                font-size: 40px;
                margin-top: 25%;
        }

        #adblock-msg{
                margin-top: 10%;
        }

        #get-weather-div {
                margin-top: 15%;
        }

        #iconic {
                margin-top: 15%;
                font-size: 80px;
        }

        .vertical-container {
                margin-top: 20px;
                height: 630px;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .inner-test {
                background: rgba(255, 255, 255, 0.3);
                display: -webkit-flex;
                display: flex;
                height: 600px;
                width: 330px;
                border: 1px solid red;
                border-radius: 10px;
                margin: auto;
                -webkit-flex-direction: column;
                flex-direction: column;
                -webkit-align-items: stretch;
                align-items: stretch;
                -webkit-justify-content: space-between;
                justify-content: space-between;
        }

        .place-and-temp {
                /*border: 1px solid green;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .8;
        }

        .place {
                /*border: 1px solid grey;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .place-text {
                font-size: 30px;
        }

        .temp-and-switch {
                /*border: 1px solid orange;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 1;
                -webkit-flex-direction: column;
                flex-direction: column;
                align-items: stretch;
                -webkit-align-items: stretch;
                align-items: stretch;
        }

        .temp {
                /*border: 1px solid cyan;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 2;
                -webkit-align-items: flex-end;
                align-items: flex-end;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .temp-text {
                font-size: 30px;
        }

                .humidity {
                /*border: 1px solid cyan;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex: .5;
                flex: .5;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .humidity-text {
                font-size: 16px;
        }

                .switchy {
                /*border: 1px solid black;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .icon {
                /*border: 1px solid blue;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .3;
                -webkit-align-items: flex-start;
                align-items: flex-start;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .description {
                /*border: 1px solid lightblue;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .1;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                font-size: 20px;
        }

        .time {
                /*border: 1px solid pink;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .5;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .time-text {
                font-size: 26px;
        }

        .refresh {
                /*border: 1px solid yellow;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                font-size: 30px;
        }

        .switch {
                position: relative;
                display: inline-block;
                width: 60px;
                height: 34px;
        }

        /* Hide default HTML checkbox */
        .switch input {display:none;}

        /* The slider */
        .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #4CAF50;
                -webkit-transition: .4s;
                transition: .4s;
        }

        .slider:before {
                position: absolute;
                content: "";
                height: 26px;
                width: 26px;
                left: 4px;
                bottom: 4px;
                background-color: white;
                -webkit-transition: .4s;
                transition: .4s;
        }

        input:checked + .slider {
                background-color: #2196F3;
        }

        input:focus + .slider {
                box-shadow: 0 0 1px #2196F3;
        }

        input:checked + .slider:before {
                -webkit-transform: translateX(26px);
                -ms-transform: translateX(26px);
                transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
                border-radius: 34px;
        }

        .slider.round:before {
                border-radius: 50%;
        }
}

/* For devices in landscape */
@media only screen and (orientation:landscape) and (min-width: 480px) {
        h1{
                font-size: 40px;
                margin-top: 10%;
        }

        #get-weather-div {
                margin-top: 10%;
        }

        #iconic {
                margin-top: 2%;
                font-size: 80px;
        }

        .vertical-container {
                margin-top: 20px;
                height: 350px;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .inner-test {
                background: rgba(255, 255, 255, 0.3);
                display: -webkit-flex;
                display: flex;
                height: 300px;
                width: 500px;
                border: 1px solid red;
                border-radius: 10px;
                margin: auto;
                -webkit-flex-direction: column;
                flex-direction: column;
                -webkit-align-items: stretch;
                align-items: stretch;
                -webkit-justify-content: space-between;
                justify-content: space-between;
        }

        .place-and-temp {
                /*border: 1px solid green;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .8;
        }

        .place {
                /*border: 1px solid grey;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .place-text {
                font-size: 30px;
        }

        .temp-and-switch {
                /*border: 1px solid orange;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 1;
                -webkit-flex-direction: column;
                flex-direction: column;
                align-items: stretch;
                -webkit-align-items: stretch;
                align-items: stretch;
        }

        .temp {
                /*border: 1px solid cyan;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 2;
                -webkit-align-items: flex-end;
                align-items: flex-end;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .temp-text {
                font-size: 30px;
        }

                .humidity {
                /*border: 1px solid cyan;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex: .5;
                flex: .5;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .humidity-text {
                font-size: 16px;
        }

                .switchy {
                /*border: 1px solid black;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .icon {
                /*border: 1px solid blue;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .3;
                -webkit-align-items: flex-start;
                align-items: flex-start;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .description {
                /*border: 1px solid lightblue;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .1;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                font-size: 20px;
        }

        .time {
                /*border: 1px solid pink;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .5;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .time-text {
                font-size: 26px;
        }

        .refresh {
                /*border: 1px solid yellow;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                font-size: 30px;
        }

        .switch {
                position: relative;
                display: inline-block;
                width: 60px;
                height: 34px;
        }

        /* Hide default HTML checkbox */
        .switch input {
                display:none;
        }

        /* The slider */
        .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #4CAF50;
                -webkit-transition: .4s;
                transition: .4s;
        }

        .slider:before {
                position: absolute;
                content: "";
                height: 26px;
                width: 26px;
                left: 4px;
                bottom: 4px;
                background-color: white;
                -webkit-transition: .4s;
                transition: .4s;
        }

        input:checked + .slider {
                background-color: #2196F3;
        }

        input:focus + .slider {
                box-shadow: 0 0 1px #2196F3;
        }

        input:checked + .slider:before {
                -webkit-transform: translateX(26px);
                -ms-transform: translateX(26px);
                transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
                border-radius: 34px;
        }

        .slider.round:before {
                border-radius: 50%;
        }
}
/* For all other screens */
@media only screen and (min-width: 500px) {

        html body {
        background: black no-repeat center center fixed;
         -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        font-family: 'Lato', sans-serif;
        color: white;
        text-align: center;
        }

        h1 {
        font-size: 50px;
        font-family: 'Allura', sans-serif;
        font-weight: bold;
        margin-top: 10%;
        margin-bottom: 2%;
        }

        #adblock-msg {
        color: yellow;
        }

        #get-weather-div {
        margin-top: 5%;
        font-family: 'Allura';
        font-size: 30px;
        }

        #getWeather {
        font-family: 'Lato';
        font-size: 16px;
        }

        .vertical-container {
                margin-top: 20px;
                height: 600px;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .inner-test {
                background: rgba(255, 255, 255, 0.3);
                display: -webkit-flex;
                display: flex;
                height: 460px;
                width: 600px;
                border: 1px solid red;
                border-radius: 10px;
                margin: auto;
                -webkit-flex-direction: column;
                flex-direction: column;
                -webkit-align-items: stretch;
                align-items: stretch;
                -webkit-justify-content: space-between;
                justify-content: space-between;
        }

        .place-and-temp {
                /*border: 1px solid green;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .8;
        }

        .place {
                /*border: 1px solid grey;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .place-text {
                font-size: 50px;
        }

        .temp-and-switch {
                /*border: 1px solid orange;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 1;
                -webkit-flex-direction: column;
                flex-direction: column;
                align-items: stretch;
                -webkit-align-items: stretch;
                align-items: stretch;
        }

        .temp {
                /*border: 1px solid cyan;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex;
                flex: 2;
                -webkit-align-items: flex-end;
                align-items: flex-end;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .temp-text {
                font-size: 50px;
        }

                .humidity {
                /*border: 1px solid cyan;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex: .5;
                flex: .5;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .humidity-text {
                font-size: 16px;
        }

                .switchy {
                /*border: 1px solid black;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .icon {
                /*border: 1px solid blue;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .3;
                -webkit-align-items: flex-start;
                align-items: flex-start;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .description {
                /*border: 1px solid lightblue;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .1;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                font-size: 20px;
        }

        .time {
                /*border: 1px solid pink;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .5;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
        }

        .time-text {
                font-size: 30px;
        }

        .refresh {
                /*border: 1px solid yellow;*/
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                flex-grow: .2;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                font-size: 30px;
        }

        .fa  {
                /* Firefox */
                -moz-transition: all 1s ease;
                /* WebKit */
                -webkit-transition: all 1s ease;
                /* Opera */
                -o-transition: all 1s ease;
                /* Standard */
                transition: all 1s ease;
                cursor: pointer;
        }

        .fa.clicked {
                /* Firefox */
                -moz-transform: rotate(360deg);
                /* WebKit */
                -webkit-transform: rotate(360deg);
                /* Opera */
                -o-transform: rotate(360deg);
                /* Standard */
                transform: rotate(360deg);
        }
}

/*!
 *  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: https://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at https://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 -
 *    https://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('fonts/weathericons-regular-webfont.eot');
  src: url('fonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/weathericons-regular-webfont.woff2') format('woff2'), url('fonts/weathericons-regular-webfont.woff') format('woff'), url('fonts/weathericons-regular-webfont.ttf') format('truetype'), url('fonts/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-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";
}

