#gallery main {
  padding-bottom: 50px; }
#gallery .page-content {
  display: none;
  padding: 50px 10px; }
  #gallery .page-content.active {
    display: block; }
#gallery .glr {
  position: relative;
  padding: 20px 0; }
  #gallery .glr h2 {
    display: inline-block;
    max-width: calc(100% - 100px);
    padding: 10px 0; }
  #gallery .glr .tag {
    vertical-align: top;
    display: inline-block;
    margin: 10px 0 10px 10px;
    padding: 5px;
    color: white; }
    #gallery .glr .tag.event {
      background: #64C225; }
    #gallery .glr .tag.news {
      background: orange; }
    #gallery .glr .tag.gallery {
      background: #2DB5DF; }
  #gallery .glr .thumbnails {
    padding-top: 20px; }
    #gallery .glr .thumbnails img {
      width: 240px;
      height: 160px;
      object-fit: contain;
      margin: 0 20px 20px 0;
      box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); }
  #gallery .glr .btn.def {
    height: 30px;
    margin-top: 35px;
    padding: 0 10px;
    background-image: linear-gradient(to right, #7d0c14, #640007 50%, #7d0c14);
    background-position: center left;
    background-size: 200% 100%;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 13px;
    color: white;
    transition: background-position .6s ease; }
#gallery .pagination {
  padding-top: 30px;
  word-spacing: -0.3em;
  text-align: center; }
  #gallery .pagination.first-page .prev {
    opacity: 0;
    pointer-events: none; }
  #gallery .pagination.last-page .next {
    opacity: 0;
    pointer-events: none; }
  #gallery .pagination button:not(.number) {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    position: relative;
    border-radius: 10px;
    background: #70060e; }
    #gallery .pagination button:not(.number) .arrow {
      display: block;
      width: 6px;
      height: 6px;
      position: absolute;
      top: calc(50% - 3px);
      border-bottom: 1px solid white;
      transform: rotate(-45deg); }
    #gallery .pagination button:not(.number).prev .arrow {
      left: calc(50% - 2px);
      border-left: 1px solid white;
      transform: rotate(45deg); }
    #gallery .pagination button:not(.number).next .arrow {
      left: calc(50% - 4px);
      border-right: 1px solid white; }
  #gallery .pagination .number {
    vertical-align: middle;
    margin: 5px;
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #888888; }
    #gallery .pagination .number.active {
      color: black; }

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