body {
    font-family:Arial,Helvetica,sans-serif;
}

.lbRow > .lbColumn {
    padding:0 8px;
}

.lbRow:after {
    content:"";
    display:table;
    clear:both;
}

.lbColumn {
    float:left;
    width:25%;
}

.smallLbColumn {
    float:left;
    width:24%;
    padding:0 8px;
    box-sizing: border-box;
}


/* The Modal (background) */
.modal {
    display:none; /* hidden by default */
    position:fixed; /* stay in place */
    z-index:100; /* sit on top */
    padding-top:100px; /* location of the box */
    left:0;
    top:0;
    width:100%; /* full width */
    height:100%; /* full height */
    overflow:auto; /* enable scroll if needed */
    background-color:#3b3e40; /* fallback color */
    box-sizing: border-box;
}

/* Modal content */
.modal-content {
    position:relative;
    background-color:#fefefe;
    margin:auto;
    padding:0;
    width:95%;
    max-width:1200px;
}


/* the close button */
.lbClose {
    color:white;
    position:absolute;
    top:10px;
    right:25px;
    font-size:35px;
    font-weight:bold;
    /*    transition:0.3s;*/
}

.lbClose:hover,
.lbClose:focus {
    color:#999;
    text-decoration:none;
    cursor:pointer;
}

.mySlides {
    display:none;
}

.lbCursor {
    cursor:pointer;
}

.lbPrev,
.lbNext {
    cursor:pointer;
    position:absolute;
    top:50%;
    width:auto;
    padding:16px;
    margin-top:-50px;
    color: #58a3b3;
    font-weight:bold;
    font-size:30px;
    transition:0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select:none;
    -webkit-user-select:none;
}

/* Position the next button to the right */
.lbNext {
    right:0;
    border-radius:3px 0 0 3px;
}

/* On hover, add a black background color with a little bit
    see-through */
.lbPrev:hover,
.lbNext:hover {
    background-color: rgba(0,0,0,0.8);
}

/* number text (1/3 etc.) */
.numbertext {
    color:black;
    font-size:24px;
    font-weight:bold;
    padding:8px 12px;
    position: absolute;
    top:0;
    right:0;
    opacity:.5;
}

/*
img {
    margin-bottom:-4px;
}
*/
.caption-container {
    text-align: center;
    background-color:black;
    padding: 2px 16px;
    color:white
}

.lbDemo {
    opacity:0.6;
}

.active,
.lbDemo:hover {
    opacity:1;
}

img.hover-shadow {
    transition:0.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);
}