.select-container{margin-left:15%;width:70%;height:100%;padding:20em;display:flex;flex-direction:column;justify-content:center}.select-container .title{color:#fff;text-align:center;font-size:70px;font-weight:300;white-space:nowrap;justify-items:center}.select-container .profile-group{width:100%;padding:3em;display:flex;flex-direction:row;justify-content:center}.select-container .profile-block{background:transparent;display:flex;flex-direction:column;color:gray;text-align:center;font-size:25px;padding:.5em;cursor:pointer}.select-container .profile-block span{margin-top:.5em}.select-container .profile-block img{border-radius:5px;width:150px;height:150px;object-fit:cover}.select-container .profile-block:hover,.select-container .profile-block.active{color:white}.select-container .profile-block:hover img,.select-container .profile-block.active img{border:2px solid white}.select-container .add-profile{border-radius:5px;background:transparent;text-decoration:none}.select-container .add-profile .circle{border-radius:100px;background:gray;margin:25px;width:100px;height:100px;font-size:120px;color:black;text-decoration:none}.select-container .add-profile:hover{background:white}.select-container .add-profile:hover .circle{color:white}.select-container .div-done-wrapper-select{padding-top:1em;text-align:center}.select-container .div-done-wrapper-select button{border:1px solid gray;color:gray;text-align:center;font-size:25px;padding:.3em;background:#000;cursor:pointer;min-width:350px}.select-container .div-done-wrapper-select button:hover{color:white;border:1px solid white}

.manage-container{margin-left:15%;width:70%;height:100%;padding:20em;display:flex;flex-direction:column;justify-content:center}.manage-container .title{color:#fff;text-align:center;font-size:70px;font-weight:300;white-space:nowrap;justify-items:center}.manage-container .profile-group{width:100%;padding:3em;display:flex;flex-direction:row;justify-content:center}.manage-container .profile-block{background:transparent;display:flex;flex-direction:column;color:gray;text-align:center;font-size:25px;padding:.5em;cursor:pointer}.manage-container .profile-block .back-overlay{position:absolute;width:150px;height:150px;background-color:black;opacity:.5}.manage-container .profile-block .edit-overlay{position:absolute;width:50px;height:50px;opacity:.5;margin:50px}.manage-container .profile-block .edit-overlay img{width:100%;height:100%;padding:8px;border-radius:25px;border:2px solid white !important}.manage-container .profile-block span{margin-top:.5em}.manage-container .profile-block img{border-radius:5px;width:150px;height:150px;object-fit:cover}.manage-container .profile-block:hover,.manage-container .profile-block.active{color:white}.manage-container .profile-block:hover img,.manage-container .profile-block.active img{border:2px solid white}.manage-container .add-profile{border-radius:5px;background:transparent;text-decoration:none}.manage-container .add-profile .circle{border-radius:100px;background:gray;margin:25px;width:100px;height:100px;font-size:120px;color:black;text-decoration:none}.manage-container .add-profile:hover{background:white}.manage-container .add-profile:hover .circle{color:white}.manage-container .div-done-wrapper{padding-top:1em;text-align:center}.manage-container .div-done-wrapper button{border:0px;color:black;text-align:center;font-size:25px;padding:.3em;background:white;cursor:pointer;min-width:150px}.manage-container .div-done-wrapper button:hover{border:0px;color:white;background-color:red}

.create-container{margin-left:15%;width:70%;height:100%;padding:20em;display:flex;flex-direction:column;justify-content:flex-start}.create-container .title{color:#fff;font-size:70px;font-weight:300;white-space:nowrap;justify-items:center}.create-container .tip{color:grey;font-size:30px;font-weight:300;white-space:nowrap;justify-items:center;margin-top:15px}.create-container hr{color:darkslategray;opacity:.1;width:100%;margin-top:20px;margin-bottom:20px}.create-container .information{background:transparent;display:flex;flex-direction:row;color:gray;text-align:center;font-size:25px;padding:0}.create-container .information img{border-radius:5px;width:150px;height:150px;object-fit:cover}.create-container .information .input-wrapper{width:100%;text-align:left;padding-left:20px}.create-container .information .input-wrapper input[type=text]{height:2em;font-size:20px;width:30em;padding-left:3px;background-color:gray;color:white}.create-container .information .input-wrapper input[type=text].error{border:2px solid yellow}.create-container .information .input-wrapper .name-error{font-size:18px;color:white;margin-top:.2em;margin-bottom:0}.create-container .information .input-wrapper .type-group{display:flex;flex-direction:row}.create-container .information .input-wrapper .type-description{padding-top:1em;display:block;font-size:18px;color:lightgray}.create-container .information .input-wrapper .block-description{padding-top:.5em;display:block;font-size:18px;font-weight:400;color:red}.create-container .div-done-wrapper{padding-top:1em}.create-container .div-done-wrapper .btn-continue{border:0px;color:black;text-align:center;font-size:25px;padding:.3em;background:white;cursor:pointer;min-width:150px;margin-right:10px;padding:20px}.create-container .div-done-wrapper .btn-continue:hover{border:0px;color:white;background-color:red}.create-container .div-done-wrapper .btn-cancel{border:1px solid gray;color:gray;text-align:center;font-size:25px;padding:.3em;background:#000;cursor:pointer;min-width:150px;padding:20px}.create-container .div-done-wrapper .btn-cancel:hover{color:white;border:1px solid white}

.edit-container{margin-left:15%;width:70%;height:100%;padding:20em;display:flex;flex-direction:column;justify-content:flex-start}.edit-container .title{color:#fff;font-size:70px;font-weight:300;white-space:nowrap;justify-items:center}.edit-container .tip{color:grey;font-size:30px;font-weight:300;white-space:nowrap;justify-items:center;margin-top:15px}.edit-container hr{color:darkslategray;opacity:.1;width:100%;margin-top:20px;margin-bottom:20px}.edit-container .information{background:transparent;display:flex;flex-direction:row;color:gray;text-align:center;font-size:25px;padding:0}.edit-container .information img{border-radius:5px;width:150px;height:150px;object-fit:cover}.edit-container .information .input-wrapper{width:100%;text-align:left;padding-left:20px}.edit-container .information .input-wrapper input[type=text]{height:2em;font-size:20px;width:30em;padding-left:3px;background-color:gray;color:white}.edit-container .information .input-wrapper input[type=text].error{border:2px solid yellow}.edit-container .information .input-wrapper .name-error{font-size:18px;color:white;margin-top:.2em;margin-bottom:0}.edit-container .information .input-wrapper .type-group{display:flex;flex-direction:row;flex-wrap:wrap}.edit-container .information .input-wrapper .label-lang{margin-top:20px}.edit-container .information .input-wrapper .type-description{padding-top:1em;display:block;font-size:18px;color:lightgray}.edit-container .information .input-wrapper .block-description{padding-top:.5em;display:block;font-size:18px;font-weight:400;color:red}.edit-container .div-done-wrapper{padding-top:1em}.edit-container .div-done-wrapper .btn-continue{border:0px;color:black;text-align:center;font-size:25px;padding:.3em;background:white;cursor:pointer;min-width:150px;margin-right:10px;padding:20px}.edit-container .div-done-wrapper .btn-continue:hover{border:0px;color:white;background-color:red}.edit-container .div-done-wrapper .btn-cancel{border:1px solid gray;color:gray;text-align:center;font-size:25px;padding:.3em;background:#000;cursor:pointer;min-width:150px;padding:20px;margin-right:30px}.edit-container .div-done-wrapper .btn-cancel:hover{color:white;border:1px solid white}.edit-container .div-done-wrapper .btn-delete{border:1px solid gray;color:red;text-align:center;font-size:25px;padding:.3em;background:#000;cursor:pointer;min-width:150px;padding:20px;margin-right:30px}.edit-container .div-done-wrapper .btn-delete:hover{border:1px solid white}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:'Hind', sans-serif;box-sizing:border-box;background-color:#111}html{font-size:62.5%}@media only screen and (max-width: 74em){html{font-size:50%}}.container{display:grid;grid-template-rows:min-content min-content min-content min-content;grid-template-columns:4% repeat(10, 1fr) 4%}.backdrop{width:120%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(17,17,17,0.5);transition:all .3s}.modal{position:fixed;z-index:500;width:100%;top:0;left:0;color:#fff;height:52rem;opacity:0;box-shadow:0 1.5rem 4rem rgba(23,24,24,0.15);transition:all .3s;overflow:hidden}@media only screen and (max-width: 74em){.modal{height:38rem}}@media only screen and (max-width: 37.5em){.modal{height:50rem}}.modal__background{position:relative;min-width:100%;min-height:100%;margin-top:-52rem;z-index:-1}.modal__container{width:100%;height:100%;display:flex;flex-direction:row}.modal__info_container{background:linear-gradient(90deg, #000 10%, transparent);width:60%;padding-top:3rem;height:100%;padding-left:5rem}@media only screen and (max-width: 74em){.modal__info_container{background:linear-gradient(90deg, #000 25%, rgba(0,0,0,0.733), transparent);width:88%}}@media only screen and (max-width: 61.25em){.modal__info_container{background:linear-gradient(90deg, rgba(0,0,0,0.966) 35%, transparent);width:100%}}@media only screen and (max-width: 37.5em){.modal__info_container{padding-top:1rem;padding-left:1rem}}.modal__action{display:flex;align-items:center}.modal__categories{display:flex;align-items:flex-start}.modal__categories span{font-size:18px;color:white;margin:.2em;padding:.3em;border-radius:.3em;border:1px solid white;background-color:rgba(0,0,0,0.2);opacity:.8}.modal__file_container{background:linear-gradient(-90deg, #000 20%, transparent);width:40%;padding-top:3rem;height:100%;overflow-y:auto}.modal__list_file{display:flex;flex-direction:column;list-style:none}.modal__list_file li{padding:10px}.modal__list_file li:hover{background-color:rgba(0,0,0,0.3);border:0px !important;border-radius:10px;cursor:pointer}.modal__list_file .episode-wrapper{display:flex;flex-direction:row}.modal__list_file .episode-wrapper svg{margin-top:10px;width:15px;height:15px;border:2px solid white;fill:white;padding:5px;border-radius:20px}.modal__list_file .episode-wrapper img{margin-left:10px;width:70px;height:50px;object-fit:cover;border:1px rgba(0,0,0,0.5);border-radius:5px}.modal__list_file .episode-wrapper .titles-episode{padding-left:20px}.modal__list_file .episode-wrapper .titles-episode h4{font-size:20px}.modal__list_file .episode-wrapper .titles-episode span{font-size:15px;color:lightgreen}.modal__vote__up,.modal__vote__down{max-height:60px;padding:10px;border:2px solid white;border-radius:60px;background-color:transparent;cursor:pointer;margin:10px}.modal__vote__check{background-color:lightgreen}.modal__title{font-size:4rem}.modal__serie_type{font-size:1.4rem;color:#7a7a7a}.modal__rating{font-size:2rem;color:#5cdf5c}.modal__price{font-size:1.8rem;color:'#00ffff'}.modal__info{padding-top:1.6rem;font-size:2rem}@media only screen and (max-width: 37.5em){.modal__info{padding-top:1.2rem}}.modal__episode{padding-top:.5rem;font-size:2rem}.modal__overview{color:#7a7a7a;padding-top:2rem;font-size:2rem;hyphens:auto;width:80%;line-height:1.2}@media only screen and (max-width: 102em){.modal__overview{width:60%;font-size:1.8rem}}@media only screen and (max-width: 74em){.modal__overview{width:80%}}@media only screen and (max-width: 61.25em){.modal__overview{width:95%;color:rgba(255,255,255,0.877)}}@media only screen and (max-width: 37.5em){.modal__overview{padding-top:1rem;font-size:1.7rem}}.modal__btn{text-transform:uppercase;font-weight:500;cursor:pointer;background-color:transparent;color:#fff;border:0.5px solid #7a7a7a;border-radius:2px;font-size:1.5rem;margin-top:2rem;margin-right:1rem;padding:1rem 2rem 1rem 2rem;transition:all .2s}@media only screen and (max-width: 37.5em){.modal__btn{margin-top:1rem}}.modal__btn:hover{transform:scale(1.09)}.modal__btn--red{background-color:rgba(248,6,22,0.870588);border:none}.modal__btn--icon{fill:#fff;padding-right:1rem;height:1.4rem;width:1.4rem}.show{transition:.5s .3s ease-out;top:25%;left:0;visibility:visible;opacity:1}.hide{visibility:hidden}.searchContent{height:100vh;background-color:#111}.search-container{background-color:#111;height:150%;padding-bottom:10rem;padding-left:4rem}.no-results{display:flex;justify-content:center;align-content:center;color:#c5c5c5;height:100%;padding-top:25rem}.no-results__text{font-size:1.6rem}.no-results__text>*{padding-bottom:1.8rem}.no-results__text>ul{padding-left:6.5rem;list-style:disc}.no-results__text>ul>*{padding-bottom:0.2rem}.movie{flex:1 1 auto;padding-top:6rem;display:inline-block;margin-right:10px}@media only screen and (max-width: 74em){.movie{padding-top:4rem}}.movie__column-poster{height:25rem;width:17.5rem;cursor:pointer;transition:transform .3s;-webkit-transition:transform .3s}@media only screen and (max-width: 74em){.movie__column-poster{height:20rem;width:14rem}}.movie__column-poster:hover{transform:scale(1.25)}@media only screen and (max-width: 74em){.movie__column-poster:hover{transform:scale(1.15)}}.movie__poster{height:100%;width:100%;object-fit:cover}div.movie:first-child{padding-top:15rem}.swiper-pagination{top:0 !important;height:2rem !important;text-align:right !important;padding-right:4rem !important}.swiper-pagination-bullet{background-color:#fff !important}.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0 !important;left:0 !important;width:100% !important}div.swiper-button-prev,div.swiper-button-next{transition:all 450ms !important;color:#fff}div.swiper-button-prev:hover,div.swiper-button-next:hover{transform:scale(1.2) !important;transition:all 450ms !important}.swiper-slide{transition:all 450ms !important}.swiper-wrapper:hover .swiper-slide{opacity:.3 !important}.swiper-wrapper:hover .swiper-slide:hover{transform:scale(1.3) !important;opacity:1 !important}@media only screen and (max-width: 74em){.swiper-wrapper:hover .swiper-slide:hover{transform:scale(1.2) !important}}.movieShowcase{background-color:#111;grid-column:2 / 13;color:#fff}.movieShowcase__heading{padding-top:2rem}.movieShowcase__container::-webkit-scrollbar{display:none}@media only screen and (max-width: 37.5em){.movieShowcase__container{width:98vw}}.movieShowcase__container--movie:hover ~ .movieShowcase__container--movie{transform:translate3d(5rem, 0, 0)}@media only screen and (max-width: 74em){.movieShowcase__container--movie:hover ~ .movieShowcase__container--movie{transform:translate3d(3rem, 0, 0)}}@media only screen and (max-width: 37.5em){.movieShowcase__container--movie:hover ~ .movieShowcase__container--movie{transform:translate3d(2.8rem, 0, 0)}}.movieShowcase__container--movie__netflix:hover ~ .movieShowcase__container--movie__netflix{transform:translate3d(1rem, 0, 0)}.movieShowcase__container:hover .movieShowcase__container--movie__netflix:hover{transform:scale(1.1) !important}@media only screen and (max-width: 74em){.movieShowcase__container:hover .movieShowcase__container--movie__netflix:hover{transform:scale(1.05) !important}}@media only screen and (max-width: 37.5em){.movieShowcase__container:hover .movieShowcase__container--movie__netflix:hover{transform:scale(1.05) !important}}.movieShowcase__container--movie{cursor:pointer;transition:all 450ms;transform:center left;padding-top:3.5rem;padding-bottom:4rem;min-height:0;object-fit:contain}.movieShowcase__container--movie:not(:last-child){padding-right:.5rem}.movieShowcase__container--movie-image{height:100%;width:100%;object-fit:contain}.movieShowcase__container--movie__netflix{min-height:0;padding-top:3rem;padding-bottom:4rem;padding-right:1rem;cursor:pointer;transition:all 450ms;transform:center left}.footer{background-color:#111;padding-top:15rem;padding-bottom:4rem;grid-column:1 / 13;text-align:center}@media only screen and (max-width: 37.5em){.footer{padding-top:10rem}}.footer__copyright{color:#fff;font-size:1.8rem}.footer__copyright--link{text-decoration:none;color:rgba(248,6,22,0.870588);transition:all .3s}.footer__copyright--link:hover{color:orange}.header{background-color:#111;grid-column:1 / 13;height:65rem;display:inline-block}@media only screen and (max-width: 37.5em){.header{height:50rem}}.header__container{padding-top:20rem;padding-left:4.5rem;color:#fff}@media only screen and (max-width: 37.5em){.header__container{padding-left:1rem}}.header__container-action{display:flex;align-items:center}.header__container-vote__up,.header__container-vote__down{max-height:60px;padding:10px;border:2px solid white;border-radius:60px;background-color:transparent;cursor:pointer;margin:10px}.header__container-vote__check{background-color:lightgreen}.header__container-categories{display:flex;align-items:flex-start}.header__container-categories span{font-size:18px;color:white;margin:.2em;padding:.3em;border-radius:.3em;border:1px solid white;background-color:rgba(0,0,0,0.2);opacity:.8}.header__container-heading{font-size:6rem;padding-bottom:1rem}.header__container-serie_type{font-size:1.5rem;color:lightgray}.header__container-btnPlay,.header__container-btnMyList{cursor:pointer;font-size:1.6rem;color:#fff;outline:none;border:none;font-weight:700;border-radius:.2vw;padding-left:3.5rem;padding-right:3.5rem;margin-right:1rem;padding-top:1rem;background-color:rgba(51,51,51,0.5);padding-bottom:1rem;max-height:40px}.header__container-btnPlay-add,.header__container-btnMyList-add{width:15px;height:15px;fill:#fff;margin-right:1rem}.header__container-btnPlay-play,.header__container-btnMyList-play{width:15px;height:15px;fill:#fff;margin-right:1rem}.header__container-btnPlay:hover,.header__container-btnMyList:hover{color:#000;background-color:#e6e6e6;transition:all .2s;box-shadow:0 1px 2px rgba(0,0,0,0.3)}.header__container-btnPlay:hover>*,.header__container-btnMyList:hover>*{fill:#000}.header__container-overview{width:45rem;line-height:1.3;padding-top:2.5rem;font-size:1.8rem}@media only screen and (max-width: 37.5em){.header__container-overview{width:36rem}}.header--fadeBottom{height:28.5rem;background-image:linear-gradient(180deg, transparent, rgba(37,37,37,0.61), #111)}.navigation{background-color:transparent;z-index:100;grid-column:1 / 13;position:fixed;width:100%;height:6.7rem;transition-timing-function:ease-in;transition:all 1s}.navigation.black{background-color:#111}.navigation__container{background-color:transparent;margin-left:3.8rem;display:flex;height:6.7rem;justify-content:flex-start;align-items:center}@media only screen and (max-width: 37.5em){.navigation__container{margin-left:1rem}}.navigation__container a:first-child{padding-left:.2%;color:#e21221}.navigation__container--bellLogo{cursor:pointer;height:2.2rem;fill:red;width:2.2rem;padding-right:2.5rem}@media only screen and (max-width: 37.5em){.navigation__container--bellLogo{display:none}}.navigation__container--userLogo{margin-top:2rem;border-radius:5px;cursor:pointer;background-size:contain;height:3rem;width:3rem;margin-right:.5rem}@media only screen and (max-width: 74em){.navigation__container--userLogo{margin-right:3rem}}@media only screen and (max-width: 37.5em){.navigation__container--userLogo{display:none}}.navigation__container--userLogo:hover>.dropdownContent{transition:all .4s;opacity:1;visibility:visible}.navigation__container--downArrow{cursor:pointer;fill:#fff;height:1rem;width:1rem;margin-right:5.8rem}@media only screen and (max-width: 74em){.navigation__container--downArrow{display:none}}.navigation__container--downArrow-2{display:none;cursor:pointer;fill:#fff;height:1rem;width:1rem}@media only screen and (max-width: 74em){.navigation__container--downArrow-2{height:1.5rem;width:1.5rem;display:inline-block}}@media only screen and (max-width: 37.5em){.navigation__container--downArrow-2{display:none}}.navigation__container--logo{margin-top:1rem;height:5rem;padding-right:1rem}@media only screen and (max-width: 74em){.navigation__container--logo{padding-right:.1rem}}.navigation__container-link{font-weight:500;font-size:1.5rem;color:#ddd;text-decoration:none;margin-right:2rem;transition:all .2s}.navigation__container-link:last-child{padding-right:2.6rem}.navigation__container-link:hover{color:#a7a7a7}.navigation__container--left{flex-grow:1;color:#fff;padding-right:2rem;display:flex;justify-content:flex-end}.navigation__container--left__input{font-size:1.4rem;border:none;color:#fff;outline:none;width:0px;padding:10px;padding-right:2rem;background:#111;border:1px solid #fff;transition:width .5s;cursor:pointer;opacity:0}.navigation__container--left__input:focus{padding-left:4rem;width:22rem;cursor:text;opacity:1}@media only screen and (max-width: 37.5em){.navigation__container--left__input:focus{width:16rem}}.logo{width:1.8rem;height:1.8rem;transform:translateX(2.4rem) translateY(1rem);cursor:pointer}.dropdownContent{display:flex;flex-direction:column;opacity:0;color:#FFF;transition-delay:.5s;padding-left:1rem;padding-top:1.8rem;visibility:hidden;height:auto;border:1px solid #494949;width:15rem;padding-bottom:20px;background-color:rgba(0,0,0,0.9);transform:translateY(4.6rem) translateX(-11rem)}.dropdownContent--2{height:auto;padding-top:10px;padding-bottom:10px}.dropdownContent-text{width:fit-content;padding-top:1.2rem;font-size:1.2rem;text-decoration:none}.dropdownContent-text:hover{border-bottom:1px solid #fff}.dropdownContent-textOutside{font-size:1.2rem;padding-bottom:1rem}.dropdownContent--user{height:3rem;width:3rem;border-radius:5px;background-color:#40a8e4}.dropdownContent--user-2{background-color:#e69130}.dropdownContent--user-3{background-color:#7be660}.dropdownContent--user-logo{max-width:25px;max-height:25px;border-radius:3px}.dropdownContent--user-text{width:fit-content;font-size:1.2rem;transform:translateX(4rem) translateY(-2rem);text-decoration:none}.dropdownContent--user-text:hover{border-bottom:1px solid #fff;border-width:100%}.dropdownContainer{height:100%;justify-content:center;align-content:center}.dropdownContainer:hover .dropdownContent{transition:all .4s;opacity:1;visibility:visible}.pseudo-link{cursor:pointer}@media only screen and (max-width: 74em){.pseudo-link{display:none}}