/* Numpage */
.numpage{
   display: block;
   padding: 20px 0px 10px;
   text-align: center;
}
.numpage-arrow{
   opacity: 0.7;
   display: inline-block;
   vertical-align: top;
   width: 40px;
   height: 40px;
   background-color: rgba(0, 0, 0, 0.07);
   background-size: 40px 40px;
   background-position: center;
   background-repeat: no-repeat;
   border-radius: 50%;
   transition: all 0.3s ease;
}
   .numpage-arrow:hover{
      background-color: rgba(0, 0, 0, 0.15);
   }
   .numpage-arrow.left{
      background-image: url('../img/arrow-left_b_80x80.png');
      margin-right: 10px;
   }
   .numpage-arrow.right{
      background-image: url('../img/arrow-right_b_80x80.png');
      margin-left: 10px;
   }
.numpage-number{
   display: inline-block;
   vertical-align: top;
   padding: 5px 10px;
}
.numpage-nav{
   display: inline-block;
   vertical-align: top;
   position: relative;
   width: 40px;
   height: 40px;
}
.numpage-nav_button{
   cursor: pointer;
   display: inline-block;
   vertical-align: top;
   width: 40px;
   height: 40px;
   background-image: url('../img/icon-nav_burker_b_80x80.png');
   background-size: 40px 40px;
   background-position: center;
   background-repeat: no-repeat;
   border-radius: 10px;
   transition: all 0.3s ease;
}
   .numpage-nav_button:hover{
      background-color: rgba(0, 0, 0, 0.07);
   }
.numpage-nav_popup{
   /* display: inline-block; */
   display: none;
   position: absolute;
   left: 50%;
   bottom: 55px;
   z-index: 1;
   width: 220px;
   margin-left: -110px;
   border-radius: 20px;
   box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15);
}
   .numpage-nav_popup::before {
      content: '';
      transform: rotate(45deg);
      display: inline-block;
      position: absolute;
      z-index: 2;
      bottom: -5px;
      left: 50%;
      width: 50px;
      height: 50px;
      background: #fff;
      margin-left: -25px;
      border-radius: 10px;
      box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
   }
.numpage-nav_wrap{
   display: block;
   overflow: hidden;
   position: relative;
   z-index: 3;
   background: #fff;
   border-radius: 20px;
}
.numpage-nav_list{
   display: block;
   overflow-y: auto;
   max-height: 200px;
}
.numpage-nav_item{
   display: block;
   padding: 10px 0px;
   border-top: 1px solid #eee;
   transition: all 0.3s ease;
}
   .numpage-nav_item:nth-child(1){
      border-top: 0px;
   }
   .numpage-nav_item:hover{
      background-color: #eee;
   }
.numpage-nav_jump{
   display: block;
   border-top: 1px solid #eee;
}
.numpage-nav_jump_item{
   display: inline-block;
   vertical-align: middle;
   padding: 10px 0px;
   font-size: 1.8rem;
   transition: all 0.3s ease;
}
   .numpage-nav_jump_item.start{ width: 100px }
   .numpage-nav_jump_item.end{ width: 119px }
   .numpage-nav_jump_item:hover{
      background-color: #eee;
   }
.numpage-nav_jump_delimiter{
   display: inline-block;
   vertical-align: middle;
   width: 1px;
   height: 20px;
   background-color: #ddd;
}