/* image grid css */
.constrain {
	margin: 64px auto;
	padding: 10px;
}
.constrain--image-grid {
  max-width: 1170px; }
.constrain--image-grid-slider {
  max-width: 700px; }

.image-grid-box {
  display: block;
  background-color: red;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  margin-bottom: 24px;
  position: relative; }
  .image-grid-box__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .image-grid-box__background img {
      width: 100%; }
  .image-grid-box .content {
    position: absolute;
    width: 100%;
    padding: 20px;
    z-index: 1; }
  .image-grid-box .headline {
    color: #fff; }
  .image-grid-box--top-left .content {
    left: 0;
    top: 0; }
  .image-grid-box--top-right .content {
    left: 0;
    top: 0;
    text-align: right; }
  .image-grid-box--bottom-left .content {
    left: 0;
    bottom: 0; }
  .image-grid-box--bottom-right .content {
    left: 0;
    bottom: 0;
    text-align: right; }

.image-grid-box .headline {
	text-transform: uppercase;
}

@media (min-width: 970px) {
	.image-grid-box .headline {
	    font-size: 1.25em;
	}  
}

a.image-grid-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .15s;
  z-index: 1; }

a.image-grid-box:hover:before {
  background: rgba(0, 0, 0, 0.3);
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px; }

.slider-image-grid .slick-prev, .slider-image-grid .slick-next {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  background-position: left center;
  background-size: 35%;
  opacity: 0;
  text-indent: -9999px;
  transition: .15s; }
  .slider-image-grid .slick-prev:hover, .slider-image-grid .slick-next:hover {
    outline: 0;
    opacity: 1 !important; }

.slider-image-grid:hover .slick-prev, .slider-image-grid:hover .slick-next {
  opacity: 0.8; }

.slider-image-grid .slick-prev {
  left: 12px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2262px%22%20height%3D%2262px%22%20viewBox%3D%220%200%2062%2062%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%20%20%20%20%3Ctitle%3Eprev%3C%2Ftitle%3E%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Icons%22%20sketch%3Atype%3D%22MSArtboardGroup%22%20transform%3D%22translate(-18.000000%2C%20-401.000000)%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Oval-5-%2B-Path%22%20sketch%3Atype%3D%22MSLayerGroup%22%20transform%3D%22translate(19.000000%2C%20402.000000)%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30%2C35%20L30%2C43%20L43%2C30%20L30%2C17%20L30%2C25%20L20%2C25%20L20%2C35%20L30%2C35%20L30%2C35%20Z%20M30%2C60%20C46.5685425%2C60%2060%2C46.5685425%2060%2C30%20C60%2C13.4314575%2046.5685425%2C0%2030%2C0%20C13.4314575%2C0%200%2C13.4314575%200%2C30%20C0%2C46.5685425%2013.4314575%2C60%2030%2C60%20L30%2C60%20Z%22%20id%3D%22Oval-5%22%20fill-opacity%3D%220.700000048%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%20transform%3D%22translate(30.000000%2C%2030.000000)%20scale(-1%2C%201)%20translate(-30.000000%2C%20-30.000000)%20%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M27%2C35%20L27%2C43%20L40%2C30%20L27%2C17%20L27%2C25%20L17%2C25%20L17%2C35%20L27%2C35%20L27%2C35%20Z%22%20id%3D%22Path%22%20fill-opacity%3D%220.800000012%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20transform%3D%22translate(28.500000%2C%2030.000000)%20scale(-1%2C%201)%20translate(-28.500000%2C%20-30.000000)%20%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100%; }

.slider-image-grid .slick-next {
  right: 12px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2262px%22%20height%3D%2262px%22%20viewBox%3D%220%200%2062%2062%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%20%20%20%20%3Ctitle%3Enext%3C%2Ftitle%3E%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Icons%22%20sketch%3Atype%3D%22MSArtboardGroup%22%20transform%3D%22translate(-18.000000%2C%20-331.000000)%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Oval-5-%2B-Path%22%20sketch%3Atype%3D%22MSLayerGroup%22%20transform%3D%22translate(19.000000%2C%20332.000000)%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30%2C35%20L30%2C43%20L43%2C30%20L30%2C17%20L30%2C25%20L20%2C25%20L20%2C35%20L30%2C35%20L30%2C35%20Z%20M30%2C60%20C46.5685425%2C60%2060%2C46.5685425%2060%2C30%20C60%2C13.4314575%2046.5685425%2C0%2030%2C0%20C13.4314575%2C0%200%2C13.4314575%200%2C30%20C0%2C46.5685425%2013.4314575%2C60%2030%2C60%20L30%2C60%20Z%22%20id%3D%22Oval-5%22%20fill-opacity%3D%220.700000048%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30%2C35%20L30%2C43%20L43%2C30%20L30%2C17%20L30%2C25%20L20%2C25%20L20%2C35%20L30%2C35%20L30%2C35%20Z%22%20id%3D%22Path%22%20fill-opacity%3D%220.800000012%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100%; }

@media (max-width: 600px) {
  .slider-image-grid .slick-next, .slider-image-grid .slick-prev {
    display: none !important; } }

.slider-image-grid img {
  vertical-align: bottom;
  max-width: 100%; }

.slider-image-grid__item {
  margin-bottom: 0;
  position: relative; }

.slider-image-grid__caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(150,190,13,.95);
  border-top: 10px solid #fff;
  color: #fff;
  padding: 24px;
  transition: .15s;
  opacity: 0;
  font-family: "Absolut", sans-serif; }

@media (max-width: 600px) {
  .slider-image-grid__caption {
    opacity: 1 !important; } }

.slider-image-grid:hover .slider-image-grid__caption {
  transition: .15s .3s;
  opacity: 1; }

body.prevent-scroll {
  overflow: hidden; }

.image-slider-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1999;
  opacity: 0;
  visibility: hidden; }
  .image-slider-modal__backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: .3s; }
  .image-slider-modal__inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 720px;
    margin: 50px auto;
    background: white;
    border: 10px solid white;
    transition: .3s; }
  .image-slider-modal__close {
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M38.1837 14.1421L33.9411 9.89941L24.0416 19.7989L14.1421 9.89941L9.89948 14.1421L19.799 24.0415L9.89948 33.941L14.1421 38.1837L24.0416 28.2842L33.9411 38.1837L38.1837 33.941L28.2843 24.0415L38.1837 14.1421Z' fill='black'/></svg>");
    background-size: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  .image-slider-modal--visible {
    opacity: 1;
    visibility: visible; }
    .image-slider-modal--visible .image-slider-modal__backdrop {
      opacity: 1; }
    .image-slider-modal--visible .image-slider-modal__inner {
      transform: translateY(-60%); }