html, body, ul, li, form, button, nav, h2 {
	margin:0;
}

/*------------------------main------------------------*/

main {
	margin: 0 auto;
}

main .wrapper {
	margin: 0 auto;
	max-width:1000px;
	height:inherit;
	background-color:#ebedef;
}

main .content p {
	font-family: myriad pro;
	font-weight:400;
	font-size:18px;
	color:#2d2c2c;
	text-indent: 25px;
}

main #picture {
	display:flex;
	justify-content:center;
	padding: 0 20px;
	margin:0 100px 0;
	border-top:3px solid #ac0000;
	border-bottom:3px solid #ac0000;
}

main #small-lits {
	width:200px;
	border: 1px solid #ac0000;
	margin:40px;
}

main #show {
	display:none;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	text-align:right;
	padding:30px 0 30px;
	margin:0 95px 0;
	border-top:3px solid #ac0000;
	border-bottom:3px solid #ac0000;
}

main #big-picture {
	flex-basis:100%;
}

main #big-picture img {
	margin: 0 auto;
}

main #close, #previous, #next{
	margin:15px 20px;
	border-bottom: 2px solid #ebedef;
}

main #close img, #previous img, #next img{
	width:70px;
}

main #close:hover, #previous:hover, #next:hover {
	border-bottom: 2px solid #7e0000;
}

main #big-lits1 {
	display:none;
	width:500px;
}

main #big-lits2 {
	display:none;
	width:500px;
}

main h2{
	font-family: myriad pro;
	font-weight:300;
	color:#2d2c2c;
}

main .title {
	text-align:center;
	padding: 40px 0 20px;
}

main .item {
	padding: 0 100px 40px;
}

/*--------------------else-----------------------*/

/*overflow:hidden;
box-size:border-box, content-box
	display:flex;
	justify-content:space-around; +padding
	flex-wrap:wrap;-для адаптивности, макс ширина + маржин вертик.
	для выравнивания колонок по высоте display:flex;
	flex-box:изучить.
}*/

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}