.btn {
  border-radius: 0;
  transition: all 0.2s ease-in-out; }
  .btn:hover {
    transition: all 0.2s ease-in-out; }

.btn-primary {
  background-color: #ff4240;
  border-color: #ff4240; }
  .btn-primary:hover {
    background-color: #0d0d0d;
    border-color: #0d0d0d;
    color: white; }
  .btn-primary:active {
    background-color: #c00200 !important;
    border-color: #c00200 !important; }
  .btn-primary:disabled {
    background-color: rgba(255, 91, 90, 0.85);
    border-color: rgba(255, 91, 90, 0.85);
    color: rgba(255, 255, 255, 0.8); }
  .btn-primary:focus {
    box-shadow: 0 0 2px 0.15rem rgba(255, 66, 64, 0.5); }
  .btn-primary:active:focus {
    box-shadow: 0 0 2px 0.15rem rgba(192, 2, 0, 0.5) !important; }

.btn-secondary {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #4d4d4d; }
  .btn-secondary:hover {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: #272727; }

.btn-filter {
  margin: 2px 1px;
  font-size: .9em; }

.sub-header .btn-dark {
  margin: 0px 5px;
  text-transform: uppercase;
  font-size: .9em;
  background-color: #0d0d0d;
  border-color: #0d0d0d; }
  .sub-header .btn-dark:hover {
    background-color: #404040;
    border-color: #404040; }

html, body {
  width: 100%;
  height: 100%; }

body {
  font-family: "Roboto", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  word-break: normal; }

a {
  color: #ff4240; }
  a:hover {
    color: #0d0d0d; }

h2 {
  margin: 5vh 0vw 5vh 3vw;
  padding-left: 1.5vw;
  border-left: 3px solid #ff4240;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.7rem; }

footer {
  background: #0d0d0d;
  color: #e6e6e6; }

.navbar {
  height: 120px;
  transition: all 0.2s ease-in-out; }
  .navbar.shrink {
    height: 80px;
    background-color: rgba(13, 13, 13, 0.7); }
    .navbar.shrink .navbar-collapse.show, .navbar.shrink .navbar-collapse.collapsing {
      position: absolute;
      top: 80px; }
  .navbar .navbar-brand {
    font-size: 3em;
    font-weight: 700;
    text-transform: uppercase;
    color: white; }
    .navbar .navbar-brand span {
      color: #ff4240; }
    @media (max-width: 576px) {
      .navbar .navbar-brand {
        font-size: 2em; } }
  .navbar .nav-link {
    margin: 0vh .5vw;
    padding: 15px !important;
    color: white;
    text-transform: uppercase;
    font-size: .85em;
    transition: all 0.2s ease-in-out; }
    .navbar .nav-link:hover {
      transition: all 0.2s ease-in-out; }
    .navbar .nav-link:not([href*="top-page"]):not([href*="contact-us"]) {
      color: #e6e6e6;
      background-color: rgba(255, 255, 255, 0.25); }
      .navbar .nav-link:not([href*="top-page"]):not([href*="contact-us"]):hover {
        color: white;
        background-color: rgba(255, 255, 255, 0.45); }
    .navbar .nav-link[href*="top-page"] {
      color: #ff4240;
      margin-right: 2vw; }
    .navbar .nav-link[href*="contact-us"] {
      margin-left: 5vw; }
  .navbar .form-control {
    width: 70px;
    padding-left: 0px;
    padding-right: 0px;
    color: #f2f2f2;
    background-color: rgba(13, 13, 13, 0.7);
    border: 0px;
    transition: all 1s ease-in-out; }
    .navbar .form-control:focus {
      width: 200px;
      box-shadow: none; }
    .navbar .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #bfbfbf; }
    .navbar .form-control::-moz-placeholder {
      /* Firefox 19+ */
      color: #bfbfbf; }
    .navbar .form-control:-ms-input-placeholder {
      /* IE 10+ */
      color: #bfbfbf; }
    .navbar .form-control:-moz-placeholder {
      /* Firefox 18- */
      color: #bfbfbf; }
  .navbar .input-group-text, .navbar .btn {
    background-color: rgba(13, 13, 13, 0.7);
    border: 0px; }
  .navbar .btn {
    color: #d9d9d9;
    border-left: 0px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%; }
  .navbar .input-group-text {
    min-width: 38px;
    border-right: 0px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%; }
  .navbar .input-group-prepend {
    margin-right: 0px; }
  .navbar .input-group-append {
    margin-left: 0px; }
  .navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5); }
  .navbar .navbar-collapse {
    transition: none; }
    .navbar .navbar-collapse.show, .navbar .navbar-collapse.collapsing {
      position: absolute;
      top: 90px;
      width: calc(100% - 32px);
      background-color: rgba(255, 255, 255, 0.85); }
      .navbar .navbar-collapse.show .nav-link[href*="top-page"], .navbar .navbar-collapse.collapsing .nav-link[href*="top-page"] {
        margin-right: 0vw; }
        .navbar .navbar-collapse.show .nav-link[href*="top-page"]:hover, .navbar .navbar-collapse.collapsing .nav-link[href*="top-page"]:hover {
          color: #0d0d0d;
          background-color: rgba(13, 13, 13, 0.3); }
      .navbar .navbar-collapse.show .nav-link:not([href*="top-page"]):not([href*="contact-us"]), .navbar .navbar-collapse.collapsing .nav-link:not([href*="top-page"]):not([href*="contact-us"]) {
        color: #ff4240;
        background-color: transparent; }
        .navbar .navbar-collapse.show .nav-link:not([href*="top-page"]):not([href*="contact-us"]):hover, .navbar .navbar-collapse.collapsing .nav-link:not([href*="top-page"]):not([href*="contact-us"]):hover {
          color: #0d0d0d;
          background-color: rgba(13, 13, 13, 0.3); }
      .navbar .navbar-collapse.show .nav-link[href*="contact-us"], .navbar .navbar-collapse.collapsing .nav-link[href*="contact-us"] {
        color: #ff4240;
        margin-left: 0vw; }
        .navbar .navbar-collapse.show .nav-link[href*="contact-us"]:hover, .navbar .navbar-collapse.collapsing .nav-link[href*="contact-us"]:hover {
          color: #0d0d0d;
          background-color: rgba(13, 13, 13, 0.3); }
      .navbar .navbar-collapse.show .input-group, .navbar .navbar-collapse.collapsing .input-group {
        margin: 10px; }

header.jumbotron {
  width: 100%;
  height: 100%;
  padding: 0px; }
  header.jumbotron .carousel {
    height: calc(100% - 55px);
    overflow: hidden; }
    header.jumbotron .carousel img {
      width: 100%;
      height: auto; }
  header.jumbotron .carousel-item {
    height: calc(100vh - 55px);
    background: #0d0d0d;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    header.jumbotron .carousel-item h1 {
      text-transform: uppercase;
      font-size: 3rem;
      font-weight: bold; }
      header.jumbotron .carousel-item h1 .color-primary {
        font-size: 110%;
        color: #ff4240; }
      @media (max-width: 576px) {
        header.jumbotron .carousel-item h1 {
          font-size: 2rem; } }
    header.jumbotron .carousel-item p {
      text-transform: uppercase;
      font-weight: 300;
      letter-spacing: 5px;
      word-spacing: 5px;
      margin-top: 1.5rem;
      margin-bottom: 2.5rem; }
      @media (max-width: 576px) {
        header.jumbotron .carousel-item p {
          font-size: 90%; } }
    header.jumbotron .carousel-item .btn {
      text-transform: uppercase; }
      @media (max-width: 576px) {
        header.jumbotron .carousel-item .btn {
          font-size: 90%; } }
  header.jumbotron .carousel-caption {
    margin-bottom: 15vh; }
  header.jumbotron .carousel-indicators {
    bottom: 10vh; }
    header.jumbotron .carousel-indicators li {
      cursor: pointer;
      width: 36px;
      height: 6px;
      background-color: white;
      margin: 0px 6px; }
      header.jumbotron .carousel-indicators li.active {
        background-color: #ff4240; }
  header.jumbotron .sub-header {
    height: 55px;
    padding: 0 15px;
    background-color: #ff4240; }
    header.jumbotron .sub-header .fa {
      margin-right: 5px; }
    header.jumbotron .sub-header a {
      color: white;
      margin-right: 35px; }
      @media (max-width: 576px) {
        header.jumbotron .sub-header a {
          font-size: 90%;
          margin-right: 10px; } }

.modal.trailer-modal .close {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 1.5em;
  color: rgba(255, 66, 64, 0.5);
  background-color: white;
  border-radius: 50px;
  border: 1px solid rgba(255, 66, 64, 0.5);
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
  opacity: 1;
  transition: all 0.2s ease-in-out; }
  .modal.trailer-modal .close:hover {
    color: #d90200;
    border-color: rgba(255, 66, 64, 0.5); }
.modal.trailer-modal .modal-content {
  background: rgba(255, 255, 255, 0);
  border: 0px;
  border-radius: 0px; }
.modal.trailer-modal .modal-body {
  padding: 0px; }
.modal .modal-header {
  border-radius: 0px;
  background-color: #ff4240;
  color: white;
  font-weight: bold; }
.modal .close {
  color: white; }
.modal .modal-body {
  padding: 1.5rem 1rem; }
  .modal .modal-body label {
    display: block;
    margin-bottom: 0px; }
  .modal .modal-body .inline-label {
    margin-bottom: 0px; }
    .modal .modal-body .inline-label label {
      display: inline-block; }
  .modal .modal-body .forgot-password {
    margin-top: 1rem; }
.modal .modal-footer .fotget-password {
  margin: auto; }
.modal table {
  font-size: .9em; }
  .modal table tr td {
    border-top-color: #ececec; }
  .modal table tr td:first-child {
    width: 30%;
    min-width: 100px; }
  .modal table tr:first-child td {
    border-top: 0px; }

#cookieWarning {
  padding: 2vh 2vw; }
  #cookieWarning .fa {
    cursor: pointer;
    font-size: 1.5rem; }

#go-to-top {
  position: fixed;
  bottom: 2.5vh;
  right: 2vw; }
  #go-to-top a {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 1.8em;
    color: white;
    background-color: #ff4240;
    transition: all 0.2s ease-in-out; }
    #go-to-top a:hover {
      text-decoration: none;
      background-color: #c00200; }

#top-movie .movie-list {
  padding: 15px;
  border: 1px solid #e6e6e6; }

#social-networks {
  display: none;
  position: fixed;
  top: 200px;
  left: 0px; }
  #social-networks ul {
    list-style-type: none;
    padding: 0px; }
    #social-networks ul li {
      margin-bottom: 10px; }
    #social-networks ul a {
      padding: 7.5px;
      padding-right: 10px;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
              align-items: center;
      width: 175px;
      color: white;
      background-color: #0d0d0d;
      font-weight: bold;
      transition: all 0.2s ease-in-out;
      border: 2px solid rgba(13, 13, 13, 0);
      border-left: 0px;
      margin-left: -115px; }
      #social-networks ul a:hover {
        margin-left: 0px;
        text-decoration: none; }
        #social-networks ul a:hover .fa {
          color: #0d0d0d; }
      #social-networks ul a[href*="twitter"] {
        background-color: #1da1f2; }
        #social-networks ul a[href*="twitter"]:hover {
          color: #1da1f2;
          border-color: #1da1f2;
          background-color: white; }
          #social-networks ul a[href*="twitter"]:hover .fa {
            background-color: #1da1f2;
            color: white; }
      #social-networks ul a[href*="facebook"] {
        background-color: #3b5998; }
        #social-networks ul a[href*="facebook"]:hover {
          color: #3b5998;
          border-color: #3b5998;
          background-color: white; }
          #social-networks ul a[href*="facebook"]:hover .fa {
            background-color: #3b5998;
            color: white; }
      #social-networks ul a[href*="instagram"] {
        background-color: #4c4c4c; }
        #social-networks ul a[href*="instagram"]:hover {
          color: #4c4c4c;
          border-color: #4c4c4c;
          background-color: white; }
          #social-networks ul a[href*="instagram"]:hover .fa {
            background-color: #4c4c4c;
            color: white; }
      #social-networks ul a[href*="google"] {
        background-color: #db4437; }
        #social-networks ul a[href*="google"]:hover {
          color: #db4437;
          border-color: #db4437;
          background-color: white; }
          #social-networks ul a[href*="google"]:hover .fa {
            background-color: #db4437;
            color: white; }
      #social-networks ul a .fa {
        color: #0d0d0d;
        margin-left: 25px;
        display: -webkit-inline-box;
        display: inline-flex;
        -webkit-box-pack: center;
                justify-content: center;
        -webkit-box-align: center;
                align-items: center;
        background-color: white;
        width: 40px;
        height: 40px;
        border-radius: 50%; }

/***********
* Main CSS *
***********/
/*** Rewriting ***/
.card {
  border: 0px;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px; }
  .card:hover img {
    box-shadow: 5px 5px 10px 0px rgba(13, 13, 13, 0.3); }
  .card:hover .card-title, .card:hover .card-subtitle {
    text-shadow: 2.5px 2.5px 5px rgba(13, 13, 13, 0.3); }
  .card .card-img-top {
    border-radius: 0px; }
  .card .card-footer {
    padding: 0px;
    margin-top: 1vh;
    background-color: transparent;
    border-top: 0px;
    text-align: center; }
    .card .card-footer .card-title {
      text-align: center;
      font-size: .9em;
      margin-top: 1vh; }
    .card .card-footer .card-subtitle {
      color: #4d4d4d;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: justify;
              justify-content: space-between;
      font-size: .8em; }
    .card .card-footer .btn-group {
      margin-top: 5px;
      width: 100%;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center; }
      .card .card-footer .btn-group .btn {
        width: 50%;
        border-radius: 0px; }
      .card .card-footer .btn-group .btn-information-modal:hover {
        color: white;
        background-color: #0077b5;
        border-top: 1px solid #00669c;
        border-left: 1px solid #00669c;
        border-bottom: 1px solid #00669c; }
      .card .card-footer .btn-group .btn-trailer-modal:hover {
        color: white;
        background-color: #cc181e;
        border-top: 1px solid #b5151b;
        border-right: 1px solid #b5151b;
        border-bottom: 1px solid #b5151b; }

/*** Generic classes ***/
.less-more-movies {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 2.5vh 0vw; }
  .less-more-movies button {
    margin: 0vh 1vw; }

/*** General CSS ***/
.movie-list aside,
.tvshow-list aside {
  margin: 2vh 0vw; }

/*** Specific CSS **/
#shop-movies aside {
  margin-bottom: 10px; }
  #shop-movies aside .btn {
    font-size: .8rem; }
#shop-movies .card {
  cursor: pointer; }
  #shop-movies .card:hover img {
    box-shadow: none; }
  #shop-movies .card:hover .card-title, #shop-movies .card:hover .card-subtitle {
    text-shadow: none; }
  #shop-movies .card:hover .container-item {
    box-shadow: 5px 5px 10px 0px rgba(13, 13, 13, 0.3); }
  #shop-movies .card .container-item {
    background-color: #e6e6e6; }
  #shop-movies .card .card-footer {
    padding: 0px 15px; }
    #shop-movies .card .card-footer .price-item {
      color: #ff4240; }
#shop-movies .preview-information {
  color: #cccccc;
  background-color: #0d0d0d; }
  #shop-movies .preview-information h4 {
    font-size: 1.3rem;
    margin: 20px 0px 15px 0px;
    color: #ff4240;
    text-transform: uppercase; }
  #shop-movies .preview-information .row {
    font-size: .9em; }
    #shop-movies .preview-information .row div:first-child {
      color: #ff4240;
      min-width: 125px; }

#contact-us {
  margin-bottom: 50px; }
  #contact-us .form-row {
    margin-bottom: 20px; }
  #contact-us textarea {
    min-height: 150px; }
  #contact-us .form-control:focus {
    border-color: rgba(255, 66, 64, 0.3);
    box-shadow: 0 0 0 0.2rem rgba(255, 66, 64, 0.25); }

footer {
  /* end subscribe */
  /* end box-list */ }
  footer.container-fluid {
    padding: 0px 30px; }
    footer.container-fluid .row {
      padding-right: 0px;
      padding-left: 0px; }
  footer .subscribe {
    padding: 30px 0px 50px; }
    footer .subscribe .col-12 {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center; }
    footer .subscribe h3 {
      color: #ff4240;
      font-size: 1.5rem;
      text-transform: uppercase; }
    footer .subscribe .form-control {
      display: inline-block;
      width: auto;
      border-radius: 0px; }
      footer .subscribe .form-control:focus {
        border-color: rgba(255, 66, 64, 0.3);
        box-shadow: 0 0 0 0.2rem rgba(255, 66, 64, 0.25); }
  footer .box-list {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin-bottom: 30px; }
    footer .box-list h4 {
      font-size: 1.2rem;
      color: #e6e6e6;
      text-transform: uppercase;
      padding-bottom: 10px;
      margin-bottom: 20px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
    footer .box-list ul {
      list-style-type: none;
      padding: 0px; }
      footer .box-list ul li {
        margin-bottom: 8px; }
      footer .box-list ul a {
        font-size: .9em;
        text-transform: uppercase;
        color: gray;
        margin-bottom: 10px; }
        footer .box-list ul a:hover {
          text-decoration: none;
          color: white; }
    footer .box-list .genre-tag .btn {
      font-size: .85em;
      margin: 0px 2px 6px;
      border: 0px;
      color: white;
      background-color: #333333; }
      footer .box-list .genre-tag .btn:hover {
        color: #0d0d0d;
        background-color: white; }
    footer .box-list #slider-list .container {
      margin-bottom: 10px; }
    footer .box-list #slider-list h5 {
      color: gray;
      font-size: 1rem; }
    footer .box-list #poster-list div {
      padding: 0px !important; }
  footer .connect-us {
    padding: 20px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin-top: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center; }
    footer .connect-us h5 {
      color: #bfbfbf;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 15px; }
    footer .connect-us a {
      margin: 0px 5px;
      display: -webkit-inline-box;
      display: inline-flex;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center;
      width: 35px;
      height: 35px;
      color: #a6a6a6;
      border: 2px solid rgba(166, 166, 166, 0.5);
      transition: all 0.2s ease-in-out; }
      footer .connect-us a:hover {
        color: white;
        background-color: #ff4240;
        border-color: #ff4240;
        text-decoration: none; }

/* end footer */

/*# sourceMappingURL=style.css.map */