*{margin:0}body{font-family:Roboto,sans-serif;box-sizing:border-box;overflow-x:hidden}button{text-transform:uppercase;cursor:pointer;color:#fff;outline:none;border:none;font-weight:200;border-radius:.4vw;padding:.5rem 2rem;margin-right:1rem;transition:all .3s}button:hover{opacity:.8}button:focus{outline:none}.dropdown[data-v-497ccde4]{position:relative;display:inline-block}.dropDownContent[data-v-497ccde4]{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropDownContent a[data-v-497ccde4]{color:#000;padding:8px 5px;text-decoration:none!important;display:block}.dropDownContent a[data-v-497ccde4]:hover{background-color:#f1f1f1}.dropdown:hover .dropDownContent[data-v-497ccde4]{display:block;transition:all .3s ease-in}.white[data-v-497ccde4]{color:#fff}.header[data-v-497ccde4]{display:flex;justify-content:space-around;align-items:center;padding:15px;position:fixed;top:0;z-index:99;left:0;right:0;transition-timing-function:ease-in;transition:all .5s}.header__black[data-v-497ccde4]{background-color:#111}.header__items[data-v-497ccde4]{align-items:center;flex:0.9;display:flex;flex-direction:row;justify-content:space-around}.header__image[data-v-497ccde4]{-o-object-fit:contain;object-fit:contain;width:140px}.header__search[data-v-497ccde4]{flex:0.8;border-radius:5px;border:1px solid #d3d3d3;height:32px;padding-left:20px;box-sizing:border-box;transition:all .5s;color:#000}.transparentSearch[data-v-497ccde4]{background-color:unset;border:unset;border:.2px solid #d3d3d3;transition:all .5s;color:#fff}.transparentSearch[data-v-497ccde4]::-moz-placeholder{color:#fff}.transparentSearch[data-v-497ccde4]:-ms-input-placeholder{color:#fff}.transparentSearch[data-v-497ccde4]::placeholder{color:#fff}.header__search[data-v-497ccde4]:focus{border:.5px solid maroon;outline:none}.header__greeting[data-v-497ccde4]{display:flex;flex-direction:column;font-weight:200;font-size:13px;color:#fff;border:none;cursor:pointer}.menu-toggle[data-v-497ccde4]{display:none;flex-direction:column;height:18px;justify-content:space-between;position:relative;border:.5px solid grey;padding:10px;border-radius:10px}.menu-toggle input[data-v-497ccde4]{position:absolute;width:40px;height:28px;left:-6px;top:-5px;opacity:0;cursor:pointer;z-index:2}.menu-toggle span[data-v-497ccde4]{background-color:#000}.menu-toggle span[data-v-497ccde4],.whiteMenu span[data-v-497ccde4]{display:block;width:28px;height:3px;border-radius:3px;transition:all .3s ease-in}.whiteMenu span[data-v-497ccde4]{background-color:#fff}@media (max-width:576px){.menu-toggle[data-v-497ccde4]{display:flex}.header[data-v-497ccde4]{justify-content:space-between;padding:10px 15px}.header__items[data-v-497ccde4]{position:absolute;right:0;top:0;height:100vh;width:50%;flex-direction:column;justify-content:start;border:1px solid #000;align-items:stretch;background-color:#000;color:#fff;padding:10px;padding-top:70px;z-index:-10;transform:translateX(100%);transition:all .7s ease-in-out;opacity:0}.header__items.slide[data-v-497ccde4]{opacity:1;transform:translateX(0)}.header__greeting[data-v-497ccde4]{margin:30px 0;flex-direction:row}.header__greeting span[data-v-497ccde4]{margin-left:5px}.header__search[data-v-497ccde4]{flex:none}}.banner{color:#fff;-o-object-fit:contain;object-fit:contain;min-height:500px;border:1px solid #000;background-size:cover!important;margin-bottom:50px}.banner__contents{margin-left:30px;padding-top:140px;height:190px}.banner__directors{margin-top:0;margin-bottom:30px}.banner__title{font-size:3rem;font-weight:800}.banner__description{width:45rem;line-height:1.3;padding-top:1rem;font-size:.9rem;max-width:560px;height:80px}.banner__fadeBottom{height:10.6rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111)}@media (max-width:567px){.banner{background-position:50%!important}.banner__description{max-width:300px}}.rowfilm[data-v-b8bb46d0]{margin-top:20px}.rowfilm__titleWrapper[data-v-b8bb46d0]{display:flex;justify-content:space-between;align-items:center}.rowfilm__titleWrapper a[data-v-b8bb46d0]{margin-right:10px;text-decoration:none}.rowfilm__title[data-v-b8bb46d0]{color:maroon;padding-left:20px;font-size:30px;text-transform:capitalize}.rowfilm__posters[data-v-b8bb46d0]{display:flex;overflow-x:auto;padding:20px}.rowfilm__posters[data-v-b8bb46d0]::-webkit-scrollbar{display:none}.rowfilm__poster[data-v-b8bb46d0]{-o-object-fit:contain;object-fit:contain;max-height:100px;margin-right:10px;transition:transform .45s;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.rowfilm__poster[data-v-b8bb46d0]:hover{transform:scale(1.08)}.rowfilm__posterNormal[data-v-b8bb46d0]{max-height:250px}.rowfilm__posterNormal[data-v-b8bb46d0]:hover{transform:scale(1.09)}.rowfilm__posterLarge[data-v-b8bb46d0]{max-height:195px}.rowfilm__notfound[data-v-b8bb46d0]{background-color:rgba(128,0,0,.48);width:70%;min-height:70px;margin:100px auto;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:20px}.rowfilm__notfound h2[data-v-b8bb46d0]{font-weight:200}footer[data-v-4f17d68c]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:100px;background-color:#000}img[data-v-4f17d68c]{-o-object-fit:contain;object-fit:contain}ul[data-v-4f17d68c]{display:flex}ul li[data-v-4f17d68c]{color:hsla(0,0%,100%,.801);list-style:none;margin-right:10px}@media (max-width:567px){footer[data-v-4f17d68c]{padding:unset;padding-top:20px;flex-direction:column;justify-content:unset}}.home__expandBtn[data-v-90cee148]{height:60px;background-color:#000;text-align:center;line-height:60px;color:#f5f5f5}.home__expandBtn span[data-v-90cee148]{margin-left:5px}.accordion[data-v-90cee148]{background-color:#000;cursor:pointer;border:none;outline:none;transition:all .5s}.accordion[data-v-90cee148]:hover,.active[data-v-90cee148]{background-color:#222}.panel[data-v-90cee148]{padding:0 10px;background-color:#fff;max-height:0;transition:max-height .5s;overflow:hidden}.filmcard{margin:5px;align-items:flex-end;background-color:grey;width:400px;height:230px;padding:20px;border-radius:10px;color:#fff;box-sizing:border-box;background-size:cover!important}.filmcard,.filmcard__content{display:flex;position:relative}.filmcard__content{align-items:center;z-index:2}.filmcard__fadeBottom{position:absolute;content:"";background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111);bottom:0;left:0;right:0;height:80px;border-radius:10px}.filmcard__info{flex:0.9}.filmcard__info h4{font-size:1.5rem;font-weight:300;color:#e9e9e9}.filmcard__info h6{font-size:.8rem;font-weight:100;color:#dadada}.filmcard__rating{margin-left:auto;font-size:18px}.genres__header[data-v-4d5187c2]{display:flex;justify-content:center;flex-direction:column;padding-left:7rem;height:300px;color:#eee;background-color:#acacac;background-size:cover!important;position:relative}.genres__fadeBottom[data-v-4d5187c2]{position:absolute;content:"";background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111);bottom:0;left:0;right:0;height:170px;z-index:0}.genres__header h1[data-v-4d5187c2]{z-index:1;font-size:40px}.genres__header p[data-v-4d5187c2]{z-index:1}.genres__header span[data-v-4d5187c2]{color:maroon}.genres__content[data-v-4d5187c2]{display:flex;justify-content:center;flex-wrap:wrap;margin:50px 0}.details__film[data-v-63f88028]{display:flex;align-items:center;min-height:600px;background-color:#000;background-size:cover!important}.frameVideo[data-v-63f88028]{transition:all .4s ease-in;margin-bottom:40px}.details__content[data-v-63f88028]{display:flex;align-items:center;justify-content:space-between;width:70%;margin:auto;flex-wrap:wrap}.details__info[data-v-63f88028]{color:#fff;flex:0.9}.details__info span[data-v-63f88028]{color:#eee;font-weight:200}.details__info h2[data-v-63f88028]{font-size:40px}.details__info p[data-v-63f88028]{margin:40px 0}.details__image[data-v-63f88028]{-o-object-fit:contain;object-fit:contain;height:400px;border-radius:10px}.details__action[data-v-63f88028]{margin-top:20px}@media (max-width:768px){.details__film[data-v-63f88028]{padding:10px 0 50px}.details__content[data-v-63f88028]{margin-top:70px;width:90%;justify-content:center}}.search__header{display:flex;align-items:center;padding-left:7rem;height:300px;color:#eee;background-size:cover!important;background-image:url(../img/bg-search.8a1529e6.jpg);background-position:50%}.search__header h1{cursor:context-menu}.search__header h1 span{font-size:40px;text-transform:capitalize;color:maroon;transition:all .2s ease-in}.search__header h1 span:hover{color:#9c0000}@media (max-width:768px){.search__header{justify-content:center;padding-left:0}}.modal[data-v-38a3e914]{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.671)}.modal-content[data-v-38a3e914]{background-color:#fefefe;margin:10% auto;padding:50px 20px;box-sizing:border-box;border:1px solid #888;width:30%;text-align:center;border-radius:10px;position:relative}.modal-content form input[data-v-38a3e914]{border-radius:10px;height:35px;border:none;padding-left:15px;background-color:hsla(0,0%,71.4%,.5);margin-bottom:20px;transition:all .1s ease-in;box-sizing:border-box}.modal-content form input[data-v-38a3e914]:focus{background-color:#fff;outline:none;border:1px solid #d3d3d3}.modal-content form[data-v-38a3e914]{margin-top:40px;display:flex;flex-direction:column}.close[data-v-38a3e914]{position:absolute;top:0;right:10px;color:#aaa;font-size:28px;font-weight:700}.close[data-v-38a3e914]:focus,.close[data-v-38a3e914]:hover{color:#000;text-decoration:none;cursor:pointer}.login[data-v-38a3e914]{box-shadow:inset 0 0 0 2000px rgba(0,0,0,.596);background-image:url(../img/bg-search.8a1529e6.jpg);background-size:cover;background-position:50%;height:100vh;color:#fff}header[data-v-38a3e914]{padding:15px;text-align:center}header img[data-v-38a3e914]{-o-object-fit:contain;object-fit:contain;width:140px}ul[data-v-38a3e914]{padding:0;display:flex}ul li[data-v-38a3e914]{color:hsla(0,0%,100%,.801);list-style:none;margin-right:10px}.login__[data-v-38a3e914]{margin-top:50px;display:flex;justify-content:space-around;align-items:center}.login__content h1[data-v-38a3e914]{margin-bottom:100px}.login__form[data-v-38a3e914]{width:400px;height:400px;background-color:hsla(0,0%,100%,.42);border-radius:10px;padding:50px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.login__form form[data-v-38a3e914]{box-sizing:border-box;width:100%}.login__form input[data-v-38a3e914]{border-radius:10px;width:94%;height:35px;border:none;padding-left:15px;background-color:#e4e4e4;margin-bottom:20px}.login__form input[data-v-38a3e914]:focus{background-color:#fff;outline:none;border:none}hr[data-v-38a3e914]{margin:20px 0}.login__register[data-v-38a3e914]{display:flex;justify-content:space-between;align-items:center}.btnLarge[data-v-38a3e914]{margin:auto!important;width:100%!important}@media (max-width:768px){.login__form[data-v-38a3e914]{height:300px;margin-bottom:20px;background-color:#acacac}}@media (max-width:567px){.modal-content[data-v-38a3e914]{width:90%}.login__[data-v-38a3e914]{flex-direction:column}.login__form[data-v-38a3e914]{width:90vw;height:300px;margin-bottom:20px;background-color:#acacac;order:1}.login__content[data-v-38a3e914]{width:90vw;text-align:center;order:2}ul[data-v-38a3e914]{justify-content:center}.login__content h1[data-v-38a3e914]{font-size:26px;font-weight:200;margin-top:50px;margin-bottom:50px}}.favoritemovie{color:#fff;display:flex;align-items:center;background-color:#530000;border-radius:10px;position:relative;margin:10px 0}.favoritemovie img{border-top-left-radius:10px;border-bottom-left-radius:10px;-o-object-fit:contain;object-fit:contain;height:70px}.favoritemovie h3{flex:1;padding-left:10px;font-weight:200}.favoritemovie span{position:absolute;top:-5px;right:-5px;background-color:red;padding:5px;border-radius:100%;cursor:pointer}.userprofile{background-image:url(../img/bg-search.8a1529e6.jpg);color:#ccc;background-size:cover;min-height:100vh}.userprofile__content{padding:50px 15px 0;display:flex;justify-content:space-evenly;padding-top:150px}.userprofile__data{flex:0.3}.userprofile__btnEdit{margin:10px 0}.userprofile__data h1,.userprofile__data h3{font-weight:200;margin-bottom:5px}.userprofile__data .form-group{display:flex;flex-direction:column;justify-content:space-between;margin:15px 0}.userprofile__data .form-group .userprofile__inputWrapper,.userprofile__data .form-group input{border-radius:5px;height:35px;padding-left:15px;background-color:#e4e4e4;margin-bottom:20px;border:none;box-sizing:border-box}.userprofile__data .form-group .userprofile__inputWrapper{padding-left:0}.userprofile__data .form-group .userprofile__inputWrapper input{width:100%}.userprofile__data .form-group .userprofile__inputWrapper input:focus,.userprofile__data .form-group input:focus{background-color:#fff;outline:none;border:1px solid #d3d3d3}.userprofile__favorite{flex:0.4}.userprofile__favorite h2{color:#fff;margin-bottom:50px}.userprofile__favorite .favoritemovie__wrapper{padding:10px;box-sizing:border-box;height:400px;overflow-y:auto;overflow-x:hidden}.userprofile__favorite .favoritemovie__wrapper::-webkit-scrollbar{width:1px}.userprofile__inputWrapper{position:relative}.userprofile__inputWrapper .eye-icon{position:absolute;right:10px;top:25%;opacity:.4;cursor:pointer}@media (max-width:768px){.userprofile__content{flex-direction:column}.userprofile__favorite{margin-top:50px}.userprofile__favorite h2{margin-bottom:0}.userprofile__data .form-group .userprofile__inputWrapper input,.userprofile__data .form-group input{width:80%}}