@import url(https://fonts.googleapis.com/css?family=Roboto);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.header{background-image:url(https://i.postimg.cc/cL4X34f5/logo-tp.png);background-size:cover;height:28px;margin:80px auto 0;width:148px}.header,.to-top{cursor:url(https://i.postimg.cc/7YC37s60/cursor.png),pointer}.to-top{align-items:center;color:#fff;font-size:60px;height:100vh;justify-content:center;left:0;margin:0;opacity:0;padding:0;position:fixed;top:0;transition:.3s;visibility:hidden;width:80px;z-index:50}.to-top--isVisible{opacity:.5}.to-top:hover{opacity:1}.search{height:54px;margin:126px auto 0;width:100%}.search__form{border-bottom:2px solid #fff;box-sizing:border-box;height:54px;margin:0 auto;padding:0 0 18px;position:relative;width:628px}.search__form--focused{border-bottom:2px solid #fdce25;transition:.3s;width:100%}.search__form--focused>.search__form__wrap--input>.search__form__input-wrap>.search__form__input{padding:0 60px}.search__form--focused>.search__form__wrap--input>.search__form__input-wrap:before{left:15px}.search__form--scrolled{backdrop-filter:blur(4px);background:rgba(28,28,28,.8);height:74px;left:0;padding:20px 10% 18px;position:fixed;top:0;transition:none;width:100%;z-index:100}.search__form--scrolled>.search__form__wrap--input>.search__form__input-wrap>.search__form__input{padding:0 60px}.search__form--scrolled>.search__form__wrap--input>.search__form__input-wrap:before{left:15px}.search__form--scrolled>.search__form__wrap--reset-button{right:10%}.search__form__input{background:transparent;border:none;box-sizing:border-box;color:#fff;font-size:24px;font-weight:300;line-height:36px;outline:none;padding:0 91px;position:relative;text-overflow:ellipsis;width:100%}.search__form__input-wrap{height:100%;position:relative;width:100%}.search__form__input-wrap--loading:before,.search__form__input-wrap:before{content:url(https://i.postimg.cc/vTQmm9fB/Union.png);left:40px;position:absolute}.search__form__input-wrap--loading:before{animation:rot .5s linear 0s infinite normal none;transform-origin:14px 14px}@keyframes rot{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.film-box-elem__img{opacity:0;transition:.5s}.img-loaded{opacity:1}.search__form__reset-button{background:transparent;background-image:url(https://i.postimg.cc/4yYmrTkr/esc.png);background-size:contain;border:none;cursor:url(https://i.postimg.cc/7YC37s60/cursor.png),pointer;display:none;height:34px;margin:0;padding:0;position:absolute;width:34px}.search__form__reset-button:hover{opacity:1;transition:.3s}.search__form__reset-button:not(:hover){opacity:.5;transition:.3s}.search__form__wrap{position:absolute}.search__form__wrap--search-button{height:34px;left:30px;width:34px}.search__form__wrap--reset-button{height:34px;right:0;width:34px}.search__form__wrap--input{float:left;height:100%;position:relative;width:100%}.search-helper{display:flex;flex-wrap:wrap;height:80px;margin:24px auto 0;opacity:0;overflow:hidden;visibility:hidden}.search-helper--visible{visibility:visible}.search-helper--focused{opacity:1;transition:.5s}.search-helper__elem{align-items:center;background:hsla(0,0%,100%,.8);border-radius:4px;cursor:url(https://i.postimg.cc/7YC37s60/cursor.png),pointer;display:flex;font-size:16px;font-style:normal;font-weight:400;height:36px;line-height:24px;margin:0 8px 8px 0;padding:0 15px;text-align:center;transition:.3s}.search-helper__elem:hover{background:#fff}.search-info{height:48px;margin:56px auto 0}.search-info__elem__text{color:#fff;font-style:normal;font-weight:900;line-height:48px}.content{flex:2 0 auto;margin:36px 0 0}.film-box{font-size:0;margin:0 auto}.film-box-elem{background:hsla(0,0%,100%,.24);border-radius:12px;box-sizing:border-box;cursor:url(https://i.postimg.cc/7YC37s60/cursor.png),pointer;display:inline-block;height:454px;position:relative;text-align:left;width:302px}.elem-link{display:block;height:100%;width:100%}.elem-grad,.film-box-elem__img,.film-box-elem__wrap{border-radius:12px;box-sizing:border-box;height:454px;left:0;position:absolute;top:0;width:302px}.film-box-elem__wrap{padding:0 24px 0 20px}.film-box-elem__wrap--hovered{opacity:1}@keyframes move{0%{background-position:-570px 0}to{background-position:520px 0}}.elem-upline{bottom:100px;width:246px}.elem-downline,.elem-upline{border-radius:2px;height:24px;position:absolute}.elem-downline{bottom:68px;width:156px}.elem-downline--loading,.elem-upline--loading{animation:move 2s ease infinite;background:linear-gradient(180deg,hsla(0,0%,100%,.055),hsla(0,0%,100%,.055),hsla(0,0%,100%,.055) 0) no-repeat -100px 0/450px 100%,hsla(0,0%,100%,.08);display:inline-block}.elem-downline--loaded,.elem-genre--loading,.elem-grad--loading,.elem-rating--loading,.elem-text-wrap--loading,.elem-upline--loaded,.elem-year--loading,.film-box-elem__img--loading{display:none}.film-box-elem__wrap--loaded,.film-box-elem__wrap--loaded *{opacity:0;transition:.5s}.film-box-elem__wrap--loaded:hover,.film-box-elem__wrap--loaded:hover *{opacity:1;transition:.5s}.elem-grad{background:linear-gradient(180deg,transparent 26.43%,rgba(0,0,0,.8) 72.41%);opacity:0}.elem-grad--hovered{opacity:1}.elem-text-wrap{align-items:flex-end;bottom:60px;display:flex;position:absolute;width:258px}.elem-text{color:hsla(0,0%,100%,.24);font-size:24px;font-weight:700;line-height:36px}.elem-text--elem-loaded{color:#fff}.elem-genre,.elem-year{bottom:20px;color:hsla(0,0%,100%,.24);font-size:16px;font-weight:400;height:24px;line-height:24px;position:absolute}.elem-year{left:234px;text-align:right;width:48px}.elem-rating{color:hsla(0,0%,100%,.24);font-size:24px;font-style:normal;font-weight:400;line-height:36px;position:absolute;top:-35px}.elem-rating--elem-loaded{color:#fff}.elem-rating--5:before{content:url(https://i.postimg.cc/VLZcF54f/r05.png);padding:0 5px 0 0}.elem-rating--4:before{content:url(https://i.postimg.cc/85dSdHX9/r04.png);padding:0 5px 0 0}.elem-rating--3:before{content:url(https://i.postimg.cc/05fvbVwJ/r03.png);padding:0 5px 0 0}.elem-rating--2:before{content:url(https://i.postimg.cc/TPDG1GVR/r02.png);padding:0 5px 0 0}.elem-rating--1:before{content:url(https://i.postimg.cc/7ZbqvSbJ/r01.png);padding:0 5px 0 0}.footer{color:hsla(0,0%,100%,.4);cursor:url(https://i.postimg.cc/7YC37s60/cursor.png),pointer;flex:0 0 auto;font-size:12px;font-weight:400;line-height:normal;margin:60px auto 18px;text-align:center;width:150px}.bottom-loader{height:20px;left:50%;margin:-20px 0 20px -70px;opacity:0;position:relative;top:50%;transition:.2s;width:142px}.bottom-loader--loading{opacity:1}.bottom-loader .dot{animation:dot 1.3s infinite;background:#fdce25;border-radius:50%;height:12px;left:30px;position:absolute;top:0;transform:translateX(0);width:12px}.bottom-loader .dots{animation:dots 1.3s infinite;margin-left:45px;margin-top:12px;transform:translateX(0)}.bottom-loader .dots span{background:#fdce25;border-radius:50%;display:block;float:left;height:12px;margin-left:12px;width:12px}@keyframes dot{50%{transform:translateX(70px)}}@keyframes dots{50%{transform:translateX(-31px)}}p{margin:0}html{font-family:Roboto;font-style:normal;height:100%}body{background-color:#1c1c1c;height:calc(100% - 90px)}.container{box-sizing:border-box;height:100%;margin:0 auto}.content-footer-wrap{display:flex;flex-direction:column;min-height:calc(100% - 420px)}@media(min-width:1461px){.container{padding:0 80px;width:1440px}.film-box-elem:not(:nth-child(4n)){margin-right:12px}.film-box-elem:not(:nth-child(4n+1)){margin-left:12px}.film-box-elem:not(:nth-child(-n+4)){margin-top:24px}.film-box-elem:first-of-type{margin-left:0}.film-box{text-align:none}.search-info{font-size:36px}.to-top{display:flex}}@media(max-width:1460px)and (min-width:1149px){.container{padding:0 80px;width:1114px}.film-box-elem:not(:nth-child(3n)){margin-right:12px}.film-box-elem:not(:nth-child(3n+1)){margin-left:12px}.film-box-elem:not(:nth-child(-n+3)){margin-top:24px}.film-box-elem:first-of-type{margin-left:0}.film-box{text-align:none}.search-info{font-size:36px}.to-top{display:flex}}@media(max-width:1148px)and (min-width:837px){.container{padding:0 80px;width:788px}.film-box-elem:not(:nth-child(2n)){margin-right:12px}.film-box-elem:not(:nth-child(odd)){margin-left:12px}.film-box-elem:not(:nth-child(-n+2)){margin-top:24px}.film-box-elem:first-of-type{margin-left:0}.film-box{text-align:none}.search-info{font-size:36px}.to-top{display:flex}}@media(max-width:836px)and (min-width:480px){.container{padding:0 80px;width:462px}.search__form{width:100%}.film-box-elem:not(:first-of-type){margin-top:24px}.film-box{text-align:center}.search-helper{justify-content:center}.search-info{font-size:16px;text-align:center}.to-top{display:flex}}@media(max-width:479px){.container{padding:0;width:100%}.search__form{width:100%}.search__form__wrap--reset-button{right:5%}.film-box-elem:not(:first-of-type){margin-top:24px}.film-box{text-align:center}.search-helper{justify-content:center;padding:0 5%}.search-info{font-size:16px;padding:0 5%;text-align:center}.to-top{display:none}}