/*CONTENT*/
#content-wrap{
 margin:0px auto 0px;
 padding:0px;
 color: #fff;
 width:100%;
 height:449px;
}

/*#content-wrap > ul{
 margin:0px auto 0px;
 padding:0px;
 color: #fff;
 width:100%;
 height:420px;
}*/

#content-wrap >  li{
 margin:0px auto 0px;
 padding:0px;
}

#content-wrap >  li > img.i1{
 margin:0px auto 0px;
 padding:0px;
}
#content-wrap >  li > img.i2{
 margin:0px auto 0px;
 padding:0px;
}
#content-wrap >  li > img.i3{
 margin:0px auto 0px;
 padding:0px;
}

img.i1, img.i2{
	color:#000000;
	text-shadow:rgba(255,255,255,0.8) 1px 1px 1px;
	text-align:left;	
	
	-webkit-transition: all 0.5s ease;
	-moz-transition:    all 0.5s ease;
	-o-transition:      all 0.5s ease;
	-ms-transition:     all 0.5s ease;
	transition:         all 0.5s ease;	
}

img.i1{	font-size:24px;}
img.i2{font-size:24px;	margin:0px 0px 0px 0px;	}



.row{
	width:94%;
	padding:30px 3%;
	font-size:18px;
	color:#999;
	border-bottom:1px solid rgba(255,255,255,0.2);
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.5) ;
	background:#333;
	position:relative;
	text-shadow:rgba(0,0,0,0.8) 1px 1px 1px;
}

.row.active, h2 span{color:#f36666;}
.row.active{background:#3c3c3c;}
.row span{text-decoration:line-through;}

.row-btn{
	position:absolute;
	top:25px;
	right:20px;
	background:#2b2b2b;
	border-bottom:1px solid rgba(255,255,255,0.2);
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.5) ;
	width:40px;
	height:20px;
	border-radius:20px;
}

.circle{
	border-radius:50%;
	background:#555;
	border-top:1px solid rgba(255,255,255,0.2);
	box-shadow: 0 1px 0 rgba(0,0,0,0.5) ;
	width:20px;
	height:20px;
	
	
}

.row.active .row-btn{	background:#f36666;}
.row.active .circle{	margin-left:20px;}


#top{
	width:40px;
	height:20px;
	background:#555;
	border-top:1px solid rgba(255,255,255,0.2);
	box-shadow: 0 1px 0 rgba(0,0,0,0.5) ;
	margin:30px auto;
	cursor:pointer;	
	color:#ccc;
	text-shadow:rgba(0,0,0,0.8) 1px 1px 1px;
	text-align:center;
	padding:15px;
}

#top:active{
	background:#333;
	border-bottom:1px solid rgba(255,255,255,0.2);
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.5) ;	
	border-top:none;
}


/*ANIMATION*/
.row-btn, .circle, .row{
	-webkit-transition: all 0.1s ease;
	-moz-transition:    all 0.1s ease;
	-o-transition:      all 0.1s ease;
	-ms-transition:     all 0.1s ease;
	transition:         all 0.1s ease;	
}

/*hide left*/
img.i1{
	-moz-transform: translateX(-90px);
	-webkit-transform: translateX(-90px);
	-o-transform: translateX(-90px);
	-ms-transform: translateX(-90px);
	transform: translateX(-90px);
	opacity:1;
}

/*hide right*/
img.i2{
	-moz-transform: translateX(90px);
	-webkit-transform: translateX(90px);
	-o-transform: translateX(90px);
	-ms-transform: translateX(90px);
	transform: translateX(90px);	
	opacity:1;
}

/*Slide left > right || right > left*/
img.i1.animationActive, img.i2.animationActive {
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);	
	opacity:1;
}