/*! Flickity v1.0.0
http://flickity.metafizzy.co
---------------------------------------------- */
##.js-flickity button{background:none;border-radius:0px;border:1px solid #ffffff}
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

##.flickity-prev-next-button {position:absolute;bottom:3rem;width:5rem;height:5rem;border:1 px solid #ffffff;cursor: pointer;/* vertically center */-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
##.flickity-prev-next-button:focus {outline: none;box-shadow: 0 0 0 5px #09F;}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

##.flickity-prev-next-button.previous { left: 49%; }
##.flickity-prev-next-button.next { right: 49%; }


/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}



##.flickity-prev-next-button .arrow {fill: #ffffff;}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;display:none;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}

a{border:0px;margin:0px;padding:0px}

p.title {text-align:center}
.title strong{font-size:1.6rem}

.gallery{padding:0px 0px 0rem 0px;margin:0px 5% 1rem 5%}


.gallery button{width:auto;height:auto}
.gallery button:hover{background:none}
.gallery button:hover svg{filter: invert(99%) sepia(99%) saturate(0%) hue-rotate(36deg) brightness(105%) contrast(100%);}

.gallery-cell, .blockstatic {width:80%;margin:0px 0rem 0px 0px}

.blockstatic{pointer-events:none}

##.gallery-cell:hover .darken{filter: brightness(60%);}
##.gallery .next:hover .gallery-cell img.darken{filter: brightness(60%);}

.blockstatic{text-shadow: 0px 15px 32px rgba(0, 0, 0, 0.5);z-index:6}
.gallery-cell img, .blockstatic img{opacity:0.4;position:relative;width:100%;height:80vh;object-fit:cover;position:relative;z-index:1;transition:all 0.3s ease}
.is-selected img{opacity:1;transition:all 0.3s ease;filter: brightness(85%);}

.gallery .block{text-align:left;height:82vh;width:100%;position:absolute;display:flex;align-items: flex-end;z-index:5;font-size:2em;color:#ffffff}


.blockstatic a{position:relative;z-index:1}

.gallery .details, .details{position:relative;left:5rem;bottom:10rem;whitespace:nowrap;font-size:0.9rem;color:#cdaf85}

.gallery .title, .title{color:#cdaf85;display:inline-block;opacity:0.7;


font-size:3.5rem;letter-spacing:-0.05rem;padding:1rem 0px 1rem 0px}

.is-selected .title {color:#ffffff;opacity:1}


.is-selected .details, .is-selected .blockstatic .details{color:#ffffff;left:14rem;}
.gallery .details img{opacity:0.7;position:relative;top:-0.1rem;width:1.2rem;height:1.2rem;margin:0px 10px 0px 0px;vertical-align:middle;filter: invert(91%) sepia(22%) saturate(846%) hue-rotate(323deg) brightness(85%) contrast(87%);}
.gallery .details img.bigger {width:3rem;height:3rem;padding:0.2rem}

.is-selected .details img.bigger{opacity:1;filter: invert(87%) sepia(63%) saturate(0%) hue-rotate(121deg) brightness(114%) contrast(101%);}


.gallery .details span{display:inline-block;padding:0px 10px 0px 0px}
.gallery .more, .blockstatic .more{color:#cdaf85;position:absolute;z-index:999;bottom:5rem;left:31.5rem;font-size:0.9rem;margin:0px;display:inline-block;padding:1.35rem 0.7rem 5px 0.7rem;border-top:1px solid #cdaf85;transition:all 0.3s ease}
.gallery .more:hover, .blockstatic .more:hover{cursor:pointer;border-color:#ffffff;color:#ffffff;transition:all 0.3s ease}

.gallery:hover .more, .block:hover .more{color:#ffffff;border-color:#ffffff}

.gallery button{width:auto}
.gallery .next, .next{position:absolute;z-index:25;left:22.5rem;padding:0.8rem 2.4rem 0.8rem 2.4rem;border:1px solid #cdaf85;transition:all 0.3s ease;border-radius:0px}
.gallery .prev, .prev{position:absolute;z-index:25;left:14rem;padding:0.8rem 2.4rem 0.8rem 2.4rem;border:1px solid #cdaf85;transition:all 0.3s ease;border-radius:0px}

.next, .prev{bottom:4rem}


.next img, .prev img,.next svg, .prev svg{width:2.2rem;height:2.2rem;filter: invert(76%) sepia(17%) saturate(663%) hue-rotate(356deg) brightness(93%) contrast(84%);display:block;transition:all 0.3s ease}
.next img{transform:scaleX(-1)}






@media (max-width:1680px) {
##.title{padding:10px 10px 10px 3rem;}
##.is-selected .title{padding:10px 10px 10px 7rem;}

.gallery .details, .details{left:6.8rem}

.gallery .next, .next{left:15.5rem}
.gallery .prev, .prev{left:7rem}

.gallery .more{left:24.5rem}
}






@media (max-width:1440px) {
##.gallery-cell .title{bottom:9rem;padding:10px 10px 10px 4rem;font-size:3.2rem}

.gallery-cell .details{bottom:9rem}

##.is-selected .title{padding:10px 10px 10px 4rem;}

.details{left:4rem}
.is-selected .details{left:4rem}

.gallery-cell .more, .blockstatic .more{bottom:4.4rem;left:22rem;font-size:0.9rem}


.gallery .next, .gallery .prev{bottom:3.8rem;padding:0.7rem 2rem 0.7rem 2rem}
.gallery .next{left:13rem}
.gallery .prev{left:4.2rem}
}

@media (max-width:1280px) {
.gallery .details, .details{bottom:20vh}
.gallery-cell .title{font-size:3.2rem}
}

@media (max-width:768px) {
.gallery{padding:1rem 0px 1rem 0px;width:100%;margin:0px 0px 0px 0px;line-height:0.7em}
.title strong{font-size:1rem}
.gallery-cell {width:100%;margin:0px 0rem 0px 0px}
.gallery-cell img{width:100%}

.gallery .title{opacity:0}
.gallery .title{display:block;padding:0px 0px 0px 0px;font-size:1.7rem;line-height:2rem;bottom:6rem}
.is-selected .title{opacity:1}
.gallery .details span{display:block;padding:0.3rem 0px 0.3rem 0px}
.gallery .details img.bigger{width:2.5rem;height:3.5rem;padding:0px 0px 1rem 0px;opacity:0.7}


.is-selected .details, .is-selected .blockstatic .details{color:#ffffff;left:0px;padding:0px 0px 0px 2.3rem;}

.gallery .details, .details{bottom:8rem}

.gallery .next, .gallery .prev{bottom:2.5rem}
.gallery .prev{left:2rem}
.gallery .next{left:9rem}
.gallery .more{display:none}
}