/* Effect 9: Surrounding borders */
.la-anim-9 {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	border: 0px solid rgba(0,0,0,0.1);
	pointer-events: none;
	left: 0;
	top: 0;
}

.la-anim-9 div {
	position: absolute;
	background: #5b5f64;
}

.la-anim-9 div:first-child,
.la-anim-9 div:nth-child(3) {
	width: 0;
	height: 5px;
}

.la-anim-9 div:nth-child(2),
.la-anim-9 div:nth-child(4) {
	width: 5px;
	height: 0;
} 

.la-anim-9 div:first-child {
	top: 0;
	left: 0;
}

.la-anim-9.la-animate div:first-child {
	width: 100%;
	-webkit-transition: width .65s linear 0.3s;
	transition: width .65s linear 0.3s;
}

.la-anim-9 div:nth-child(2) {
	top: 0;
	right: 0;
}

.la-anim-9.la-animate div:nth-child(2) {
	height: 100%;
	-webkit-transition: height .65s linear .95s;
	transition: height .65s linear .95s;
}

.la-anim-9 div:nth-child(3) {
	right: 0;
	bottom: 0;
}

.la-anim-9.la-animate div:nth-child(3) {
	width: 100%;
	-webkit-transition: width .65s linear 1.6s;
	transition: width .65s linear 1.6s;
}

.la-anim-9 div:nth-child(4) {
	bottom: 0;
	left: 0;
}

.la-anim-9.la-animate div:nth-child(4) {
	height: 100%;
	-webkit-transition: height .65s linear 2.2s;
	transition: height .65s linear 2.2s;
}

.la-anim-9.la-animate {
	z-index: 100;
	border: 0 !important;
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}