.minimax,.weather-today,.weather-today-container{display:flex;flex-direction:column;align-items:center}.timer-date,.weather-today{box-shadow:0 8px 43px 0 rgba(16,33,54,.59)}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{margin:0;font-family:Arial,sans-serif;padding-bottom:20px}.container{width:280px;margin:0 auto}@media screen and (min-width:768px){.container{width:610px}}@media screen and (min-width:1280px){.container{width:1060px}}.background-image{background-image:url(https://miro.medium.com/max/3200/1*-FJDsWYx-uXGgtZrZUAWtg.jpeg);position:relative;width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.slick-list{width:100%}@media screen and (min-width:1280px){.container-for-timer-and-quote{display:flex}}.timer-date{display:flex;margin:auto auto 25px;width:280px;height:190px;border-radius:35px;background-color:rgba(16,33,54,.6);flex-direction:column;align-items:center}.timer-date__dayOfWeek{color:#f7f7f7;font-weight:300;font-size:45px;line-height:56px;margin-top:32px;margin-bottom:0}.timer-date__dayOfWeek--month{display:flex;margin-top:14px;justify-content:center;font-size:14px;line-height:22px}.timer-date__dayOfMonth{color:#f7f7f7;font-weight:300;font-size:45px;line-height:56px;margin-top:32px;margin-right:15px;margin-bottom:0}.timer-date span{text-align:center;display:block;color:#fff}.timer-date__sun{display:flex;font-size:14px;line-height:22px}.day-box{display:flex;justify-content:space-between}.month,.time{width:84px}.month{margin-right:7px}.date__sun,.timer-date__day--month{display:flex;justify-content:center;font-size:14px;line-height:22px;margin-top:14px}.sunrise,.sunset{display:flex;justify-content:center;text-align:center;width:120px}.sunset{position:relative}.sunrise{margin-right:7px}.sunset:before{content:"";background-color:#e7e8eb;opacity:.4;position:absolute;width:1px;height:20px;left:0;top:50%}.sunrise__icon,.sunset__icon{height:30px;width:30px;margin-top:10px}.sunrise__time,.sunset__time{margin-top:22px;width:56px}.time{position:relative}.sunset__icon:before,.time:before{content:"";background-color:#e7e8eb;opacity:.4;position:absolute;width:1px;height:20px;left:0}@media (min-width:768px){.timer-date{width:490px;height:278px;margin:0 auto 25px}.timer-date__dayOfWeek{font-size:90px;line-height:108px;margin-top:0}.timer-date__dayOfWeek--month{margin:0}.timer-date__dayOfMonth{font-size:90px;line-height:108px;margin-top:0}.timer-date span{width:94px}.timer-date__sun{margin-top:20px}.timer-date__sun span{width:72px}.timer-date .month{margin-right:10px}}@media (min-width:768px) and (min-width:1280px){.timer-date{height:218px;width:600px;border-radius:0;border-radius:35px;margin-left:-100px;margin-bottom:0}.timer-date__day{align-self:start;margin-left:110px}.timer-date__container{margin-left:40px;display:flex;width:430px;justify-content:space-between}.timer-date__container div{margin:0}.sunrise__icon,.sunset__icon{margin-top:-10px}.sunrise__time,.sunset__time{margin-top:0}.day-box{align-self:start;margin-left:110px}.sunset:before{top:0}}@media (min-width:768px){.sunset:before{top:0}}.weather-today{width:280px;border-radius:35px;background-color:#102136;padding:30px 0 38px;margin-bottom:32px;justify-content:space-between}.weather-today-container{padding:50px 0 32px;color:#fff}img{max-width:100%;height:auto}.degree-symbol,sup{top:0}sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}.current-name-city{font-size:16px;color:hsla(0,0%,100%,.302);line-height:1.375;margin-bottom:20px;margin-top:0}.current-temperature{display:flex;justify-content:center;align-items:flex-start;font-size:60px}.current-temperature-today{font-size:45px;line-height:.489;text-align:center}.minimax{font-size:18px;line-height:1;flex-grow:1}.minimax-box{width:80px;display:flex;justify-content:space-between}.minimax div{display:flex}.min-temperature-today{border-right:1px solid hsla(0,0%,100%,.302)}.today-temperature span{font-size:14px;color:hsla(0,0%,100%,.302);line-height:1;margin-bottom:4px}.today-max,.today-min{margin:0;width:20px}.weather-button{width:126px;height:30px;border-radius:15px;outline:none;font-size:14px;color:#000;font-weight:700;text-transform:uppercase;line-height:1.571;cursor:pointer}.weather-button-active{background-color:#f7f7f7}.weather-button-unactive{border-color:#fff;border-style:solid;background-color:#fff;opacity:.541}.buttons-today-5days{width:270px;display:flex;justify-content:space-between}@media (max-width:768px){.today-temperature{width:180px;display:flex;justify-content:space-around;align-items:center}}@media (min-width:768px){.weather-today{width:492px}.weather-today-container{padding-top:104px}.weather-today .current-temperature-today{margin-bottom:30px;font-size:90px}.weather-today .minimax-box{width:160px}.weather-today .current-name-city{font-size:18px;line-height:1.222;margin-bottom:26px}}@media (min-width:1280px){.weather-today-container{padding-top:56px;padding-bottom:54px;width:492px;position:relative;right:-674px}}@media (min-width:1280px){.position-for-btn{position:absolute;top:155px}}@media (min-width:1280px){.quote{padding-bottom:25px}}.quote__block{display:block;text-align:right;width:204px;margin-left:auto;margin-right:0;color:#fff;border-radius:20px;padding:10px;height:148px;background-image:url(https://imgur.com/kP85n6T.png);background-repeat:no-repeat;background-position:95% 15%}@media (min-width:768px){.quote__block{width:372px;margin-right:59px}}@media (min-width:1280px){.quote__block{margin-right:0}}.quote__text{font-size:14px;font-weight:400;font-style:italic;line-height:21px;margin:0 0 10px}@media (min-width:768px){.quote__text{font-size:22px;font-weight:400;font-style:italic;line-height:32px;margin-bottom:12px}}.quote__author{font-size:18px;font-style:normal;margin:0}@media (min-width:768px){.quote__author{font-size:18px;font-weight:400;font-style:normal}}.quote__author,.quote__text{animation:anim 7s infinite reverse;animation-iteration-count:infinite}@keyframes anim{0%{opacity:1;filter:blur(20px)}10%{opacity:1;filter:blur(0)}90%{opacity:1;filter:blur(0)}to{opacity:1;filter:blur(20px)}}.form-container{display:flex;flex-direction:column;margin:0 auto}@media screen and (min-width:768px){.form-container{width:512px}}.search-form{background-color:#e8f0fe;border-radius:25px;display:flex;align-content:center;text-align:center;margin-top:28px;padding:12px 24px;position:relative;margin-bottom:13px}@media screen and (max-width:767px){.search-form{width:280px}}.search-form__svg{width:22px;height:22px;position:absolute;top:15px;left:25px;border:none;background-color:hsla(0,0%,100%,0);background-position:50%;outline:none}.search-form__star--yelow{fill:#e7e70d}.search-form__favorite-city{background:inherit;border:none;cursor:pointer}@media screen and (min-width:768px){.search-form__favorite-city{margin-left:15px}}.search-form__favorite-city svg:hover{fill:#e7e70d}.search-form__input{border:none;padding-left:35px;background:inherit}@media screen and (min-width:768px){.search-form__input{width:416px}}@media screen and (max-width:767px){.search-form__input{width:210px}}.hourly-weather-list{display:flex;justify-content:space-between;margin:0;padding-bottom:18px}@media screen and (min-width:768px){.hourly-weather-list{padding-left:25px;padding-right:25px}}.hourly-weather-item{text-decoration:none;list-style:none;font-size:16px;color:hsla(0,0%,100%,.541);text-align:center;padding:5px;border:1px solid hsla(0,0%,100%,.2);border-radius:25px;margin-right:10px;margin-left:10px}@media screen and (max-width:768px){.hourly-weather-item{max-width:100px}}@media screen and (min-width:768px){.hourly-weather-item{width:120px}}.hourly-weather-item:hover{background-color:hsla(0,0%,100%,.2)}.hourly-weather-item__set-time{font-size:12px;line-height:1.2;font-weight:400;pointer-events:none}.hourly-weather-item__weather-details{font-size:14px;line-height:1.2}.hourly-weather-item__pressure-value{margin:0}.hourly-weather-item__humidity-value{margin:0 13px 0 0}.hourly-weather-item__wind-value{margin:0 8px 0 0}.hourly-weather-item__wind-value-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.hourly-weather-item__svg{margin-right:9px}.hourly-weather-item__svgs{margin-right:14px}.hourly-weather-item__set-temperature{color:#ff6b08;font-weight:700;pointer-events:none;margin-bottom:14px}.hourly-weather-item__set-img{margin:0 auto}@media screen and (min-width:768px) and (max-width:1279px){.hourly-weather-item__set-time{font-size:14px;line-height:1.2}.hourly-weather-item__set-temperature{font-size:18px;line-height:1.2}}@media screen and (min-width:1280px){.hourly-weather-list{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.hourly-weather-item__set-temperature{font-size:25px;line-height:1.2}.hourly-weather-item__set-time{font-size:14px;line-height:1.2}}.hourly-weather-btns{display:flex;width:100%;height:30px;justify-content:space-around;margin:10px auto}@media screen and (max-width:767px){.hourly-weather-btns{display:none}}@media screen and (min-width:1280px){.hourly-weather-btns{display:none}}.progressbar{display:block;width:100%;height:5px;border-radius:10px;margin-bottom:20px;overflow:hidden;border:1px solid grey;background-color:initial;background-image:linear-gradient(90deg,#ff6b08,#ff6b08);background-repeat:no-repeat;background-size:25% 100%;transition:background-size .4s ease-in-out}@media screen and (min-width:768px){.progressbar{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.preloader-con{position:fixed;background-color:grey;width:100%;height:100%;z-index:100;display:none}.preloader-con-search{background-color:hsla(0,0%,50.2%,.5)}.display-block{display:block}.preloader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.dash{margin:0 15px;width:35px;height:15px;border-radius:8px;background:#102136;opacity:.8;box-shadow:0 0 10px 0 #fecdff}.uno{margin-right:-18px;transform-origin:center left;animation:spin 3s linear infinite}.dos{animation:spin2 3s linear infinite;animation-delay:.2s}.dos,.tres{transform-origin:center right}.tres{animation:spin3 3s linear infinite;animation-delay:.3s}.cuatro{transform-origin:center right;animation:spin4 3s linear infinite;animation-delay:.4s}@keyframes spin{0%{transform:rotate(0deg)}25%{transform:rotate(1turn)}30%{transform:rotate(370deg)}35%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes spin2{0%{transform:rotate(0deg)}20%{transform:rotate(0deg)}30%{transform:rotate(-180deg)}35%{transform:rotate(-190deg)}40%{transform:rotate(-180deg)}78%{transform:rotate(-180deg)}95%{transform:rotate(-1turn)}98%{transform:rotate(-370deg)}to{transform:rotate(-1turn)}}@keyframes spin3{0%{transform:rotate(0deg)}27%{transform:rotate(0deg)}40%{transform:rotate(180deg)}45%{transform:rotate(190deg)}50%{transform:rotate(180deg)}62%{transform:rotate(180deg)}75%{transform:rotate(1turn)}80%{transform:rotate(370deg)}85%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes spin4{0%{transform:rotate(0deg)}38%{transform:rotate(0deg)}60%{transform:rotate(-1turn)}65%{transform:rotate(-370deg)}75%{transform:rotate(-1turn)}to{transform:rotate(-1turn)}}image{width:100%}.weather-5day-container{display:none;margin:0 auto;text-align:center}@media screen and (max-width:768px){.weather-5day-container{padding:25px 25px 0;background:rgba(16,33,54,.8);box-shadow:0 8px 43px 0;border:transparent;border-radius:35px}}.weather-5day-container__wrapper{display:block;height:auto}@media screen and (max-width:768px){.weather-5day-container__wrapper{width:230px}}@media screen and (min-width:768px){.weather-5day-container__wrapper{width:608px;background:rgba(16,33,54,.8);box-shadow:0 8px 43px 0;border:transparent;border-radius:35px}}@media screen and (min-width:1280px){.weather-5day-container__wrapper{width:1060px}}.five-days-city-title{font-weight:700;color:#fff;font-size:18px;margin-bottom:15px}@media screen and (min-width:768px){.five-days-city-title{font-size:28px;margin-bottom:25px;margin-top:20px}}.five-days-weather-list{justify-content:center;width:100%;display:flex;flex-wrap:nowrap;list-style:none;justify-content:space-between;flex-direction:row;font-family:Lato;overflow:hidden}@media screen and (max-width:768px){.five-days-weather-list{height:160px}}@media screen and (min-width:768px){.five-days-weather-list{padding:40px 30px 0;height:262px}}@media screen and (min-width:1280px){.five-days-weather-list{height:300px}}.five-days-weather-list__item{display:flex;flex-direction:column;align-content:space-around;color:#fff;cursor:pointer;margin-right:10px;margin-left:10px}@media screen and (max-width:768px){.five-days-weather-list__item{width:70px;min-height:160px!important}}@media screen and (min-width:768px){.five-days-weather-list__item{width:80px;min-height:200px!important}}@media screen and (min-width:1280px){.five-days-weather-list__item{width:125px;min-height:240px!important;margin-right:25px;margin-left:25px}}.five-days-weather-list__item :active,.five-days-weather-list__item :focus,.five-days-weather-list__item :hover{outline:none;cursor:pointer;border:none}.five-days-weather-list__item--btn{color:grey;line-height:1.6px;border:none;text-decoration:underline;background:transparent;font-size:12px}@media screen and (min-width:768px){.five-days-weather-list__item--btn{font-size:14px}}@media screen and (min-width:1280px){.five-days-weather-list__item--btn{font-size:18px}}.five-days-weather-list__item--btn:active,.five-days-weather-list__item--btn:hover{outline:none;cursor:pointer}.five-days-weather-list__date{display:block;font-size:16px}@media screen and (min-width:768px){.five-days-weather-list__date{font-size:18px}}@media screen and (min-width:1280px){.five-days-weather-list__date{font-size:25px}}@media screen and (max-width:768px){.five-days-weather-list__date{margin-bottom:6px}}@media screen and (min-width:768px){.five-days-weather-list__date{margin-bottom:11px}}@media screen and (min-width:1280px){.five-days-weather-list__date{margin-bottom:15px}}.five-days-weather-list__day{display:block;color:grey;font-size:12px}@media screen and (min-width:768px){.five-days-weather-list__day{font-size:14px}}@media screen and (min-width:1280px){.five-days-weather-list__day{font-size:18px}}@media screen and (min-width:768px){.five-days-weather-list__day{margin-bottom:11px}}@media screen and (min-width:1280px){.five-days-weather-list__day{margin-bottom:15px}}.five-days-weather-list__img{width:58px;height:auto;margin:0 auto}@media screen and (min-width:768px){.five-days-weather-list__img{margin-bottom:5px}}.five-days-weather-list__tempr{position:relative;width:100%;height:30px;display:flex;flex-wrap:nowrap;list-style:none;justify-content:space-between;justify-content:center}@media screen and (min-width:768px){.five-days-weather-list__tempr{height:45px;margin-bottom:10px}}@media screen and (min-width:1280px){.five-days-weather-list__tempr{height:60px}}.five-days-weather-list__tempr:after{position:absolute;display:block;content:"";z-index:2;width:1px;height:100%;margin:0 2.5px;top:10%;left:50%;height:90%;transform:translateX(-250%);background-color:grey}.five-days-weather-list__tempr--min{margin-right:5px}.five-days-weather-list__tempr--max{margin-left:5px}.temperature__header{padding:0 2px;font-size:12px;color:grey;justify-content:center}@media screen and (min-width:768px){.temperature__header{font-size:14px}}@media screen and (min-width:1280px){.temperature__header{font-size:18px}}@media screen and (max-width:768px){.temperature__header{margin-bottom:6px}}@media screen and (min-width:768px){.temperature__header{margin-bottom:11px}}.temperature__value{display:block;color:#f90;font-weight:700;padding:0 2px;font-size:16px}@media screen and (min-width:768px){.temperature__value{font-size:18px}}@media screen and (min-width:1280px){.temperature__value{font-size:25px}}.five-days-weather__hourly{display:block;overflow:hidden}.active-day{color:#f90}.active-btn{color:#fff}.five-days-weather-btns{width:100%;height:20px;display:flex;justify-content:space-around;position:relative;margin-bottom:5px}@media screen and (min-width:768px){.five-days-weather-btns{margin-bottom:0;height:1px}}@media screen and (max-width:768px){button.five-days-weather-btns__prev.slick-arrow.slick-prev:before{left:70px;top:-1px}}@media screen and (min-width:768px){button.five-days-weather-btns__prev.slick-arrow.slick-prev:before{top:-130px;left:0}}button.five-days-weather-btns__next.slick-arrow.slick-next:before{right:70px;top:-1px}@media screen and (min-width:768px){button.five-days-weather-btns__next.slick-arrow.slick-next:before{top:-130px;right:0}}button.hourly-weather-btns__next.slick-next.slick-arrow:before,button.hourly-weather-btns__prev.slick-prev.slick-arrow:before{position:relative;border-radius:50%;background-color:hsla(0,0%,100%,.2);background-position:bottom}.slick-next,.slick-prev{height:30px;width:30px;line-height:0;font-size:0;cursor:pointer;top:0;padding:0;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:transparent;color:transparent;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{width:30px;height:30px;position:absolute;color:#fff;opacity:.75}.slick-slider{position:relative;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:pan-y}.slick-prev:before{font-size:25px;font-weight:700;content:"\FE64"}.slick-next:before{font-size:25px;font-weight:700;content:"\FE65"}.slick-list{position:relative;overflow:hidden;margin:15;padding:0}@media screen and (min-width:1280px){.slick-list{text-align:center}}.slick-list:active,.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand;outline:none}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0);outline:none}.slick-slide{float:left;height:auto;min-height:1px;outline:none;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-arrow.slick-hidden{display:none}.favorite-list,.favorite-list-wraper{position:relative}.favorite-list{display:flex;justify-content:left;flex-wrap:nowrap;overflow:hidden;z-index:2;height:28px}.favorite-list button[aria-label=Next],.favorite-list button[aria-label=Previous]{margin:0 10px;position:relative;border-radius:50%;border:none;width:35px;height:26px;background-color:#fff}@media screen and (min-width:768px){.favorite-list button[aria-label=Next],.favorite-list button[aria-label=Previous]{width:30px}}.favorite-list button[aria-label=Next]:before,.favorite-list button[aria-label=Previous]:before{left:0;color:#000}.favorite-list__item{list-style-type:none;height:27px;background-color:rgba(16,33,54,.6);display:flex!important;justify-content:space-between;border-radius:12px;margin-right:10px;color:#fff}.favorite-list__item-link{padding-left:14px;font-size:12px;line-height:27px;text-decoration:underline;display:block;font-family:Lato,sans-serif;cursor:pointer;overflow:hidden;text-transform:capitalize}.favorite-list__item-close{color:#fff;width:24px;font-size:14px;height:100%;background-color:hsla(0,0%,100%,0);border:none;cursor:pointer;font-size:12px}.pnotify{position:absolute}.pnotify-closer,.pnotify-sticker{justify-content:flex-end!important}.pnotify-content{margin-left:0!important}