
.animated-svg {
	position: relative;
}

.animated-svg img {
	width: 100% !important;
}

.animated-svg span {
	display: block;
}

.animated-svg svg {
	position: absolute;
	right: 52px;
	bottom: -33px;
}

.animated-svg svg path {
	transform: scale(.1);
	transform-origin: 50% 50%;
	transform-box: fill-box;
}

.animated-svg.animated svg path {
	animation: squares .5s ease-in-out forwards;
	animation-delay: .5s;
}

@keyframes squares {
	0% {
		transform: scale(.1);
	}
	
	100% {
		transform: scale(1);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.animate-img .fadeInRight img {
	animation-name: fadeInRight;
}

@media only screen and (max-width:576px) {
	.animated-svg svg {
		display: none;
	}
}
