﻿.empty-cart {
	width: 50vw;
	margin: 0 auto;
	text-align: center;
/*	font-family: 'Maison Neue';*/
	font-weight: 300;
}

 #svg-Custom {
	max-width: 60%;
	/*padding: 5rem 3rem;*/
}

	#svg-Custom #oval,
	#svg-Custom #plus,
	#svg-Custom #diamond,
	#svg-Custom #bubble-rounded {
		-webkit-animation: plopp 4s ease-out infinite;
		animation: plopp 4s ease-out infinite;
	}

		#svg-Custom #oval:nth-child(1),
		#svg-Custom #plus:nth-child(1),
		#svg-Custom #diamond:nth-child(1),
		#svg-Custom #bubble-rounded:nth-child(1) {
			-webkit-animation-delay: -240ms;
			animation-delay: -240ms;
		}

		#svg-Custom #oval:nth-child(2),
		#svg-Custom #plus:nth-child(2),
		#svg-Custom #diamond:nth-child(2),
		#svg-Custom #bubble-rounded:nth-child(2) {
			-webkit-animation-delay: -480ms;
			animation-delay: -480ms;
		}

		#svg-Custom #oval:nth-child(3),
		#svg-Custom #plus:nth-child(3),
		#svg-Custom #diamond:nth-child(3),
		#svg-Custom #bubble-rounded:nth-child(3) {
			-webkit-animation-delay: -720ms;
			animation-delay: -720ms;
		}

		#svg-Custom #oval:nth-child(4),
		#svg-Custom #plus:nth-child(4),
		#svg-Custom #diamond:nth-child(4),
		#svg-Custom #bubble-rounded:nth-child(4) {
			-webkit-animation-delay: -960ms;
			animation-delay: -960ms;
		}

		#svg-Custom #oval:nth-child(5),
		#svg-Custom #plus:nth-child(5),
		#svg-Custom #diamond:nth-child(5),
		#svg-Custom #bubble-rounded:nth-child(5) {
			-webkit-animation-delay: -1200ms;
			animation-delay: -1200ms;
		}

		#svg-Custom #oval:nth-child(6),
		#svg-Custom #plus:nth-child(6),
		#svg-Custom #diamond:nth-child(6),
		#svg-Custom #bubble-rounded:nth-child(6) {
			-webkit-animation-delay: -1440ms;
			animation-delay: -1440ms;
		}

		#svg-Custom #oval:nth-child(7),
		#svg-Custom #plus:nth-child(7),
		#svg-Custom #diamond:nth-child(7),
		#svg-Custom #bubble-rounded:nth-child(7) {
			-webkit-animation-delay: -1680ms;
			animation-delay: -1680ms;
		}

		#svg-Custom #oval:nth-child(8),
		#svg-Custom #plus:nth-child(8),
		#svg-Custom #diamond:nth-child(8),
		#svg-Custom #bubble-rounded:nth-child(8) {
			-webkit-animation-delay: -1920ms;
			animation-delay: -1920ms;
		}

		#svg-Custom #oval:nth-child(9),
		#svg-Custom #plus:nth-child(9),
		#svg-Custom #diamond:nth-child(9),
		#svg-Custom #bubble-rounded:nth-child(9) {
			-webkit-animation-delay: -2160ms;
			animation-delay: -2160ms;
		}

		#svg-Custom #oval:nth-child(10),
		#svg-Custom #plus:nth-child(10),
		#svg-Custom #diamond:nth-child(10),
		#svg-Custom #bubble-rounded:nth-child(10) {
			-webkit-animation-delay: -2400ms;
			animation-delay: -2400ms;
		}

		#svg-Custom #oval:nth-child(11),
		#svg-Custom #plus:nth-child(11),
		#svg-Custom #diamond:nth-child(11),
		#svg-Custom #bubble-rounded:nth-child(11) {
			-webkit-animation-delay: -2640ms;
			animation-delay: -2640ms;
		}

		#svg-Custom #oval:nth-child(12),
		#svg-Custom #plus:nth-child(12),
		#svg-Custom #diamond:nth-child(12),
		#svg-Custom #bubble-rounded:nth-child(12) {
			-webkit-animation-delay: -2880ms;
			animation-delay: -2880ms;
		}

		#svg-Custom #oval:nth-child(13),
		#svg-Custom #plus:nth-child(13),
		#svg-Custom #diamond:nth-child(13),
		#svg-Custom #bubble-rounded:nth-child(13) {
			-webkit-animation-delay: -3120ms;
			animation-delay: -3120ms;
		}

		#svg-Custom #oval:nth-child(14),
		#svg-Custom #plus:nth-child(14),
		#svg-Custom #diamond:nth-child(14),
		#svg-Custom #bubble-rounded:nth-child(14) {
			-webkit-animation-delay: -3360ms;
			animation-delay: -3360ms;
		}

		#svg-Custom #oval:nth-child(15),
		#svg-Custom #plus:nth-child(15),
		#svg-Custom #diamond:nth-child(15),
		#svg-Custom #bubble-rounded:nth-child(15) {
			-webkit-animation-delay: -3600ms;
			animation-delay: -3600ms;
		}

		#svg-Custom #oval:nth-child(16),
		#svg-Custom #plus:nth-child(16),
		#svg-Custom #diamond:nth-child(16),
		#svg-Custom #bubble-rounded:nth-child(16) {
			-webkit-animation-delay: -3840ms;
			animation-delay: -3840ms;
		}

	#svg-Custom #bg-line:nth-child(2) {
		fill-opacity: 0.3;
	}

	#svg-Custom #bg-line:nth-child(3) {
		fill-opacity: 0.4;
	}

#h3-Custom {
	font-size: 2rem;
	line-height: 2rem;
	margin: 0;
	padding: 0;
	font-weight: 600;
}

#p-Custom {
		color: rgba(0,0,0,0.5);
	font-size: 18px;
	line-height: 24px;
	max-width: 80%;
	margin: 1.25rem auto 0 auto;
}

body {
	/*background: #f2f2f2;*/
}

@-webkit-keyframes plopp {
	0% {
		transform: translate(0, 0);
		opacity: 1;
	}

	100% {
		transform: translate(0, -10px);
		opacity: 0;
	}
}

@keyframes plopp {
	0% {
		transform: translate(0, 0);
		opacity: 1;
	}

	100% {
		transform: translate(0, -10px);
		opacity: 0;
	}
}
