/* CSS Document */

#slider {
	width:1000px;
	height:350px;
	overflow:hidden;
	position:relative;
}

#slider ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#slider ul li {
  float: left;
  font-size: inherit;
  margin: 0;
  position: relative;
}

#slider h1 {
  background: none repeat scroll 0 0 rgb(136, 40, 144);
  color: #fff;
  font-family: "Raleway",sans-serif;
  font-size: 2.3em;
  font-weight: 300;
  margin: 15px 0;
  padding: 6px 18px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 25px;
}

#slider p {
  color: #fff;
  font-family: "Raleway",sans-serif;
  font-size: 2.8em;
  font-weight: 100;
  line-height: 1.45em;
  margin: 21px 0;
  position: absolute;
  text-align: center;
  top: 67px;
  width: 480px;
}

#slider .button {
  background: none repeat scroll 0 0 rgb(243, 59, 126);
  color: #fff;
  font-family: "Raleway",sans-serif;
  font-size: 2.4em;
  font-weight: 700;
  padding: 5px 27px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  top: 255px;
}

.bx-wrapper .bx-viewport {
  background: #fff none repeat scroll 0 0;
  transform: translateZ(0px);
}


.bx-prev, .bx-next {
  background: rgba(120, 120, 120, 0.5) none repeat scroll 0 0 !important;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  font-family: "Roboto";
  font-size: 4em;
  font-weight: 100;
  height: auto !important;
  padding: 12px 0;
  text-align: center;
  text-decoration: none;
  text-indent: 0 !important;
  top: 160px !important;
  width: 31px !important;
}