body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;

	display: flex;
	flex-direction: column;
}

main {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.slider_one {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.slider_two {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Блок 1 */

.display {
	width: 420px;
	height: 420px;
	border: 3px dotted rgba(169, 169, 169, 0.27);
	display: flex;
	align-items: center;
	justify-content: center;
}

.display img {
	max-height: 400px;
}

.list-back {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	padding: 0.1em;
	height: 76px;
}

.item {
	list-style: none;
	margin: 0.5em;
}

.item:hover,
.item.active {
	border: 3px dotted rgba(169, 169, 169, 0.27);
	margin: calc(0.5em - 3px);
}



.image {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	width: 70px;
	cursor: pointer;
}

.image img {
	max-height: 70px;
	max-width: 70px;
}

/* Блок 2 */

.gallery {
	width: 420px;
	height: 420px;
	border: 3px dotted rgba(169, 169, 169, 0.27);
	display: flex;
	align-items: center;
	justify-content: center;
}

.gallery_item {
	display: none;
}

.gallery_item img {
	max-height: 400px;
}

.gallery .active{
	display: block;
}

.control {
	margin-top: 1em;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	padding: 0.1em;
	height: 76px;
}

.control_link {
	text-decoration: none;
	margin: 0.5em;
	height: 70px;
}

.control_link:hover,
.control_link.active {
	border: 3px dotted rgba(169, 169, 169, 0.27);
	margin: calc(0.5em - 3px);
}





.back {
	align-self: flex-start;
	margin: 1em 5em;
	text-transform: uppercase;
	color: #C09F5E;
	font-weight: 600;
	text-decoration: none;
}

.back:hover {
	color: #AA7757;
}