.aot-full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.aot-100-percent {
  width: 100%;
}
.galleryGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(300px, 1fr))[auto-fill];
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 0px;
}
.galleryGrid > div {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.galleryGrid > div:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.galleryGrid > div > div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.imagePreview {
  display: inline-block;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05), 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05), 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.imagePreview .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: background-position 300ms, -webkit-transform 300ms;
  transition: background-position 300ms, -webkit-transform 300ms;
  transition: transform 300ms, background-position 300ms;
  transition: transform 300ms, background-position 300ms, -webkit-transform 300ms;
}
.imagePreview .image .dimmer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  -webkit-transition: opacity 250ms, background-color 100ms;
  transition: opacity 250ms, background-color 100ms;
}
.imagePreview .info {
  width: 90%;
  padding: 10%;
  height: 90%;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  color: #fff;
}
.imagePreview .info h3 {
  font-family: "Source Sans Pro", sans-serif !important;
  margin: 0;
  padding: 0;
  font-size: 20px !important;
  position: relative;
  width: calc(100%);
  color: #fff;
  font-style: normal !important;
}
.imagePreview:hover > .image {
  background-position: 20% 20%;
}
.imagePreview .info .imageNote {
  font-size: 15px;
  overflow: hidden;
}
.imagePreview:hover .info {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.imagePreview:hover .image .dimmer {
  opacity: 0.7;
  background-image: -webkit-gradient(linear, left top, right top, from(#ff2b58), to(#ffd800));
  background-image: linear-gradient(to right, #ff2b58 0%, #ffd800 100%);
}
/* Mobile */
@media (max-width: 768px) {
  .aot-full-width {
      left: 40%;
      right: 40%;
      text-align: center !important;
 }
}
/*# sourceMappingURL=aotomot-gallery-style3.css.map */