@font-face{font-family:'MeteoconsRegular';src:url('../fonts/meteocons-webfont.eot');src:url('../fonts/meteocons-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/meteocons-webfont.woff') format('woff'),url('../fonts/meteocons-webfont.ttf') format('truetype'),url('../fonts/meteocons-webfont.svg#MeteoconsRegular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'BikoRegular';src:url('../fonts/Biko_Regular.otf')}@font-face{font-family:'BikoLight';src:url('../fonts/Biko_Light-Restricted.otf')}html,body{height:100%;font-family:'BikoRegular';color:white;background-color:#FF7070;font-size:15px}html .weather-forecast,body .weather-forecast{background-color:#A970FF}@media screen and (max-width:768px){html .weather-forecast,body .weather-forecast{height:auto}}p{font-size:15px;line-height:20px;letter-spacing:.5px}.fontlight{font-family:'BikoLight'}#header{padding:30px}#header,#header>*{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.menu,.fav{min-width:160px}.menu span,.fav span{cursor:pointer;display:-ms-flexbox;display:-webkit-flex;display:flex}@media screen and (max-width:768px){.fav{display:none !important}}.icon-logo{height:45px;width:45px;fill:black;opacity:.5}.icon-logo:hover,.icon-logo:focus{fill:white;cursor:pointer;opacity:.8}.icon-menu{height:32px;width:32px;fill:#6FFE90}.icon-menu:hover,.icon-menu:focus{fill:white;cursor:pointer}.icon-fav{height:32px;width:32px;fill:white;margin-left:15px}#main{height:calc(100% - 200px);display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.main-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.search-form{text-align:center;width:300px}.search-form .flex-with-column p{font-size:18px}.search-form .search-group{padding:10px 0 25px 25px;margin:0 auto;display:-ms-flexbox;display:-webkit-flex;display:flex}.search-form input.search-input{border:none;border-radius:0;background-color:#A970FF;box-shadow:0 2px 30px rgba(0,0,0,0.2);height:40px;font-size:18px;padding:0 20px}.btn{border-radius:0;border:none;box-shadow:0 2px 30px rgba(0,0,0,0.2);font-size:18px;margin:0 auto;transition-duration:.3s;transition-property:background-color}.btn-search{position:relative;left:-37px;height:30px;top:5px;padding:4px 6px;background-color:white}.btn-search:hover,.btn-search:focus{background-color:#6FFE90}.icon-search{width:20px;height:20px;fill:#A970FF}.btn-geo{background-color:#6FFE90;color:#A970FF;margin-top:10px;padding:7px 15px}.btn-geo:hover,.btn-geo:focus{background-color:#A970FF;color:#ffffff}.btn-geo:hover .icon-geo,.btn-geo:focus .icon-geo{fill:white}.icon-geo{width:20px;height:20px;fill:#A970FF;top:5px;position:relative;margin-right:10px}.today{color:#6FFE90;text-transform:uppercase;font-size:22px;opacity:.7}.day{text-transform:uppercase;font-size:14px;padding-bottom:15px}.city-name{font-size:22px;margin:0;padding:0 0 15px 0}.mintemp-today{opacity:.5;color:#6FFE90;font-size:22px}.maxtemp-today{padding:15px 0 0 0;color:#6FFE90;font-size:22px}.forecastday{padding:0 50px}.max-temp{color:#6FFE90;padding-top:25px}.min-temp{color:#6FFE90;opacity:.5}.weathericon{color:white;font-family:'MeteoconsRegular';font-size:70px;font-weight:normal;font-style:normal;line-height:1;text-transform:none}.current-weather .weathericon{font-size:125px}.icon-01d:before{content:"B"}.icon-02d:before{content:"H"}.icon-03d:before,.icon-03n:before{content:"N"}.icon-04d:before,.icon-04n:before{content:"Y"}.icon-09d:before,.icon-09n:before{content:"R"}.icon-10d:before,.icon-10n:before{content:"R"}.icon-11d:before,.icon-11n:before{content:"Z"}.icon-13d:before,.icon-13n:before{content:"X"}.icon-50d:before{content:"J"}.icon-01n:before{content:"C"}.icon-02n:before{content:"I"}.icon-50n:before{content:"K"}.current-weather,.weather-forecasts,.error-message{display:none}.current-weather.show,.weather-forecasts.show,.error-message.show{display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.current-weather.show,.weather-forecasts.show,.error-message.show{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.current-weather{padding:10px 0 50px 0}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#6FFE90;overflow-x:hidden;transition:.5s;letter-spacing:.5px}.sidenav a{padding:5px 10px 5px 0;text-decoration:none;font-size:35px;color:#A970FF;display:block;transition:.3s;line-height:35px}.sidenav a:hover,.sidenav a:focus{color:white}@media screen and (max-height:450px){.sidenav a{font-size:18px;line-height:22px}}.sidenav .navcontainer{padding:25px 0 25px 25px;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:100%}.sidenav .social a{display:inline-block}.sidenav .social a:hover,.sidenav .social a:focus{color:white}.sidenav .closebtn{font-size:50px}.sidenav .icon-close{width:25px;height:25px;fill:#A970FF}.sidenav .icon-close:hover,.sidenav .icon-close:focus{fill:white;cursor:pointer}.sidenav .menu::before{content:"";position:absolute;height:3px;width:30px;background-color:#A970FF;margin-top:-15px}.sidenav .icon-facebook,.sidenav .icon-twitter,.sidenav .icon-google{width:25px;height:25px;fill:#A970FF;margin-right:15px}.sidenav .icon-facebook:hover,.sidenav .icon-twitter:hover,.sidenav .icon-google:hover,.sidenav .icon-facebook:focus,.sidenav .icon-twitter:focus,.sidenav .icon-google:focus{fill:#ffffff;cursor:pointer}.sidenav .social{white-space:nowrap}.sidenav .social p{font-size:18px;color:#A970FF}@media screen and (max-height:450px){.sidenav{padding-top:15px}}.icon-loader{width:100px;height:100px;display:block;margin:0 auto;top:40%;position:relative}.weatherloader{display:none;width:100%;height:100%;margin:0 auto;position:absolute;background-color:#FF7070;z-index:1;top:0}.homeloader{display:block;width:100%;height:100%;margin:0 auto;position:absolute;background-color:#FF7070;z-index:1;top:0}.homeloader .icon-logo{width:60px;height:60px;display:block;margin:0 auto;top:40%;position:relative;opacity:.5}.homeloader .titleapp{display:block;margin:15px auto;top:40%;position:relative;text-align:center;font-size:18px;letter-spacing:.5px}.search-input::-webkit-input-placeholder{color:white;opacity:.7}.search-input:-moz-placeholder{color:white;opacity:.7}.search-input::-moz-placeholder{color:white;opacity:.7}.search-input:-ms-input-placeholder{color:white;opacity:.7}