div {
	box-sizing: border-box;
}
article {
	max-width: 1100px;
}

.gallery .archive {
	text-align: center;
	 font-size: 10px;
}
.gallery .archive a.link {
	display: inline-block;
	margin-top: 5px;
	color: #2154c5;
	text-decoration: none;
}

.photo-gallery {
	position: relative;
	overflow: hidden;
	height: auto;
	width: 100%;
	max-width: 70vh;
	float: left;
}
.gallery-grid {
	position: relative;
	overflow: hidden;
	height: auto;
	width: 100%;
	min-width: 348px;
	max-width: CALC(100% - 70vh);
	float: right;
}
@media screen and (max-width: 1080px) {
	.photo-gallery {
		margin: auto;
		float: none;
	}
	.gallery-grid {
		width: 100%;
		max-width: 70vh;
		margin: auto;
		float: none;
		padding-top: 20px;
	}
}
.gallery-grid a.animated-gallery-anchor {
	width: 100%;
	padding: 5px;
	margin-top: 5px;
	border-radius: 15px;
}
.gallery-grid a.animated-gallery-anchor:hover {
	background-color: #CCC;
}
.gallery-grid a.animated-gallery-anchor img {
	width: 150px;
	border-radius: 15px;
	float: left;
	margin-bottom: 0px;
}
.gallery-grid a.animated-gallery-anchor h3 {
	width: CALC(100% - 160px);
	float: right;
	text-align: center;
	padding-top: 2vh;
}
.gallery-element-curtain {
	padding-top: 0px !important;
}
@media screen and (max-width: 400px) {
	.gallery-grid a.animated-gallery-anchor img {
		float: none;
		width: 100%;
	}
	.gallery-grid a.animated-gallery-anchor h3 {
		width: 100%;
		float: none;
	}
}

div.gallery {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
div.gallery .items {
	position: relative;
	overflow: hidden;
	height: auto;
}
div.gallery .items .item, div.gallery .items .item .big {
	position: relative;
	overflow: hidden;
	height: auto;
	width: 100%;
	float: left;
	padding: 5px;
	padding-bottom: 0px;
}
div.gallery .items .item .big img {
	width: 100%;
	float: left;
	border-radius: 15px;
}
div.gallery .items .item .details {
	position: relative;
	overflow: hidden;
	height: auto;
	width: CALC(100% - 5px);
	float: left;
	margin: 2.5px;

}
div.gallery .items .item .details .detail {
	position: relative;
	overflow: hidden;
	height: auto;
	max-height: 19vh;
	float: left;
	cursor: pointer;
	border-radius: 15px;
	margin: 2.5px;
	border: 1px solid #000000;
	 border: 1px solid #000000;
	border-radius: 15px;

}
div.gallery .items .item .details .detail img {
	width: 100%;
	float: left;
}

div.gallery .ctrl {
	position: relative;
	overflow: hidden;
	height: auto;
	width: 100%;
	padding: 10px;
}
div.gallery .ctrl button.back {
	float: left;
	width: 40%;
}
div.gallery .ctrl button.next {
	float: right;
	width: 40%;
}
div.gallery .ctrl input[type="text"] {
	line-height: 35px;
	width: 20%;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	outline: none;
	border: none;
}