/*!
 *  owfont-regular 1.0.0 by Deniz Fuchidzhiev - http://websygen.com
 *  License - font: SIL OFL 1.1, css: MIT License
 */@font-face{font-family:"owfont";src:url(fonts/owfont-regular.eot);src:url(fonts/owfont-regular.eot?#iefix&v=1.0.0) format("embedded-opentype"),url(fonts/owfont-regular.woff) format("woff"),url(fonts/owfont-regular.ttf) format("truetype"),url(img/owfont-regular.svg#owf-regular) format("svg");font-weight:normal;font-style:normal}.owf{display:inline-block;font:normal normal normal 14px/1 owfont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.owf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.owf-2x{font-size:2em}.owf-3x{font-size:3em}.owf-4x{font-size:4em}.owf-5x{font-size:5em}.owf-fw{width:1.28571429em;text-align:center}.owf-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.owf-ul>li{position:relative}.owf-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.owf-li.owf-lg{left:-1.85714286em}.owf-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.owf-pull-right{float:right}.owf-pull-left{float:left}.owf.owf-pull-left{margin-right:.3em}.owf.owf-pull-right{margin-left:.3em}.owf-200:before,.owf-200-d:before,.owf-200-n:before{content:""}.owf-201:before,.owf-201-d:before,.owf-201-n:before{content:""}.owf-202:before,.owf-202-d:before,.owf-202-n:before{content:""}.owf-210:before,.owf-210-d:before,.owf-210-n:before{content:""}.owf-211:before,.owf-211-d:before,.owf-211-n:before{content:""}.owf-212:before,.owf-212-d:before,.owf-212-n:before{content:""}.owf-221:before,.owf-221-d:before,.owf-221-n:before{content:""}.owf-230:before,.owf-230-d:before,.owf-230-n:before{content:""}.owf-231:before,.owf-231-d:before,.owf-231-n:before{content:""}.owf-232:before,.owf-232-d:before,.owf-232-n:before{content:""}.owf-300:before,.owf-300-d:before,.owf-300-n:before{content:""}.owf-301:before,.owf-301-d:before,.owf-301-n:before{content:""}.owf-302:before,.owf-302-d:before,.owf-302-n:before{content:""}.owf-310:before,.owf-310-d:before,.owf-310-n:before{content:""}.owf-311:before,.owf-311-d:before,.owf-311-n:before{content:""}.owf-312:before,.owf-312-d:before,.owf-312-n:before{content:""}.owf-313:before,.owf-313-d:before,.owf-313-n:before{content:""}.owf-314:before,.owf-314-d:before,.owf-314-n:before{content:""}.owf-321:before,.owf-321-d:before,.owf-321-n:before{content:""}.owf-500:before,.owf-500-d:before,.owf-500-n:before{content:""}.owf-501:before,.owf-501-d:before,.owf-501-n:before{content:""}.owf-502:before,.owf-502-d:before,.owf-502-n:before{content:""}.owf-503:before,.owf-503-d:before,.owf-503-n:before{content:""}.owf-504:before,.owf-504-d:before,.owf-504-n:before{content:""}.owf-511:before,.owf-511-d:before,.owf-511-n:before{content:""}.owf-520:before,.owf-520-d:before,.owf-520-n:before{content:""}.owf-521:before,.owf-521-d:before,.owf-521-n:before{content:""}.owf-522:before,.owf-522-d:before,.owf-522-n:before{content:""}.owf-531:before,.owf-531-d:before,.owf-531-n:before{content:""}.owf-600:before,.owf-600-d:before,.owf-600-n:before{content:""}.owf-601:before,.owf-601-d:before,.owf-601-n:before{content:""}.owf-602:before,.owf-602-d:before,.owf-602-n:before{content:""}.owf-611:before,.owf-611-d:before,.owf-611-n:before{content:""}.owf-612:before,.owf-612-d:before,.owf-612-n:before{content:""}.owf-615:before,.owf-615-d:before,.owf-615-n:before{content:""}.owf-616:before,.owf-616-d:before,.owf-616-n:before{content:""}.owf-620:before,.owf-620-d:before,.owf-620-n:before{content:""}.owf-621:before,.owf-621-d:before,.owf-621-n:before{content:""}.owf-622:before,.owf-622-d:before,.owf-622-n:before{content:""}.owf-701:before,.owf-701-d:before,.owf-701-n:before{content:""}.owf-711:before,.owf-711-d:before,.owf-711-n:before{content:""}.owf-721:before,.owf-721-d:before,.owf-721-n:before{content:""}.owf-731:before,.owf-731-d:before,.owf-731-n:before{content:""}.owf-741:before,.owf-741-d:before,.owf-741-n:before{content:""}.owf-751:before,.owf-751-d:before,.owf-751-n:before{content:""}.owf-761:before,.owf-761-d:before,.owf-761-n:before{content:""}.owf-762:before,.owf-762-d:before,.owf-762-n:before{content:""}.owf-771:before,.owf-771-d:before,.owf-771-n:before{content:""}.owf-781:before,.owf-781-d:before,.owf-781-n:before{content:""}.owf-800:before,.owf-800-d:before,.owf-951:before,.owf-951-d:before{content:""}.owf-800-n:before,.owf-951-n:before{content:""}.owf-801:before,.owf-801-d:before{content:""}.owf-801-n:before{content:""}.owf-802:before,.owf-802-d:before{content:""}.owf-802-n:before{content:""}.owf-803:before,.owf-803-d:before,.owf-803-n:before{content:""}.owf-804:before,.owf-804-d:before,.owf-804-n:before{content:""}.owf-900:before,.owf-900-d:before,.owf-900-n:before{content:""}.owf-901:before,.owf-901-d:before,.owf-901-n:before{content:""}.owf-902:before,.owf-902-d:before,.owf-902-n:before{content:""}.owf-903:before,.owf-903-d:before,.owf-903-n:before{content:""}.owf-904:before,.owf-904-d:before,.owf-904-n:before{content:""}.owf-905:before,.owf-905-d:before,.owf-905-n:before{content:""}.owf-906:before,.owf-906-d:before,.owf-906-n:before{content:""}.owf-950:before,.owf-950-d:before,.owf-950-n:before{content:""}.owf-952:before,.owf-952-d:before,.owf-952-n:before{content:""}.owf-953:before,.owf-953-d:before,.owf-953-n:before{content:""}.owf-954:before,.owf-954-d:before,.owf-954-n:before{content:""}.owf-955:before,.owf-955-d:before,.owf-955-n:before{content:""}.owf-956:before,.owf-956-d:before,.owf-956-n:before{content:""}.owf-957:before,.owf-957-d:before,.owf-957-n:before{content:""}.owf-958:before,.owf-958-d:before,.owf-958-n:before{content:""}.owf-959:before,.owf-959-d:before,.owf-959-n:before{content:""}.owf-960:before,.owf-960-d:before,.owf-960-n:before{content:""}.owf-961:before,.owf-961-d:before,.owf-961-n:before{content:""}.owf-962:before,.owf-962-d:before,.owf-962-n:before{content:""}@font-face{font-family:"icomoon";src:url(fonts/icomoon.eot);src:url(fonts/icomoon.eot#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf) format("truetype"),url(fonts/icomoon.woff) format("woff"),url(img/icomoon.svg#icomoon) format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important}[class^=icon-],[class*=" icon-"]{speak:never;font-style:normal;font-weight:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-play:before{content:""}.icon-pause:before{content:""}.icon-checkbox-checked:before{content:""}.icon-checkbox-unchecked:before{content:""}@font-face{font-family:"Arial-MT";src:url(fonts/Arial-MT.woff)}*{box-sizing:border-box;margin:0;padding:0}body{min-width:480px;min-height:100vh;font-family:"Arial",sans-serif;font-size:16px;color:#fff;text-align:center;background-image:url(img/bg.jpg);background-color:rgba(0,0,0,.5);background-size:cover;background-position:center;background-blend-mode:multiply;transition:background-image 1s ease-in-out}.header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;height:30vh;min-height:220px;padding:20px}.player{opacity:1;visibility:visible;transition:all .5s linear}.player__track-name{margin-bottom:10px}.player__timeline{margin:0 0 20px;background:#fff;width:100%;height:5px;position:relative;cursor:pointer;box-shadow:0 2px 10px 0 rgba(0,0,0,.5333333333)}.player__progress{background:#4cbf3f;width:0%;height:100%;transition:.25s}.player__time{display:flex;justify-content:center;margin-bottom:20px}.player__time>*{padding:2px}.player-controls{display:flex;align-items:center;justify-content:space-between;width:120px;margin-bottom:28px}.player-controls-pro{display:flex;align-items:center;justify-content:space-between;width:200px;margin-bottom:28px}.player__track-name{margin-bottom:10px}.player__timeline{margin:0 0 20px;background:#fff;width:100%;height:5px;position:relative;cursor:pointer;box-shadow:0 2px 10px 0 rgba(0,0,0,.5333333333)}.player__progress{background:#4cbf3f;width:0%;height:100%;transition:.25s}.player__time{display:flex;justify-content:center;margin-bottom:20px}.player__time>*{padding:2px}.volume-container{cursor:pointer;position:relative;z-index:2}.volume-button{height:26px;display:flex;align-items:center}.volume{transform:scale(0.7)}.volume-slider{position:absolute;left:15px;top:5px;z-index:-1;width:0;height:15px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.6666666667);transition:.25s}.volume-percentage{background:#4cbf3f;height:100%;width:50%}.volume-container:hover .volume-slider{left:50px;width:120px}.play-list{text-align:left}.play-item{position:relative;padding:5px;padding-left:20px;list-style:none;opacity:.8;cursor:pointer;transition:.3s}.play-item:hover{opacity:1}.play-item::before{content:"✓";position:absolute;left:0;top:2px;font-weight:900}.play-pro-item{position:relative;z-index:10;padding:5px;padding-left:20px;list-style:none;opacity:.8;cursor:pointer;transition:.3s}.play-pro-item:hover{opacity:1}.play-pro-item::before{font-family:"Icomoon";content:"";position:absolute;left:0;top:5px;font-weight:900}.item-active::before{color:#4cbf3f}.item-pause::before{content:""}.player-icon,.slider-icon,.change-quote{width:32px;height:32px;background-size:32px 32px;background-position:center center;background-repeat:no-repeat;background-color:rgba(0,0,0,0);border:0;outline:0;opacity:.8;cursor:pointer;transition:.3s}.player-icon:hover,.slider-icon:hover,.change-quote:hover{opacity:1}.player-icon:active,.slider-icon:active,.change-quote:active{border:0;outline:0;transform:scale(1.1)}.play{width:40px;height:40px;background-size:40px 40px;background-image:url(img/play.svg)}.pause{background-image:url(img/pause.svg)}.play-prev{background-image:url(img/play-prev.svg)}.play-next{background-image:url(img/play-next.svg)}.volume-medium{background-image:url(img/volume-medium.svg)}.volume-mute{background-image:url(img/volume-mute.svg)}.weather{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;row-gap:5px;width:180px;min-height:180px;text-align:left;opacity:1;visibility:visible;transition:all .5s linear}.weather-error{margin-top:-10px}.description-container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;-moz-column-gap:12px;column-gap:12px}.weather-icon{font-size:44px}.city{width:170px;height:34px;padding:5px;font-size:20px;line-height:24px;color:#fff;border:0;outline:0;border-bottom:1px solid #fff;background-color:rgba(0,0,0,0)}.city::-moz-placeholder{font-size:20px;color:#fff;opacity:.6}.city:-ms-input-placeholder{font-size:20px;color:#fff;opacity:.6}.city::placeholder{font-size:20px;color:#fff;opacity:.6}.main{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:40vh;min-height:260px;padding:20px}.slider-icon{position:absolute;top:50%;margin-top:-16px;cursor:pointer}.slide-prev{left:20px;background-image:url(img/slider-prev.svg)}.slide-next{right:20px;background-image:url(img/slider-next.svg)}.time{min-height:124px;margin-bottom:10px;font-family:"Arial-MT";font-size:100px;letter-spacing:-4px;opacity:1;visibility:visible;transition:all .5s linear}.date{min-height:28px;font-size:24px;margin-bottom:20px;opacity:1;visibility:visible;transition:all .5s linear}.greeting-container{display:flex;flex-wrap:wrap;justify-content:stretch;align-items:center;min-height:48px;width:100vw;font-size:40px;opacity:1;visibility:visible;transition:all .5s linear}.greeting{flex:1;padding:10px;text-align:right}.name{flex:1;max-width:50%;padding:10px;font-size:40px;text-align:left;color:#fff;background-color:rgba(0,0,0,0);border:0;outline:0}.name::-moz-placeholder{color:#fff;opacity:.6}.name:-ms-input-placeholder{color:#fff;opacity:.6}.name::placeholder{color:#fff;opacity:.6}.footer{display:flex;justify-content:space-between;width:100%;height:30vh;min-height:160px;padding:20px}.footer__left{position:relative;z-index:100;display:flex;margin-top:auto;background-image:url(img/settings.svg);width:18px;height:18px;background-size:cover;opacity:.5;cursor:pointer;transition:opacity .5s linear}.footer__left:hover,.footer__left-active{opacity:1;transition:opacity .5s linear}.settings{position:absolute;display:flex;flex-direction:row;z-index:10;bottom:60px;left:20px;height:400px;background-color:rgba(255,255,255,.98);border-radius:5px;opacity:0;visibility:hidden;transition:all .5s linear}.settings::after{position:absolute;bottom:-15px;left:3px;content:"";width:0px;height:0px;border:7px solid rgba(0,0,0,0);border-top:7px solid rgba(255,255,255,.98)}.settings-active{opacity:1;visibility:visible;transition:all .5s linear}.settings__left{padding:23px 0 0;border-right:1px solid rgba(33,33,33,.11)}.settings__right{display:flex;flex-direction:column;align-items:flex-start;width:400px}.options{padding:30px;width:200px}.options__list{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;margin:0;list-style:none;line-height:1}.options__item{color:#707070;transition:all .5s linear}.options__item:nth-child(n+2){margin-top:20px}.options__item:hover,.options__item-active{color:#212121;transition:all .5s linear;cursor:pointer}.options__item-active{position:relative}.options__item-active:after{position:absolute;content:"";bottom:-3px;left:0;width:110%;height:1px;border-bottom:1px solid #212121}.values{padding:30px}.values__list{display:flex;flex-direction:row;align-items:flex-start;white-space:nowrap;margin:0;list-style:none;line-height:1}.values__item{color:#707070;transition:all .5s linear}.values__item:hover,.values__item-active{color:#212121;transition:all .5s linear;cursor:pointer}.values__item:nth-child(n+2){margin-left:10px;padding-left:10px;border-left:1px solid rgba(33,33,33,.11)}.footer__center{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;opacity:1;visibility:visible;transition:all .5s linear}.change-quote{margin-bottom:30px;background-image:url(img/reload.svg)}.quote{min-height:32px}.author{min-height:20px}@media(max-width: 768px){.time{min-height:80px;font-size:72px}.greeting-container{min-height:40px;font-size:32px}.greeting{padding:5px}.name{font-size:32px;padding:5px}}.language{display:flex}.language__english{background-image:url(img/english.png);background-size:cover;width:20px;height:20px;cursor:pointer;box-shadow:4px 4px 8px 8px rgba(34,60,80,.2)}.language__russian{margin-left:20px;background-image:url(img/russia.png);background-size:cover;width:20px;height:20px;cursor:pointer;box-shadow:4px 4px 8px 8px rgba(34,60,80,.2)}.values__tags{margin-top:20px;display:flex;flex-direction:column}.values__input{flex:1;padding:10px;text-align:left;color:#707070;font-family:"Arial",sans-serif;font-size:16px;background-color:rgba(0,0,0,0);border:1px solid #707070;outline:1px}.values__button{margin-top:20px;max-width:80%;padding:10px 16px;background:rgba(41,53,96,.95);border:none;border-radius:50px;color:var(--color-text);cursor:pointer;text-shadow:none;color:#fff;font-family:"Arial",sans-serif;font-size:16px;opacity:1;transition:opacity .5s linear}.values__button:hover{opacity:.8;transition:opacity .5s linear}.widgets{flex-direction:column;width:100%}.widgets__item{position:relative;padding:11px 6px;border-bottom:1px solid rgba(33,33,33,.11);width:100%;text-align:left;color:#707070;transition:all .5s linear}.widgets__item:hover{color:#212121;transition:all .5s linear;cursor:pointer}.slider{position:absolute;right:0;top:10px;margin-top:-1px;margin-right:-1px;height:20px;width:33px;background:rgba(33,33,33,.3);border-radius:30px}.slider-active{background:#4cbf3f}.switch{position:absolute;z-index:100;height:12px;width:12px;top:4px;left:3px;right:auto;display:inline-block;transform-origin:50% 50%;transition:all .5s linear;vertical-align:top}.switch circle{fill:#fff}.switch-active{right:3px;left:auto}.footer__right{display:flex;margin-top:auto;opacity:.5;cursor:pointer;visibility:visible;transition:all .5s linear}.footer__right:hover,.footer__right-active{opacity:1;transition:opacity .5s linear}.todo{position:relative}.todo__container{position:absolute;z-index:100;bottom:60px;right:20px;width:320px;height:auto;background-color:rgba(255,255,255,.98);border-radius:5px;padding:30px;opacity:0;visibility:hidden;transition:all .5s linear}.todo__container::after{position:absolute;bottom:-15px;right:3px;content:"";width:0px;height:0px;border:7px solid rgba(0,0,0,0);border-top:7px solid rgba(255,255,255,.98)}.todo__container-active{opacity:1;visibility:visible;transition:all .5s linear}.todo__button{margin-top:20px;max-width:80%;padding:10px 16px;background:rgba(41,53,96,.95);border:none;border-radius:50px;color:var(--color-text);cursor:pointer;text-shadow:none;color:#fff;font-family:"Arial",sans-serif;font-size:16px;opacity:1;transition:opacity .5s linear}.todo__button:hover{opacity:.8;transition:opacity .5s linear}.todo__default-message{color:#707070}.todo__wrapper{display:flex;flex-direction:column;align-items:center}.todo__input{flex:1;align-self:flex-start;margin-top:20px;padding:10px;text-align:left;color:#707070;font-family:"Arial",sans-serif;font-size:16px;background-color:rgba(0,0,0,0);border:1px solid #707070;outline:1px}.todo__list{display:flex;flex-direction:column;align-items:flex-start;width:100%;color:#707070;margin:0;padding:0;list-style:none}.todo__item{position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;line-height:1.5;width:100%;text-align:left;color:#212121;padding-left:10px}.todo__item:before{position:absolute;left:-10px;top:0;font-family:"Icomoon";content:"";font-weight:400}.todo__item:hover .todo__dots{position:absolute;right:0;top:3px;width:20px;height:20px;background-image:url(img/delete.svg);background-size:20px 20px;content:"";cursor:pointer}.todo__item-deleted{color:#707070;-webkit-text-decoration:line-through;text-decoration:line-through}.todo__item-deleted:before{content:""}.hide{opacity:0;visibility:hidden;transition:all .5s linear}