/* common-title */
.common-title {
    display: inline-block;
    font-size: 3rem;
    font-weight: 500;
    text-shadow: 2px 2px 5px #aaa;
    transition: all .5s;
}

.common-title:first-letter {
    font-family: 'Great Vibes', cursive;
    font-size: 5rem;
    margin-right: 10px;
    font-style: normal;
}

.common-title:hover {
    transform: translate(-5px, -3px);
    text-shadow: 2px 5px 20px #aaa;
}
/* end of common-title */

/* navbar */
.nav-menu {
    background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5));
    padding: 30px;
    transition: all .7s;
  }
  
  .menu-item {
    font-size: 13px;
    letter-spacing: 1px;
    color: #eee;
    transition: color .5s;
  }
  
  .menu-item:hover {
    color: #70aed2;
  }
  
  .nav-active {
    color: #70aed2;
  }
  
  .line1, .line2, .line3 {
    width: 23px;
    height: 3px;
    margin: 5px;
    transition: all .4s;
  }
  
  .change .line1 {
    transform: rotate(-45deg) translate(-5px, 6px);
  }
  
  .change .line2 {
    opacity: 0;
  }
  
  .change .line3 {
    transform: rotate(45deg) translate(-5px, -6px);
  }
  
  .custom-navbar {
    padding: 5px 30px;
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .7));
  }
  .dropdown:hover>.dropdown-menu{
      display: inline;
  }
  /* end of navbar */

/* gallery */
.gallery-img {
    backface-visibility: hidden;
    transition: all .5s;
}

.gallery-img:hover {
    transform: scale(1.05);
}

/* .first-row {
    transform: translateX(-300px);
    opacity: 0;
    transition: all 2.5s;
}

.second-row {
    transform: translateX(300px);
    opacity: 0;
    transition: all 2.5s;
}

.change .first-row, .change .second-row {
    transform: translateX(0);
    opacity: 1;
} */
/* end of gallery */

/*video*/
.popular-books {
    position: relative;
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: .4;
}

.bg-video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* end ofvideo*/
/* contact */
.contact {
    background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .9)), url(../img/bg-masthead.jpg) fixed center no-repeat /cover;
}

.items-wrapper {
    background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .6)), url(../img/bg-masthead.jpg) center no-repeat /cover;
    border-radius: 5px;
}

.floating-item {
    background: rgba(0, 0, 0, .65);
    border-radius: 5px;
}

/* .first-item {
    animation: float 15s infinite;
}

.second-item {
    animation: float 20s ease-in infinite;
}

.third-item {
    animation: float 40s linear infinite;
}

.fourth-item {
    animation: float 30s infinite;
}

.fifth-item {
    animation: float 25s ease-in-out infinite;
} */

@keyframes float {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-60px);
    }

    100% {
        transform: translateX(0);
    }
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    background: transparent;
    font-size: 18px;
    color: #333;
    border-radius: 5px;
    box-shadow: none;
}

.contact-form input:focus,
.contact-form textarea:focus {
    background: rgba(250, 250, 250, .8);
    box-shadow: none;
}
/* end of contact */
/* footer */
.footer-link {
    color: #eee;
    font-size: 13px;
    transition: all .3s;
  }
  
  .footer-link:hover {
    color: #70aed2;
    text-decoration: none;
  }
  /* end of footer */
  .box{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      padding: 20%;
      box-sizing: border-box;
      border-radius: 4px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
      display: flex;


  }