@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}80%{-webkit-transform:rotate(400deg);transform:rotate(400deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width:75em){html{font-size:56.25%}}@media only screen and (max-width:56.25em){html{font-size:50%}}body{font-family:Lato,sans-serif;min-height:100%}main{margin:0 12rem;display:flex;flex-direction:row;color:#fff;justify-content:space-around}@media only screen and (max-width:75em){main{flex-direction:column}}@media only screen and (max-width:56.25em){main{margin:0 7rem}}@media only screen and (max-width:37.5em){main{margin:0 1rem}}.background-image{margin-top:-2rem;background-color:rgba(83,88,95,.7);background-blend-mode:multiply;width:100%;height:100%;position:fixed;z-index:-1;background-size:cover;background-position:50%}.section-control{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:2rem 12rem}@media only screen and (max-width:56.25em){.section-control{margin:2rem}}@media only screen and (max-width:37.5em){.section-control{flex-direction:column}}.section-control__choise{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width:37.5em){.section-control__choise{margin:2rem 0}}.section-control__choise--change{padding:1.35rem 1.75rem;cursor:pointer;transition:all .2s;background-color:rgba(180,184,187,.7);color:#fff}.section-control__choise--change-image{margin-right:2rem;height:1.7rem;width:1.7rem;background:rgba(180,184,187,.7) url(/assets/update-button.svg) no-repeat bottom;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center}.section-control__choise--change-image:hover{background-color:#d4cbcb}.section-control__choise--change-spinner{background-image:url(/assets/spinner.svg);height:2.5rem;width:2.5rem;background-repeat:no-repeat;background-size:contain;background-position:50%}.section-control__choise--change-language-en{border-radius:5px 0 0 5px}.section-control__choise--change-language-be{margin-right:2rem;border-radius:0 5px 5px 0}.section-control__choise--change-units-f{border-radius:5px 0 0 5px}.section-control__choise--change-units-c{border-radius:0 5px 5px 0}.section-control__choise--speak{margin-left:2rem;height:1.7rem;width:1.7rem;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center}.section-control__choise--speak:hover{background-color:#d4cbcb}.section-control__choise--speak-icon{background-image:url(/assets/speaker.png);height:2.5rem;width:2.5rem;background-repeat:no-repeat;background-size:contain;background-position:50%}.section-control__search{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}@media only screen and (max-width:37.5em){.section-control__search{margin-bottom:2rem}}.section-control__search--input{border:.1rem solid rgba(180,184,187,.7);background:rgba(76,82,85,.7);padding:1.3rem 1.5rem;width:30rem;height:4rem;outline:0;color:#fff;border-radius:5px 0 0 5px;box-sizing:border-box}.section-control__search--input::placeholder{color:#fff}@media only screen and (max-width:56.25em){.section-control__search--input{width:20rem}}@media only screen and (max-width:37.5em){.section-control__search--input{width:26rem}}.section-control__search--voice-search{position:absolute;right:11rem;background-image:url(/assets/microphone.svg);background-repeat:no-repeat;background-size:cover;height:2rem;width:2rem;top:50%;transform:translateY(-50%);cursor:pointer}@media only screen and (max-width:56.25em){.section-control__search--voice-search{right:12rem}}.section-control__search--button{cursor:pointer;color:#fff;border-radius:0 5px 5px 0;background:rgba(180,184,187,.7);text-transform:uppercase;width:10rem;height:4rem;font-size:1.4rem;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all .2s}.section-control__search--button:hover{background:#d4cbcb}.section-weather{display:flex;flex-direction:column}@media only screen and (max-width:56.25em){.section-weather{align-items:center}}.section-weather__now{font-size:1.6rem}.section-weather__now--location-country,.section-weather__now--location-town{font-size:4.4rem;font-weight:900;text-transform:uppercase}.section-weather__now--data,.section-weather__now--time{font-size:2rem}.section-weather__now--weather-data{display:flex;flex-direction:row;align-items:center}@media only screen and (max-width:37.5em){.section-weather__now--weather-data{flex-direction:column}}.section-weather__now--weather-data-main-information{display:flex;flex-direction:row;font-size:27rem;font-weight:900}@media only screen and (max-width:56.25em){.section-weather__now--weather-data-main-information{font-size:23rem;font-size:17rem}}.section-weather__now--weather-data-information{font-size:2rem;text-transform:uppercase;font-weight:900}.section-weather__future{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media only screen and (max-width:37.5em){.section-weather__future{flex-direction:column}}.section-weather__future--day{display:flex;flex-direction:column;padding:2rem}.section-map{display:flex;flex-direction:column;margin-bottom:5rem}@media only screen and (max-width:75em){.section-map{align-items:center}}.section-map--coordinates{font-size:2rem;font-weight:600}.section-map--coordinates-longtitude{display:flex;flex-direction:row}.section-map--coordinates-longtitude-units{margin-right:.5rem}.section-map--coordinates-latitude{display:flex;flex-direction:row}.section-map--coordinates-latitude-units{margin-right:.5rem}.today-weather--image{width:24rem;height:24rem}.day--day-of-the-week{font-size:2rem;text-transform:uppercase;font-weight:900;margin-bottom:2rem}.day--img{width:11rem;height:11rem}.day--information{display:flex;flex-direction:row}.day--blok-for-summary-and-image{display:flex;flex-direction:column;align-items:center}.day--summary{font-size:2rem;font-weight:900;margin-bottom:-3rem}.section-map--map{height:37rem;width:37rem;position:relative}#map{position:absolute;top:0;bottom:0;width:100%;-webkit-clip-path:polygon(0 0,100% 0,100% 90%,74% 90%,75% 100%,49% 90%,0 90%);clip-path:polygon(0 0,100% 0,100% 90%,74% 90%,75% 100%,49% 90%,0 90%)}.day--information-main{display:flex;flex-direction:row;font-size:4rem;font-weight:900;margin-right:2rem}@media only screen and (max-width:56.25em){.day--information-main{margin-right:1rem}}button{outline:none;border:none;transition:all .2s}.wrong-input{box-shadow:0 0 1rem 0 rgba(226,31,31,.87)}.wrong-input::placeholder{color:#f5a9a5}.active-button{cursor:pointer;background-color:rgba(76,82,85,.7);color:hsla(0,0%,100%,.7);transition:all .2s}.active-button:hover{background-color:#d4cbcb;color:#fff}.inactive-button{color:#fff;cursor:auto}.inactive-button,.inactive-button:hover{background-color:rgba(180,184,187,.7)}.spinner-on{animation:spin 1.4s ease-in-out}