.navLinksContainer a{text-decoration:none;transition:.2s;display:flex;align-items:center;gap:5px}.navLinksContainer a path{transition:.2s}.navLinksContainer a:hover,.navLinksContainer a:hover path{fill:var(--hover-color);color:var(--hover-color)}.navLinksContainer button{position:relative;font-size:16px;display:flex;align-items:center;gap:5px}.dropDown{pointer-events:none;transform:translateY(-20px);opacity:0;transition:.2s;border-radius:5px;padding:20px 10px;background-color:#212121;width:max-content;top:20px;gap:15px;display:flex;flex-direction:column;position:absolute;z-index:3}.showDropDown{transform:translateY(0);opacity:1;pointer-events:all}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;position:fixed;width:100%;padding:0 50px;top:0;transition:.2s;z-index:100}.nav .navLinksContainer{display:flex;align-items:center;gap:20px}.nav a{display:flex;align-items:center}.nav div{display:flex;align-items:center;gap:10px}.nav .menuBtn{display:none}.nav .accountBtn{margin-left:20px}.navScrolled{background-color:#363636;transition:.2s;height:60px}@media (max-width: 1023px){.nav{padding:0 20px}.nav>.navLinksContainer,.nav button:first-of-type{display:none}.nav .menuBtn{display:flex}.nav .accountBtn{display:none}}.searchForm{width:100%;display:flex;gap:5px;flex-direction:column;align-items:center}.searchForm div{display:flex;gap:15px}.searchForm #itemTitle{background:none;border:solid 1px #666666;padding:8px 12px;width:350px;border-radius:4px;outline:none;transition:.2s}.searchForm #itemTitle:focus{border-color:var(--primary-color)}.loadingSearch{cursor:not-allowed;animation:loadingIcon 1.5s linear infinite}@keyframes loadingIcon{0%,50%{transform:scale(1)}25%,75%{transform:scale(1.4)}to{transform:scale(1)}}@media (max-width: 639px){.searchForm #itemTitle{width:100%}.searchForm div{flex-direction:column;width:100%}}.categoryCardsContainer{margin-top:20px;display:flex;justify-content:center;gap:30px}.categoryCardsContainer .categoryCard{display:flex;flex-direction:column;align-items:center;padding:20px;gap:5px;background-color:#2d2d2d;width:150px;border-radius:4px;transition:.2s;text-decoration:none}.categoryCardsContainer .categoryCard:hover{background-color:var(--hover-color)}@media (max-width: 639px){.categoryCardsContainer{justify-content:space-between;width:100%}.categoryCardsContainer .categoryCard{width:50%}}.selectsContainer{display:flex;justify-content:center;flex-wrap:wrap;gap:30px 20px;margin-top:50px}.selectsContainer button{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center}.selectsContainer button path{transition:.2s}.selectsContainer button:hover path{fill:var(--primary-color)}.dot-spinner{--uib-size: 2.8rem;--uib-speed: .9s;--uib-color: #ffffff;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.dot-spinner__dot{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.dot-spinner__dot:before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;box-shadow:0 0 20px #121f354d}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed) * -.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed) * -.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed) * -.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed) * -.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed) * -.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed) * -.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed) * -.125)}@keyframes pulse0112{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.cardsContainer{display:flex;justify-content:center;flex-wrap:wrap;gap:40px}.card{width:190px;height:270px;transition:all .4s;border-radius:10px;box-shadow:0 0 10px 5px #000000b4;position:relative}.card:hover{border-radius:15px;cursor:pointer;transform:scale(1.2)}.first-content{height:100%;width:100%;transition:all .4s;display:flex;justify-content:center;align-items:center;opacity:1;border-radius:15px}.second-content{position:absolute;width:100%;top:0;height:100%;opacity:0;transition:all .4s;border-radius:8px;font-size:10px}.second-content span{position:absolute;background-color:#212121;border-radius:2px;padding:5px 6px}.card:hover .second-content{opacity:1;background:#0000005c}.card img{width:100%;height:100%;object-fit:cover;border-radius:8px}.card .rate{top:10px;right:5px;display:flex;align-items:center;gap:5px}.releaseDate{left:5px;top:10px}.itemTitle{font-weight:500;text-align:center;bottom:0;right:50%;transform:translate(50%);width:100%;font-size:14px;letter-spacing:1px;border-radius:0 0 8px 8px/0px 0px 8px 8px!important;background-color:#000a!important}.likeBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent;border:none}@media (max-width: 639px){.cardsContainer{justify-content:space-between;gap:20px}.cardsContainer .card{width:45%;height:190px}}.detailsCard{display:flex;gap:30px}.cardPoster{position:relative}.cardContent{display:flex;flex-wrap:wrap;justify-content:space-between;flex-grow:1}.cardContent>div{width:45%;display:flex;flex-direction:column;gap:20px}.cardContent h1{font-size:35px;font-weight:700}.cardContent .itemOverview{display:flex;flex-direction:column;gap:10px;line-height:25px;text-align:justify}.cardContent .cardSectionHead{font-size:28px;font-weight:500;letter-spacing:1px;display:flex;align-items:center;gap:5px}.cardContent .itemEpoisdes{display:flex;gap:10px}.cardContent .itemGenres{display:flex;gap:10px;flex-wrap:wrap}.cardContent .itemGenres span{font-size:14px;border:1px solid var(--primary-color);padding:8px;border-radius:5px;color:var(--primary-color)}.cardContent .itemDetails{display:flex;flex-direction:column;gap:20px}.cardContent .itemDetails p{display:flex;align-items:center;gap:5px;font-size:14px;letter-spacing:1px;flex-wrap:wrap}.cardContent .itemDetails svg{font-size:20px;fill:var(--primary-color)}.cardContent .itemDetails>div{display:flex;flex-direction:column;gap:25px}.cardContent .itemDetails div span{background-color:#212121;border-radius:5px;padding:5px}.cardContent .itemDetails div span:first-of-type{letter-spacing:normal;background-color:#f0f0f0;color:#212121;font-weight:700;margin-right:20px;margin-left:5px}.floatingRate{position:absolute;right:5px;top:10px;background-color:#212121;display:flex;align-items:center;padding:5px 6px;font-size:14px;border-radius:2px;gap:5px}.collectionCards{display:flex;justify-content:center;flex-wrap:wrap;gap:40px}.collectionCards img{box-shadow:0 0 10px 5px #000000b4;border-radius:8px}.collectionCards div{width:190px;height:270px}.collectionCards div img{width:100%;height:100%;object-fit:cover}@media (max-width: 639px){.detailsCard{flex-direction:column;align-items:center}.detailsCard h1{text-align:center}.detailsCard .cardPoster{width:fit-content}.detailsCard>div{width:100%}.detailsCard .cardContent{flex-direction:column;gap:30px}.detailsCard .cardContent>div{width:100%}.collectionCards{gap:60px 20px}.collectionCards div{width:45%;height:180px}}@media (min-width: 640px) and (max-width: 1023px){.detailsCard{flex-direction:column;align-items:center}.detailsCard .cardPoster{width:fit-content}}.trailerContainer{display:flex;align-items:center;flex-direction:column;text-align:center;gap:20px}.trailerContainer h1{font-size:38px}.trailerContainer span{color:var(--primary-color)}.trailerContainer iframe{width:50%;height:350px;border:none}@media (max-width: 639px){.trailerContainer{gap:30px}.trailerContainer h1,.trailerContainer iframe{width:100%}.trailerContainer h1{font-size:30px}}.actorsContainer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.actorsCard{width:120px;margin-top:50px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid var(--primary-color);height:70px;margin-top:200px!important}footer div{display:flex;gap:15px}footer a{transition:.2s}footer>div a{width:30px;height:30px;padding:5px;border-radius:50%;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center}footer>div a:hover{background-color:var(--hover-color)!important}footer p a{text-decoration:none;font-style:italic;color:var(--primary-color)}footer a:hover{color:var(--hover-color)!important}@media (max-width: 639px){footer,footer p{display:flex;text-align:center;gap:10px;padding:10px 0;height:max-content;flex-direction:column}}@font-face{font-family:myRubik;src:url(/elcinema/assets/Rubik-Regular-BCr64LpH.ttf);font-display:swap}::-webkit-scrollbar{background-color:#363636;width:6px}::-webkit-scrollbar-thumb{background-color:var(--primary-color)}*{margin:0;padding:0;box-sizing:border-box;color:#fff;font-family:myRubik}:root{--primary-color: #f3951e;--hover-color: #d2831c}body{background-color:#1e1e21}.container{margin-right:50px;margin-left:50px}.mt{margin-top:100px}button{cursor:pointer}.primaryBtn{transition:.2s;background-color:var(--primary-color);border:none;border-radius:4px;padding:8px 12px;display:flex;align-items:center;justify-content:center}.primaryBtn:hover{background-color:var(--hover-color)}.linksBtn{background-color:transparent;border:none;transition:.2s;display:flex;align-items:center;gap:8px}.linksBtn path{transition:.2s}.linksBtn:hover>svg>path,.linksBtn:hover{color:var(--primary-color)}@media (max-width: 1023px){.container{margin-right:20px;margin-left:20px}}
