/* CSS Document */
/* Slider */


.slick.crsl-gall-compatta {   margin: 0 80px; height: auto!important;}
.slick.crsl-gall-compatta .slick-loading .slick-list { content: '...'; }
.slick.crsl-gall-compatta .slick-list, .slick.crsl-gall-compatta .slick-track { height: 100%; }

.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item { position: relative;   overflow: hidden; height: auto;     aspect-ratio: 4 / 3; }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item > img, .slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item> a > img { object-fit: cover; object-position: center; width: 100%; height: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item:hover > img, .slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item:hover > a > img { transform: scale(1.1); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item a { overflow: hidden; position: relative; display: inline-block; width: 100%; height: 100%; }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item > .innerImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item a .foreground{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(20,20,20,.6);}
/* ITEM */
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item .rollover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 15px 15px; background-color: rgba(70,74,76,0.6); color: #fff; text-align: center; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s linear; }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item .rollover .zoomBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 13px; line-height: normal; }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item .rollover .zoomBtn span { text-align: center; }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item .rollover .zoomBtn span i { font-size: 20px; margin-bottom: 10px; }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item:hover > .rollover { visibility: visible; opacity: 1; transition-delay: 0s; }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item:hover > .innerImg { transform: scale(1.2); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
/* CAPTION */
.slick.crsl-gall-compatta .img-caption { background-color: rgba(70,74,76,.5); position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 5px 10px 5px 10px; color: #fff; text-align: left; }
.slick.crsl-gall-compatta .img-caption h2 { font-size: 12px; font-weight: 400; text-shadow: none; margin-top: 5px; margin-bottom: 5px; }
/* INDICATORS */ 
.slick.crsl-gall-compatta .slick-dotted.slick-slider { margin-bottom: 30px; }
.slick.crsl-gall-compatta .slick-dots { position: absolute; top: 0px; right: 5px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: right; }
.slick.crsl-gall-compatta .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 2px; padding: 0; cursor: pointer; }
.slick.crsl-gall-compatta .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick.crsl-gall-compatta .slick-dots li button:hover, .slick.crsl-gall-compatta .slick-dots li button:focus { outline: none; }
.slick.crsl-gall-compatta .slick-dots li button:hover:before, .slick.crsl-gall-compatta .slick-dots li button:focus:before { opacity: 0.3; }
.slick.crsl-gall-compatta .slick-dots li button:before { font-family: 'slick'; font-size: 26px; line-height: 10px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: '•'; text-align: center; opacity: .25; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick.crsl-gall-compatta .slick-dots li.slick-active button:before { opacity: .75; color: #fff; }
/* CONTROLS */
.slick.crsl-gall-compatta .slick-prev:before, .slick.crsl-gall-compatta .slick-next:before { display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 300; font-size: inherit; font-size: 20px !important; color: #fff; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick.crsl-gall-compatta .slick-prev:before { content: "\f053" }
.slick.crsl-gall-compatta .slick-next:before { content: "\f054" }
  
/* Arrows */
.slick.crsl-gall-compatta .slick-prev, .slick.crsl-gall-compatta .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 40%; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick.crsl-gall-compatta .slick-prev:hover, .slick.crsl-gall-compatta .slick-prev:focus, .slick.crsl-gall-compatta .slick-next:hover, .slick.crsl-gall-compatta .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick.crsl-gall-compatta .slick-prev:hover { background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,0.1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.1)); /* Standard syntax (must be last) */ }
.slick.crsl-gall-compatta .slick-next:hover { background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,0.1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,0.1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.1)); /* Standard syntax (must be last) */ }
.slick.crsl-gall-compatta .slick-prev:hover:before, .slick.crsl-gall-compatta .slick-prev:focus:before, .slick.crsl-gall-compatta .slick-next:hover:before, .slick.crsl-gall-compatta .slick-next:focus:before { opacity: 1; }
.slick.crsl-gall-compatta .slick-prev.slick-disabled:before, .slick.crsl-gall-compatta .slick-next.slick-disabled:before { opacity: .25; }
.slick.crsl-gall-compatta .slick-prev { left: 0px; z-index: 1; }
[dir='rtl'] .slick.crsl-gall-compatta .slick-prev { right: 0px; left: auto; }
.slick-next { right: -1px; z-index: 1; }
[dir='rtl'] .slick.crsl-gall-compatta .slick-next { right: auto; left: 0px; }


 /* PREV NEXT */ 
/*.slick.crsl-gall-compatta  .slider-button-prevnext { position: absolute;  top:50%;margin-top:inherit;transform:translateY(-50%); display: inline-flex;align-items: center; justify-content: center;  width: 40px; height: 40px; border: none; border-radius: 50%; background:#1d1d1b; background-image:none !important;text-align:center;font-size:30px; color:#fff; z-index: 1; transition: .2s linear}*/
.slick.crsl-gall-compatta  .slider-button-prevnext {  position: absolute;  top:50%;margin-top:inherit;transform:translateY(-50%); display: inline-flex;align-items: center; justify-content: center;  width: 40px; height: 40px; border-radius: 50%; padding: 0; border:none; background:#1d1d1b; background-image:none !important;text-align:center;font-size:30px; color:#fff;transition: .2s linear}
.slick.crsl-gall-compatta  .slider-button-prevnext.sbpn-absolute { position: absolute;  top:50%;margin-top:inherit;transform:translateY(-50%); }

 
.slick.crsl-gall-compatta  .slider-button-prev{ left: -60px;}
.slick.crsl-gall-compatta  .slider-button-next{ right:-60px;}

.slick.crsl-gall-compatta  .slider-button-prev .arrow{position:relative;display:inline-block;width:55%;height:30px;margin-left: -5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.slick.crsl-gall-compatta  .slider-button-prev .arrow .line1{position:absolute;top:51%;left:5px;width:90%;height:1px;background-color:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.slick.crsl-gall-compatta  .slider-button-prev .arrow .line2{position:absolute;top:39.5%;left:9%;width:10px;height:1px;background-color:#fff;transform:rotate(-45deg)}
.slick.crsl-gall-compatta  .slider-button-prev .arrow .line3{position:absolute;bottom:34%;left:9%;width:10px;height:1px;background-color:#fff;transform:rotate(45deg)}
.slick.crsl-gall-compatta  .slider-button-prev:hover .arrow .line1{width:30%}

.slick.crsl-gall-compatta  .slider-button-next .arrow{position:relative;display:inline-block;width:55%;height:30px;margin-left: 5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.slick.crsl-gall-compatta  .slider-button-next .arrow .line1{position:absolute;top:51%;right:5px;width:90%;height:1px;background-color:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.slick.crsl-gall-compatta  .slider-button-next .arrow .line2{position:absolute;top:39.5%;right:9%;width:10px;height:1px;background-color:#fff;transform:rotate(45deg)}
.slick.crsl-gall-compatta  .slider-button-next .arrow .line3{position:absolute;bottom:34%;right:9%;width:10px;height:1px;background-color:#fff;transform:rotate(-45deg)}
.slick.crsl-gall-compatta  .slider-button-next:hover .arrow .line1{width:30%}
 
.galleria-foto .tipo5 .icona-foto {position: absolute; top: -40px; right: 20px; border: 0px solid; color: #fff; text-align: right; z-index: 2;}

.galleria-foto .tipo5 .testo { }
.galleria-foto .tipo5 .testo > .g-titolo {position: relative; display: inline-block;background-color: rgba(255,255,255,.8); padding: 6px 12px; color: #333; }
.galleria-foto .tipo5 .testo > .g-testo {  position: relative; display:block; }
.galleria-foto .tipo5 .testo > .g-testo .pgt-inner { position: relative; display:inline-block;background-color: rgba(40,40,40,.8); padding: 6px 12px; color: #fff; font-size: 90%;  }

.galleria-foto .tipo5 .testo > p a { text-decoration: underline }
.galleria-foto .tipo5 a > .caption { position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%); color: #fff; background-color: rgba(70,74,76,0.9); font-size: 12px; line-height: normal; padding: 5px 10px; opacity: 1; transition: opacity 0.3s linear; }
.galleria-foto .tipo5 a:hover >.caption { opacity: 0; transition: opacity 0.3s linear; }
.galleria-foto .tipo5 a >.rollover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 15px 15px; background-color: rgba(70,74,76,0.6); color: #fff; text-align: center; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s linear; }
.galleria-foto .tipo5 a >.rollover .zoomBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 13px; line-height: normal; }
.galleria-foto .tipo5 a >.rollover .zoomBtn span { display: inline; padding: 0px; text-align: center; }
.galleria-foto .tipo5 a >.rollover .zoomBtn span i { font-size: 20px; margin-bottom: 10px; }
.galleria-foto .tipo5 a >.rollover .zoomBtn .url-testo { display: inline-block; background-color: rgba(70,74,76,0.9); font-size: 12px; padding: 5px 10px; margin-top: 10px; }
.galleria-foto .tipo5 a.normal >.rollover .zoomBtn i { display: none; }
.galleria-foto .tipo5 a.normal:after, .galleria-foto .tipo5 a.normal:before { content: ''; background-color: #fff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) translateZ(0) }
.galleria-foto .tipo5 a.normal:before { width: 30px; height: 1px; left: 100% }
.galleria-foto .tipo5 a.normal:after { height: 30px; width: 1px; top: 0 }
.galleria-foto .tipo5 a.normal:hover:after, .galleria-foto .tipo5 a.normal:hover:before { opacity: 1; top: 50%; left: 50% }
.galleria-foto .tipo5 a.normal:after, .galleria-foto .tipo5 a.normal:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease; transition: all .4s ease }
.galleria-foto .tipo5 a.url:after { content: ''; background-color: #fff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -80%); transform: translate(-50%, -80%) translateZ(0) }
.galleria-foto .tipo5 a.url:after { height: 30px; width: 1px; top: 0% }
.galleria-foto .tipo5 a.url:hover:after { opacity: 1; top: 20%; left: 50% }
.galleria-foto .tipo5 a.url:before { content: ''; background-color: #fff; position: absolute; z-index: 1; top: 15%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -80%); transform: translate(-50%, -80%) translateZ(0) }
.galleria-foto .tipo5 a.url:before { width: 30px; height: 1px; left: 100% }
.galleria-foto .tipo5 a.url:hover:before { opacity: 1; top: 15%; left: 50% }
.galleria-foto .tipo5 a.url:after, .galleria-foto .tipo5 a.url:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease; transition: all .4s ease }

 /* Smartphone landscape */
@media all and (max-width: 667px) {  
    .slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide.item a .foreground{ display: block;}
    .galleria-foto .tipo5 .icona-foto { top: inherit;bottom: 20px; font-size: 26px;  }
}