body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}



/* Header
-----------------------------------------------------------------------------*/
.slider {
	height: 100vh;
      width: 100%;
  position: relative;
}
.slider-content {
	height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slide {
	height: 100%;
  width: 100%;
  display:flex;
  justify-content: center;
  align-items:center;
  text-align: center;
}



.sl1 {
	background: url(img/pushkin.jpg) no-repeat;
	background-size: cover;
}
.sl2 {
	background: url(img/esenin.jpg) no-repeat;
	background-size: cover;
}
.sl3 {
	background: url(img/mayakovskiy.jpg) no-repeat;
	background-size: cover;
}
.sl4 {
	background: url(img/lermontov.jpg) no-repeat;
	background-size: cover;
}
.more {
	color: #000;
	text-decoration: none;
	padding: 7px 15px;
	background: #FFD800;
	text-shadow:none;
	line-height: 8em;
	font-size:16px;
}
.more:hover {
	background: #FFBB02;

}
.slider-controls {
	position:absolute;
	left:0px;
	bottom:30px;
	text-align:center;
	width: 100%;
	z-index: 5;
}
.slider-controls .control-slide {
	margin:2px;
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background:#fff;
	border-radius: 50%;
	-webkit-border-radius:50%;
}
.slider-controls .control-slide:hover {
	background: #FFED87;
	cursor: pointer;
}
.slider-controls .control-slide.active {
	background: #ED6E0F;
}