/*!
 * Hover.css (http://ianlunn.co.uk/)
 * Version: 1.0.8
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014.
 */.button{
	margin:.4em;
	padding:1em;
	cursor:pointer;
	background:#e1e1e1;
	text-decoration:none;
	color:#666;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}

.grow{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.grow:active,.grow:focus,.grow:hover{
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}

.shrink{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.shrink:active,.shrink:focus,.shrink:hover{
	-webkit-transform:scale(0.9);
	transform:scale(0.9)
}

@-webkit-keyframes pulse{
	25%{
		-webkit-transform:scale(1.1);
		transform:scale(1.1)
	}

	75%{
		-webkit-transform:scale(0.9);
		transform:scale(0.9)
	}

}

@keyframes pulse{
	25%{
		-webkit-transform:scale(1.1);
		transform:scale(1.1)
	}

	75%{
		-webkit-transform:scale(0.9);
		transform:scale(0.9)
	}

}

.pulse{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.pulse:active,.pulse:focus,.pulse:hover{
	-webkit-animation-name:pulse;
	animation-name:pulse;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}

@-webkit-keyframes pulse-grow{
	to{
		-webkit-transform:scale(1.1);
		transform:scale(1.1)
	}

}

@keyframes pulse-grow{
	to{
		-webkit-transform:scale(1.1);
		transform:scale(1.1)
	}

}

.pulse-grow{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.pulse-grow:active,.pulse-grow:focus,.pulse-grow:hover{
	-webkit-animation-name:pulse-grow;
	animation-name:pulse-grow;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate
}

@-webkit-keyframes pulse-shrink{
	to{
		-webkit-transform:scale(0.9);
		transform:scale(0.9)
	}

}

@keyframes pulse-shrink{
	to{
		-webkit-transform:scale(0.9);
		transform:scale(0.9)
	}

}

.pulse-shrink{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.pulse-shrink:active,.pulse-shrink:focus,.pulse-shrink:hover{
	-webkit-animation-name:pulse-shrink;
	animation-name:pulse-shrink;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate
}

@-webkit-keyframes push{
	50%{
		-webkit-transform:scale(0.8);
		transform:scale(0.8)
	}

	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}

}

@keyframes push{
	50%{
		-webkit-transform:scale(0.8);
		transform:scale(0.8)
	}

	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}

}

.push{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.push:active,.push:focus,.push:hover{
	-webkit-animation-name:push;
	animation-name:push;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

@-webkit-keyframes pop{
	50%{
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}

	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}

}

@keyframes pop{
	50%{
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}

	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}

}

.pop{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.pop:active,.pop:focus,.pop:hover{
	-webkit-animation-name:pop;
	animation-name:pop;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

.rotate{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.rotate:active,.rotate:focus,.rotate:hover{
	-webkit-transform:rotate(4deg);
	transform:rotate(4deg)
}

.grow-rotate{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.grow-rotate:active,.grow-rotate:focus,.grow-rotate:hover{
	-webkit-transform:scale(1.1) rotate(4deg);
	transform:scale(1.1) rotate(4deg)
}

.float{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.float:active,.float:focus,.float:hover{
	/*-webkit-transform:translateY(-5px);
	transform:translateY(-5px)*/
}

.sink{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.sink:active,.sink:focus,.sink:hover{
	-webkit-transform:translateY(5px);
	transform:translateY(5px)
}

@-webkit-keyframes hover{
	50%{
		-webkit-transform:translateY(-3px);
		transform:translateY(-3px)
	}

	100%{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px)
	}

}

@keyframes hover{
	50%{
		-webkit-transform:translateY(-3px);
		transform:translateY(-3px)
	}

	100%{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px)
	}

}

.hover{
	display:inline-block;
	-webkit-transition-duration:.5s;
	transition-duration:.5s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.hover:active,.hover:focus,.hover:hover{
	-webkit-transform:translateY(-6px);
	transform:translateY(-6px);
	-webkit-animation-name:hover;
	animation-name:hover;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-delay:.3s;
	animation-delay:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate
}

@-webkit-keyframes hang{
	50%{
		-webkit-transform:translateY(3px);
		transform:translateY(3px)
	}

	100%{
		-webkit-transform:translateY(6px);
		transform:translateY(6px)
	}

}

@keyframes hang{
	50%{
		-webkit-transform:translateY(3px);
		transform:translateY(3px)
	}

	100%{
		-webkit-transform:translateY(6px);
		transform:translateY(6px)
	}

}

.hang{
	display:inline-block;
	-webkit-transition-duration:.5s;
	transition-duration:.5s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.hang:active,.hang:focus,.hang:hover{
	-webkit-transform:translateY(6px);
	transform:translateY(6px);
	-webkit-animation-name:hang;
	animation-name:hang;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-delay:.3s;
	animation-delay:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate
}

.skew{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.skew:active,.skew:focus,.skew:hover{
	-webkit-transform:skew(-10deg);
	transform:skew(-10deg)
}

.skew-forward{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.skew-forward:active,.skew-forward:focus,.skew-forward:hover{
	-webkit-transform:skew(-10deg);
	transform:skew(-10deg)
}

.skew-backward{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.skew-backward:active,.skew-backward:focus,.skew-backward:hover{
	-webkit-transform:skew(10deg);
	transform:skew(10deg)
}

@-webkit-keyframes wobble-vertical{
	16.65%{
		-webkit-transform:translateY(8px);
		transform:translateY(8px)
	}

	33.3%{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px)
	}

	49.95%{
		-webkit-transform:translateY(4px);
		transform:translateY(4px)
	}

	66.6%{
		-webkit-transform:translateY(-2px);
		transform:translateY(-2px)
	}

	83.25%{
		-webkit-transform:translateY(1px);
		transform:translateY(1px)
	}

	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}

}

@keyframes wobble-vertical{
	16.65%{
		-webkit-transform:translateY(8px);
		transform:translateY(8px)
	}

	33.3%{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px)
	}

	49.95%{
		-webkit-transform:translateY(4px);
		transform:translateY(4px)
	}

	66.6%{
		-webkit-transform:translateY(-2px);
		transform:translateY(-2px)
	}

	83.25%{
		-webkit-transform:translateY(1px);
		transform:translateY(1px)
	}

	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}

}

.wobble-vertical{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.wobble-vertical:active,.wobble-vertical:focus,.wobble-vertical:hover{
	-webkit-animation-name:wobble-vertical;
	animation-name:wobble-vertical;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

@-webkit-keyframes wobble-horizontal{
	16.65%{
		-webkit-transform:translateX(8px);
		transform:translateX(8px)
	}

	33.3%{
		-webkit-transform:translateX(-6px);
		transform:translateX(-6px)
	}

	49.95%{
		-webkit-transform:translateX(4px);
		transform:translateX(4px)
	}

	66.6%{
		-webkit-transform:translateX(-2px);
		transform:translateX(-2px)
	}

	83.25%{
		-webkit-transform:translateX(1px);
		transform:translateX(1px)
	}

	100%{
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}

}

@keyframes wobble-horizontal{
	16.65%{
		-webkit-transform:translateX(8px);
		transform:translateX(8px)
	}

	33.3%{
		-webkit-transform:translateX(-6px);
		transform:translateX(-6px)
	}

	49.95%{
		-webkit-transform:translateX(4px);
		transform:translateX(4px)
	}

	66.6%{
		-webkit-transform:translateX(-2px);
		transform:translateX(-2px)
	}

	83.25%{
		-webkit-transform:translateX(1px);
		transform:translateX(1px)
	}

	100%{
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}

}

.wobble-horizontal{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.wobble-horizontal:active,.wobble-horizontal:focus,.wobble-horizontal:hover{
	-webkit-animation-name:wobble-horizontal;
	animation-name:wobble-horizontal;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

@-webkit-keyframes wobble-to-bottom-right{
	16.65%{
		-webkit-transform:translate(8px,8px);
		transform:translate(8px,8px)
	}

	33.3%{
		-webkit-transform:translate(-6px,-6px);
		transform:translate(-6px,-6px)
	}

	49.95%{
		-webkit-transform:translate(4px,4px);
		transform:translate(4px,4px)
	}

	66.6%{
		-webkit-transform:translate(-2px,-2px);
		transform:translate(-2px,-2px)
	}

	83.25%{
		-webkit-transform:translate(1px,1px);
		transform:translate(1px,1px)
	}

	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0)
	}

}

@keyframes wobble-to-bottom-right{
	16.65%{
		-webkit-transform:translate(8px,8px);
		transform:translate(8px,8px)
	}

	33.3%{
		-webkit-transform:translate(-6px,-6px);
		transform:translate(-6px,-6px)
	}

	49.95%{
		-webkit-transform:translate(4px,4px);
		transform:translate(4px,4px)
	}

	66.6%{
		-webkit-transform:translate(-2px,-2px);
		transform:translate(-2px,-2px)
	}

	83.25%{
		-webkit-transform:translate(1px,1px);
		transform:translate(1px,1px)
	}

	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0)
	}

}

.wobble-to-bottom-right{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.wobble-to-bottom-right:active,.wobble-to-bottom-right:focus,.wobble-to-bottom-right:hover{
	-webkit-animation-name:wobble-to-bottom-right;
	animation-name:wobble-to-bottom-right;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

@-webkit-keyframes wobble-to-top-right{
	16.65%{
		-webkit-transform:translate(8px,-8px);
		transform:translate(8px,-8px)
	}

	33.3%{
		-webkit-transform:translate(-6px,6px);
		transform:translate(-6px,6px)
	}

	49.95%{
		-webkit-transform:translate(4px,-4px);
		transform:translate(4px,-4px)
	}

	66.6%{
		-webkit-transform:translate(-2px,2px);
		transform:translate(-2px,2px)
	}

	83.25%{
		-webkit-transform:translate(1px,-1px);
		transform:translate(1px,-1px)
	}

	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0)
	}

}

@keyframes wobble-to-top-right{
	16.65%{
		-webkit-transform:translate(8px,-8px);
		transform:translate(8px,-8px)
	}

	33.3%{
		-webkit-transform:translate(-6px,6px);
		transform:translate(-6px,6px)
	}

	49.95%{
		-webkit-transform:translate(4px,-4px);
		transform:translate(4px,-4px)
	}

	66.6%{
		-webkit-transform:translate(-2px,2px);
		transform:translate(-2px,2px)
	}

	83.25%{
		-webkit-transform:translate(1px,-1px);
		transform:translate(1px,-1px)
	}

	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0)
	}

}

.wobble-to-top-right{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.wobble-to-top-right:active,.wobble-to-top-right:focus,.wobble-to-top-right:hover{
	-webkit-animation-name:wobble-to-top-right;
	animation-name:wobble-to-top-right;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

@-webkit-keyframes wobble-top{
	16.65%{
		-webkit-transform:skew(-12deg);
		transform:skew(-12deg)
	}

	33.3%{
		-webkit-transform:skew(10deg);
		transform:skew(10deg)
	}

	49.95%{
		-webkit-transform:skew(-6deg);
		transform:skew(-6deg)
	}

	66.6%{
		-webkit-transform:skew(4deg);
		transform:skew(4deg)
	}

	83.25%{
		-webkit-transform:skew(-2deg);
		transform:skew(-2deg)
	}

	100%{
		-webkit-transform:skew(0);
		transform:skew(0)
	}

}

@keyframes wobble-top{
	16.65%{
		-webkit-transform:skew(-12deg);
		transform:skew(-12deg)
	}

	33.3%{
		-webkit-transform:skew(10deg);
		transform:skew(10deg)
	}

	49.95%{
		-webkit-transform:skew(-6deg);
		transform:skew(-6deg)
	}

	66.6%{
		-webkit-transform:skew(4deg);
		transform:skew(4deg)
	}

	83.25%{
		-webkit-transform:skew(-2deg);
		transform:skew(-2deg)
	}

	100%{
		-webkit-transform:skew(0);
		transform:skew(0)
	}

}

.wobble-top{
	display:inline-block;
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.wobble-top:active,.wobble-top:focus,.wobble-top:hover{
	-webkit-animation-name:wobble-top;
	animation-name:wobble-top;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

@-webkit-keyframes wobble-bottom{
	16.65%{
		-webkit-transform:skew(-12deg);
		transform:skew(-12deg)
	}

	33.3%{
		-webkit-transform:skew(10deg);
		transform:skew(10deg)
	}

	49.95%{
		-webkit-transform:skew(-6deg);
		transform:skew(-6deg)
	}

	66.6%{
		-webkit-transform:skew(4deg);
		transform:skew(4deg)
	}

	83.25%{
		-webkit-transform:skew(-2deg);
		transform:skew(-2deg)
	}

	100%{
		-webkit-transform:skew(0);
		transform:skew(0)
	}

}

@keyframes wobble-bottom{
	16.65%{
		-webkit-transform:skew(-12deg);
		transform:skew(-12deg)
	}

	33.3%{
		-webkit-transform:skew(10deg);
		transform:skew(10deg)
	}

	49.95%{
		-webkit-transform:skew(-6deg);
		transform:skew(-6deg)
	}

	66.6%{
		-webkit-transform:skew(4deg);
		transform:skew(4deg)
	}

	83.25%{
		-webkit-transform:skew(-2deg);
		transform:skew(-2deg)
	}

	100%{
		-webkit-transform:skew(0);
		transform:skew(0)
	}

}

.wobble-bottom{
	display:inline-block;
	-webkit-transform-origin:100% 0;
	transform-origin:100% 0;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.wobble-bottom:active,.wobble-bottom:focus,.wobble-bottom:hover{
	-webkit-animation-name:wobble-bottom;
	animation-name:wobble-bottom;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

@-webkit-keyframes wobble-skew{
	16.65%{
		-webkit-transform:skew(-12deg);
		transform:skew(-12deg)
	}

	33.3%{
		-webkit-transform:skew(10deg);
		transform:skew(10deg)
	}

	49.95%{
		-webkit-transform:skew(-6deg);
		transform:skew(-6deg)
	}

	66.6%{
		-webkit-transform:skew(4deg);
		transform:skew(4deg)
	}

	83.25%{
		-webkit-transform:skew(-2deg);
		transform:skew(-2deg)
	}

	100%{
		-webkit-transform:skew(0);
		transform:skew(0)
	}

}

@keyframes wobble-skew{
	16.65%{
		-webkit-transform:skew(-12deg);
		transform:skew(-12deg)
	}

	33.3%{
		-webkit-transform:skew(10deg);
		transform:skew(10deg)
	}

	49.95%{
		-webkit-transform:skew(-6deg);
		transform:skew(-6deg)
	}

	66.6%{
		-webkit-transform:skew(4deg);
		transform:skew(4deg)
	}

	83.25%{
		-webkit-transform:skew(-2deg);
		transform:skew(-2deg)
	}

	100%{
		-webkit-transform:skew(0);
		transform:skew(0)
	}

}

.wobble-skew{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.wobble-skew:active,.wobble-skew:focus,.wobble-skew:hover{
	-webkit-animation-name:wobble-skew;
	animation-name:wobble-skew;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

@-webkit-keyframes buzz{
	50%{
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg)
	}

	100%{
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg)
	}

}

@keyframes buzz{
	50%{
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg)
	}

	100%{
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg)
	}

}

/*.buzz{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.buzz:active,.buzz:focus,.buzz:hover{
	-webkit-animation-name:buzz;
	animation-name:buzz;
	-webkit-animation-duration:.15s;
	animation-duration:.15s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}

@-webkit-keyframes buzz-out{
	10%{
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg)
	}

	20%{
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg)
	}

	30%{
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg)
	}

	40%{
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg)
	}

	50%{
		-webkit-transform:translateX(2px) rotate(1deg);
		transform:translateX(2px) rotate(1deg)
	}

	60%{
		-webkit-transform:translateX(-2px) rotate(-1deg);
		transform:translateX(-2px) rotate(-1deg)
	}

	70%{
		-webkit-transform:translateX(2px) rotate(1deg);
		transform:translateX(2px) rotate(1deg)
	}

	80%{
		-webkit-transform:translateX(-2px) rotate(-1deg);
		transform:translateX(-2px) rotate(-1deg)
	}

	90%{
		-webkit-transform:translateX(1px) rotate(0);
		transform:translateX(1px) rotate(0)
	}

	100%{
		-webkit-transform:translateX(-1px) rotate(0);
		transform:translateX(-1px) rotate(0)
	}

}

@keyframes buzz-out{
	10%{
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg)
	}

	20%{
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg)
	}

	30%{
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg)
	}

	40%{
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg)
	}

	50%{
		-webkit-transform:translateX(2px) rotate(1deg);
		transform:translateX(2px) rotate(1deg)
	}

	60%{
		-webkit-transform:translateX(-2px) rotate(-1deg);
		transform:translateX(-2px) rotate(-1deg)
	}

	70%{
		-webkit-transform:translateX(2px) rotate(1deg);
		transform:translateX(2px) rotate(1deg)
	}

	80%{
		-webkit-transform:translateX(-2px) rotate(-1deg);
		transform:translateX(-2px) rotate(-1deg)
	}

	90%{
		-webkit-transform:translateX(1px) rotate(0);
		transform:translateX(1px) rotate(0)
	}

	100%{
		-webkit-transform:translateX(-1px) rotate(0);
		transform:translateX(-1px) rotate(0)
	}

}

.buzz-out{
	display:inline-block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.buzz-out:active,.buzz-out:focus,.buzz-out:hover{
	-webkit-animation-name:buzz-out;
	animation-name:buzz-out;
	-webkit-animation-duration:.75s;
	animation-duration:.75s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
}

*/

.border-fade{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:box-shadow;
	transition-property:box-shadow;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)
}

.border-fade:active,.border-fade:focus,.border-fade:hover{
	box-shadow:inset 0 0 0 4px #666,0 0 1px rgba(0,0,0,0)
}

.hollow{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:background;
	transition-property:background;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)
}

.hollow:active,.hollow:focus,.hollow:hover{
	background:0 0
}

.trim{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.trim:before{
	content:'';
	position:absolute;
	border:#fff solid 4px;
	top:4px;
	left:4px;
	right:4px;
	bottom:4px;
	opacity:0;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:opacity;
	transition-property:opacity
}

.trim:active:before,.trim:focus:before,.trim:hover:before{
	opacity:1
}

.outline-outward{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.outline-outward:before{
	content:'';
	position:absolute;
	border:#e1e1e1 solid 4px;
	top:0;
	right:0;
	bottom:0;
	left:0;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:top,right,bottom,left;
	transition-property:top,right,bottom,left
}

.outline-outward:active:before,.outline-outward:focus:before,.outline-outward:hover:before{
	top:-8px;
	right:-8px;
	bottom:-8px;
	left:-8px
}

.outline-inward{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.outline-inward:before{
	pointer-events:none;
	content:'';
	position:absolute;
	border:#e1e1e1 solid 4px;
	top:-16px;
	right:-16px;
	bottom:-16px;
	left:-16px;
	opacity:0;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:top,right,bottom,left;
	transition-property:top,right,bottom,left
}

.outline-inward:active:before,.outline-inward:focus:before,.outline-inward:hover:before{
	top:-8px;
	right:-8px;
	bottom:-8px;
	left:-8px;
	opacity:1
}

.round-corners{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:border-radius;
	transition-property:border-radius;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.round-corners:active,.round-corners:focus,.round-corners:hover{
	border-radius:1em
}

.glow{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:box-shadow;
	transition-property:box-shadow;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.glow:active,.glow:focus,.glow:hover{
	box-shadow:0 0 8px rgba(0,0,0,.6)
}

.box-shadow-outset{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:box-shadow;
	transition-property:box-shadow;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.box-shadow-outset:active,.box-shadow-outset:focus,.box-shadow-outset:hover{
	box-shadow:2px 2px 2px rgba(0,0,0,.6)
}

.box-shadow-inset{
	display:inline-block;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:box-shadow;
	transition-property:box-shadow;
	box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}

.box-shadow-inset:active,.box-shadow-inset:focus,.box-shadow-inset:hover{
	box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)
}

.float-shadow{
	display:inline-block;
	position:relative;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.float-shadow:before{
	pointer-events:none;
	position:absolute;
	z-index:-1;
	content:'';
	top:100%;
	left:5%;
	height:10px;
	width:90%;
	opacity:0;
	background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform,opacity;
	transition-property:transform,opacity
}

/*.float-shadow:active,.float-shadow:focus,.float-shadow:hover{
	-webkit-transform:translateY(-5px);
	transform:translateY(-5px)
}

.float-shadow:active:before,.float-shadow:focus:before,.float-shadow:hover:before{
	opacity:1;
	-webkit-transform:translateY(5px);
	transform:translateY(5px);
}*/

@-webkit-keyframes hover{
	50%{
		-webkit-transform:translateY(-3px);
		transform:translateY(-3px)
	}

	100%{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px)
	}

}

@keyframes hover{
	50%{
		-webkit-transform:translateY(-3px);
		transform:translateY(-3px)
	}

	100%{
		-webkit-transform:translateY(-6px);
		transform:translateY(-6px)
	}

}

@-webkit-keyframes hover-shadow{
	0%{
		-webkit-transform:translateY(6px);
		transform:translateY(6px);
		opacity:.4
	}

	50%{
		-webkit-transform:translateY(3px);
		transform:translateY(3px);
		opacity:1
	}

	100%{
		-webkit-transform:translateY(6px);
		transform:translateY(6px);
		opacity:.4
	}

}

@keyframes hover-shadow{
	0%{
		-webkit-transform:translateY(6px);
		transform:translateY(6px);
		opacity:.4
	}

	50%{
		-webkit-transform:translateY(3px);
		transform:translateY(3px);
		opacity:1
	}

	100%{
		-webkit-transform:translateY(6px);
		transform:translateY(6px);
		opacity:.4
	}

}

.hover-shadow{
	display:inline-block;
	position:relative;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.hover-shadow:before{
	pointer-events:none;
	position:absolute;
	z-index:-1;
	content:'';
	top:100%;
	left:5%;
	height:10px;
	width:90%;
	opacity:0;
	background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform,opacity;
	transition-property:transform,opacity
}

.hover-shadow:active,.hover-shadow:focus,.hover-shadow:hover{
	-webkit-transform:translateY(-6px);
	transform:translateY(-6px);
	animation-name:hover;
	animation-duration:1.5s;
	animation-delay:.3s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:alternate
}

.hover-shadow:active:before,.hover-shadow:focus:before,.hover-shadow:hover:before{
	opacity:.4;
	-webkit-transform:translateY(6px);
	transform:translateY(6px);
	-webkit-animation-name:hover-shadow;
	animation-name:hover-shadow;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-delay:.3s;
	animation-delay:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate
}

.shadow-radial{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.shadow-radial:after,.shadow-radial:before{
	pointer-events:none;
	position:absolute;
	content:'';
	left:0;
	width:100%;
	box-sizing:border-box;
	height:5px;
	opacity:0;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:opacity;
	transition-property:opacity
}

.shadow-radial:before{
	bottom:100%;
	background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)
}

.shadow-radial:after{
	top:100%;
	background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)
}

.shadow-radial:active:after,.shadow-radial:active:before,.shadow-radial:focus:after,.shadow-radial:focus:before,.shadow-radial:hover:after,.shadow-radial:hover:before{
	opacity:1
}

.bubble-top{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.bubble-top:before{
	pointer-events:none;
	position:absolute;
	z-index:-1;
	content:'';
	border-style:solid;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:top;
	transition-property:top;
	left:calc(50% - 10px);
	top:0;
	border-width:0 10px 10px;
	border-color:transparent transparent #e1e1e1
}

.bubble-top:active:before,.bubble-top:focus:before,.bubble-top:hover:before{
	top:-10px
}

.bubble-right{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.bubble-right:before{
	pointer-events:none;
	position:absolute;
	z-index:-1;
	content:'';
	border-style:solid;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:right;
	transition-property:right;
	top:calc(50% - 10px);
	right:0;
	border-width:10px 0 10px 10px;
	border-color:transparent transparent transparent #e1e1e1
}

.bubble-right:active:before,.bubble-right:focus:before,.bubble-right:hover:before{
	right:-10px
}

.bubble-bottom{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.bubble-bottom:before{
	pointer-events:none;
	position:absolute;
	z-index:-1;
	content:'';
	border-style:solid;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:bottom;
	transition-property:bottom;
	left:calc(50% - 10px);
	bottom:0;
	border-width:10px 10px 0;
	border-color:#e1e1e1 transparent transparent
}

.bubble-bottom:active:before,.bubble-bottom:focus:before,.bubble-bottom:hover:before{
	bottom:-10px
}

.bubble-left{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.bubble-left:before{
	pointer-events:none;
	position:absolute;
	z-index:-1;
	content:'';
	border-style:solid;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:left;
	transition-property:left;
	top:calc(50% - 10px);
	left:0;
	border-width:10px 10px 10px 0;
	border-color:transparent #e1e1e1 transparent transparent
}

.bubble-left:active:before,.bubble-left:focus:before,.bubble-left:hover:before{
	left:-10px
}

.bubble-float-top{
	display:inline-block;
	position:relative;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.bubble-float-top:before{
	position:absolute;
	z-index:-1;
	content:'';
	left:calc(50% - 10px);
	top:0;
	border-style:solid;
	border-width:0 10px 10px;
	border-color:transparent transparent #e1e1e1;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:top;
	transition-property:top
}

.bubble-float-top:active,.bubble-float-top:focus,.bubble-float-top:hover{
	-webkit-transform:translateY(5px) translateZ(0);
	transform:translateY(5px) translateZ(0)
}

.bubble-float-top:active:before,.bubble-float-top:focus:before,.bubble-float-top:hover:before{
	top:-10px
}

.bubble-float-right{
	display:inline-block;
	position:relative;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.bubble-float-right:before{
	position:absolute;
	z-index:-1;
	top:calc(50% - 10px);
	right:0;
	content:'';
	border-style:solid;
	border-width:10px 0 10px 10px;
	border-color:transparent transparent transparent #e1e1e1;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:right;
	transition-property:right
}

.bubble-float-right:active,.bubble-float-right:focus,.bubble-float-right:hover{
	-webkit-transform:translateX(-5px);
	transform:translateX(-5px)
}

.bubble-float-right:active:before,.bubble-float-right:focus:before,.bubble-float-right:hover:before{
	right:-10px
}

.bubble-float-bottom{
	display:inline-block;
	position:relative;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.bubble-float-bottom:before{
	position:absolute;
	z-index:-1;
	content:'';
	left:calc(50% - 10px);
	bottom:0;
	border-style:solid;
	border-width:10px 10px 0;
	border-color:#e1e1e1 transparent transparent;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:bottom;
	transition-property:bottom
}

.bubble-float-bottom:active,.bubble-float-bottom:focus,.bubble-float-bottom:hover{
	-webkit-transform:translateY(-5px) translateZ(0);
	transform:translateY(-5px) translateZ(0)
}

.bubble-float-bottom:active:before,.bubble-float-bottom:focus:before,.bubble-float-bottom:hover:before{
	bottom:-10px
}

.bubble-float-left{
	display:inline-block;
	position:relative;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.bubble-float-left:before{
	position:absolute;
	z-index:-1;
	content:'';
	top:calc(50% - 10px);
	left:0;
	border-style:solid;
	border-width:10px 10px 10px 0;
	border-color:transparent #e1e1e1 transparent transparent;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:left;
	transition-property:left
}

.bubble-float-left:active,.bubble-float-left:focus,.bubble-float-left:hover{
	-webkit-transform:translateX(5px);
	transform:translateX(5px)
}

.bubble-float-left:active:before,.bubble-float-left:focus:before,.bubble-float-left:hover:before{
	left:-10px
}

.curl-top-left{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.curl-top-left:before{
	pointer-events:none;
	position:absolute;
	content:'';
	height:0;
	width:0;
	top:0;
	left:0;
	background:#fff;
	background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
	z-index:1000;
	box-shadow:1px 1px 1px rgba(0,0,0,.4);
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:width,height;
	transition-property:width,height
}

.curl-top-left:active:before,.curl-top-left:focus:before,.curl-top-left:hover:before{
	width:25px;
	height:25px
}

.curl-top-right{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.curl-top-right:before{
	pointer-events:none;
	position:absolute;
	content:'';
	height:0;
	width:0;
	top:0;
	right:0;
	background:#fff;
	background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
	box-shadow:-1px 1px 1px rgba(0,0,0,.4);
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:width,height;
	transition-property:width,height
}

.curl-top-right:active:before,.curl-top-right:focus:before,.curl-top-right:hover:before{
	width:25px;
	height:25px
}

.curl-bottom-right{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.curl-bottom-right:before{
	pointer-events:none;
	position:absolute;
	content:'';
	height:0;
	width:0;
	bottom:0;
	right:0;
	background:#fff;
	background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
	box-shadow:-1px -1px 1px rgba(0,0,0,.4);
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:width,height;
	transition-property:width,height
}

.curl-bottom-right:active:before,.curl-bottom-right:focus:before,.curl-bottom-right:hover:before{
	width:25px;
	height:25px
}

.curl-bottom-left{
	display:inline-block;
	position:relative;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px rgba(0,0,0,0)
}

.curl-bottom-left:before{
	pointer-events:none;
	position:absolute;
	content:'';
	height:0;
	width:0;
	bottom:0;
	left:0;
	background:#fff;
	background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
	box-shadow:1px -1px 1px rgba(0,0,0,.4);
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:width,height;
	transition-property:width,height
}

.curl-bottom-left:active:before,.curl-bottom-left:focus:before,.curl-bottom-left:hover:before{
	width:25px;
	height:25px
}