body{font-family:Nunito,sans-serif;font-size:18px;line-height:100%;font-weight:400;color:#0057e0;margin:0;padding:0;overflow-x:hidden}.app-container{width:100vw;height:100vh;padding:100px 150px;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;opacity:1;animation:none;animation-duration:.2s;animation-fill-mode:forwards;animation-delay:.1s}.app-container,.app-container .wrapper{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.app-container .wrapper{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1}.app-container.search.error,.app-container.search.init,.app-container.search.lodaing{opacity:1;animation:none}@keyframes app-init-anim{0%{opacity:0}to{opacity:1}}.svg-icon{line-height:100%;vertical-align:middle}.svg-icon,.svg-icon label{display:block}.svg-icon svg{display:block;width:100%;height:auto}@media only screen and (min-width:801px) and (max-width:1200px){.app-container{padding:60px 90px}}@media only screen and (min-height:501px) and (max-height:700px){.app-container{padding:60px}}@media only screen and (min-width:501px) and (max-width:800px){.app-container{padding:40px 50px}}@media only screen and (max-height:600px){.app-container{padding:60px}}@media only screen and (max-width:500px){.app-container{padding:20px}}body{background-color:#d3fafe;background:linear-gradient(-45deg,#71e6ff,#d3fafe)}.bg-elements{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;position:relative}.bg-elements .bg-colors,.bg-elements .bg-colors .color{opacity:0;transition:opacity .8s}.bg-elements .bg-colors .color{position:fixed;top:0;bottom:0;left:0;right:0}.bg-elements .bg-colors .day-clean{z-index:10;background-color:#2197f4;background:linear-gradient(-45deg,#21dbf4,#2197f4)}.bg-elements .bg-colors .day-dark{z-index:20;background-color:#5a8fb8;background:linear-gradient(-45deg,#5aadb8,#5a8fb8)}.bg-elements .bg-colors .night-clean{z-index:30;background-color:#0010a4;background:linear-gradient(-45deg,#0071f6,#0010a4)}.bg-elements .bg-colors .night-dark{z-index:40;background-color:#272d64;background:linear-gradient(-45deg,#275282,#272d64)}.bg-elements .bg-colors.weather{opacity:0}.bg-elements .bg-colors.weather.day.clean .day-clean,.bg-elements .bg-colors.weather.day.dark .day-dark,.bg-elements .bg-colors.weather.night.clean .night-clean,.bg-elements .bg-colors.weather.night.dark .night-dark,.bg-elements .bg-colors.weather.ready{opacity:1}.bg-elements .bg-colors.init.search{opacity:0}.bg-elements .main-logo{position:absolute;z-index:100;fill:#fff;width:124px;height:auto;bottom:0;transition:all .8s;opacity:0}.bg-elements .main-logo.weather.ready{width:124px;left:0;margin-left:0;opacity:1}.bg-elements .main-logo.search{fill:#0057e0;width:124px;left:50%;margin-left:-62px;opacity:1;transform:scale(1.8)}.bg-elements .main-logo.start-search.search{fill:#0057e0;width:124px;left:50%;margin-left:-62px;opacity:0;transform:scale(0);animation-name:init-logo-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:.55s}@keyframes init-logo-anim{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1.8)}}.bg-elements .main-logo.start-weather.weather{opacity:0;animation-name:weather-logo-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:1s}@keyframes weather-logo-anim{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:601px) and (max-width:1000px){.bg-elements .main-logo.weather.ready{width:124px;left:0;bottom:inherit;top:500px}.bg-elements .main-logo.search{transform:scale(1)}.bg-elements .main-logo.search,.bg-elements .main-logo.start-search.search{width:124px;bottom:inherit;top:500px;animation-name:init-logo-anim-small}}@media only screen and (max-width:700px){.bg-elements .main-logo.weather.ready{width:124px;left:0;bottom:inherit;top:500px}.bg-elements .main-logo.search{transform:scale(1)}.bg-elements .main-logo.search,.bg-elements .main-logo.start-search.search{width:124px;bottom:inherit;top:500px;animation-name:init-logo-anim-small}}@keyframes init-logo-anim-small{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.loader-spinner{top:50%;margin-top:-25px;left:50%;margin-left:-25px;width:50px;height:50px;position:relative;text-align:center;opacity:0;transition:opacity .2s;transition-delay:0ms;-webkit-animation:sk-rotate .8s infinite linear;animation:sk-rotate .8s infinite linear}.loader-spinner.loading{opacity:1;transition-delay:.35s}.loader-spinner .dot1,.loader-spinner .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#0057e0;border-radius:100%;-webkit-animation:sk-bounce .8s infinite ease-in-out;animation:sk-bounce .8s infinite ease-in-out}.loader-spinner .dot2{top:auto;bottom:0;-webkit-animation-delay:-.4s;animation-delay:-.4s}@-webkit-keyframes sk-rotate{to{-webkit-transform:rotate(1turn)}}@keyframes sk-rotate{to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.feedback-elements{position:absolute;z-index:300;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.feedback-elements .feedback-box{opacity:0;animation-name:feedback-init;animation-duration:.3s;animation-fill-mode:forwards;animation-delay:1s}@keyframes feedback-init{0%{opacity:0}to{opacity:1}}.feedback-elements .feedback-box{text-align:center}.feedback-elements .feedback-box h3{margin:0;font-size:20px;font-weight:700}.feedback-elements .feedback-box h3,.feedback-elements .feedback-box p{padding:0;letter-spacing:.1em;color:#ff297f;opacity:0;transform:scale(0);transition:all .3s}.feedback-elements .feedback-box p{margin:8px 0 0;font-size:14px;font-weight:400;transition-delay:.15s}.feedback-elements .feedback-box.search.error h3{opacity:0;transform:scale(0);animation-name:feedback-title;animation-duration:.3s;animation-fill-mode:forwards}@keyframes feedback-title{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.feedback-elements .feedback-box.search.error p{opacity:0;transform:scale(0);animation-name:feedback-text;animation-duration:.3s;animation-fill-mode:forwards;animation-delay:.15s}@keyframes feedback-text{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media only screen and (min-width:601px) and (max-width:1000px){.feedback-elements{bottom:inherit;height:500px}}@media only screen and (max-width:700px){.feedback-elements{bottom:inherit;height:500px}}.form-container{position:absolute;z-index:7000;top:0;left:0;right:0;bottom:0}.form-container :focus{outline:none}.form-container form{position:relative}.form-container .input-box{text-align:center;position:absolute;z-index:1000;top:-10px;left:0;margin-left:0;transition:all .5s}.form-container .input-box .input-elements{line-height:100%}.form-container .input-box .input-elements label{position:absolute;z-index:60;top:-25px;opacity:0;left:0;right:0;text-align:center;font-size:14px;letter-spacing:.2em;user-select:none;transition:all .5s;transition-delay:.4s}.form-container .input-box .input-elements .svg-icon.search{position:absolute;z-index:100;cursor:pointer;top:32px;left:-36px;width:16px;fill:#fff;opacity:0;transition:all .5s;transition-delay:.3s}.form-container .input-box input{font-family:Nunito,sans-serif;box-sizing:border-box;display:inline-block;width:100%;height:80px;padding:0;text-align:center;font-size:36px;font-weight:700;color:#fff;background:none;border:none;opacity:0;transition:all .5s;transition-delay:.2s}.form-container .input-box input::placeholder{font-size:18px;font-weight:300;letter-spacing:.1em;color:rgba(0,87,224,.4)}.form-container .input-box input.smalltext{font-size:28px}.form-container .input-box .shadowtext{min-width:100px;text-align:center;font-size:36px;font-weight:700;display:inline-block;padding:0;opacity:0;transition:all .5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,0,0,.2)}.form-container .input-box .shadowtext.smalltext{font-size:28px}.form-container .input-box .underline{display:block;text-align:center}.form-container .input-box .underline:before{content:"";margin:0 auto;display:block;background:#0057e0;height:1px;width:0;transition:all .5s;transition-delay:0ms}.form-container .button-box{text-align:center;padding-top:94px}.form-container .button-box button{background:#fff;border:none;color:#0057e0;width:200px;height:32px;font-family:Nunito,sans-serif;box-sizing:border-box;text-align:center;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transform:scaleX(0);opacity:0;transition:transform .5s .5s,background .2s 0ms,color .2s 0ms}.form-container .button-box button span{opacity:0;transition:opacity .5s;transition-delay:1s}.form-container .button-box button:hover{background:#0057e0;color:#fff}.form-container .button-box:active,.form-container .button-box:focus,.form-container .button-box:hover,.form-container .button-box:target{border:none}.form-container.search.error .input-box,.form-container.search.loading .input-box,.form-container.search.ready .input-box{left:50%;width:700px;margin-left:-350px}.form-container.search.error .input-box input,.form-container.search.loading .input-box input,.form-container.search.ready .input-box input{color:#0057e0;opacity:1}.form-container.search.error .input-box .shadowtext,.form-container.search.loading .input-box .shadowtext,.form-container.search.ready .input-box .shadowtext{min-width:700px}.form-container.search.error .input-box .input-elements label,.form-container.search.loading .input-box .input-elements label,.form-container.search.ready .input-box .input-elements label{opacity:1;transition-delay:.1s}.form-container.search.error .input-box .input-elements .underline:before,.form-container.search.loading .input-box .input-elements .underline:before,.form-container.search.ready .input-box .input-elements .underline:before{width:100%;transition-delay:.3s}.form-container.search.error .input-box .input-elements .svg-icon.search,.form-container.search.loading .input-box .input-elements .svg-icon.search,.form-container.search.ready .input-box .input-elements .svg-icon.search{fill:#0057e0;cursor:default;left:0;opacity:1;transition-delay:.1s}.form-container.search.error .button-box button,.form-container.search.loading .button-box button,.form-container.search.ready .button-box button{transform:scaleX(1);opacity:1}.form-container.ready .input-box .input-elements .svg-icon.search,.form-container.ready .input-box input,.form-container.search.error .button-box button span,.form-container.search.loading .button-box button span,.form-container.search.ready .button-box button span{opacity:1}.form-container.start-search.search .input-box{left:50%;width:700px;margin-left:-350px;transition:all 0ms}.form-container.start-search.search .input-box input{color:#0057e0;opacity:0;animation-name:init-input-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:.2s}@keyframes init-input-anim{0%{opacity:0}to{opacity:1}}.form-container.start-search.search .input-box .shadowtext{min-width:700px}.form-container.start-search.search .input-box .input-elements label{opacity:0;animation-name:init-label-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:.4s}@keyframes init-label-anim{0%{opacity:0}to{opacity:1}}.form-container.start-search.search .input-box .input-elements .underline:before{width:0;animation-name:init-underline-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:0ms}@keyframes init-underline-anim{0%{width:0}to{width:100%}}.form-container.start-search.search .input-box .input-elements .svg-icon.search{fill:#0057e0;cursor:default;left:0;opacity:0;animation-name:init-icon-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:.3s}@keyframes init-icon-anim{0%{opacity:0}to{opacity:1}}.form-container.start-search.search .button-box button{transform:scaleX(0);opacity:0;animation-name:init-button-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:.5s}.form-container.start-search.search .button-box button span{opacity:0;animation-name:init-buttonspan-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:1s}@keyframes init-button-anim{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes init-buttonspan-anim{0%{opacity:0}to{opacity:1}}.form-container.start-weather.weather{opacity:0;animation-name:weather-form-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:0ms}@keyframes weather-form-anim{0%{opacity:0}to{opacity:1}}.suggestions-wrapper{position:relative}.react-autosuggest__container .suggestions-wrapper{opacity:0;transition:opacity .25s;transition-delay:0ms}.react-autosuggest__container[class*="--open"] .suggestions-wrapper{opacity:1;transition-delay:.3s}.suggestions-container{position:absolute;top:1px;left:0;right:-16px}.suggestions-container .thumb-vertical{background:rgba(0,87,224,.15);border-radius:10px;cursor:pointer}.suggestions-container #react-autowhatever-1,.suggestions-container .suggestions{box-sizing:border-box;width:100%!important;overflow-x:hidden;overflow-y:auto;max-height:280px}.suggestions-container #react-autowhatever-1 ul,.suggestions-container .suggestions ul{margin:0;padding:0;padding-right:16px;list-style-type:none}.suggestions-container #react-autowhatever-1 ul li,.suggestions-container .suggestions ul li{margin:0;padding:0;background:#fff;box-sizing:border-box;height:56px;border-bottom:1px solid rgba(0,87,224,.1)}.suggestions-container #react-autowhatever-1 ul li:last-child,.suggestions-container .suggestions ul li:last-child{border-bottom:none}.suggestions-container #react-autowhatever-1 ul li[class*="--highlight"],.suggestions-container .suggestions ul li[class*="--highlight"]{background:#edf3fd}.suggestions-container #react-autowhatever-1 ul li .sugg-row-info,.suggestions-container .suggestions ul li .sugg-row-info{padding-top:20px}.suggestions-container #react-autowhatever-1 ul li .sugg-row-info .city,.suggestions-container .suggestions ul li .sugg-row-info .city{float:left;margin-left:30px;text-align:left;font-size:18px;font-weight:600;color:rgba(0,87,224,.5)}.suggestions-container #react-autowhatever-1 ul li .sugg-row-info .city .match,.suggestions-container .suggestions ul li .sugg-row-info .city .match{color:#0057e0}.suggestions-container #react-autowhatever-1 ul li .sugg-row-info .pop,.suggestions-container .suggestions ul li .sugg-row-info .pop{float:right;margin-right:30px;text-align:right;font-size:14px;font-weight:300;opacity:.5}@media only screen and (min-width:1001px) and (max-width:1200px){.form-container .input-box .shadowtext,.form-container .input-box input{font-size:28px}.form-container .input-box .shadowtext.smalltext,.form-container .input-box input.smalltext{font-size:22px}}@media only screen and (min-width:601px) and (max-width:1000px){.form-container .input-box .shadowtext,.form-container .input-box input{font-size:28px}.form-container .input-box .shadowtext.smalltext,.form-container .input-box input.smalltext{font-size:22px}.form-container .input-box .input-elements label{top:-15px}}@media only screen and (max-width:720px){.form-container .button-box{text-align:center;padding-top:110px}.form-container .input-box{top:30px}.form-container .input-box input{height:50px}.form-container .input-box .shadowtext,.form-container .input-box input{font-size:28px}.form-container .input-box .shadowtext.smalltext,.form-container .input-box input.smalltext{font-size:22px}.form-container .input-box .input-elements label{font-size:12px}.form-container .input-box .input-elements .svg-icon.search{top:18px;left:inherit;right:-25px;width:12px}.form-container.search.error .input-box,.form-container.search.loading .input-box,.form-container.search.ready .input-box,.form-container.start-search.search .input-box{left:50%;width:300px;margin-left:-150px}.form-container.search.error .input-box .input-elements .svg-icon.search,.form-container.search.loading .input-box .input-elements .svg-icon.search,.form-container.search.ready .input-box .input-elements .svg-icon.search,.form-container.start-search.search .input-box .input-elements .svg-icon.search{left:inherit;right:0}.form-container.search.error .input-box .shadowtext,.form-container.search.loading .input-box .shadowtext,.form-container.search.ready .input-box .shadowtext,.form-container.start-search.search .input-box .shadowtext{min-width:300px}.suggestions-container{right:0}.suggestions-container #react-autowhatever-1 ul,.suggestions-container .suggestions ul{padding-right:0}.suggestions-container #react-autowhatever-1 ul li .sugg-row-info .city,.suggestions-container .suggestions ul li .sugg-row-info .city{margin-left:20px;font-size:14px}.suggestions-container #react-autowhatever-1 ul li .sugg-row-info .pop,.suggestions-container .suggestions ul li .sugg-row-info .pop{display:none}}.illustration-elements{position:fixed;z-index:250;top:0;left:0;right:0;bottom:0;overflow:hidden}.illustration-elements .icon-container{position:absolute;top:100px;right:150px;opacity:0;transform:translateX(200%);transition:all .8s;transition-delay:0ms}.illustration-elements .icon-container .weather-icon{width:300px;fill:#fff}.illustration-elements .icon-container.weather{opacity:1;transform:translateX(0);transition-delay:.3s}.illustration-elements .icon-container.start-weather.weather{opacity:0;animation-name:weather-illust-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:0ms}@keyframes weather-illust-anim{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:1001px) and (max-width:1200px){.illustration-elements .icon-container{top:80px;right:90px}.illustration-elements .icon-container .weather-icon{width:250px}}@media only screen and (min-height:601px) and (max-height:800px){.illustration-elements .icon-container .weather-icon{width:250px}}@media only screen and (min-width:601px) and (max-width:1000px){.illustration-elements{position:absolute;top:-40px;right:-40px}.illustration-elements .icon-container{top:60px;right:50px}.illustration-elements .icon-container .weather-icon{width:180px}}@media only screen and (max-height:600px){.illustration-elements{position:absolute;top:-40px;right:-40px}.illustration-elements .icon-container{top:40px;right:50px}.illustration-elements .icon-container .weather-icon{width:300px}}@media only screen and (max-width:600px){.illustration-elements{position:absolute;right:-20px}.illustration-elements .icon-container{top:130px;right:40px}.illustration-elements .icon-container .weather-icon{width:120px}}@media only screen and (max-height:400px){.illustration-elements{position:absolute;top:-60px;right:-60px}.illustration-elements .icon-container{top:60px;right:90px}.illustration-elements .icon-container .weather-icon{width:150px}}.weather-elements{position:absolute;z-index:400;top:0;left:0;right:0;bottom:0;padding-top:70px;color:#fff}.weather-elements .temp{margin-bottom:20px;opacity:0;transition:all .8s;transition-delay:0ms}.weather-elements .temp span{display:inline-block;vertical-align:top;line-height:100%}.weather-elements .temp .num{font-size:144px;font-weight:900}.weather-elements .temp .sign{font-size:144px;font-weight:200}.weather-elements table{margin:40px 0 0;padding:0}.weather-elements table tr{opacity:0;transform:translateX(-50%);transition:all .4s;transition-delay:.2s;margin:0;padding:0}.weather-elements table tr .cell{text-align:left;vertical-align:top;font-size:18px;font-weight:200;padding:0 20px 15px 0}.weather-elements table tr .title{font-weight:500}.weather-elements table tr .date{font-size:24px;font-weight:500}.weather-elements table tr .minmax{font-size:16px;letter-spacing:.1em;padding-bottom:30px}.weather-elements table tr .minmax span{display:inline-block;width:16px}.weather-elements table tr .cloudiness:first-letter{text-transform:capitalize}.weather-elements.weather .temp{opacity:1;transition-delay:.3s}.weather-elements.weather table tr{opacity:1;transform:translateX(0)}.weather-elements.weather table tr:first-child{transition-delay:.4s}.weather-elements.weather table tr:nth-child(2){transition-delay:.45s}.weather-elements.weather table tr:nth-child(3){transition-delay:.5s}.weather-elements.weather table tr:nth-child(4){transition-delay:.55s}.weather-elements.weather table tr:nth-child(5){transition-delay:.6s}.weather-elements.weather table tr:nth-child(6){transition-delay:.65s}.weather-elements.start-weather.weather .temp{opacity:0;animation-name:weather-weather-anim;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:.2s}.weather-elements.start-weather.weather table tr{opacity:0;animation-name:weather-weather-anim;animation-duration:.5s;animation-fill-mode:forwards}.weather-elements.start-weather.weather table tr:first-child{animation-delay:.3s}.weather-elements.start-weather.weather table tr:nth-child(2){animation-delay:.4s}.weather-elements.start-weather.weather table tr:nth-child(3){animation-delay:.5s}.weather-elements.start-weather.weather table tr:nth-child(4){animation-delay:.6s}.weather-elements.start-weather.weather table tr:nth-child(5){animation-delay:.7s}.weather-elements.start-weather.weather table tr:nth-child(6){animation-delay:.8s}@keyframes weather-weather-anim{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:1001px) and (max-width:1200px){.weather-elements .temp .num,.weather-elements .temp .sign{font-size:96px}}@media only screen and (min-height:601px) and (max-height:800px){.weather-elements .temp .num,.weather-elements .temp .sign{font-size:96px}}@media only screen and (min-width:601px) and (max-width:1000px){.weather-elements .temp .num,.weather-elements .temp .sign{font-size:86px}}@media only screen and (max-height:600px){.weather-elements .temp .num,.weather-elements .temp .sign{font-size:86px}}@media only screen and (max-width:700px){.weather-elements{padding-top:80px}.weather-elements .temp{margin-bottom:140px}.weather-elements .temp .num,.weather-elements .temp .sign{font-size:64px}.weather-elements table tr .cell{font-size:14px;padding:0 20px 6px 0}.weather-elements table tr .cell.minmax{padding-bottom:20px}}.forecast-elements{position:absolute;z-index:500;top:0;left:0;right:0;bottom:0;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;-ms-flex-pack:end;-ms-flex-align:stretch;color:#fff}.forecast-elements,.forecast-elements .forecast-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch}.forecast-elements .forecast-wrapper{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:.4;-webkit-flex:.4;-moz-box-flex:.4;-moz-flex:.4;-ms-flex:.4;flex:.4;-ms-flex-pack:end;-ms-flex-align:stretch}.forecast-elements .forecast-container{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;-moz-align-items:flex-end;align-items:flex-end;position:relative}.forecast-elements .forecast-container:before{content:"";position:absolute;top:0;right:-150px;height:1px;background:#fff;left:100%;opacity:0;transition:all .8s;transition-delay:0ms}.forecast-elements .item{display:inline-block;vertical-align:top;margin-left:60px;text-align:left;overflow:hidden;opacity:0;width:100px;transition:all .8s;transition-delay:0ms}.forecast-elements .item:first-child{margin-left:0}.forecast-elements .item .data{margin-bottom:5px}.forecast-elements .item .date{font-size:18px;font-weight:600;margin-bottom:20px}.forecast-elements .item .illust{height:60px}.forecast-elements .item .illust .svg-icon{fill:#fff;width:54px}.forecast-elements .item .info{font-size:16px;font-weight:200}.forecast-elements .item .max span,.forecast-elements .item .min span{float:right}.forecast-elements .item .desc{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;-moz-align-items:flex-end;align-items:flex-end;margin-bottom:15px;height:40px}.forecast-elements .item .desc span:first-letter{text-transform:capitalize}.forecast-elements.weather .forecast-container:before{left:0;opacity:1;transition-delay:.8s}.forecast-elements.weather .item{opacity:1;width:100px;transition:all .8s}.forecast-elements.weather .item:first-child{transition-delay:.8s}.forecast-elements.weather .item:nth-child(2){transition-delay:.85s}.forecast-elements.weather .item:nth-child(3){transition-delay:.9s}.forecast-elements.weather .item:nth-child(4){transition-delay:.95s}.forecast-elements.weather .item:nth-child(5){transition-delay:1s}.forecast-elements.weather .item:nth-child(6){transition-delay:1.05s}.forecast-elements.weather .item:nth-child(7){transition-delay:1.1s}.forecast-elements.start-weather.weather .item{opacity:0;animation-name:weather-forecast-anim;animation-duration:.5s;animation-fill-mode:forwards}.forecast-elements.start-weather.weather .item:first-child{animation-delay:.7s}.forecast-elements.start-weather.weather .item:nth-child(2){animation-delay:.8s}.forecast-elements.start-weather.weather .item:nth-child(3){animation-delay:.9s}.forecast-elements.start-weather.weather .item:nth-child(4){animation-delay:1s}.forecast-elements.start-weather.weather .item:nth-child(5){animation-delay:1.1s}.forecast-elements.start-weather.weather .item:nth-child(6){animation-delay:1.2s}.forecast-elements.start-weather.weather .item:nth-child(7){animation-delay:1.3s}@keyframes weather-forecast-anim{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:1800px){.forecast-elements .item:nth-child(6),.forecast-elements .item:nth-child(7){display:none}}@media only screen and (max-width:1500px){.forecast-elements .item:nth-child(4),.forecast-elements .item:nth-child(5){display:none}}@media only screen and (min-height:601px) and (max-height:800px){.forecast-elements .item .data{margin-bottom:0}.forecast-elements .item .date{font-size:14px;margin-bottom:8px}.forecast-elements .item .illust{height:50px}.forecast-elements .item .illust .svg-icon{width:34px}.forecast-elements .item .desc{height:30px;margin-bottom:4px;line-height:110%}.forecast-elements .item .info{font-size:12px}}@media only screen and (min-width:601px) and (max-width:1000px){.forecast-elements{bottom:inherit;margin-top:600px;padding-bottom:100px;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}.forecast-elements .forecast-wrapper{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end}.forecast-elements .forecast-container,.forecast-elements .forecast-wrapper{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch}.forecast-elements .forecast-container{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;padding-top:40px}.forecast-elements .forecast-container:before{right:0}.forecast-elements .item{display:block!important;width:auto!important;margin-left:0;overflow:visible;height:80px;margin-top:40px}.forecast-elements .item .first{width:120px;vertical-align:top;display:inline-block;white-space:nowrap}.forecast-elements .item .second{vertical-align:top;display:inline-block;margin-left:50px;margin-top:-8px}.forecast-elements .item .data{margin-bottom:0}.forecast-elements .item .date{font-size:14px;margin-bottom:8px;vertical-align:top;display:inline-block;width:70px;font-size:18px}.forecast-elements .item .illust{height:50px;vertical-align:top;display:inline-block;margin-top:-12px}.forecast-elements .item .illust .svg-icon{width:48px}.forecast-elements .item .desc{height:inherit;margin-bottom:4px;line-height:110%}.forecast-elements .item .info{font-size:14px}.forecast-elements .item .max,.forecast-elements .item .min{display:inline-block}.forecast-elements .item .max span,.forecast-elements .item .min span{float:none;display:inline-block;margin-right:10px}}@media only screen and (max-height:600px){.forecast-elements{bottom:inherit;margin-top:500px;padding-bottom:100px}.forecast-elements,.forecast-elements .forecast-wrapper{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}.forecast-elements .forecast-wrapper{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch}.forecast-elements .forecast-container{padding-top:100px;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;-moz-align-items:flex-end;align-items:flex-end}.forecast-elements .forecast-container:before{right:0}}@media only screen and (max-width:700px){.forecast-elements{bottom:inherit;margin-top:500px;padding-bottom:100px;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}.forecast-elements .forecast-wrapper{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}.forecast-elements .forecast-container,.forecast-elements .forecast-wrapper{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch}.forecast-elements .forecast-container{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;padding-top:40px}.forecast-elements .forecast-container:before{right:0;display:none}.forecast-elements .item{display:block!important;width:auto!important;margin-left:0;overflow:visible;height:80px;border-top:1px solid hsla(0,0%,100%,.4);padding-top:30px;margin-top:40px}.forecast-elements .item .first{width:80px;vertical-align:top;display:inline-block;white-space:nowrap}.forecast-elements .item .second{vertical-align:top;display:inline-block;margin-left:inherit;margin-top:0;float:right;text-align:right}.forecast-elements .item .data{margin-bottom:0}.forecast-elements .item .date{font-size:14px;margin-bottom:8px;vertical-align:top;display:block;width:70px;font-size:18px}.forecast-elements .item .illust{height:50px;vertical-align:top;display:block;margin-top:12px}.forecast-elements .item .illust .svg-icon{width:48px}.forecast-elements .item .desc{height:inherit;margin-bottom:4px;line-height:110%;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end}.forecast-elements .item .info{font-size:14px;text-align:right}.forecast-elements .item .max,.forecast-elements .item .min{display:inline-block}.forecast-elements .item .max span,.forecast-elements .item .min span{float:none;display:inline-block;margin-right:10px}.forecast-elements .item .max span{margin:0}}
/*# sourceMappingURL=style.css.map*/