/*GLOBALS*/

#wrapper{
	position:relative;
}

#slider-wrap{
	position:relative;
	overflow:hidden;
	width: 900px;
	height: 540px;
	margin: 0 auto;
}

#slider{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;		
}

#slider .cooperation-list {
	float:left;
	position:relative;
	width: 900px;
	height:540px;	
}

/*bar*/
#pagination-wrap{
	min-width:20px;
	margin-top:405px;
	margin-left: auto; 
	margin-right: auto;
	height:23px;
	position:relative;
	text-align:center;
}

#pagination-wrap ul {
	width:100%;
}

#pagination-wrap ul li{
	margin: 0 8px;
	display: inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#E43031;
	opacity:0.5;
	position:relative;
	top:0; 
	cursor: pointer;
}

#pagination-wrap ul li.active{
  width:16px;
  height:16px;
  top:3px;
  opacity:1;
  box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
}

/*ANIMATION*/
#slider-wrap #slider, #pagination-wrap ul li{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}