.gallery_list .image_inner a:before, .gallery_list .image_inner img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.page_title {
  margin-top: 40px; }

.gallery_list {
  margin: 0 -10px;
  padding-top: 25px; }
  .gallery_list .gallery_row {
    display: flex; }
    .gallery_list .gallery_row:nth-child(2n) {
      flex-direction: row-reverse; }
  .gallery_list .image_block {
    padding: 10px; }
  .gallery_list .image_inner {
    border-radius: 4px;
    overflow: hidden; }
    .gallery_list .image_inner a {
      display: block;
      position: relative;
      padding-bottom: 75%; }
      .gallery_list .image_inner a:before {
        content: "";
        z-index: 5;
        background: rgba(51, 51, 51, 0.5); }
    .gallery_list .image_inner img {
      object-fit: cover; }
  .gallery_list .big_image {
    flex: 0 0 50%;
    max-width: 50%; }
    .gallery_list .big_image .image_block {
      height: 100%; }
      .gallery_list .big_image .image_block a {
        padding-bottom: 0;
        width: 100%;
        height: 100%; }
    .gallery_list .big_image .image_inner {
      height: 100%; }
  .gallery_list .small_image {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-wrap: wrap; }
    .gallery_list .small_image .image_block {
      width: 50%; }

@media (max-width: 991px) {
  .page_title {
    margin-top: 0; }

  .gallery_list {
    margin: 0 -5px; }
    .gallery_list .image_block {
      padding: 5px; }
    .gallery_list .image_inner a {
      padding-bottom: 60%; } }
@media (max-width: 767px) {
  .gallery_list {
    margin-top: 25px; }
    .gallery_list .gallery_row {
      display: flex;
      flex-direction: column !important; }
    .gallery_list .big_image {
      width: 100%;
      max-width: none; }
      .gallery_list .big_image .image_block a {
        padding-bottom: 60%; }
    .gallery_list .small_image {
      max-width: none;
      width: 100%; } }
@media (max-width: 575px) {
  .gallery_list .small_image .image_block {
    width: 100%; } }
.web .image_inner {
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.touch .image_inner {
  -o-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s; }

.touch .image_inner:active {
  opacity: 0.7; }

.web .image_inner:hover {
  opacity: 0.5; }

.touch .image_inner:active {
  opacity: 0.7; }

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