.digi-album {
	display: none;
	margin: 15px auto;
	padding: 15px 0;
	text-align: center;
}
/*--------------- SEARCH --------------*/
.digi-album .search {
	background-color: transparent;
	border-radius: 0;
	margin: 10px auto 5px;
	max-width: 800px;
	padding: 0;
}
/*-------------- GALLERY --------------*/
.digi-album .gallery,
.digi-album nav {
	margin: auto;
	max-width: 1000px;
}
.digi-album .gallery {
	position: relative;
}
.digi-album .gallery a {
	display: block;
}
.digi-album .gallery [download] {
	bottom: 20px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}
/*--------------- NAV -----------------*/
.digi-album nav {
	display: flex;
	overflow: hidden;
}
.digi-album nav .arrow {
	padding: 0 5px;
	width: 20px;
}
.digi-album nav .arrow.hidden {
	transform: scale(0);
}
/*------------ THUMBNAILS -------------*/
.digi-album .thumbnails {
	box-sizing: initial;
	display: flex;
	overflow: auto;
}
.digi-album .thumbnails li {
	cursor: pointer;
}
/*-------------- STYLE-1 --------------*/
.digi-album {
	padding: 15px 10px 0 10px;
}
/*----------- STYLE-1 + NAV -----------*/
.digi-album nav {
	height: 80px;
}
.digi-album nav .arrow {
	fill: #151515;
	position: relative;
}
.digi-album nav .arrow,
.digi-album nav .arrow:hover {
	transition: fill 0.5s;
}
.digi-album nav svg {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
}
/*-------- STYLE-1 + GALLERY ---------*/
.digi-album .gallery {
	padding-top: 15px;
}
.digi-album .gallery [download] {
	bottom: 5px;
}
.digi-album .gallery .medium {
	max-height: 560px;
	max-width: 99%;
}
/*------- STYLE-1 + THUMBNAILS -------*/
.digi-album .thumbnails {
	height: 70px;
	margin: 10px auto;
	padding-bottom: 20px;
	width: 90%;
}
.digi-album .thumbnails li {
	margin: 0 10px;
	transform: scale(0.8);
	width: 100%;
}
.digi-album .thumbnails li.current {
	transform: scale(1);
	z-index: 1;
}
.digi-album .thumbnails li,
.digi-album .thumbnails li.current {
	transition: transform 0.5s;
}
/*-------------- STYLE-2 ---------------
.album.style-2 {
	background-color: #141414;
	height: 600px;
	position: relative;
}
.album.style-2 h2 {
	color: #C3C3C3;
	margin: auto;
	text-align: center;
}
.album.style-2 h2,
.album.style-2 .search {
	padding-left: 115px;
	padding-right: 10px;
}
.album.style-2 .search {
	margin: 0 auto 10px;
}
/*---------- STYLE-2 + SEARCH ----------
.album.style-2 .search select {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #C3C3C3;
	border-radius: 0;
	color: #C3C3C3;
	padding-left: 0;
}
.album.style-2 .search option {
	background: #000000;
}
/*--------- STYLE-2 + GALLERY ----------
.album.style-2 .gallery {
	height: 85%;
}
.album.style-2 .gallery .medium-block {
	height: 100%;
	margin-left: 115px;
	position: relative;
}
.album.style-2 .gallery [download] {
	bottom: 30px;
	margin-left: calc(115px / 2);
}
.album.style-2 .gallery .medium {
	left: 50%;
	max-height: 90%;
	max-width: 95%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
/*----------- STYLE-2 + NAV ------------
.album.style-2 nav {
	box-sizing: border-box;
	flex-direction: column;
	height: 100%;
	padding: 5px;
	position: absolute;
	top: 0;
	width: 115px;
}
.album.style-2 nav .arrow {
	margin: auto;
	margin-bottom: 5px;
	transform: rotate(90deg);
}
.album.style-2 nav .arrow.hidden {
	transform: rotate(90deg) scale(0);
}
.album.style-2 nav svg {
	background-color: transparent;
	border-radius: 50%;
	padding: 8px;
	transition: background-color 0.5s;
	width: 20px;
}
.album.style-2 nav svg:hover {
	transition: background-color 0.5s;
}
.album.style-2 nav .prev svg {
	margin-left: -10px;
}
/*------- STYLE-2 + THUMBNAILS ---------
.album.style-2 .thumbnails {
	flex-direction: column;
	justify-content: space-between;
	padding: 0 22px 0 4px;
	width: 100%;
}
.album.style-2 .thumbnails li {
	margin: 10px 0;
	opacity: 0.5;
	width: 100px;
}
.album.style-2 .thumbnails li.current {
	opacity: 1;
}
.album.style-2 .thumbnails li,
.album.style-2 .thumbnails li.current {
	transition: opacity 0.5s;
}
*/