/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
@-webkit-keyframes pulse-outer{0%{opacity:0}to{opacity:1}}@keyframes pulse-outer{0%{opacity:0}to{opacity:1}}@-webkit-keyframes pulse-inner{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulse-inner{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes letterIgnite{0%,80%{color:#333;text-shadow:none}to{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 80px #fff,0 0 120px #fff,0 0 160px #fff}}@keyframes letterIgnite{0%,80%{color:#333;text-shadow:none}to{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 80px #fff,0 0 120px #fff,0 0 160px #fff}}@-webkit-keyframes iginite-circle{0%,80%{color:#333;box-shadow:none}to{color:#fff;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 50px #fff,0 0 80px #fff}}@keyframes iginite-circle{0%,80%{color:#333;box-shadow:none}to{color:#fff;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 50px #fff,0 0 80px #fff}}html{line-height:1.15;-webkit-text-size-adjust:100%}body,sub,sup{position:relative}body{margin:0;font-family:'Roboto Regular';font-size:16px;line-height:1.5}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%;height:auto;display:block}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{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{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}*,::after,::before{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:'Roboto Medium',sans-serif;src:'../fonts/roboto/Roboto-Medium.woff';font-weight:500;font-style:normal}@font-face{font-family:'Roboto Regular',sans-serif;src:'../fonts/roboto/Roboto-Regular.woff';font-weight:400;font-style:normal}.container{max-width:320px;padding-left:12px;padding-right:12px;margin:0 auto}main{min-height:calc(100vh - 153px)}.header{background-color:#77c1bb}.head{display:flex;justify-content:space-between;text-align:center;height:66px;width:100%}.navbar,.navbar__item{display:flex;align-items:center}.navbar{flex-wrap:wrap;flex-direction:row;list-style-type:none;width:80%;text-transform:uppercase;justify-content:space-around}.navbar__item{justify-content:center;position:relative;height:100%;flex-basis:50%}.logo,.navbar__item:hover{cursor:pointer}.navbar__item a{text-decoration:none;color:#372c48;font-family:Roboto;font-size:14px;font-weight:700}.navbar__item::after{content:'';position:absolute;left:0;bottom:20%;width:95%;height:3px;background:#372c48;transform:scaleX(0);transition:transform 300ms linear}.navbar__item--active::after{transform:scaleX(1)}.logo{width:40%;display:flex;flex-direction:row;justify-content:center;align-items:center;text-decoration:none}.filmoteka{opacity:0}.detail{padding-top:25px;padding-bottom:25px}.detail__img--item{margin-bottom:15px}.detail__description--title{color:#372c48;font-size:17px;font-weight:600;margin:0 0 10px}.detail__description--votes{display:flex;justify-content:flex-start;color:rgba(55,44,72,.702);background-color:#77c1bb}.detail__votes--title,.detail__votes--value{padding:10px 0 10px 13px;font-size:13px;flex-basis:50%}.detail__votes--value{padding:10px 0}.detail__description--popularity{display:flex;justify-content:flex-start;color:rgba(55,44,72,.702)}.detail__popularity--title,.detail__popularity--value{padding:10px 0 10px 13px;font-size:13px;flex-basis:50%}.detail__popularity--value{padding:10px 0}.detail__description--name{display:flex;justify-content:flex-start;color:rgba(55,44,72,.702);background-color:#77c1bb}.detail__name--title,.detail__name--value{padding:10px 0 10px 13px;font-size:13px;flex-basis:50%}.detail__name--value{padding:10px 5px 10px 0}.detail__description--genre{margin-bottom:20px;color:rgba(55,44,72,.702);display:flex}.detail__genre--title,.detail__genre--value{padding:10px 0 10px 13px;font-size:13px;flex-basis:50%}.detail__genre--value{padding:10px 0}.detail__description--about{color:#372c48;font-size:17px;font-weight:600;padding-bottom:6px;padding-left:5px}.detail__description--text{color:rgba(55,44,72,.702);font-size:14px;font-weight:500;color:#556270;line-height:18px;padding:0 10px 15px 5px}.detail__buttons--favorite,.detail__buttons--queue{border:0;cursor:pointer;color:rgba(55,44,72,.702);background-color:transparent;font-weight:600;font-size:13px}.detail__buttons--favorite,.detail__buttons--queue:focus{outline:0}.detail__description--buttons{display:flex;justify-content:space-between}.detail__button{padding:10px 3px;border-radius:5px;flex-basis:45%;text-align:center;position:relative;background-color:transparent;transition:all .3s;cursor:pointer}.detail__button:before{position:absolute;left:0}.detail__button--active{background-color:#77c1bb;color:#fff}.videoBtn{padding-left:5px}.form-wrap{background-color:#f3f6f6;box-shadow:0 5px 9px 1px rgba(0,0,0,.23)}.search-form{padding:22px 0;text-align:center}.search-form__input{min-width:256px;padding:6px 12px 4px 28px;font-family:'Roboto Regular',sans-serif;font-size:14px;color:#000;border:0;border-bottom:2px solid #9894a1;outline:0;background:url(../images/icon.png);background-position:0 5px;background-repeat:no-repeat}::-webkit-input-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder,::-ms-input-placeholder{color:#000}::placeholder{color:#000}.warning{max-width:280px;margin:20px auto 0;padding:10px 0;font-weight:600;text-transform:uppercase;text-align:center;background:red;letter-spacing:2px;color:#fff;border-radius:8px}.thumbs{max-width:270px;margin:0 auto 24px;display:flex;justify-content:space-between}.thumb{padding:16px 24px;font-size:22px;font-weight:600;color:#556270;border:1px solid #ddd;border-radius:5px;background-image:linear-gradient(180deg,#f0f0f0 0%,rgba(240,240,240,0) 100%);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.004);outline:0;cursor:pointer}.thumbs__txt{padding:16px 20px;cursor:auto}.films-list{list-style:none;padding-top:14px;padding-bottom:30px}.films-item{border-radius:10px;height:157px;z-index:0;background-position:center bottom;background-repeat:no-repeat;background-blend-mode:overlay;background-size:cover;cursor:pointer;position:relative;margin-bottom:12px}.films-item:after,.films-item__image{width:100%;height:100%;border-radius:10px}.films-item:after{top:0;left:0;content:'';position:absolute;background:-webkit-linear-gradient(bottom,#000 0%,rgba(255,255,255,0) 100%);z-index:1}.films-item__image{z-index:-1}.films-item:last-child{margin-bottom:0}.films-item__mark{position:absolute;top:8px;right:8px;border-radius:6px;background-color:#fff;box-shadow:inset 0 0 2.79px .21px rgba(0,0,0,.35),inset 0 0 2.64px 1.36px rgba(0,0,0,.35);width:31px;height:17px;font-size:12px;line-height:17px;text-align:center}.films-item__mark--disabled{display:none}.films-item__describe{font-size:12px;color:#fff;position:absolute;bottom:10px;left:12px;z-index:2}.disable{opacity:0}.active{opacity:1}.top-btn{position:fixed;bottom:16px;right:20px;width:50px;height:50px;background-color:#77c1bb;box-shadow:0 0 7px 0 rgba(0,0,0,.55);border-radius:50%;cursor:pointer;transition:opacity .3s ease-out;z-index:10}.top-btn__arrow{width:50px;height:50px;background:url(../images/arrow.png);background-repeat:no-repeat;background-position:center}.preloaderHeight{overflow:hidden}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#000;z-index:100}.preloader::after,.preloader::before{position:absolute;content:'';width:80px;height:80px;margin-top:-40px;margin-left:-40px;top:50%;left:50%;border:5px solid #323232;border-radius:50%}.preloader::before{-webkit-animation:pulse-outer .8s ease-in infinite;animation:pulse-outer .8s ease-in infinite}.preloader::after{-webkit-animation:pulse-inner .8s linear infinite,iginite-circle .8s linear infinite;animation:pulse-inner .8s linear infinite,iginite-circle .8s linear infinite}.preloader__txt{font-size:30px;color:#333;font-weight:500;text-transform:uppercase;margin-top:-200px}.preloader__txt span{-webkit-animation:letterIgnite 1.2s linear infinite;animation:letterIgnite 1.2s linear infinite}.preloader__txt span:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.preloader__txt span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.preloader__txt span:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.preloader__txt span:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.preloader__txt span:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}.preloader__txt span:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}.preloader__txt span:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}.preloader__txt span:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s}.progress-container{position:fixed;top:0;width:100%;height:8px;background:rgba(204,204,204,.7);z-index:110}.progress-bar{height:8px;background:#4caf50;width:0%}.display-section{display:none}.header-search__library--inner{height:74px;padding-top:15px;padding-bottom:15px;box-shadow:0 5px 9px 1px rgba(0,0,0,.23)}.header-search__library-text{font-size:16px;font-family:'Roboto';line-height:1}.indent{display:flex}.header-search__library--line{width:280px;height:2px;background-color:#9c99a5;margin-top:12px}.header-search__item{display:flex;justify-content:center;align-items:center;border-bottom:2px solid #9c99a5;width:140px;height:40px;color:#372c48;cursor:pointer}.header-search__item--active{background-color:#77c1bb;border-bottom:2px solid #77c1bb;color:#fff}.footer,.indent{justify-content:center}.footer{width:100%;height:87px;background-color:#77c1bb;display:flex;flex-direction:row;align-items:center}.group{color:#372c48;font-family:Roboto;font-size:16px;font-weight:400;line-height:16px}@media (min-width:768px){.container{max-width:768px;padding-left:28px;padding-right:28px}.navbar{width:35%;justify-content:space-around;margin-right:5%}.navbar__item a{font-size:16px;font-weight:700}.logo{width:20%;justify-content:center}.filmoteka{opacity:.87;color:#372c48;font-family:Roboto;font-size:20px;font-weight:700;line-height:16px;text-decoration:none}.detail{display:flex;justify-content:space-between;background-color:#fff}.detail--nonVisible{display:none}.detail__img{flex-basis:50%}.detail__img--item{display:block;width:100%;height:100%}.detail__description{flex-basis:43%}.detail__description--title{padding-bottom:10px;font-weight:700}.detail__description--genre{padding-bottom:20px}.detail__description--text{padding-bottom:30px}.films-list{padding-top:30px;padding-bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-between}.films-item{flex-basis:48.39%;height:182px;margin-bottom:12px}.films-item:nth-last-child(-n+2){margin-bottom:0}.films-item__mark--disabled{display:none}.films-item__describe{font-size:14px}.preloader__txt{font-size:50px}.display-section{display:none}.group{font-size:20px}}@media screen and (min-width:768px){.search-form{padding:22px 0}.search-form__input{min-width:282px;font-size:16px}.thumbs{max-width:212px}.thumbs .thumb{padding:12px 16px;font-size:18px}}@media (min-width:1024px){.container{max-width:1024px;padding-left:30px;padding-right:30px}.navbar__item{width:60%}.head{padding-right:5%}.navbar{width:30%;margin-right:0}.detail--nonVisible{display:none}.detail__description--genre{padding-bottom:26px}.films-list{padding-top:30px;padding-bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-between}.films-item{height:245px}.films-item__mark--disabled{display:none}.films-item__describe{font-size:19px}.display-section{display:none}}@media screen and (min-width:1024px){.search-form{padding:22px 0}}