/* 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 .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 { position: absolute; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; margin: auto auto; min-width: 1000%; min-height: 1000%; -webkit-transform: scale(0.1); transform: scale(0.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:hover > img, .slick.crsl-gall-compatta > .slick-list > .slick-track > .slick-slide .item:hover > a > img { transform: scale(0.11); -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 }
/* 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; }
.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(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 }
