html {
  border-top:5px solid #fff;
  background-image:linear-gradient( 135deg, #FDD819 0%, #E80505 100%);
  color:white;
}

html, body {
  margin:0;
  padding:0;
  font-family:'Open Sans';
}

h1 {
  color:#fff;
  text-align:center;
  font-weight:300;
}

#slider {
  position:relative;
  overflow:hidden;
  margin:20px auto 0 auto;
  border-radius:4px;
}

#slider ul {
  position:relative;
  margin:0;
  padding:0;
  height:200px;
  list-style:none;
}

#slider ul li {
  position:relative;
  display:block;
  float:left;
  margin:0;
  padding:0;
  width:500px;
  height:300px;
  background:#ccc;
  text-align:center;
  line-height:300px;
}

a.control_prev, a.control_next {
  position:absolute;
  top:40%;
  z-index:999;
  display:block;
  padding:4% 3%;
  width:auto;
  height:auto;
  background:#2a2a2a;
  color:#fff;
  text-decoration:none;
  font-weight:600;
  font-size:18px;
  opacity:0.8;
  cursor:pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity:1;
  -webkit-transition:all 0.2s ease;
}

a.control_prev {
  border-radius:0 2px 2px 0;
}

a.control_next {
  right:0;
  border-radius:2px 0 0 2px;
}

.slider_option {
  position:relative;
  margin:10px auto;
  width:160px;
  font-size:18px;
}