/* CSS Document */
/* Slider */
.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 { height: 160px; /*overflow: hidden;*/ margin: 0px auto 0px auto; }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide {position: relative;}
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide .item { position: relative; height: 160px; overflow: hidden; }
.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 {position: absolute; top: 0; left: 0; overflow: hidden;   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 .loader { opacity:0.45;
    -moz-opacity:0.45;
    filter:alpha(opacity=45);
    
    position:absolute;
	top: 50%; left: 50%; transform: translate(-50%,-50%);
    height:40px;
    width:40px;
    z-index:0;
    filter: invert(1);
}*/

@keyframes spinner { to {transform: rotate(360deg);}}
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide .loader {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 1px solid #ccc;
    border-top-color: #000;
    animation: spinner .6s linear infinite;
	z-index: -1;
}

/* ITEM */
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide .item:hover:hover .img-caption {opacity: 1;}
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide .item .rollover { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:50px;height:50px; border-radius: 50%; background-color: rgba(115,50,15,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; }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide .item:hover > a .rollover { visibility: visible; opacity: 1; transition-delay: 0s; }
.slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide .item:hover > a .innerImg { transform: scale(1.04); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }

 


/* CAPTION */
.slick.crsl-gall-compatta .img-caption { opacity: 0;  background-color: rgba(248,249,250,.7);  position: absolute; left:inherit; right: 20px; top: 20px; z-index: 10; margin-left: 30%; padding:38px 26px 38px 70px; color: #fff; text-align: right; transition: all .3s ease; }
.slick.crsl-gall-compatta .img-caption span { display: block; font-family: 'PlayFair Display'; width: 100%; font-size: 20px; font-weight: 600; text-shadow: none; margin-top: 5px; margin-bottom: 5px; }
.slick.crsl-gall-compatta .img-caption small {  width: 70%;}
.slick.crsl-gall-compatta .img-caption .ic-link { font-size: 14px; margin: 20px 0 0 0; font-weight: 600;    display: block;}


/* INDICATORS */ 
.slick.crsl-gall-compatta .slick-dotted.slick-slider { margin-bottom: 30px; }
.slick.crsl-gall-compatta .slick-dots { position: absolute; bottom: -40px; left: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick.crsl-gall-compatta .slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; 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: 8px; border-radius: 50%; height: 8px; content: ''; text-align: center;   background-color:  rgba(200,200,200,.8); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick.crsl-gall-compatta .slick-dots li.slick-active button:before {background-color: rgba(50,50,50,.75); }
/* 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; bottom: 50px; display: block; width: 150px; height: 50px; 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: 50px; z-index: 1; }
[dir='rtl'] .slick.crsl-gall-compatta .slick-prev { right: 50px; left: auto; }
.slick-next { right: -1px; z-index: 1; }
[dir='rtl'] .slick.crsl-gall-compatta .slick-next { right: auto; left: 0px; }
.galleria-foto .tipo5 {padding: 0;}
.galleria-foto .tipo5 .testo { }
.galleria-foto .tipo5 .testo > h4 { }
.galleria-foto .tipo5 .testo > p { }
.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(115,50,15,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(115,50,15,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(115,50,15,0.9); font-size: 12px; padding: 5px 10px; margin-top: 10px; }
.galleria-foto .tipo5 a.normal >.rollover .zoomBtn i { }
*/
.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 }