@font-face{font-family:"Comfortaa";src:url(../fonts/Comfortaa/Comfortaa-Bold.ttf);font-weight:700}@font-face{font-family:"Comfortaa";src:url(../fonts/Comfortaa/Comfortaa-Regular.ttf);font-weight:400}@font-face{font-family:"Montserrat";src:url(../fonts/Montserrat/Montserrat-Bold.ttf);font-weight:700}@font-face{font-family:"Montserrat";src:url(../fonts/Montserrat/Montserrat-Regular.ttf);font-weight:400}@font-face{font-family:"Roboto";src:url(../fonts/Roboto/Roboto-Medium.ttf);font-weight:500}@font-face{font-family:"Roboto";src:url(../fonts/Roboto/Roboto-Regular.ttf);font-weight:400}@font-face{font-family:"Font Awesome";src:url(../../fonts/FontAwesome/fa-brand.ttf);font-weight:400}@font-face{font-family:"Font Awesome";src:url(../../fonts/FontAwesome/fa-duotone.ttf);font-weight:900}@font-face{font-family:"Font Awesome";src:url(../../fonts/FontAwesome/fa-light.ttf);font-weight:300}@font-face{font-family:"Font Awesome";src:url(../../fonts/FontAwesome/fa-regular.ttf);font-weight:401}@font-face{font-family:"Font Awesome";src:url(../../fonts/FontAwesome/fa-solid.ttf);font-weight:901}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}*::before,*::after{font-family:"Font Awesome"}a{text-decoration:none}ul{list-style:none}body{background:#040d1f;font-family:"Montserrat";font-weight:400}.icon__cinema::before{content:"";font-size:50px;color:#fff;font-weight:400}.icon__play{font-size:45px;color:#7e7e7e;display:-webkit-box;display:-ms-flexbox;display:flex}.icon__play::before{content:"";font-weight:900}.icon__play::after{content:"";font-weight:900;position:absolute;opacity:.5}.btn{background:#040d1f;color:#fff;max-width:166px;width:100%;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Roboto";font-weight:500;font-size:16px;line-height:12px;border-radius:4px;-webkit-transition:background 300ms,color 300ms;transition:background 300ms,color 300ms}.btn:hover{background:#c8c8c8;color:#040d1f}.main__title{font-size:36px;line-height:40px;text-transform:capitalize;font-family:"Comfortaa";color:#7e7e7e;width:-webkit-max-content;width:-moz-max-content;width:max-content}.main__title::after{content:"";background:#7e7e7e;display:block;height:2px;margin-top:10px}html,body{scroll-behavior:smooth}.container{max-width:12;width:100%;margin:auto;padding:0 15px}.header{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.header__prenav{background:-webkit-gradient(linear, right top, left top, from(rgb(155, 155, 155)), color-stop(rgb(53, 53, 255)), to(rgb(65, 65, 65)));background:linear-gradient(to left, rgb(155, 155, 155), rgb(53, 53, 255), rgb(65, 65, 65));padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__prenav-text{font-size:25px;line-height:18px;color:#fff;font-family:"Comfortaa";font-weight:400;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header__nav{background:rgba(1,3,5,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2;width:100%}.header__nav-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100px}.header__nav-content .logo__span{font-family:"Comfortaa";font-weight:700;color:#fff;margin-left:5px}.header__nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;height:100%}.header__nav-link{color:#fff;font-size:15px;line-height:18px;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:color 300ms;transition:color 300ms}.header__nav-link::after{content:"";display:block;background:#7e7e7e;height:2px;width:100%;width:0%;position:absolute;bottom:0;-webkit-transition:width 300ms;transition:width 300ms}.header__nav-link:hover{color:#7e7e7e}.header__nav-link:hover::after{width:100%}.header__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(7,15,25,.5)}.header__content-img{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-2;-o-object-fit:cover;object-fit:cover}.header__content-title{font-size:64px;line-height:78px;color:#fff}.header__content-text{text-align:justify;line-height:24px;font-size:16px;color:#fff;max-width:570px;width:100%;margin:30px 0 50px 0}.header__content-btns{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.header__burger{width:40px;height:30px;position:relative;display:none}.header__burger:active .header__burger-line{width:100%;top:50%}.header__burger:active .header__burger-line:first-of-type{-webkit-transform:translateY(-50%) rotate(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}.header__burger:active .header__burger-line:nth-of-type(2){opacity:0}.header__burger:active .header__burger-line:last-of-type{-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.header__burger-line{height:2px;background:#7e7e7e;position:absolute;right:0}.header__burger-line:first-of-type{width:100%;top:0}.header__burger-line:nth-of-type(2){width:80%;top:50%}.header__burger-line:last-of-type{width:50%;bottom:0}.logo>img{height:50px;width:50px}.films{padding-top:60px;padding-bottom:75px}.films__catalog{margin-top:55px;display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:420px;gap:30px}.films__item{overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(108deg, rgb(126, 126, 126), #ffffff, black, 0.7);border-radius:6px;padding:34px 15px 18px 15px}.films__item:hover{cursor:-webkit-grab;cursor:grab}.films__item:hover .films__item-img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.films__item-img{-o-object-fit:cover;object-fit:cover;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-2;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms,-webkit-transform 300ms}.films__item-time{font-size:14px;line-height:10px;color:#fff;border-radius:9px;border:1px solid #fff;width:100px;height:24px;display:grid;place-items:center;margin-top:12px}.films__item-title{font-size:22px;line-height:27px;color:#fff;font-weight:400;margin-top:18px;margin-bottom:12px}.films__item-text{text-align:center;font-size:14px;line-height:21px;color:#fff;font-weight:400;font-family:"Roboto";max-height:150px;overflow:auto}.films__item-img{-o-object-fit:cover;object-fit:cover;height:355px;margin-right:0}.intro__img{width:350px;height:150px;max-width:100%}.intro{padding-top:42px;padding-bottom:80px;position:relative;background:-webkit-gradient(linear, left top, right top, from(#DEF7FF), color-stop(45.64%, #F4FCFF), color-stop(100.72%, rgba(255, 255, 255, 0)));background:linear-gradient(90deg, #DEF7FF 0%, #F4FCFF 45.64%, rgba(255, 255, 255, 0) 100.72%)}.intro__text{font-size:18px;line-height:27px;text-align:justify;font-family:"Roboto";font-weight:400;max-width:558px;width:100%;margin-top:55px;margin-bottom:55px}.intro__video{position:absolute;top:0;right:0;height:100%;z-index:-2}.intro__video-film{height:100%}.collection{margin:60px 0}.collection__movies{margin-top:50px;display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:200px;gap:30px}.collection__item{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.collection__item:hover.collection__item::before{-webkit-transform:scale(1.5) translate(-150%);-ms-transform:scale(1.5) translate(-150%);transform:scale(1.5) translate(-150%)}.collection__item:hover.collection__item::after{-webkit-transform:scale(1.5) translate(150%);-ms-transform:scale(1.5) translate(150%);transform:scale(1.5) translate(150%)}.collection__item:hover .collection__item-img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.collection__item::before{content:"";display:block;background:url(../images/boxes.webp) no-repeat;position:absolute;left:6px;top:7px;width:20px;height:90%;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms,-webkit-transform 300ms}.collection__item::after{content:"";display:block;background:url(../images/boxes.webp) no-repeat;position:absolute;right:6px;top:7px;width:20px;height:90%;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms,-webkit-transform 300ms}.collection__item-img{position:absolute;-o-object-fit:cover;object-fit:cover;left:0;top:0;z-index:-2;width:100%;height:100%;border-radius:6px;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms,-webkit-transform 300ms}.collection__item-title{font-family:"Comfortaa";font-weight:bold;color:#fff;font-size:20px;line-height:22px;margin-top:15px}.series{margin-bottom:60px}.series__catalog{margin-top:55px;display:grid;gap:30px}.series__catalog-item{position:relative;min-height:190px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(95.68deg, rgba(35, 35, 35, 0.8) 10.86%, rgba(11, 11, 11, 0.6) 110.86%);border-radius:6px}.series__catalog-item:hover .series__catalog-img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.series__catalog-item:nth-of-type(6n+1){grid-row:span 2;grid-column:span 4;min-height:450px;padding:15px 22px}.series__catalog-item:nth-of-type(6n+1) .series__catalog-title{font-weight:bold;font-family:"Comfortaa";font-size:40px;line-height:45px;color:#fff}.series__catalog-item:nth-of-type(6n+1) .series__catalog-text{font-size:16px;line-height:24px;color:#fff;font-family:"Comfortaa";text-align:center;margin:30px 0;max-height:100px;overflow:auto}.series__catalog-item:nth-of-type(6n+2){grid-row:span 2;grid-column:span 2}.series__catalog-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms,-webkit-transform 300ms}.series__catalog-title{font-family:"Comfortaa";color:#fff;font-size:24px;line-height:27px;font-weight:bold;margin-top:20px}.footer{background:#7e7e7e;padding:20px 0}.footer__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__right-text{font-weight:bold;font-size:18px;line-height:20px;font-family:"Comfortaa";color:#fff}.footer__left{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.footer__left-img{max-width:120px;width:100%;height:120px;-o-object-fit:contain;object-fit:contain}@media(max-width: 1340px){.container{max-width:1140px}.films__catalog{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 1140px){.container{max-width:768px}}@media(max-width: 992px){.header__prenav-text{font-size:14px}.header__nav-list{position:fixed;left:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:rgba(1,3,5,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:100vh;width:200px;padding:20px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms,-webkit-transform 300ms}.header__nav-list.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.header__nav-link{padding:20px}.header__burger{display:block}.collection__movies{grid-template-columns:repeat(2, 1fr)}.series__catalog-item{grid-column:span 4;min-height:350px}.series__catalog-item:nth-of-type(6n+1){min-height:350px}.series__catalog-item:nth-of-type(6n+2){grid-column:span 4}.footer__block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:20px}}@media(max-width: 768px){.container{max-width:576px}.header__content-title{font-size:25px;line-height:30px}.films__catalog{grid-template-columns:minmax(300px, 400px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.collection__movies{grid-template-columns:1fr}.footer__right-text{font-size:14px;text-align:center}}@media(max-width: 576px){.container{max-width:100%}.series__catalog-item:nth-of-type(6n+1) .series__catalog-title{font-size:26px;text-align:center}}