@import url("css/animate.css");

.container {
    padding-bottom: 2em;
}
.img-thumbnail{
	max-width: 300px;
	 float: left; /* Выравнивание по левому краю */
    margin: 0 1em 1em 0;
}
/* Lightbox */
div.ml_box {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(75, 75, 75, 0.95);
    text-align: center;
}

div.ml_box img {
    max-width: 90%;
    max-height: 90%;
    vertical-align: middle;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: zoom-out;
    cursor: -webkit-zoom-out;
    border-radius: 4px;
    border: 4px solid #D7D7D7;
}

div.ml_box .animated,
div.ml_box.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.container img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}