/* -- START -- Reset */
#a24p-paper-note-3 h3,
#a24p-paper-note-3 a,
#a24p-paper-note-3 img,
#a24p-paper-note-3 span,
#a24p-paper-note-3 p {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	line-height: 1.25;
}
/* -- END -- Reset */


/* -- START -- TEMPLATE */
#a24p-paper-note-3.a24pAnimateCircle,
#a24p-paper-note-3 .a24pAnimateCircle {
	transition: all 750ms ease-in-out;
}

#a24p-paper-note-3 .a24pProItemInner {
	position: relative;
	width: 180px;
	height: 180px;
	margin: 0 auto;

	backface-visibility: hidden;
}

#a24p-paper-note-3 .a24pProItemInner .a24pSticky{
	transform: rotate(45deg);
}

#a24p-paper-note-3 .a24pProItemInner:hover .a24pSticky{
	transform: rotate(10deg);
}

#a24p-paper-note-3 .a24pProItemInner .a24pSticky{
	position: absolute;
	top: 0;
	left: 0;
	width:180px;
	height: 180px;
}

#a24p-paper-note-3 .a24pProItemInner .a24pReveal .a24pCircle{
	box-shadow: 0 1px 0px rgba(0,0,0,.15);

	font-family: 'helvetica neue', arial;
	font-weight: 200;
	line-height: 140px;
	text-align: center;

	cursor: pointer;
}

#a24p-paper-note-3 .a24pProItemInner .a24pReveal .a24pCircle{
	background: #f1f1f1;
}

#a24p-paper-note-3 .a24pProItemInner .a24pCircle_wrapper{
	position: absolute;
	width: 180px;
	height: 180px;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

#a24p-paper-note-3 .a24pProItemInner .a24pCircle{
	position: absolute;
	width: 140px;
	height:  140px;
	margin: 20px;

	border-radius: 999px;
}

#a24p-paper-note-3 .a24pProItemInner .a24pBack{
	height: 10px;
	top: 30px;
}

#a24p-paper-note-3 .a24pProItemInner:hover .a24pBack{
	height: 90px;
	top: 110px;
}

#a24p-paper-note-3 .a24pProItemInner .a24pBack .a24pCircle{
	margin-top: -130px;
	background-color: #00897b;

	background-image: -webkit-linear-gradient(bottom, transparent, #00695c);
	background-image: -moz-linear-gradient(bottom, transparent, #00695c);
	background-image: linear-gradient(bottom, transparent, #00695c);
}

#a24p-paper-note-3 .a24pProItemInner:hover .a24pBack .a24pCircle{
	margin-top: -50px;
}

#a24p-paper-note-3 .a24pProItemInner .a24pFront{
	height: 150px;
	bottom: 0;
	top: auto;

	-webkit-box-shadow: 0 -140px 20px -140px rgba(0,0,0,.3);
}

#a24p-paper-note-3 .a24pProItemInner:hover .a24pFront{
	height: 70px;

	-webkit-box-shadow: 0 -60px 10px -60px rgba(0,0,0,.1);
}

#a24p-paper-note-3 .a24pProItemInner .a24pFront .a24pCircle{
	margin-top: -10px;
	background-color: #00897b;

	background-image: -webkit-linear-gradient(bottom, transparent 75%, #00695c 95%);
	background-image: -moz-linear-gradient(bottom, transparent 75%, #00695c 95%);
	background-image: linear-gradient(bottom, transparent 75%, #00695c 95%);
}

#a24p-paper-note-3 .a24pProItemInner h3 {
	font-weight: 200;
	text-align: center;
	position: absolute;
	width: 110px;
	height: 70px;
	margin: 65px 0 0 30px;
	color: #e0f2f1;

	-ms-transform: rotate(20deg); /* IE 9 */
	-webkit-transform: rotate(20deg); /* Safari */
	transform: rotate(20deg); /* Standard syntax */

	transition: opacity 50ms linear 400ms;
}

#a24p-paper-note-3 .a24pProItemInner:hover h3 {
	opacity: 0;

	transition: opacity 50ms linear 300ms;
}

#a24p-paper-note-3 .a24pProItemInner:hover .a24pFront .a24pCircle {
	margin-top: -90px;
	background-color: #00897b;
	background-position: 0 100px;
}

#a24p-paper-note-3 .a24pProItemInner__copy .a24pProItemInner__title {
	font-size: 17px;
	line-height: 22px;
	overflow: hidden;
}

#a24p-paper-note-3 .a24pProItemInner__copy .a24pProItemInner__desc {
	font-size: 12px;
	line-height: 16px;
	margin: 15px 15px 10px;
	color: #000;
	overflow: hidden;
}
/* -- END -- TEMPLATE */