*,:before,:after{box-sizing:border-box}html{tab-size:4;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0;font-family:system-ui,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.list{margin:0;padding:0;list-style:none}.link{text-decoration:none}img{max-width:100%;height:auto;display:block}:root{--accent-color:#ff6b01;--current-color:#ff001b;--primary-text-color:#fff;--secondary-text-color:#000;--add-text-color:#8c8c8c;--footer-text-color:#545454;--background-color:#f7f7f7;--time:250ms;--function-animate:cubic-bezier(.4,0,.2,1)}body{background-color:var(--primery-bg-color);color:var(--primery-text-color);font-family:Roboto,sans-serif;font-size:12px}.btn{cursor:pointer;color:var(--primary-text-color);transition:color var(--time)var(--function-animate),background-color var(--time)var(--function-animate),border var(--time)var(--function-animate);background-color:rgba(0,0,0,0)}.btn:hover,.btn:focus{color:var(--primary-text-color);background-color:var(--accent-color);border:var(--accent-color)}.link{transition:color var(--time)var(--function-animate)}.link:hover,.link:focus{color:var(--accent-color)}.hero{background:radial-gradient(circle,#cbc6c6 0%,#949292 0%,#cfd7cf 59%,rgba(165,166,165,.957) 87%)}button{cursor:pointer}.container-filmoteka{min-width:320px;width:100%;margin:0 auto;padding-left:20px;padding-right:20px}@media screen and (min-width:320px){.container-filmoteka{width:320px}}@media screen and (min-width:768px){.container-filmoteka{width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.container-filmoteka{width:1280px}}.visually-hidden{width:1px;height:1px;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{min-height:100vh}@media screen and (min-width:768px){.card-list{flex-wrap:wrap;justify-content:start;margin-top:-32px;display:flex}}@media screen and (min-width:768px) and (max-width:1279px){.card-list{margin-left:-32px}}@media screen and (min-width:1280px){.card-list{margin-left:-16px}}.card__container{background-color:var(--primary-text-color);border:none;border-radius:5px;margin-left:auto;margin-right:auto;font-size:12px;font-weight:500;line-height:1.3;transition:background-color .3s cubic-bezier(.4,0,.2,1),scale .3s cubic-bezier(.4,0,.2,1);scale:1}@media screen and (max-width:767px){.card__container{min-height:440px;margin-bottom:20px}}@media screen and (min-width:768px){.card__container{margin-top:32px}}@media screen and (min-width:768px) and (max-width:1279px){.card__container{min-height:495px;flex-basis:calc(50% - 32px);margin-left:32px;margin-right:0}}@media screen and (min-width:1280px){.card__container{min-height:634px;flex-basis:calc(33.3333% - 16px);margin-left:16px;margin-right:0;font-size:20px;line-height:1.2}}.card__poster{border-radius:5px}@media screen and (max-width:767px){.card__poster{height:400px}}@media screen and (min-width:768px) and (max-width:1279px){.card__poster{height:455px}}@media screen and (min-width:1280px){.card__poster{height:574px}}.card__film-name{text-align:left;text-transform:uppercase;color:var(--secondary-text-color);flex-grow:1}.card__description{color:var(--accent-color);flex-grow:1;align-items:center;display:flex}.card__description-rating{text-align:center;color:var(--primary-text-color);background-color:var(--accent-color);border-radius:5px;margin-left:8px;font-size:12px;line-height:1.16}@media screen and (min-width:1280px){.card__description-rating{padding:3px 12px}}@media screen and (max-width:1279px){.card__description-rating{padding:1px 10px}}.description-wrapper{flex-direction:column;flex-grow:1;padding-bottom:10px;padding-left:5px;padding-right:5px;display:flex}@media screen and (max-width:767px){.description-wrapper{min-width:36px;padding-top:10px}}@media screen and (min-width:768px) and (max-width:1279px){.description-wrapper{min-width:48px;padding-top:8px;padding-bottom:8px}}@media screen and (min-width:1280px){.description-wrapper{min-height:72px;padding-top:12px;padding-bottom:12px}}.card__container:hover,.card__container:focus{box-shadow:var(--current-color)0px 7px 15px 0px;background-color:var(--background-color);scale:1.03}.film-year{border-left:2px solid var(--accent-color);margin-left:5px;padding-left:5px}.filter__form{background-color:rgba(0,0,0,0);justify-content:center;display:flex}@media screen and (min-width:768px){.filter__form{margin-top:4px}}.filter__form-select{color:#fff;cursor:pointer;text-align:center;-webkit-appearance:none;-ms-appearance:none;appearance:none;background-color:#171c20;border-color:rgba(0,0,0,0);border-radius:5px;margin-right:10px;padding:3px;font-size:14px}@media screen and (min-width:768px){.filter__form-select{min-width:120px;border-color:#fff}}.filter__form-select::-webkit-scrollbar{display:none}.button__reset{color:#fff;background-color:#171c20;border:none;border-radius:5px;padding:5px;font-size:14px}@media screen and (min-width:768px){.button__reset{min-width:120px;border:1px solid #fff;margin-top:0;padding:3px}}.button__reset:hover{background-color:#57101a}body.body-is-hidden{height:100vh;overflow-y:hidden}.modalbackdrop-film{z-index:50;opacity:0;visibility:hidden;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:all .3s;position:fixed;top:0;left:0}.modalbackdrop-film.modalbackdrop-film.active{opacity:1;visibility:visible}.modal-film{z-index:100;opacity:0;visibility:hidden;background-color:var(--background-color);width:280px;max-width:95vw;height:auto;max-height:90vh;border-radius:4px;padding:48px 16px 40px 20px;font-style:normal;font-weight:500;line-height:1.33;position:absolute;top:50%;left:50%;overflow-x:hidden;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 30px rgba(0,0,0,.3)}@media screen and (min-width:768px){.modal-film{width:704px;padding-top:40px;padding-left:36px}}@media screen and (min-width:1280px){.modal-film{width:806px;padding-left:12px}}.modal-film.active{opacity:1;visibility:visible}.film-card-close{background-color:rgba(0,0,0,0);border:none;border-radius:5px;justify-content:center;align-items:center;margin-left:auto;padding:13px;display:flex;position:absolute;top:0;right:0}@media screen and (min-width:768px){.film-card-close{padding:15px}}@media screen and (min-width:1280px){.film-card-close{padding:20px}}.film-card-close:hover .film-card-close-svg,.film-card-close:focus .film-card-close-svg{fill:var(--accent-color)}.film-card-close-svg{fill:var(--secondary-text-color);transition:fill var(--time)var(--function-animate)}@media screen and (min-width:768px){.film-info{display:flex}}.film-info__poster{min-width:240px;min-height:357px;height:auto;background-color:var(--add-text-color);border-radius:5px;flex-shrink:0;margin-bottom:20px}@media screen and (min-width:768px){.film-info__poster{width:264px;min-height:374px;margin-bottom:0;margin-right:68px}}@media screen and (min-width:1280px){.film-info__poster{width:375px;min-height:478px;margin-right:16px}}.film-info__title{text-transform:uppercase;margin-bottom:20px;font-size:20px;line-height:1.17}@media screen and (min-width:1280px){.film-info__title{font-size:30px}}.film-info__table{margin-bottom:20px;margin-right:auto}.spacer{height:6px}.film-info__param{color:var(--add-text-color);width:108px}.film-info__vote{text-align:center;min-width:36px;height:16px;color:var(--primary-text-color);background:var(--accent-color);border-radius:5px;padding:1px;display:inline-block}.film-info__data-up{text-transform:uppercase}.film-info__about{text-transform:uppercase;margin-bottom:8px}.film-info__desc{max-height:240px;margin-bottom:20px;line-height:1.67;position:relative;overflow-y:auto}@media screen and (min-width:768px){.film-info__desc{max-height:125px;width:280px}}@media screen and (min-width:1280px){.film-info__desc{max-height:220px;width:385px}}.button-container{justify-content:space-between;align-items:center;display:flex}@media screen and (min-width:768px){.button-container{width:390px;justify-content:center;gap:20px;position:absolute;right:0;transform:translateY(-100%)}}@media screen and (min-width:1280px){.button-container{width:423px;gap:15px}}.film-card-addToWatched,.film-card-addToQueue{text-transform:uppercase;height:44px;width:110px;color:inherit;border:1px solid var(--secondary-text-color);background-color:inherit;transition:color var(--time)var(--function-animate),border var(--time)var(--function-animate),background-color var(--time)var(--function-animate);border-radius:5px;justify-content:center;align-items:center;padding:5px;display:flex}@media screen and (min-width:768px){.film-card-addToWatched,.film-card-addToQueue{width:125px}}@media screen and (min-width:1280px){.film-card-addToWatched,.film-card-addToQueue{width:136px}}.film-card-addToWatched:hover,.film-card-addToWatched:focus,.film-card-addToQueue:hover,.film-card-addToQueue:focus{color:var(--primary-text-color);background-color:var(--accent-color);border:none}.disabled{pointer-events:none}.backdrop-team{width:100%;height:100%;z-index:51;opacity:1;background-color:rgba(0,0,0,.2);transition:opacity 1.5s cubic-bezier(.4,0,.2,1),visibility 1.5s cubic-bezier(.4,0,.2,1);position:fixed;top:0}.backdrop-team.is-hidden-team .modal-team{transform:translate(-50%,-50%)scale(.9)}.backdrop-team.is-hidden-team{visibility:none;opacity:0;pointer-events:none}.modal-team{text-align:center;width:98%;height:98%;background-color:#000;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-library-desk2@x.63909af1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;padding:20px;transition:transform 1.5s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)scale(1)}@media screen and (min-width:320px){.modal-team{width:95vw}}@media screen and (min-width:768px){.modal-team{width:95vw}}@media screen and (min-width:1280px){.modal-team{width:95vw}}.close-btn{width:60px;height:60px;fill:#fff;cursor:pointer;background-color:rgba(0,0,0,0);border:none;align-items:center;display:flex;position:absolute;top:3px;right:3px}.icon-close{width:30px;height:30px;fill:#fff;transition:all .3s}.icon-close:hover{fill:var(--accent-color)}.no-scroll{overflow:hidden}.footer-item{border:0;text-decoration:underline}.team-list{width:100%;flex-wrap:wrap;justify-content:space-around;gap:10px;display:flex}.team-title{color:#fff;padding-bottom:30px;font-size:40px;font-style:normal;font-weight:500;line-height:1.17}.team-item{width:100%;background-color:rgba(29,29,29,.52);border-radius:8px;gap:10px;padding:10px;display:flex}@media screen and (max-width:767px){.team-item{flex-direction:column;align-items:center}}@media screen and (min-width:768px){.team-item{width:calc(50% - 10px)}}@media screen and (min-width:1280px){.team-item{width:calc(33.3333% - 10px)}}.team-img{width:45%;background-size:cover}.team-block{max-width:55%;flex-direction:column;gap:15px;display:flex}.team-name{color:#fff;font-size:25px;font-style:normal;font-weight:500;line-height:1.17}.team-position{color:var(--accent-color);font-size:20px;font-style:normal;font-weight:500;line-height:1.17}.team-functional{color:#f0f0f0;font-size:14px;font-style:normal;font-weight:400;line-height:1.17}.card-team{width:200px;height:200px;perspective:1000px;position:relative}.card__face--front{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;transition:all 1s;display:flex;position:absolute;top:0;left:0}.social-list{background-repeat:no-repeat;background-size:cover;justify-content:center;gap:10px;padding:0;display:flex}.social-list__link{width:100%;height:100%;color:var(--background-color);transition:color var(--time),var(--function-animate),background-color var(--time)var(--function-animate);background-color:rgba(255,255,255,.1);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-list__icon{width:20px;height:20px;fill:var(--background-color)}.social-list__icon:hover,.social-list__icon:focus{fill:var(--current-color)}.social-list__item{width:44px;height:44px}.card-front1{background-image:url(Volodymyr_Holotnyk.afd33749.jpg);background-repeat:no-repeat;background-size:cover}.card-front2{background-image:url(Oleksandr_Chernomorets.eb9cd87e.jpg);background-size:cover}.card-front3{background-image:url(Sergii_Bilogolovyi.b43f7d3b.jpg);background-repeat:no-repeat;background-size:cover}.card-front4{background-image:url(Andrii_Kostenko.605ebb15.jpg);background-repeat:no-repeat;background-size:cover}.card-front5{background-image:url(Yuriy_Rysak.8e899e48.jpg);background-repeat:no-repeat;background-size:cover}.card-front6{background-image:url(Viktor_Solomianiy.22ccf09f.jpg);background-repeat:no-repeat;background-size:cover}.card-front7{background-image:url(Maksim_Kozir.e9dc426a.jpg);background-repeat:no-repeat;background-size:cover}.card-front8{background-image:url(Natalia_Gerasymova.7922dd27.jpg);background-repeat:no-repeat;background-size:cover}.card-front9{background-image:url(Inna_Kukla.0153ceb4.jpg);background-repeat:no-repeat;background-size:cover}.card-front10{background-image:url(Olya_Rozhniatovska.e7b350a1.jpg);background-repeat:no-repeat;background-size:cover}.card-front11{background-image:url(Ivan_Holovakha.55613fc8.jpg);background-repeat:no-repeat;background-size:cover}.card__face--front{background-color:#fff}.header{min-width:320px;height:230px;text-align:center;background-color:#000;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-mob.2faa0739.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-left:auto;margin-right:auto;padding-top:25px;padding-bottom:92px}@media (min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-mob@2x.f1411276.jpg)}}@media screen and (min-width:768px){.header{height:216px;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-tab.928bb961.jpg);padding-top:40px;padding-bottom:81px}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.header{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-tab2@x.80a0efb9.jpg)}}@media screen and (min-width:1280px){.header{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-desk.f2df133c.jpg)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.header{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-desk2@x.17a0057a.jpg)}}.nav-list__main{align-items:center;margin-left:auto;margin-right:29px;display:flex}@media screen and (min-width:768px){.nav-list__main{margin-right:39px}}.nav-list__main:last-child{margin-right:0}.header-main__btn{cursor:pointer;border-color:var(--primary-text-color);text-transform:uppercase;color:var(--primary-text-color);transition:color var(--time)var(--function-animate),border-color var(--time)var(--function-animate);background:0 0;border-radius:8px;padding:4px;font-family:Roboto;font-size:12px;font-weight:500;line-height:1.17}.header-main__btn:hover,.header-main__btn:focus{color:var(--accent-color);border-color:var(--accent-color)}.search-form{width:280px;margin-top:59px;margin-left:auto;margin-right:auto;position:relative}@media screen and (min-width:768px){.search-form{width:336px;margin-top:40px}}@media screen and (min-width:1280px){.search-form{width:394px;margin-top:41px}}.search-form__input{min-width:280px;color:var(--primary-text-color);border:none;border-bottom:.5px solid var(--primary-text-color);background:0 0;outline:none;font-size:14px;line-height:1.14}@media screen and (min-width:768px){.search-form__input{min-width:321px}}@media screen and (min-width:1280px){.search-form__input{min-width:379px}}.search-btn__box{display:flex;position:absolute;top:-5px;right:3px}.search-btn{cursor:pointer;color:var(--primary-text-color);background:0 0;border:none;padding:5px}.search-btn__icon{stroke:currentColor;fill:rgba(0,0,0,0);transition:stroke var(--time)var(--function-animate)}.search-btn:hover .search-btn__icon{fill:rgba(0,0,0,0);stroke:var(--accent-color)}.search-form__input:hover,.search-form__input:focus{border-color:var(--accent-color)}.search-form__input::-ms-input-placeholder{color:var(--primary-text-color);font-size:14px;line-height:16px}.search-form__input::placeholder{color:var(--primary-text-color);font-size:14px;line-height:16px}.header-main__svg,.search-btn__icon.mic-stop{fill:var(--primary-text-color)}.nav-list__item:hover .header-main__svg,.search-btn__icon.mic-rec{fill:var(--accent-color);stroke:var(--accent-color)}.search-form__info{color:rgba(0,0,0,0);transition:color var(--function-animate)var(--time);margin-top:4px}.search-form__info--hover{color:var(--accent-color)}.header-library{min-width:320px;height:230px;text-align:center;background-color:#000;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-library-mob.cb53a85b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-left:auto;margin-right:auto;padding-top:44px;padding-bottom:62px}@media (min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header-library{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-library-mob2@x.32a572b9.jpg)}}@media screen and (min-width:768px){.header-library{height:219px;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-library-tab.831de018.jpg);padding-top:40px;padding-bottom:60px}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.header-library{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-library-tab2@x.0d72d0e9.jpg)}}@media screen and (min-width:1280px){.header-library{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-library-desk.4df0a237.jpg)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.header-library{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-bg-library-desk2@x.63909af1.jpg)}}.nav{align-items:center;line-height:1.5;display:flex}.logo__link{color:var(--primary-text-color);align-items:center;display:flex}.logo__header-icon{fill:rgba(0,0,0,0);stroke:currentColor;transition:stroke var(--time)var(--function-animate),rotate var(--time)var(--function-animate);rotate:none}.logo__link:hover .logo__header-icon,.logo__link:focus .logo__header-icon{fill:rgba(0,0,0,0);stroke:var(--accent-color);rotate:180deg}.logo__title{display:none}@media screen and (min-width:768px){.logo__title{color:var(--primary-text-color);margin-left:8px;font-family:inherit;font-size:30px;font-weight:500;line-height:1.17;display:inline-block}}@media screen and (min-width:1280px){.logo__title{margin-left:10px}}.nav-list{align-items:center;margin-left:auto;display:flex}.nav-list__item{position:relative}.nav-list__item:not(:last-child){margin-right:40px}.nav-list__link{text-transform:uppercase;color:var(--primary-text-color);padding-top:20px;padding-bottom:20px;font-size:12px;font-weight:500;line-height:1.17}.nav-list__link.current:after{content:"";background-color:var(--current-color);height:3px;width:100%;position:absolute;bottom:-1px;left:0}.btn__list{justify-content:center;margin-top:60px;display:flex}@media screen and (min-width:768px){.btn__list{margin-top:40px}}.btn__item:not(:last-child){margin-right:20px}@media screen and (min-width:768px){.btn__item:not(:last-child){min-width:32px}}@media screen and (min-width:1280px){.btn__item:not(:last-child){min-width:16px}}.btn__watched,.btn__queue{min-width:130px;text-transform:uppercase;color:var(--primary-text-color);border:1px solid var(--primary-text-color);background-color:rgba(0,0,0,0);border-radius:5px;padding-top:13px;padding-bottom:13px;font-family:Roboto;font-size:12px;font-weight:500;line-height:1.33}@media screen and (min-width:768px){.btn__watched,.btn__queue{min-width:152px}}@media screen and (min-width:1280px){.btn__watched,.btn__queue{min-width:148px}}.is-active{background:var(--accent-color);border:none;border-radius:5px}.hero{padding-top:20px;padding-bottom:40px}@media screen and (min-width:768px){.hero{padding-top:60px;padding-bottom:60px}}.hero__img-library{width:1100px;margin-left:auto;margin-right:auto}.spinner-grow{width:100px;height:100px}.backdrop{z-index:2;width:100%;height:100%;background-color:rgba(0,0,0,.3);align-items:center;justify-items:center;display:grid;position:fixed;top:0}.is-hidden{visibility:hidden;opacity:0}.upward{width:45px;height:45px;z-index:50;cursor:pointer;visibility:hidden;opacity:0;background:url(up-btn.61147673.png) 0 0/cover;transition:all .5s;position:fixed;bottom:700px;right:20px}@media screen and (min-width:768px){.upward{right:40px}}@media screen and (min-width:1280px){.upward{width:50px;height:50px}}.upward.active{visibility:visible;opacity:1;bottom:25px}.pagination__list{justify-content:center;align-items:center;margin-top:40px;display:flex}.pagination__list li{min-width:38px;height:38px;text-align:center;-webkit-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;color:#010000;border:none;border-radius:5px;outline:none;justify-content:space-around;margin:2px;padding:12px;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:1.33;transition:background-color .25s ease-in;display:flex}.pagination__list li.active,.pagination__list .num:not(.dots):hover,.pagination__list .num:not(.dots):focus{color:var(--primary-text-color);background:var(--accent-color)}.pagination__list .num{background-color:#f3f0f0}.btn__prev{background-image:url(arrow-left.89aa2b5a.svg)}.btn__next{background-image:url(arrow-right.f9ad7450.svg)}.btn__prev,.btn__next{background-position:50%;background-repeat:no-repeat;background-color:inherit;background-color:#9f9d9d;background-position:50%;border:none;transition:background-color .25s ease-in}.btn__prev:hover,.btn__next:hover{color:#fff;background-color:#ff6b08;border-radius:5px}.pagination__list .dots{width:40px;height:40px;background-color:#9f9d9d;border:none;margin:3px;padding:10px 5px 1px}@media screen and (min-width:1200px){.pagination__list{margin-top:60px}}@media screen and (min-width:320px){.pagination__list li{width:40px;height:40px;margin:3px}}.trailer-btn{cursor:pointer;position:fixed;top:35%;left:42%}.trailer-btn__play{width:60px;height:60px;fill:#fff;opacity:.4;transition:all .3s linear}.trailer-btn__play:hover,.trailer-btn__play:focus{opacity:.8}@media screen and (min-width:768px){.trailer-btn{width:70px;height:70px;top:40%;left:19%}}.basicLightbox{left:-10px}.trailer-box{width:400px;height:400px;background-color:#fff;position:absolute}.close-btn-trailer{cursor:pointer;padding:10px;position:absolute;top:-39px;right:150px}@media screen and (min-width:768px){.close-btn-trailer{top:-43px;right:5px}}.close-btn-trailer:before,.close-btn-trailer:after{content:"";width:24px;height:4px;transition-property:all;transition-duration:.25s;transition-timing-function:linear;transition-delay:0;background:red;position:absolute;top:12px;left:2px}.close-btn-trailer:before{transform:rotate(45deg)}.close-btn-trailer:after{transform:rotate(-45deg)}.close-btn-trailer:hover:after{transform:rotate(130deg)}.close-btn-trailer:hover:before{transform:rotate(220deg)}.basicLightbox__placeholder{align-items:center;justify-items:center;display:grid}.basicLightbox__placeholder>iframe{width:300px;height:270px}@media screen and (min-width:768px){.basicLightbox__placeholder>iframe{width:660px;height:370px}}@media screen and (min-width:1280px){.basicLightbox__placeholder>iframe{width:850px;height:470px}}.hidden-btn-close-modal{opacity:0;visibility:hidden}.backdrop-auth{z-index:101;width:100%;height:100%;opacity:1;visibility:visible;background:rgba(214,119,16,.8);padding-top:auto;padding-bottom:auto;transition:opacity .3s cubic-bezier(.38,.53,.8,.71),visibility .3s cubic-bezier(.38,.53,.8,.71);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.visibility{opacity:0;visibility:hidden}.auth-container{width:400px;pointer-events:all;box-sizing:border-box;width:310px;background:#d9d6d6;border-radius:5px;padding:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 25px #000}@media screen and (min-width:480px){.auth-container{width:390px}}.auth-container .hidden-tab{transform:translate(-50%,-50%)scale(.2)}.tabs{opacity:1;visibility:visible;pointer-events:none;background:rgba(63,62,62,.1);border-radius:5px;flex-wrap:wrap;margin-bottom:30px;font-family:sans-serif;transition:opacity .3s cubic-bezier(.38,.53,.8,.71),visibility .3s cubic-bezier(.38,.53,.8,.71);display:flex}.tabs-list{width:50%;height:50px;opacity:1;visibility:visible;color:var(--accent-color);border-bottom:2px solid var(--accent-color);justify-content:center;align-items:center;font-size:16px;display:flex}.tabs-list:hover,.tabs-list:focus{cursor:pointer;color:var(--accent-color)}.tabs-list-login{justify-content:baseline}.top-left,.top-right{color:#fff;opacity:1;visibility:visible;pointer-events:all;border-bottom:none}.log-in-email-container,.log-in-password-container{position:relative}.log-in-email,.log-in-email-2{width:100%;color:#fff;background:0 0;border:none;border-bottom:1px solid #fff;outline:none;margin-bottom:30px;padding:10px 0 10px 10px;font-size:16px}.log-in-email-label,.log-in-email-2-label,.log-in-email-label-reg{color:#fff;padding:10px 0;font-size:16px;transition:all .5s;position:absolute;top:0;left:0}.log-in-email-2-label,.log-in-email-label-reg,.log-in-email-label{color:var(--accent-color);font-size:12px;top:-25px;left:0}.log-in-password{width:100%;color:#fff;background:0 0;border:none;border-bottom:1px solid #fff;outline:none;margin-bottom:30px;padding:10px 0 10px 10px;font-size:16px;position:relative}.log-in-password-label,.log-in-password-label-reg{color:#fff;pointer-events:none;padding:10px 0;font-size:16px;transition:all .5s;position:absolute;top:0;left:0}.log-in-password-label-reg,.log-in-password-label{color:var(--accent-color);font-size:12px;top:-25px;left:0}.confirm-btn{color:var(--accent-color);text-transform:uppercase;letter-spacing:2px;background-color:inherit;border:2px solid var(--accent-color);cursor:pointer;border-radius:5px;margin-top:40px;padding:10px 20px;font-size:16px;text-decoration:none;transition:all .5s;display:inline-block;position:relative;overflow:hidden}.confirm-btn:hover,.confirm-btn:focus{background:var(--accent-color);color:#fff;border-radius:5px}.confirm-btn span:nth-child(2){width:2px;height:100%;background:linear-gradient(rgba(0,0,0,0),#03e9f4);animation:btn-anim2 1s linear .25s infinite;top:-100%;right:0}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.confirm-btn span:nth-child(3){width:100%;height:2px;background:linear-gradient(270deg,rgba(0,0,0,0),#03e9f4);animation:btn-anim3 1s linear .5s infinite;bottom:0;right:-100%}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.confirm-btn span:nth-child(4){width:2px;height:100%;background:linear-gradient(360deg,rgba(0,0,0,0),#03e9f4);animation:btn-anim4 1s linear .75s infinite;bottom:-100%;left:0}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.del-msg{text-align:center;opacity:1;visibility:visible;margin-bottom:30px;font-size:25px;transition:opacity .3s cubic-bezier(.38,.53,.8,.71),visibility .3s cubic-bezier(.38,.53,.8,.71)}.hidden-tab{opacity:0;visibility:hidden;pointer-events:none;width:1px;height:1px;clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-eye-position.show-pswd,.upd-eye-position.show-pswd,.reg-eye-position.show-pswd{margin:0;padding:0}.login-eye-position.hide-pswd,.upd-eye-position.hide-pswd,.reg-eye-position.hide-pswd{fill:var(--accent-color);margin:0;padding:0}.login-eye-position{cursor:pointer;position:absolute;top:200px;right:49px}.reg-eye-position,.upd-eye-position{cursor:pointer;position:absolute;top:270px;right:49px}.upd-eye-position{top:265px}.modal__close-btn{padding:10px;display:block;position:absolute;top:0;right:0}.auth-modal-cross{fill:#fff;cursor:pointer;background-color:rgba(0,0,0,0);border:none;transition:fill .3s cubic-bezier(.38,.53,.8,.71),box-shadow .3s cubic-bezier(.38,.53,.8,.71)}.auth-modal-cross:focus,.auth-modal-cross:hover{fill:var(--accent-color)}.update-btn{margin-right:50px}.del-msg-text{color:red}.delAccBtnYes-btn{margin-right:10px}.modal__close-icon{background-color:inherit;border-radius:5px}.container-footer{bottom:0 auto;left:0 auto;min-height:100px;width:100%;background-color:#f7f7f7;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px;margin:0 auto;padding:29px;display:flex;position:absolute}@media screen and (min-width:768px){.container-footer{min-height:79px;gap:10px;padding:30px 130px}}@media screen and (min-width:1200px){.container-footer{min-height:77px;gap:10px;padding:30px 300px}}.footer-text,.footer-item{color:#545454;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:1.14}.footer-text,.footer-block{display:flex}.logo__icon-footer{margin-left:10px;margin-right:10px}.glide{width:100%;box-sizing:border-box;position:relative}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;white-space:nowrap;will-change:transform;flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow:hidden}.glide__slides--dragging{-webkit-user-select:none;-ms-user-select:none;user-select:none}.glide__slide{width:100%;height:100%;white-space:normal;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex-shrink:0}.glide__slide a{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.glide__arrows,.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.glide--rtl{direction:rtl}.glide{display:none}@media screen and (min-width:768px){.glide{cursor:grab;margin-bottom:50px;display:inline-block;position:relative}}.film-slider__item{position:relative}.film-slider__img{border-radius:5px}.glider-next{transform:rotate(180deg)}@media screen and (min-width:768px){.glider-next,.glider-prev{width:30px;height:30px;fill:#a70c0c;opacity:.4;transition:all .3s linear}}@media screen and (min-width:1280px){.glider-next,.glider-prev{width:50px;height:50px;fill:#a70c0c;opacity:.4;transition:all .3s linear}}.glider-next:hover,.glider-next:focus,.glider-prev:hover,.glider-prev:focus{opacity:.8}.glide__arrow{background-color:rgba(0,0,0,0);border:none}@media screen and (min-width:768px){.glide__arrow--left{position:absolute;top:40%;left:0}}@media screen and (min-width:1280px){.glide__arrow--left{top:40%}}@media screen and (min-width:768px){.glide__arrow--right{position:absolute;top:40%;right:0}}@media screen and (min-width:1280px){.glide__arrow--right{top:40%}}@media screen and (min-width:768px){.trailer-btn-slider{color:rgba(0,0,0,0);width:79px;height:20px;background-color:rgba(0,0,0,0);border:none;border-radius:5px;position:absolute;bottom:0;left:0}}@media screen and (min-width:1280px){.trailer-btn-slider{width:143px;height:30px}}@media screen and (min-width:768px){.trailer-btn-slider>h2{text-transform:uppercase;font-size:9px;font-weight:500;line-height:1.17}}@media screen and (min-width:1280px){.trailer-btn-slider>h2{text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.17}}.film-slider__item:hover .trailer-btn-slider{color:#fff;background-color:#a70c0c}.ps{overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto;overflow:hidden!important}.ps__rail-x{opacity:0;height:15px;transition:background-color .2s linear,opacity .2s linear;display:none;position:absolute;bottom:0}.ps__rail-y{opacity:0;width:15px;transition:background-color .2s linear,opacity .2s linear;display:none;position:absolute;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{background-color:rgba(0,0,0,0);display:block}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{opacity:.9;background-color:#eee}.ps__thumb-x{height:6px;background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;position:absolute;bottom:2px}.ps__thumb-y{width:6px;background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;position:absolute;right:2px}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{height:11px;background-color:#999}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{width:11px;background-color:#999}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}body{transition:background .5s linear}body.dark{background:#000}.hero.dark{background:#1a1818}.material-icons{height:15px;width:15px;z-index:2;background-color:#e70808;border-radius:50%;transition:transform .3s linear,background-color .3s linear;position:absolute;top:1px;left:1px}@media screen and (min-width:768px){.material-icons{height:19px;width:19px}}.material-icons.dark{background-color:#000;animation:dayscale .3s linear;transform:translate(100%)}.material-icons:not(.dark){animation:nightscale .3s}@keyframes dayscale{0%{transform:matrix(1,0,0,1,0,0)}50%{transform:scaleY(.5)}to{transform:scaleY(1)translate(100%)}}@keyframes nightscale{0%{transform:scaleY(1)translate(100%)}50%{transform:scaleY(.5)}to{transform:matrix(1,0,0,1,0,0)}}.themetoggle{height:17px;width:35px;background-color:#fff;border-radius:10px;transition:box-shadow .3s linear;position:absolute;top:-2px;left:0;transform:translate(-50%)}@media screen and (min-width:768px){.themetoggle{height:21px;width:40px}}.themetoggle:hover{box-shadow:0 0 5px 5px rgba(255,254,254,.482)}header{position:relative}.day{fill:#fff;transition:transform .5s linear,fill .5s linear;position:absolute;top:-1px;left:-40px}@media screen and (min-width:768px){.day{top:-2px;left:-48px}}.night{fill:#fff;transition:transform .5s linear,fill .5s linear;position:absolute;top:-1px;right:-40px}@media screen and (min-width:768px){.night{top:-2px;left:25px}}.card-list.dark{color:#fff}header{transition:box-shadow .3s linear;position:relative;box-shadow:0 0 100px 10px #111}header.dark{box-shadow:0 0 50px 5px #b20b13}header.dark .header-list__link--active:after,header.dark .header-link__hover:after{box-shadow:0 3px 10px #ff6b02}.container-footer{transition:box-shadow .3s linear;position:relative;box-shadow:0 0 100px 10px #111}.container-footer.dark{background:#1a1818;box-shadow:0 0 50px 5px #b20b13}.container-footer.dark p{color:#fff}.container-footer.dark button{background:inherit;color:#fff}.container-footer.dark .header-list__link--active:after,.container-footer.dark .header-link__hover:after{box-shadow:0 3px 10px #ff6b02}.day-nigth-btn-box{position:absolute;top:205px;right:55%;transform:translate(110px)}@media screen and (min-width:768px){.day-nigth-btn-box{top:180px;right:50%;transform:translate(300px)}}@media screen and (min-width:1280px){.day-nigth-btn-box{right:50%;transform:translate(550px)}}.day-nigth-btn-box.dark .day,.day-nigth-btn-box.dark .night{fill:#5b5b5b;transform:rotate(360deg)}.modal-film.dark{background-color:#2e2e2e;box-shadow:0 0 50px 5px #b20b13}.modal-film.dark img{border:1px solid #ff6b02}.modal-film.dark h2,.modal-film.dark table,.modal-film.dark p,.modal-film.dark td{color:#fff}.modal-film.dark button{color:#fff;border-color:#fff;transition:background-color .3s linear,border .3s linear}.modal.dark{background-color:#2e2e2e;box-shadow:0 0 50px 5px #b20b13}.modal.dark img{border:1px solid #ff6b02}.modal.dark h2,.modal.dark table,.modal.dark p,.modal.dark td{color:#fff}.modal.dark button{color:#fff;border-color:#fff;transition:background-color .3s linear,border .3s linear}.modal-dark.dark{background-color:#2e2e2e;box-shadow:0 0 50px 5px #b20b13}.modal-dark.dark img{border:1px solid #ff6b02}.modal-dark.dark h2,.modal-dark.dark table,.modal-dark.dark p,.modal-dark.dark td{color:#fff}.modal-dark.dark button{color:#fff;border-color:#fff;transition:background-color .3s linear,border .3s linear}.backdrop.is-hidden .modal{transform:translate(200%)}.modal{transition:transform 1s linear;transform:translate(0)}.day-icon,.night-icon{width:15px;height:15px}@media screen and (min-width:768px){.day-icon,.night-icon{height:20px;width:20px}}
/*# sourceMappingURL=index.2bd5d83f.css.map */
