.brk-gallery .no-gutters .brk-gallery-card {
  margin-bottom: 0;
}

.brk-gallery_masonry .brk-gallery-card {
  position: absolute;
  left: 15px;
  top: 15px;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  margin-bottom: 30px;
}

@media screen and (max-width: 576px) {
  .brk-gallery_masonry .brk-gallery-card {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 576px) {
  .brk-gallery_masonry .brk-gallery-card {
    margin-left: 0;
    margin-right: 0;
  }
}

.brk-gallery-card {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 576px) {
  .brk-gallery-card {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.brk-gallery-card:before {
  content: "";
  padding-top: 100%;
  display: block;
}

.brk-gallery-card_style-1:before {
  padding-top: 270px;
}

.brk-gallery-card__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.brk-gallery-card_grayscale .brk-gallery-card__img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.brk-gallery-card_overflow {
  overflow: visible;
}

.brk-gallery-card__add-1,
.brk-gallery-card__add-2,
.brk-gallery-card__add-3,
.brk-gallery-card__add-4,
.brk-gallery-card__add-5,
.brk-gallery-card__add-6 {
  position: absolute;
  height: 25%;
  width: 0;
  background-color: #ffffff;
  transition: .3s ease width;
}

.brk-gallery-card__add-5,
.brk-gallery-card__add-6 {
  height: 50%;
}

.brk-gallery-card__add-1,
.brk-gallery-card__add-2,
.brk-gallery-card__add-5 {
  left: 0;
}

.brk-gallery-card__add-3,
.brk-gallery-card__add-4,
.brk-gallery-card__add-6 {
  right: 0;
}

.brk-gallery-card__add-1,
.brk-gallery-card__add-3 {
  top: 0;
}

.brk-gallery-card__add-2,
.brk-gallery-card__add-4 {
  top: 75%;
}

.brk-gallery-card__add-5,
.brk-gallery-card__add-6 {
  top: 25%;
}

.brk-gallery-card:hover .brk-gallery-card__add-1,
.brk-gallery-card:hover .brk-gallery-card__add-2,
.brk-gallery-card:hover .brk-gallery-card__add-3,
.brk-gallery-card:hover .brk-gallery-card__add-4 {
  width: 25%;
}

.brk-gallery-card:hover .brk-gallery-card__add-5,
.brk-gallery-card:hover .brk-gallery-card__add-6 {
  -webkit-animation-name: galleryanimation;
  animation-name: galleryanimation;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
}

.brk-gallery-card__overlay {
  position: absolute;
  top: 50%;
  left: 25%;
  height: 0;
  width: 50%;
  transition: .3s ease height, .3s ease width .3s, .3s ease top, .3s ease left .3s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}

.brk-gallery-card__static-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.brk-gallery-card:hover .brk-gallery-card__overlay {
  height: 50%;
  width: 100%;
  top: 25%;
  left: 0;
}

.brk-gallery-card__fancy {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform .3 ease;
}

.brk-gallery-card:hover .brk-gallery-card__fancy {
  transform: translate(-50%, -50%) scale(1);
}

.brk-gallery-card__central-btn {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: .3s ease transform;
  font-size: 16px !important;
}

.brk-gallery-card:hover .brk-gallery-card__central-btn {
  transform: translate(-50%, -50%) scale(1);
}

.brk-gallery-card_shadow {
  transform: translateY(0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.26);
  transition: .3s ease transform, .3s ease box-shadow;
}

.brk-gallery-card_shadow:hover {
  transform: translateY(-25px);
  box-shadow: 0 30px 30px rgba(0, 0, 0, 0.26);
}

.brk-gallery-card__overlay-full {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: .3s ease opacity;
}

.brk-gallery-card:hover .brk-gallery-card__overlay-full {
  opacity: 1;
}

.brk-gallery-card__angle-btn {
  position: absolute;
  bottom: -85px;
  right: -85px;
  width: 84px;
  height: 84px;
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
  transition: .3s ease right, .3s ease bottom;
}

[dir="rtl"] .brk-gallery-card__angle-btn {
  -webkit-clip-path: polygon(0 100%, 100% 100%, 0 0);
  clip-path: polygon(0 100%, 100% 100%, 0 0);
}

.brk-gallery-card:hover .brk-gallery-card__angle-btn {
  right: -1px;
  bottom: -1px;
}

[dir="rtl"] .brk-gallery-card:hover .brk-gallery-card__angle-btn {
  right: auto;
  left: -1px;
}

.brk-gallery-card__angle-btn-top {
  position: absolute;
  top: -85px;
  right: -85px;
  width: 84px;
  height: 84px;
  -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  transition: .3s ease right, .3s ease top;
}

[dir="rtl"] .brk-gallery-card__angle-btn-top {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 0);
}

.brk-gallery-card:hover .brk-gallery-card__angle-btn-top {
  right: -1px;
  top: -1px;
}

[dir="rtl"] .brk-gallery-card:hover .brk-gallery-card__angle-btn-top {
  right: auto;
  left: -1px;
}

.brk-gallery-card__overlay-angle {
  position: absolute;
  width: 1000%;
  height: 1000%;
  left: -1000%;
  top: -1000%;
  transform: rotate(45deg);
  transition: .7s ease left, .7s ease top;
  background-color: rgba(21, 21, 21, 0.76);
}

.brk-gallery-card:hover .brk-gallery-card__overlay-angle {
  left: -500%;
  top: -500%;
}

.brk-gallery-card__overlay-angle-top {
  position: absolute;
  width: 1000%;
  height: 1000%;
  left: -1000%;
  bottom: -1000%;
  transform: rotate(45deg);
  transition: .7s ease left, .7s ease bottom;
}

.brk-gallery-card:hover .brk-gallery-card__overlay-angle-top {
  left: -500%;
  bottom: -500%;
}

.brk-gallery-card__fancy_angle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.brk-gallery-card__angle-btn,
.brk-gallery-card__angle-btn-top {
  box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5);
  background-image: linear-gradient(to left, var(--brk-base-2) 0%, var(--brk-base-5) 100%);
}

@-webkit-keyframes galleryanimation {
  50% {
    width: 25%;
  }

  100% {
    width: 0;
  }
}

@keyframes galleryanimation {
  50% {
    width: 25%;
  }

  100% {
    width: 0;
  }
}

.brk-filters_style-3 .brk-filters__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 11px 40px;
  border-radius: 25px;
  overflow: hidden;
  cursor: pointer;
}

.brk-filters_style-3 .brk-filters__item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  z-index: -1;
  opacity: 0;
  transition: .3s ease opacity;
  background-image: linear-gradient(to right, var(--brand-primary), var(--secondary));
}

.brk-filters_style-3 .brk-filters__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  border: 2px solid rgba(0, 0, 0, 0.06);
  transition: .3s ease all;
  background-color: #ffffff;
}

.brk-filters_style-3 .brk-filters__item>* {
  z-index: 1;
}

.brk-filters_style-3 .brk-filters__item i {
  margin-right: 10px;
}

.brk-filters_style-3 .brk-filters__item:last-child {
  margin-right: 0;
}

.brk-filters_style-3 .brk-filters__item.active::after {
  opacity: 1;
}

.brk-filters_style-3 .brk-filters__item.active::before {
  border-width: 0;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}