html{scroll-behavior:smooth}body{width:100%;font-family:Roboto,sans-serif;font-style:normal}body,h1,h2,h3,h4,h5,h6{margin:0}img{display:block;max-width:100%;height:auto}a{text-decoration:none}p{height:100%}p,ul{margin:0;padding:0}ul{list-style-type:none}button{border:0;padding:0;margin:0}.container{margin-left:auto;margin-right:auto;padding:0 20px;min-width:280px}@media screen and (min-width:320px){.container{max-width:320px}}@media screen and (min-width:768px){.container{max-width:768px;padding:0 75px}}@media screen and (min-width:1024px){.container{max-width:1024px;padding:0 71px}}.hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.header{height:230px}.first-image{background-image:linear-gradient(0deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/js_project_team_13/kinozal_mobile@2x.daeda711.jpg);background-repeat:no-repeat;background-size:cover}@media (min-width:768px){.first-image{background-image:linear-gradient(0deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/js_project_team_13/kinozal_tablet@2x.600afc80.jpg)}}@media (min-width:1024px){.first-image{background-image:linear-gradient(0deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/js_project_team_13/kinozal_desc@2x.600afc80.jpg)}}.second-image{background-image:linear-gradient(0deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/js_project_team_13/library_mobile@2x.2b9aeacd.jpg);background-repeat:no-repeat;background-size:cover;background-position:bottom}@media (min-width:768px){.second-image{background-image:linear-gradient(0deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/js_project_team_13/library_tablet@2x.fd6c2dc8.jpg)}}@media (min-width:1024px){.second-image{background-image:linear-gradient(0deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/js_project_team_13/library_desc@2x.3a6e456b.jpg)}}.header__box{display:flex;flex-wrap:wrap;padding-top:45px;height:35px}@media (min-width:768px){.header__box{padding-top:40px;justify-content:center}}.logo__box{display:flex;align-items:center;justify-content:center;width:175px;cursor:pointer}@media (min-width:768px){.logo__box{margin-right:275px}}@media (min-width:1024px){.logo__box{margin-right:540px}}.logo__icon{width:24px;height:24px;margin-right:10px}@media (max-width:767px){.logo__icon{margin-right:110px}}.logo__capitall{font-family:Monoton,cursive}.logo__title{display:flex;align-items:center;width:24px;height:35px}@media (max-width:767px){.logo__title{display:none}}@media (min-width:768px){.logo__title{width:165px;color:#fff;font-weight:500;font-size:30px;line-height:1.16}}.search__form{position:relative;display:flex;margin-top:45px;height:20px}.search__logo{width:15px;height:15px;fill:none}.search__btn{display:flex;align-items:center;justify-content:center;width:20px;cursor:pointer;border-bottom:.5px solid #fff}.search__btn,.search__text{height:20px;background-color:transparent}.search__text{width:260px;color:#fff;border:none;border-bottom:.5px solid #fff}@media (min-width:768px){.search__text{width:320px}}.search__text::placeholder{font-weight:400;font-size:14px;line-height:16px;display:flex;align-items:center;color:#fff}.search__text:focus,.search__text:hover{outline:none}.site__nav{display:flex;align-items:center;height:35px}.home__btn{margin-right:40px}.home__btn,.library__btn{color:#fff;font-weight:500;font-size:12px;line-height:14px;text-transform:uppercase;background-color:transparent;cursor:pointer}.home__btn:focus,.home__btn:hover,.library__btn:focus,.library__btn:hover{border-bottom:3px solid #ff6b08;margin-bottom:-3px}.my-library{display:flex;justify-content:center;margin-top:80px}.button{background-color:transparent;color:#fff;width:130px;height:45px;justify-content:space-between;border:1px solid #fff;box-sizing:border-box;border-radius:5px;font-weight:500;font-size:12px;line-height:16px;text-align:center;text-transform:uppercase;cursor:pointer}.button:first-child{margin-right:15px}.button:focus,.button:hover{background:#ff6b08;box-shadow:0 4px 4px rgba(255,107,8,.25);border:1px solid #ff6b08;border-radius:5px}.is-active{box-shadow:0 4px 4px rgba(255,107,8,.25);border:1px solid #ff6b08;box-shadow:0 8px 43px rgba(255,107,1,.6)}.is-active:focus,.is-active:hover{box-shadow:0 8px 43px rgba(255,107,1,.6)}.main{position:relative;padding:30px 0;min-height:calc(100vh - 310px)}.film__list{display:flex;flex-wrap:wrap;margin-top:-30px;margin-left:-30px}@media screen and (min-width:768px){.film__list{margin-top:0}}.film__item{max-width:auto;min-height:453px;margin-top:30px;margin-left:30px;border-radius:5px;overflow:hidden}.poster__thumb{height:400px;overflow:hidden}.poster__thumb:focus,.poster__thumb:hover{cursor:pointer}.film__poster{max-width:auto;height:100%;border-radius:5px}@media screen and (min-width:768px){.film__poster{max-width:294px}}@media screen and (min-width:1024px){.film__poster{width:273px}.film__poster:focus,.film__poster:hover{transform:scale(1.1)}}.film__name{max-width:200px;font-weight:500;font-size:12px;line-height:14px;text-transform:uppercase;color:inherit}.film__genres,.film__year{text-transform:capitalize;font-weight:500;font-size:12px;line-height:16px;color:#ff6b08}.film__info{margin-top:10px;display:inline-block}.film__genres__year{display:flex}.tui-pagination .tui-page-btn.tui-is-selected{background-color:#ff6b08;border-color:transparent}.tui-pagination .tui-page-btn.tui-is-selected:focus,.tui-pagination .tui-page-btn.tui-is-selected:hover{background-color:#ff6b08}.tui-pagination .tui-page-btn{border-radius:5px;background-color:#ddd;border:10px solid #000}.tui-pagination .tui-page-btn:not(:last-child){margin-right:5px}.tui-pagination .tui-page-btn:hover{box-shadow:0 8px 43px rgba(255,107,1,.6)}.tui-page-btn.tui-is-disabled.tui-prev{margin-right:15px}.footer{height:100px;background-color:#f7f7f7;color:#545454;font-weight:400;font-size:14px;line-height:16px;display:flex;align-items:center;text-align:center}.footer__logo{margin:0 5px;width:14px;height:14px}.footer__info{align-items:baseline}@media (min-width:768px){.footer__info{display:inline-flex}}.data-modal-open-by{background-color:transparent;color:#ff6b08;cursor:pointer}.loader{border:16px solid #f3f3f3;border-top-color:#ff6b08;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.invisible{display:none}.visible{display:block;position:absolute;top:50%;left:50%}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:120;opacity:1;transition:opacity .25s var(--time-function)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.card-film{position:relative;width:280px;height:100vh;font-size:12px;font-weight:500;overflow:auto;background-color:#f7f7f7;border-radius:5px;color:#010101}@media screen and (min-width:768px){.card-film{display:flex;width:640px;height:auto}}@media screen and (min-width:1024px){.card-film{display:flex;width:880px;height:570px}}.card-image{margin:40px 20px}@media screen and (min-width:768px){.card-image{width:50%;margin-right:10px}}@media screen and (min-width:1024px){.card-image{margin-left:20px;margin-right:0}}.card-poster{display:block;border-radius:5px}@media screen and (min-width:1024px){.card-poster{height:100%}}.card-description{margin:0 20px}@media screen and (min-width:768px){.card-description{width:50%}}@media screen and (min-width:1024px){.card-description{width:70%}}.card-description-title{font-size:20px;line-height:1.17;font-weight:500;padding-bottom:20px;text-transform:uppercase}@media screen and (min-width:768px){.card-description-title{font-size:30px;padding-top:42px}}.card-description-content{padding-bottom:20px}.card-description-cell{font-size:12px;font-style:normal;font-weight:500;letter-spacing:0;text-align:left;width:108px;line-height:16px;color:#8c8c8c;padding-bottom:10px}@media screen and (min-width:1024px){.card-description-cell{width:152px}}.card-description-details{text-transform:capitalize;line-height:14px;padding-bottom:10px;font-size:12px;font-style:normal;font-weight:500;letter-spacing:0;text-align:left}.card-description-details--title{text-transform:uppercase;padding-bottom:12px}.library-vote,.movie-vote{background-color:#ff6b08;color:#fff;display:inline-block;text-align:center;align-items:center;border-radius:5px;font-weight:500;font-size:12px;line-height:14px;width:36px;height:16px;padding-top:1px;padding-bottom:1px;margin-left:10px}@media screen and (min-width:1024px){.library-vote,.movie-vote{padding-top:1.5px;padding-bottom:1.5px}}.movie-votes{background-color:#ff6b08;color:#fff;display:inline-block;text-align:center;align-items:center;border-radius:5px;line-height:14px;width:36px;height:16px;padding-top:1px;padding-bottom:1px}.movie-about,.movie-votes{font-weight:500;font-size:12px}.movie-about{margin-bottom:20px;font-style:normal;line-height:20px}.movie-about-title{line-height:1.33;padding-bottom:10px;text-transform:uppercase}.movie-about-description{text-align:justify;line-height:1.67}.modal-btns{display:flex;margin-bottom:40px}.modal-button-close{font-size:18px;position:absolute;top:10px;right:10px;background-color:#f7f7f7;border:1px solid transparent;border-radius:50%;width:25px;height:25px;cursor:pointer;background-repeat:no-repeat;background-image:url(https://img.icons8.com/material-two-tone/24/000000/multiply.png);box-shadow:none}.add-to-queue,.add-to-watched{justify-content:space-between;background:#f7f7f7;border:1px solid #010101;color:#010101;width:130px;height:45px;box-sizing:border-box;border-radius:5px;font-weight:500;font-size:12px;line-height:16px;text-align:center;text-transform:uppercase;cursor:pointer}@media (min-width:1024px){.add-to-queue,.add-to-watched{justify-content:flex-start}}.add-to-queue:first-child,.add-to-watched:first-child{margin-right:15px}.add-to-queue:hover,.add-to-watched:hover{color:#fff;background:#ff6b08;box-shadow:0 4px 4px rgba(255,107,8,.25);border:1px solid #ff6b08;border-radius:5px}.remove-from-queue,.remove-from-watched{color:#fff;background:#ff6b08;box-shadow:0 4px 4px rgba(255,107,8,.25);border:1px solid #ff6b08;border-radius:5px}.is-active{background:#ff6b08;color:#fff;border:1px solid transparent;border-radius:5px}.button-up{z-index:1000;position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:transparent;border:2px solid rgba(255,107,8,.25);opacity:0;visibility:hidden;fill:#ff6b08}.button-up:focus,.button-up:hover{cursor:pointer;border:2px solid #ff6b08}.button-up:focus:after,.button-up:hover:after{opacity:1;fill:#ff6b08}.button-up:after{position:absolute;content:"";left:11px;top:11px;min-width:24px;height:24px;background-image:url(/js_project_team_13/arrowup.f9f252b0.svg);opacity:.5;fill:#ff6b08}.button-up.show{opacity:1;visibility:visible}.blankPage{position:absolute;top:50%;width:80vmin;left:calc(50% - 40vmin);text-align:center;margin:0 auto;color:#545454}.blankPage:after{position:absolute;right:10px;top:-40px;content:"";min-width:100px;height:100px;background-image:url(/js_project_team_13/search.220c8d6e.svg);opacity:.2}.searchIncorrect{font-size:20px;line-height:1.5;color:#545454}.searchQueryIncorrect{position:absolute;bottom:-50px;color:#ff6b08;font-size:14px;line-height:1.14;text-align:center}:root{--timing-function:cubic-bezier(0.4,0,0.2,1)}body{transition:color .15s var(--timing-function),background-color .15s var(--timing-function)}body.light-theme{background-color:#f7f7f7;color:#333}.dark-theme{background-color:#333;color:#f7f7f7}header{position:relative}.toolbar{display:flex;justify-content:flex-end;padding:5px;position:absolute;top:180px;right:5px}.theme-switch{display:flex;align-items:center}.theme-switch__icon{color:#ff6b08;height:24px;width:24px;margin-right:8px;margin-left:8px}.theme-switch__control{display:flex;align-items:center;flex-shrink:0;position:relative;width:50px;height:25px;border-radius:50em;padding:3px}.theme-switch__toggle{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;height:0;width:0;pointer-events:none}.theme-switch__track{position:absolute;left:0;top:0;width:100%;height:100%;color:transparent;user-select:none;background-color:#333;border-radius:inherit;z-index:1;cursor:pointer}.theme-switch__marker{position:relative;background-color:#ff6b08;width:16px;height:16px;border-radius:50%;z-index:2;pointer-events:none;box-shadow:0 1px 1px rgba(0,0,0,.25);transform:translateX(3px);transition:transform .25s var(--timing-function)}.theme-switch__toggle:checked+.theme-switch__track{background-color:#d3d3d4}.theme-switch__toggle:checked~.theme-switch__marker{transform:translateX(25px)}.theme-switch__toggle:active+.theme-switch__track,.theme-switch__toggle:focus+.theme-switch__track{box-shadow:0 0 0 2px #f7f7f7}.shown{display:block}.notshown{display:none}.btn-loadMore__container{display:flex;justify-content:center;align-items:center}.btn-loadMore__item{opacity:1;visibility:visible;margin:20px;padding:10px 40px;border:1px solid #ff6b08;border-radius:8px;background-color:#ff6b08}.btn-loadMore__item.is-hidden{display:none;opacity:0;visibility:hidden;pointer-events:none}.btn-loadMore__item-trend{opacity:1;visibility:visible;margin:20px;padding:10px 40px;border:1px solid #ff6b08;border-radius:8px;color:#fff;background-color:#ff6b08}.btn-loadMore__item-trend:focus,.btn-loadMore__item-trend:hover{box-shadow:0 8px 43px rgba(255,107,1,.6);cursor:pointer}.btn-loadMore__item-trend.is-hidden{display:none;opacity:0;visibility:hidden;pointer-events:none}.tui-pagination.is-hidden{opacity:0;visibility:hidden}.modal_by_students{position:fixed;top:0;left:0;z-index:1001;width:100vw;height:100vh;background-color:rgba(0,0,0,.438)}@media (max-width:767px){.modal_by_students{background-repeat:no-repeat;background-size:cover;background-position-x:center;background-image:linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(/js_project_team_13/kinozal_modal.b2bb0804.jpg)}}@media (min-width:768px){.modal_by_students{width:100vw;height:100vh;background-color:rgba(0,0,0,.438)}}.modal_by_students__closeButton{position:absolute;display:flex;justify-content:center;align-items:center;top:5%;right:5%;background-color:transparent;width:35px;height:35px;cursor:pointer;box-shadow:none;z-index:102;margin:0;padding:0;stroke:#000;border-radius:10px;box-shadow:0 4px 4px #eca60e}@media (max-width:768px){.modal_by_students__closeButton{stroke:#ff6b08}}.modal_by_students.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.students{display:none}.goit_students{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:50px;padding:20px;background-color:rgba(24,24,24,.7450980392156863)}@media (min-width:768px){.goit_students{display:none}}.students.is-active{display:block;position:absolute;top:calc(50% - 40vh);left:calc(50% - 40vw);padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;min-width:730px;min-height:620px;max-width:1000px;max-height:670px;z-index:1200;background-color:#181818;z-index:20;animation:showBlock 1s linear forwards;top:50%;left:50%;margin:auto -50% auto auto;transform:translate(-50%,-50%);font-family:Raleway,sans-serif}@media (min-width:1024px){.students.is-active{max-width:1000px;max-height:670px}}.parallax{min-height:100vh}.parallax.is-hidden{display:none}@media (max-width:767px){.parallax__body{display:none}}@media (min-width:768px){.parallax__body{z-index:12;display:block;position:fixed;width:80%;height:80%;min-width:730px;min-height:620px;max-width:1030px;max-height:670px;cursor:pointer;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8)}}@media (min-width:1024px){.parallax__body{max-width:1050px;max-height:670px;width:80%;height:80%}}.parallax__container{position:relative;text-transform:uppercase;transform:translateY(50%)}.parallax__images{position:absolute;min-width:100%;height:100%;top:-5%;left:-5%;z-index:1}.images-parallax__item{position:absolute;width:100%;height:100%;align-items:center}.images-parallax__hall,.images-parallax__screen,.images-parallax__sittings{position:absolute;width:100%;height:100%;left:0}@media (max-aspect-ratio:3/1){.images-parallax__hall,.images-parallax__screen,.images-parallax__sittings{top:-20%}}.images-parallax__screen{background:url(/js_project_team_13/screen.d61bb04a.png) top/cover no-repeat;top:-5%;z-index:6}.images-parallax__hall{background:url(/js_project_team_13/hallMain.77717026.png) top/cover no-repeat;top:-5%;z-index:3}.images-parallax__sittings{background:url(/js_project_team_13/sittings.766ef60a.png) 0/cover no-repeat;top:-11%;left:0;right:1%;bottom:-10%;z-index:4}@media (max-aspect-ratio:3/1){.images-parallax__sittings .images-parallax__sittings{background-position:25% top}}.students__presentation{display:flex;flex-direction:column;justify-content:center;align-items:center;animation:showBlock .1s linear forwards}@keyframes showBlock{0%{opacity:0}to{opacity:1}}.student_link{color:grey}.desc__list{margin-top:35px}.desc__list,.desc__thanks{font-family:Roboto Slab,serif}.desc__thanks{font-size:35px;color:#b6b8be}.desc__position{font-size:15px;color:#8b8d91}.desc__link{font-size:13px;color:#626d8b}.goit_students__link{font-size:12px;color:#adb6ce}.goit_students__desc{font-size:12px}.desc{color:#dbdbdb}.desc__name{font-size:17px;color:#a1aac5;margin-top:20px}.goit_students__name{font-size:16px;margin-bottom:5px;color:#d1d8ee}.desc__item{padding:30px 0;color:#4c4f58 goit_students__link}.desc__position-lead{font-size:17px;color:#d2d4da}.desc__name-lead{font-size:19px;color:#ccced3}.desc__item-lead{margin-top:15px}.desc__team{font-size:20px;color:#a16a2c;margin-top:20px;font-weight:700}
/*# sourceMappingURL=/js_project_team_13/main.04f1cb1f.css.map */