html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0}.preview{max-height:263px;width:100%}.row{display:flex;flex-direction:row;justify-content:center}@media only screen and (max-width:414px){.row{align-items:center;flex-direction:column;justify-content:center;pointer-events:none}}.row>.col{padding:0 8px}.col{float:left;width:100%}.modal{background-color:#000;display:none;height:100%;left:0;overflow:auto;padding:10px 62px 0;position:fixed;top:0;width:100%;z-index:1}.modal-content{display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:1200px;padding:0;position:relative;width:80%}.slide{display:none}.image-slide,.modal-preview{width:100%}.dots{display:flex;flex-direction:row;justify-content:space-between}img.modal-preview,img.preview{opacity:.9}.modal-preview:hover,.preview:hover,img.active{cursor:pointer;opacity:1}img.hover-shadow{transition:.3s}.hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.close{color:#fff;font-size:35px;font-weight:700;position:absolute;right:25px;top:10px}.close:focus,.close:hover{color:#999;cursor:pointer;text-decoration:none}.next,.previous{background:#d3d3d3;border-radius:0 3px 3px 0;color:#000;cursor:pointer;font-size:20px;font-weight:700;margin-top:-50px;padding:16px;position:absolute;top:50%;transition:.6s ease;user-select:none;-webkit-user-select:none;width:auto}.next{border-radius:3px 0 0 3px;right:0}.next:hover,.previous:hover{background-color:#d3d3d3}