body{font-family:Verdana,sans-serif;margin:0}
.rowlight{display:flex;background-color:#fff;margin-bottom:17px;box-shadow:0 0 10px #ccc;border-radius:5px;padding:2px;height:154px;position:relative;top:16px}
.rowlight > .column{padding:0 8px;height:132px;position:relative;top:7px}
#largeImage:hover{cursor:pointer}
#thumbs img:hover{cursor:pointer}
.rowlight:after{content:"";display:table;clear:both}
.column{width:33.23%;height: 144px;max-height: 100%;position:relative;top:-31px;}
.modal{display:none;position:fixed;z-index:88888888;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6705882352941176)}
.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:10px;border-radius:5px;width: 60%;height: auto;max-width:1200px;}
.modal-content-full{position:relative;background-color:#fefefe;margin:auto;padding:10px;border-radius:5px;width:55%;height:77%;max-width:1200px}
.modal-content-full img{width:55%;height:100%}
.close{color:#fff;position:absolute;top:10px;right:25px;font-size:35px;font-weight:700}
.close:hover,.close:focus{color:#999;text-decoration:none;cursor:pointer}
.mySlides{display:none;height: 100%;}
.cursor{cursor:pointer}
.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:#fff;font-weight:700;font-size:20px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none}
.next{right:0;border-radius:3px 0 0 3px}
.prev:hover,.next:hover{background-color:rgba(0,0,0,0.8)}
.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}
.mySlides img{height:100%!important;}
.column img{height: 100%!important;}
.caption-container{background-color:hsla(0,0%,0%,0.6588235294117647);padding: 1px 3px;position:relative;top: -26px;color:#fff;}
.caption-container p{
    margin: 0 auto;
}
.demo{position:relative;top:-55px}
.active,.demo:hover{transition:transform .1s;transform:scale(1.02);z-index:999999}
img.hover-shadow{transition:.3s}
.hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.closeback{padding:10px;height:100%;z-index:0;background:red}
.minimalist{display: flex;justify-content:center;max-height:100%;}
.rowlight .column img{border-radius:3px;object-fit: cover;}
.aviso{font-size:10px;margin-top:0;margin-left:10px}
@media only screen and (min-width:360px) and (max-width:959px) {
.rowlight{height: 100px;}
.rowlight > .column{height:81px}
.modal-content{height: 61%;width:90%;}
.modal-content-full{width:86%;height:39%}
}