.nav-link.active{
  border-bottom: solid #FFF 1px;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }
  .nav-link{
    color: #FFF !important;
  }
  .cover{
    filter: grayscale(1);
  }
  .cover:hover{
    filter: grayscale(0%);
  }
  .parallax {

    /* Set a specific height */
    min-height: 92vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .fix-pallax{
    background-size: contain !important;
  }
  .text-white{
    color: #FFF;
  }
  .big-text{
    font-size: 5rem;
  }
  .vh-100{
    height: 100vh;
  }
  .link-section{
    cursor: url(../images/small_click.png), auto;
  }
  .link-cursor{
    cursor: pointer;
  }
  
  /* RESPONSIVE  */
  @media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 80%;
    }
  }

  /* RETOUCH PAGE */
  .image{
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .image img{
    /* max-height: 92vh; */
    min-width: 100%;
    height: 100%;
  }
  .image img:hover{
    cursor: pointer;
  }

  .retouch{
    max-height: 100vh;
    overflow: hidden;
  }
  #preview-retouch{
    max-height: 100vh !important;
    overflow: hidden;
  }
  .retouch .modal-dialog{
    min-width: 100% !important;
    min-height: 100% !important;
  }
  .retouch .modal-dialog .modal-header{
    border-bottom: 0px;
  }
  .retouch .modal-dialog .modal-body{
    overflow-x: scroll;
  }
  .retouch .modal-dialog .modal-content{
    height: 100vh;
    background-color: #000;
  }
  
  .three-image-cover{
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .three-image-cover .overlay{
    height: 100vh;
  }

  .image .overlay {
      position: absolute;
      bottom: 0;
      padding-left: 25px;
      padding-top: 15px;
      width: 100%;
      color: white;
      font-size: 20px;
      z-index: 5;
  }

  .overlay h1{
      font-size: 2.5em;
      margin-bottom: 25%;
      color: #FFF !important;
  }

  .image:hover .overlay{
      color: black;
  }

  /* VIDEO SECTION */
  div.video {
    position: relative;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }
  
  /* div.video-fit{
    width: 99%;
    margin: auto;
  } */

  div.video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  div.video-fit video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100% !important;
    height: 100vh;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
  div.video .container {
    position: relative;
    z-index: 2;
  }
  
  div.video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
  }
  
  /* VIDEO PAGE */

.video-page .modal-dialog{
  min-width: 100% !important;
  min-height: 100% !important;
}
.video-page .modal-dialog .modal-header{
  border-bottom: 0px;
}
.video-page .modal-dialog .modal-body{
  overflow-x: scroll;
}
.video-page .modal-dialog .modal-content{
  height: 100vh;
  background-color: #000;
}
.video-list .showcase{
  overflow: hidden;
}
.video-list video{
  height: 100vh;
}

.gray-bg{
  background-color: #282828;
}
#player{
  height: 100%;
}