/* CSS Document */

/* WRAPPER */
.crsl-art-vista1-wrapper { margin: 0px auto 40px auto; }
.crsl-art-vista1-wrapper > h5 { font-size: 14px; font-weight: 300; margin-bottom: 0px; text-transform: uppercase }
/* Slider */
.slick.crsl-art-vista1 .slick-loading .slick-list { content: '...'; }
.slick.crsl-art-vista1 .slick-list, .slick.crsl-art-vista1 .slick-track { height: 100%; }
.slick.crsl-art-vista1 { overflow: hidden; margin: 0px auto 0px auto; padding: 40px 0; }
/* ITEM */ 
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item { border: 1px solid #f4f4f4; margin-bottom: 30px !important; padding-bottom: 10px; /*height: 150px;*/ overflow: hidden; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item.active { border-color: #000 !important; }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item h4 { font-size: 12px; color: #666; font-weight: 300; margin: 0px 5px; overflow: hidden; margin-right: 20px; }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item > a { display: inline-block; width: 100%; height: 100%; }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item > a > .data { display: inline-block; padding: 2px 5px 0 5px; color: #999; font-size: 12px; }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item > a > .data .gg { }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item > a > .data .mm { }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item > a > .data .aaaa { }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item > a > .img { position: relative;   width: 100%;  margin-right: 0px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item > a > .img img { width:100%; height:auto !important}
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item:hover { border: 1px solid #999; color: #ccc; }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item:hover > a .img >.rollover { visibility: visible; opacity: 1; transition-delay: 0s; }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item:hover > a > h4, .slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item ul li.active a > h4 { color: #cccccc; }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item a >.img >.rollover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 15px 15px; background-color: rgba(70,74,76,0.4); color: #fff; text-align: center; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s linear; }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item a >.img >.rollover .newsboxBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item a >.img >.rollover .newsboxBtn span { display: inline; text-align: center; padding: 14px 16px; }

.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item a >.img >.rollover .newsboxBtn { display:none;}
.slick.crsl-art-vista1 .slick-track .item .img:after, .slick.crsl-art-vista1 .slick-track .item .img: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)}
.slick.crsl-art-vista1 .slick-track .item .img:before { width: 30px; height: 1px; left: 100% }
.slick.crsl-art-vista1 .slick-track .item .img:after { height: 30px; width: 1px; top: 0 }
.slick.crsl-art-vista1 .slick-track .item .img:hover:after, .slick.crsl-art-vista1 .slick-track .item .img:hover:before { opacity: 1; top: 50%; left: 50% }
.slick.crsl-art-vista1 .slick-track .item .img:after, .slick.crsl-art-vista1 .slick-track .item .img:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease; transition: all .4s ease }


.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item .img { min-height: 80px; margin-right: 10px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear }
.slick.crsl-art-vista1 > .slick-list > .slick-track > .slick-slide .item a:focus { border: none; outline: none; }
/* INDICATORS */ 
.slick.crsl-art-vista1 .slick-dotted.slick-slider { margin-bottom: 30px; }
.slick.crsl-art-vista1 .slick-dots { position: absolute; bottom: 0px; right: 5px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick.crsl-art-vista1 .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 2px; padding: 0; cursor: pointer; }
.slick.crsl-art-vista1 .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-art-vista1 .slick-dots li button:hover, .slick.crsl-art-vista1 .slick-dots li button:focus { outline: none; }
.slick.crsl-art-vista1 .slick-dots li button:hover:before, .slick.crsl-art-vista1 .slick-dots li button:focus:before { opacity: 0.3; }
.slick.crsl-art-vista1 .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: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick.crsl-art-vista1 .slick-dots li.slick-active button:before { opacity: .75; color: #333; }
/* CONTROLS */
.slick.crsl-art-vista1 .slick-prev:before, .slick.crsl-art-vista1 .slick-next:before { display: inline-block; font-family:"Font Awesome 5 Free"; font-weight:300; font-size: inherit; font-size: 20px !important;  text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick.crsl-art-vista1 .slick-prev:before { content: "\f106" }
.slick.crsl-art-vista1 .slick-next:before { content: "\f107" }
/* Arrows */
.slick.crsl-art-vista1 .slick-prev, .slick.crsl-art-vista1 .slick-next { font-size: 0; line-height: 0; position: absolute; top: 10px; display: block; width: 20px; height: auto; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #999; border: none; outline: none; background: transparent; }
.slick.crsl-art-vista1 .slick-prev:hover, .slick.crsl-art-vista1 .slick-prev:focus, .slick.crsl-art-vista1 .slick-next:hover, .slick.crsl-art-vista1 .slick-next:focus { color: #333; outline: none; background: transparent; }
.slick.crsl-art-vista1 .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-art-vista1 .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-art-vista1 .slick-prev:hover:before, .slick.crsl-art-vista1 .slick-prev:focus:before, .slick.crsl-art-vista1 .slick-next:hover:before, .slick.crsl-art-vista1 .slick-next:focus:before { opacity: 1; }
.slick.crsl-art-vista1 .slick-prev.slick-disabled:before, .slick.crsl-art-vista1 .slick-next.slick-disabled:before { opacity: .25; }
.slick.crsl-art-vista1 .slick-prev { right: 20px; z-index: 1; }
[dir='rtl'] .slick.crsl-art-vista1 .slick-prev { right: 0px; left: auto; }
.slick-next { right: 0px; z-index: 1; }
[dir='rtl'] .slick.crsl-art-vista1 .slick-next { right: auto; left: 0px; }