.library-wrapper .lazy-wrapper{
  position:relative;
}

.library-wrapper div[class^="col-"] {
  margin-bottom:30px;
}

.library-wrapper .inner{
  border:1px solid transparent;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.9s cubic-bezier(.25, .8, .25, 1);
  height:100%;
}

.library-wrapper .library-item{
  position:relative;
}

.library-wrapper .library-item .book-label{
  position:absolute;
  width:30px;
  height:30px;
  bottom:5px;
  right:5px;
  z-index:99;
  background-color:#F28B4F;
  border-radius:50%;
}

.library-wrapper .library-item .book-label i{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}

.library-wrapper .library-item .book-label i:before{
  color:#FFF;
}

.library-wrapper .title-wrapper{
  text-align:center;
  margin-top:15px;
  margin-bottom:15px;
}

.library-wrapper .title-wrapper h2{
  text-transform:uppercase;
  margin-bottom:0;
  font-size:18px;
  font-weight:400;
  color:#585858;
}

.library-wrapper .library-item img{
  position: absolute;
  width: 100%;
  height:100%;
  top:0;
  left:0;
  object-fit: cover;
}

.close-popup{
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  right:30px;
  top:5px;
}

.close-popup span{
  display:block;
  width:1px;
  height:100%;
  background-color:#FFF;
  position:absolute;
  left:20px;
}

.close-popup span:first-child{
  -webkit-transform:rotate(45deg);
          transform:rotate(45deg);
}

.close-popup span:last-child{
  -webkit-transform:rotate(-45deg);
          transform:rotate(-45deg);
}

.library-popup{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:99999;
  background-color:#DDD;
  opacity:0;
  visibility: hidden;
  pointer-events: none;
  transition: all 500ms;
}

.library-popup.active{
  opacity:1;
  visibility: visible;
  pointer-events: auto;
}

.library-popup .popup-header{
  height:50px;
  background-color:#333;
  position:relative;
}

.library-popup .popup-header .title{
  text-align:center;
  margin-bottom:0;
  text-transform:uppercase;
  color:#FFF;
  font-size:26px;
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}

.library-popup .popup-header .pdf-url.no-pdf{
  display: none;
}

.library-popup .popup-header .pdf-url{
    position:absolute;
    right:100px;
    top:50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color:#FFF;
    font-size:14px;
}

.library-popup .popup-header .pdf-url:hover{
  color:#F28B4F;
}

.library-popup > .pdf-url{
    display: none;
    position:fixed;
    z-index: 99;
    width:100%;
    width:100%;
    border-radius:0;
    right:0;
    bottom:0;
    background-color: #F28B4F;
    color:#FFF;
    text-align: center;
    text-transform: uppercase;
    padding:10px 0;
}

.library-popup .inner{
  height:calc(100vh - 90px);
  width:80%;
  position:relative;
  top:20px;
  left:10%;
}

.library-popup .inner .flipbook{
  transition: all 500ms;
}

.library-popup .popup-body .page-item{
  background-color: #FFF;
}

.library-popup .popup-body .page-item img{
  max-width:100%;
  max-height: 100%;
  object-fit: contain;
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.library-popup .even .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.library-popup .odd .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.library-popup .popup-body{
  position:relative;
}

.library-popup .popup-body .popup-nav{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  font-size:40px;
  width:50px;
  height:50px;
  border-radius:50%;
  background-color:#FFF;
  display:block;
  z-index:99;

}

.library-popup .popup-body .popup-nav i{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}

.library-popup .popup-body .popup-nav i:before{
  color:#F28B4F;
}

.library-popup .popup-body .popup-nav.prev{
  left:5%;
}

.library-popup .popup-body .popup-nav.next{
   -webkit-transform:translateY(-50%) rotate(180deg);
           transform:translateY(-50%) rotate(180deg);
  right:5%;
}

@media (max-width:991px) {
  .library-popup .popup-header .pdf-url{
    display: none;
  }

  .library-popup > .pdf-url{
    display: block;
  }

  .library-popup .inner{
    height: calc(100vh - 50px);
    width: 90%;
    left:5%;
    top:0;
  }

  .library-popup .gradient{
    display: none;
  }

  .library-popup .popup-body .popup-nav{
    border:1px solid #F28B4F;
  }

  .library-popup .popup-body .popup-nav.prev{
    left:0;
    border-radius: 0 50% 50% 0;
  }

  .library-popup .popup-body .popup-nav.next{
    right:0;
    border-radius: 0 50% 50% 0;
  }
}