*{
	font-family: cursive;
}

body{

	background: #efefef;
}

.container{
	width: 960px;
	margin: auto;
	position: relative;
}

.container h1{
	text-align: center;
	color: #ff003b;
}

.slider1{
	position: relative;
	margin-bottom: 60px;
}

.slider1 .wrap{
	width: 960px;
	height: 360px;
	overflow: hidden;
	margin: auto;
	background: #111;
}

.slider1 .wrap img{
	height: 0px;
	opacity: 0;
	display: block;
	/*transform: rotate(-2deg);*/
	-webkit-transition: opacity 2s ease-in-out, transform 1s ease-in;
	-moz-transition: opacity 2s ease-in-out, transform 1s ease-in;
	-ms-transition: opacity 2s ease-in-out, transform 1s ease-in;
	-o-transition: opacity 2s ease-in-out, transform 1s ease-in;
	transition: opacity 2s ease-in-out, transform 1s ease-in;
}

.slider1 .wrap img.active{
	height: 360px;
	opacity: 1;
	transform: rotate(2deg) scale(1.09);
	-webkit-transition: opacity 2s ease-in-out, transform 1s ease-in;
	-moz-transition: opacity 2s ease-in-out, transform 1s ease-in;
	-ms-transition: opacity 2s ease-in-out, transform 1s ease-in;
	-o-transition: opacity 2s ease-in-out, transform 1s ease-in;
	transition: opacity 2s ease-in-out, transform 1s ease-in;
}

.slider1 button{
	position: absolute;
	top: 0;
	font-size: 200px;
	height: 360px;
	padding-bottom: 30px;
	font-family: cursive;
	background: transparent;
	text-shadow: 0px 0px 4px #333;
	border: none;
	color: white;
	outline: none;
	cursor: pointer;
	font-weight: thin;
}

.slider1 button.left{
	left: 0;
	padding-left: 20px;
	
}

.slider1 button.right{
	right: 0;
	padding-right: 20px;
}

/*Slider 2*/

#heading-second{
	color: #09D309
}

.slider2{
	width: 960px;
	overflow: hidden;
}

.slider2 .wrap{
	width: 1300%;
	height: 360px;
	overflow: hidden;
	background: black;
}

.slider2 .wrap img{
	display: inline;
	transition: all 0.8s cubic-bezier(0.85, 0.14, 0.49, 1.41);
}

.button-set{
	margin-bottom: 5px;
	float: right;
}

.button-set button{
	color: #666;
	padding: 0px 10px 2px;
	cursor: pointer; 
}