@import url("font-awesome.min.css");

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height: 1.5;
	}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: '';
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	-webkit-text-size-adjust: none;
}
mark {
	background-color: transparent;
	color: inherit;
}
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
a:link, a:visited {
	color: #3b6c88;
	text-decoration: underline;
	transition: .2s all;
}
a:active, a:hover {
	color: #77acbd;
}
.sr-only {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.3333333333%;
		}

		.row > .off-1 {
			margin-left: 8.3333333333%;
		}

		.row > .col-2 {
			width: 16.6666666667%;
		}

		.row > .off-2 {
			margin-left: 16.6666666667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.3333333333%;
		}

		.row > .off-4 {
			margin-left: 33.3333333333%;
		}

		.row > .col-5 {
			width: 41.6666666667%;
		}

		.row > .off-5 {
			margin-left: 41.6666666667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.3333333333%;
		}

		.row > .off-7 {
			margin-left: 58.3333333333%;
		}

		.row > .col-8 {
			width: 66.6666666667%;
		}

		.row > .off-8 {
			margin-left: 66.6666666667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.3333333333%;
		}

		.row > .off-10 {
			margin-left: 83.3333333333%;
		}

		.row > .col-11 {
			width: 91.6666666667%;
		}

		.row > .off-11 {
			margin-left: 91.6666666667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0em;
			margin-left: 0em;
		}

			.row.gtr-0 > * {
				padding: 0em 0 0 0em;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0em;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0em;
				}

		.row.gtr-25 {
			margin-top: -0.3125em;
			margin-left: -0.3125em;
		}

			.row.gtr-25 > * {
				padding: 0.3125em 0 0 0.3125em;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -0.3125em;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 0.3125em;
				}

		.row.gtr-50 {
			margin-top: -0.625em;
			margin-left: -0.625em;
		}

			.row.gtr-50 > * {
				padding: 0.625em 0 0 0.625em;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -0.625em;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 0.625em;
				}

		.row {
			margin-top: -1.25em;
			margin-left: -1.25em;
		}

			.row > * {
				padding: 1.25em 0 0 1.25em;
			}

			.row.gtr-uniform {
				margin-top: -1.25em;
			}

				.row.gtr-uniform > * {
					padding-top: 1.25em;
				}

		.row.gtr-150 {
			margin-top: -1.875em;
			margin-left: -1.875em;
		}

			.row.gtr-150 > * {
				padding: 1.875em 0 0 1.875em;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -1.875em;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 1.875em;
				}

		.row.gtr-200 {
			margin-top: -2.5em;
			margin-left: -2.5em;
		}

			.row.gtr-200 > * {
				padding: 2.5em 0 0 2.5em;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -2.5em;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 2.5em;
				}

		@media screen and (max-width: 1680px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.3333333333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-xlarge {
					width: 16.6666666667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.3333333333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-xlarge {
					width: 41.6666666667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.3333333333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-xlarge {
					width: 66.6666666667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.3333333333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-xlarge {
					width: 91.6666666667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0em;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0em 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: -0.3125em;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0.3125em 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: -0.625em;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0.625em 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: -1.25em;
					margin-left: -1.25em;
				}

					.row > * {
						padding: 1.25em 0 0 1.25em;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: -1.875em;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 1.875em 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: -2.5em;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 2.5em 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}

		@media screen and (max-width: 1280px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.3333333333%;
				}

				.row > .off-1-large {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-large {
					width: 16.6666666667%;
				}

				.row > .off-2-large {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.3333333333%;
				}

				.row > .off-4-large {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-large {
					width: 41.6666666667%;
				}

				.row > .off-5-large {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.3333333333%;
				}

				.row > .off-7-large {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-large {
					width: 66.6666666667%;
				}

				.row > .off-8-large {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.3333333333%;
				}

				.row > .off-10-large {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-large {
					width: 91.6666666667%;
				}

				.row > .off-11-large {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0em;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0em 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: -0.3125em;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0.3125em 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: -0.625em;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0.625em 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: -1.25em;
					margin-left: -1.25em;
				}

					.row > * {
						padding: 1.25em 0 0 1.25em;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: -1.875em;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 1.875em 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: -2.5em;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 2.5em 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}

		@media screen and (max-width: 980px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.3333333333%;
				}

				.row > .off-1-medium {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-medium {
					width: 16.6666666667%;
				}

				.row > .off-2-medium {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.3333333333%;
				}

				.row > .off-4-medium {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-medium {
					width: 41.6666666667%;
				}

				.row > .off-5-medium {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.3333333333%;
				}

				.row > .off-7-medium {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-medium {
					width: 66.6666666667%;
				}

				.row > .off-8-medium {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.3333333333%;
				}

				.row > .off-10-medium {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-medium {
					width: 91.6666666667%;
				}

				.row > .off-11-medium {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0em;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0em 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: -0.3125em;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0.3125em 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: -0.625em;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0.625em 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: -1.25em;
					margin-left: -1.25em;
				}

					.row > * {
						padding: 1.25em 0 0 1.25em;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: -1.875em;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 1.875em 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: -2.5em;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 2.5em 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}

		@media screen and (max-width: 736px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.3333333333%;
				}

				.row > .off-1-small {
					margin-left: 8.3333333333%;
				}

				.row > .col-2-small {
					width: 16.6666666667%;
				}

				.row > .off-2-small {
					margin-left: 16.6666666667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.3333333333%;
				}

				.row > .off-4-small {
					margin-left: 33.3333333333%;
				}

				.row > .col-5-small {
					width: 41.6666666667%;
				}

				.row > .off-5-small {
					margin-left: 41.6666666667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.3333333333%;
				}

				.row > .off-7-small {
					margin-left: 58.3333333333%;
				}

				.row > .col-8-small {
					width: 66.6666666667%;
				}

				.row > .off-8-small {
					margin-left: 66.6666666667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.3333333333%;
				}

				.row > .off-10-small {
					margin-left: 83.3333333333%;
				}

				.row > .col-11-small {
					width: 91.6666666667%;
				}

				.row > .off-11-small {
					margin-left: 91.6666666667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0em;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0em 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: -0.3125em;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0.3125em 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: -0.625em;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0.625em 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: -1.25em;
					margin-left: -1.25em;
				}

					.row > * {
						padding: 1.25em 0 0 1.25em;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: -1.875em;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 1.875em 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: -2.5em;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 2.5em 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}

/* Basic */

	html {
		box-sizing: border-box;
	}

	*, *::before, *::after {
		box-sizing: inherit;
	}

	body {
		background-color: #d67456;
		background-repeat: repeat, repeat;
		background-size: auto, auto;
		background-attachment: fixed;
		overflow-y: scroll;
	}

		body.is-preload *, body.is-preload *::before, body.is-preload *::after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	body, input, textarea, select {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
		color: #272727;
		font-size: 20pt;
		line-height: 1.75em;
	}

		@media screen and (max-width: 1680px) {

			body, input, textarea, select {
				font-size: 15pt;
			}

		}

		@media screen and (max-width: 1280px) {

			body, input, textarea, select {
				font-size: 14pt;
			}

		}

		@media screen and (max-width: 736px) {

			body, input, textarea, select {
				font-size: 12pt;
			}

		}

		@media screen and (max-width: 360px) {

			body, input, textarea, select {
				font-size: 11pt;
			}

		}
	strong, b {
		font-weight: 700;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		color: #272727;
	}

	h1 {
		font-size: 2.4em;
		letter-spacing: -0.015em;
		font-family: 'Source Code Pro', monospace;
	}

	h2 {
		font-size: 1.8em;
		letter-spacing: -0.015em;
		font-family: 'Source Code Pro', monospace;
		color: #d67456;
	}
	#portfolio h3 {
		font-size: 1em;
		font-family: 'Source Code Pro', monospace;
		color: #d67456;
	}

	h3, h4, h5, h6 {
		font-size: 1.25em;
		letter-spacing: -0.015em;
	}
h6 {
	font-style: italic;
	font-size: 1.15em;
}
	@media screen and (max-width: 736px) {

		h1 {
			font-size: 1.75em;
		}

		h2 {
			font-size: 1.375em;
		}

		h3, h4, h5, h6 {
			font-size: 1em;
		}

	}

	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	em, i {
		font-style: italic;
	}

	hr {
		border: 0;
		border-top: solid 1px #ddd;
		padding: 1.5em 0 0 0;
		margin: 1.75em 0 0 0;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	br.clear {
		clear: both;
	}

	p, ul, ol, dl, table, blockquote, form {
		margin-bottom: 1em;
	}

/* Table */

	table {
		width: 100%;
	}
		table.default tbody tr {
			border-bottom: solid 1px #f4f4f4;
		}
		table.default td {
			padding: 0.5em 1em 0.5em 1em;
		}
		table.default th {
			text-align: left;
			font-weight: 400;
			padding: 0.5em 1em 0.5em 1em;
		}
		table.default thead {
			border-bottom: solid 2px #f4f4f4;
		}

/* Form */

	form label {
		display: block;
		font-weight: 400;
		color: #363636;
		margin: 0 0 1em 0;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		border: 0;
		background: #f4f4f4;
		padding: 0.75em;
		width: 100%;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			background: #f8f8f8;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select {
		line-height: 1.35em;
	}

	form ::-webkit-input-placeholder {
		color: #999;
	}

	form :-moz-placeholder {
		color: #999;
	}

	form ::-moz-placeholder {
		color: #999;
	}

	form :-ms-input-placeholder {
		color: #999;
	}

/* Section/Article */

	section, article {
		margin-bottom: 2em;
	}

		section > :last-child, section:last-child, article > :last-child, article:last-child {
			margin-bottom: 0;
		}

	header {
		margin: 0 0 1.5em 0;
	}

		header > p {
			margin: 0.5em 0 0 0;
			color: #aaa;
		}

		@media screen and (max-width: 736px) {

			header {
				margin: 0 0 1em 0;
			}

		}

/* Image */

	.image {
		display: inline-block;
	}

		.image img {
			display: block;
			width: 100%;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button:not(.owl-dot),
	.button {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		display: inline-block;
		background-color: #222222;
		color: #ffffff;
		border: 0;
		cursor: pointer;
		outline: 0;
		padding: 0.7em 1.5em 0.7em 1.5em;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background-color: #333333;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			background-color: #444444;
		}
		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background-color: #777777;
		}
			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background-color: #888888;
			}
			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {
				background-color: #999999;
			}
		input[type="button"].small,
		input[type="submit"].small,
		input[type="reset"].small,
		button.small,
		.button.small {
			font-size: 0.75em;
		}

		input[type="button"].large,
		input[type="submit"].large,
		input[type="reset"].large,
		button.large,
		.button.large {
			font-size: 1.25em;
			padding: 0.5em 1.25em 0.5em 1.25em;
		}

		input[type="button"].xlarge,
		input[type="submit"].xlarge,
		input[type="reset"].xlarge,
		button.xlarge,
		.button.xlarge {
			font-size: 1.5em;
			padding: 0.5em 1.25em 0.5em 1.25em;
		}

		@media screen and (max-width: 736px) {

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button:not(.owl-dot),
			.button {
				width: 100%;
			}

		}

/* List */

	ul {
		list-style: disc;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

	ol {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

/* Actions */

	ul.actions {
		list-style: none;
		padding-left: 0;
	}

		ul.actions li {
			display: inline-block;
			padding-left: 0;
			margin: 0 0 0 0.5em;
		}

			ul.actions li:first-child {
				margin-left: 0;
			}

		@media screen and (max-width: 736px) {

			ul.actions li {
				display: block;
				margin: 0.75em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

		}

/* Icons */

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon::before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/* Nav */

	#nav {
		text-align: center;
		height: 4.25em;
		cursor: default;
	}

		#nav a {
			position: relative;
			display: inline-block;
			color: #ffffff;
			width: 1em;
			height: 1em;
			line-height: 0.9em;
			font-size: 2.5em;
			margin: 0 0.25em 0 0.25em;
			opacity: 0.35;
			outline: 0;
			-moz-transition: opacity .25s ease-in-out;
			-webkit-transition: opacity .25s ease-in-out;
			-ms-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
			text-decoration: none !important;
		}
	.modal-nav a {
		text-decoration: none !important;
	}	
			#nav a.icon::before {
				padding-right: 0;
			}
			#nav a::after {
				content: '';
				display: block;
				position: absolute;
				left: 50%;
				bottom: -0.6em;
				z-index: 9999;
				margin-left: -0.5em;
				border-bottom: solid 0em #ffffff;
				border-left: solid 0.5em transparent;
				border-right: solid 0.5em transparent;
				-moz-transition: border-bottom-width .25s ease-in-out;
				-webkit-transition: border-bottom-width .25s ease-in-out;
				-ms-transition: border-bottom-width .25s ease-in-out;
				transition: border-bottom-width .25s ease-in-out;
			}

			#nav a span {
				display: block;
				position: absolute;
				background: #222222;
				color: #ffffff;
				top: -3.1em;
				font-size: 0.3em;
				height: 2.25em;
				line-height: 2.25em;
				left: 50%;
				opacity: 0;
				-moz-transition: opacity .25s ease-in-out;
				-webkit-transition: opacity .25s ease-in-out;
				-ms-transition: opacity .25s ease-in-out;
				transition: opacity .25s ease-in-out;
				width: 5.5em;
				margin-left: -2.75em;
			}

				#nav a span:after {
					content: '';
					display: block;
					position: absolute;
					bottom: -0.4em;
					left: 50%;
					margin-left: -0.6em;
					border-top: solid 0.6em #222222;
					border-left: solid 0.6em transparent;
					border-right: solid 0.6em transparent;
				}

			#nav a:hover {
				opacity: 1.0;
				text-decoration: none;
			}

				#nav a:hover span {
					opacity: 1.0;
				}

			#nav a.active {
				opacity: 1.0;
			}

				#nav a.active:after {
					border-bottom-width: 0.5em;
				}

		@media screen and (max-width: 980px) {

			#nav a span {
				display: none;
			}

		}

/* Wrapper */

	#wrapper {
		width: 45em;
		margin: 0 auto;
		min-height: 100vh;
		max-width: 100%;
		padding: 4em 0;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-moz-transition: opacity 1s ease-in-out;
		-webkit-transition: opacity 1s ease-in-out;
		-ms-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
	}

		body.is-preload #wrapper {
			opacity: 0;
		}

		@media screen and (max-width: 1280px) {

			#wrapper {
				padding: 3em 0;
				max-width: calc(100% - 6em);
			}

		}

		@media screen and (max-width: 980px) {

			#wrapper {
				padding: 1.5em 0;
				max-width: calc(100% - 8em);
			}

		}

		@media screen and (max-width: 736px) {

			#wrapper {
				padding: 1em 0;
				max-width: calc(100% - 2em);
			}

		}

		@media screen and (max-width: 360px) {

			#wrapper {
				padding: 1em 0;
				max-width: 100%;
			}

		}

/* Main */

	#main {
		position: relative;
		overflow: hidden;
		width: 100%;
		background: #ffffff;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		-moz-transition: min-height 0.5s ease-in-out, max-height 0.5s ease-in-out;
		-webkit-transition: min-height 0.5s ease-in-out, max-height 0.5s ease-in-out;
		-ms-transition: min-height 0.5s ease-in-out, max-height 0.5s ease-in-out;
		transition: min-height 0.5s ease-in-out, max-height 0.5s ease-in-out;
	}

		#main > .panel {
			-moz-transition: opacity 0.25s ease-in-out;
			-webkit-transition: opacity 0.25s ease-in-out;
			-ms-transition: opacity 0.25s ease-in-out;
			transition: opacity 0.25s ease-in-out;
			margin-bottom: 0;
			position: relative;
			padding: 3.5em 2.5em 2.5em 2.5em;
			width: 100%;
		}

			#main > .panel.inactive {
				opacity: 0;
			}

			@media screen and (max-width: 736px) {
				#main > .panel {
					padding: 2em 1.5em 1.5em 1.5em;
				}
			}

			#main > .panel.intro {
				padding: 0;
				height: 20em;
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: row;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
			}

				#main > .panel.intro .pic {
					text-decoration: none;
					position: relative;
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
					-moz-flex-shrink: 0;
					-webkit-flex-shrink: 0;
					-ms-flex-shrink: 0;
					flex-shrink: 0;
					width: 17em;
					height: 100%;
				}
					#main > .panel.intro .pic::before {
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						z-index: 1;
					}
					#main > .panel.intro .pic img {
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						-moz-object-fit: cover;
						-webkit-object-fit: cover;
						-ms-object-fit: cover;
						object-fit: cover;
						-moz-object-position: center;
						-webkit-object-position: center;
						-ms-object-position: center;
						object-position: center;
					}

					#main > .panel.intro .pic .arrow {
						display: block;
						position: absolute;
						right: 0;
						top: 50%;
						margin-top: -1.375em;
						width: 2.75em;
						height: 2.75em;
						background: #000;
						background: #3b6c88;
						color: #ffffff;
						text-align: center;
						line-height: 2.75em;
						font-size: 1.5em;
						z-index: 1;
						-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						transition: width .15s ease-in-out, padding-right .15s ease-in-out;
					}

						#main > .panel.intro .pic .arrow::before {
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}

						#main > .panel.intro .pic .arrow span {
							display: block;
							text-indent: -9999px;
						}

					#main > .panel.intro .pic:hover .arrow {
						width: 3em;
						padding-right: 0.25em;
					}

				#main > .panel.intro header {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					padding: 3.5em 2.5em;
					margin-bottom: 0;
					width: 100%;
				}

					#main > .panel.intro header h1 {
						line-height: 1.25em;
						margin-bottom: 0;
					}

					#main > .panel.intro header p {
						letter-spacing: -0.015em;
						font-size: 1.25em;
						margin: 0.25em 0 0 0;
					}

				@media screen and (max-width: 980px) {

					#main > .panel.intro {
						-moz-flex-direction: column;
						-webkit-flex-direction: column;
						-ms-flex-direction: column;
						flex-direction: column;
						height: auto;
					}

						#main > .panel.intro .pic {
							height: 25em;
							width: 100%;
						}

						#main > .panel.intro header {
							padding: 4em;
							text-align: center;
						}

				}

				@media screen and (max-width: 736px) {

					#main > .panel.intro .pic {
						height: 20em;
					}

					#main > .panel.intro header {
						padding: 2.75em 2em 2.5em 2em;
					}

						#main > .panel.intro header p {
							font-size: 1em;
							margin: 0.25em 0 0 0;
						}

				}

/* Footer */

	#footer {
		color: rgba(255, 255, 255, 0.45);
		text-align: center;
		padding: 2em 0 0 0;
		font-size: 0.75em;
	}

		#footer a {
			color: rgba(255, 255, 255, 0.65);
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
			-ms-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
			padding: 0 5px;
		}
		#footer a:hover {
				color: white;
			}
		#footer .copyright {
			list-style: none;
			padding-left: 0;
		}
			#footer .copyright li {
				display: inline-block;
				padding-left: 1em;
				margin-left: 1em;
				border-left: solid 1px rgba(255, 255, 255, 0.25);
				line-height: 1;
			}

				#footer .copyright li:first-child {
					padding-left: 0;
					margin-left: 0;
					border-left: 0;
				}

		@media screen and (max-width: 736px) {

			#footer .copyright li {
				padding-left: 0.5em;
				margin-left: 0.5em;
			}

		}
/* custom */
#quiz h2 {
  text-align: center;
  margin: 0;
  color: #727272;
}
#quiz h3 {
	margin-bottom: 1em;
	color: #fff;
}
.response {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  padding: 10%;
  background: #3b6c88;
  background-repeat: repeat;
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  -webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
   opacity: 0;
-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
transition: all .3s ease;
box-shadow: 5px 5px 16px rgba(0,0,0,.2)

}
#close-me {
  position: absolute;
  color: #d67456;
  top: 20px;
  right: 25px;
  z-index: 10;
  cursor: pointer;
  display: none;
  font-size: 1.5em;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  transition: color .3s ease;
}
#close-me:hover {
	color: #c85431;
}

.response-open {
opacity: 1;
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
  display: flex;
  align-items: center;
  justify-content: center;
}
#quiz {
  background-color: rgba(183,207,215,0.75);
  padding: 40px 20px;
  overflow: hidden;
  position: relative;
	margin-top: 30px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#quiz #question > div {
  width: 40%;
  margin: 20px auto;
  text-align: center;
  background: #d67456;
  color: #fff;
  padding: .8em 2em;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  transition: background-color .3s ease;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  display: table;
}
#quiz #question > div:hover {
	background-color: #c85431;
}
.value-wrap {
	display: table-cell;
	vertical-align: middle;
	line-height: 25px;
}
.fa-times-circle::before {
	font-family: "Font Awesome 5 Free";
	font-size: 1.5em;
}
#myChart {
	position: relative;
	width: 100%;
	left: -3px;
}
section.section-portfolio {
    position: relative;
    overflow: hidden
}

section.section-portfolio>* {
    z-index: 1
}

section.section-portfolio .portfolio-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12000;
    display: none;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    background-color: rgba(0,0,0,.7)
}
section.section-portfolio .portfolio-overlay::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    border: 4px solid rgba(255,255,255,.1);
    border-top: 4px solid #d67456;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    animation: spin 1s linear infinite
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

section.section-portfolio .portfolio-overlay.opened {
    opacity: 1
}
section.section-portfolio .portfolio-overlay.loaded::before {
    display: none
}
section.section-portfolio .portfolio-overlay .portfolio-modal {
    width: 80%;
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    box-shadow: 5px 5px 16px rgba(0,0,0,.2);
    margin-top: 40px;
}

section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav {
    position: absolute;
    bottom: 100%;
    right: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #d67456;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    box-shadow: 5px 5px 16px rgba(0,0,0,.2)
}

section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav h1,section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav h2,section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav h3,section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav h4,section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav h5,section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav h6 {
    color: #fff
}

section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav a:link,section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav a:visited {
    color: #fff
}

section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav a:link:after,section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav a:visited:after {
    background-color: #fff
}

section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav::before {
    display: block;
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #3b6c88;
    width: 60px;
    height: 60px;
    box-shadow: 5px 5px 16px rgba(0,0,0,.2);
    z-index: 1
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav::after {
    position: absolute;
    content: '';
    display: block;
    top: 100%;
    height: 50px;
    width: 170px;
    right: 0;
    background-color: #fff;
    z-index: 1
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li {
    font-size: 1.25em;
    text-align: center;
    width: 0;
    height: 40px;
    line-height: 40px;
    background-color: #3b6c88;
    z-index: 2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li:hover {
    background-color: #77acbd;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li:not(.enabled) {
  opacity: 0;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li.enabled {
    width: 40px
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li a:link,section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li a:visited {
    color: #fff;
    display: block
}

section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li a:link:after,section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li a:visited:after {
    display: none
}

section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li a:active,section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li a:hover {
    text-decoration: none
}

section.section-portfolio .portfolio-overlay .portfolio-modal .overflow-wrapper {
    padding: 40px;
    position: relative;
    z-index: 1
}

section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0;
    -webkit-align-items: center;
    align-items: center;
}

section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .left {
    width: 35%;
    padding-right: 0px
}

section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .left ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .left li:last-child p:last-chhild {
    margin-bottom: 0;
}
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .left ul>li {
    margin-bottom: 1em;
}

section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .left ul>li:last-child {
    margin-bottom: 0
}

section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .left ul>li h3 {
    color: #d67456;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 1.4em;
    line-height: 1.25
}

section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .left ul>li h3+p {
    color: #4d4d4d;
    font-size: 1em;
}

section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right {
    width: 65%;
    line-height: 0;
    background-color: #eaecee;
}

section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen {
    height: 0;
    width: 100%;
    padding-top: 56.25%;
    position: relative
}
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen>a,
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen:visited,
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen>a:link {
    display: block
}
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen:visited::before,
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen>a:link::before {
    display: block;
    position: absolute;
    content: '';
    background-image: url(images/play-circle-solid.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    opacity: .5;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
	filter: invert(1);
}
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen:visited:active::before,
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen:visited:hover::before,
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen>a:link:active::before,
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen>a:link:hover::before {
    opacity: .8
}
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen:visited::after,
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right .wide-screen>a:link::after {
    display: none
}
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .left,
section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right {
    z-index: 1;
    position: relative
}
section.section-portfolio .portfolio-overlay .portfolio-modal.opened {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
section.section-portfolio>svg.triangle {
    position: absolute;
    left: 0;
    top: 0;
    width: 45%;
    height: auto
}
section.section-portfolio h2 {
    color: #fff
}
section.section-portfolio ul.portfolio-cats {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: .8em
}
section.section-portfolio ul.portfolio-cats>li {
    display: inline-block;
    margin-right: 20px
}
section.section-portfolio ul.portfolio-cats>li:last-child {
    margin-right: 0
}
section.section-portfolio ul.portfolio-cats>li a.current:link,section.section-portfolio ul.portfolio-cats>li a.current:visited {
    color: #a79248;
}
section.section-portfolio .grid {
    width: calc(100% + 16px);
    position: relative;
    left: -10px
}
section.section-portfolio .grid .grid-item {
    width: 33.33%;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
    cursor: pointer;
	float: left;
}
section.section-portfolio .grid .grid-item .portfolio-hidden {
    display: none
}
section.section-portfolio .grid .grid-item a:link,section.section-portfolio .grid .grid-item a:visited {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -20px;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    box-shadow: 0 0 0 1px #fff;
    font-size: 1.5em;
    line-height: 40px;
    text-align: center;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    background-color: rgba(77,77,77,.1)
}
section.section-portfolio .grid .grid-item a:link:after,section.section-portfolio .grid .grid-item a:visited:after {
    display: none
}
section.section-portfolio .grid .grid-item a:link:first-of-type:last-of-type,section.section-portfolio .grid .grid-item a:visited:first-of-type:last-of-type {
    margin-left: 0;
    -webkit-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px)
}
section.section-portfolio .grid .grid-item a:link.portfolio-open-modal,section.section-portfolio .grid .grid-item a:visited.portfolio-open-modal {
    margin-left: -28px;
    -webkit-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px)
}
section.section-portfolio .grid .grid-item a:link.portfolio-external-link,section.section-portfolio .grid .grid-item a:visited.portfolio-external-link {
    margin-left: 28px;
    -webkit-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px)
}
section.section-portfolio .grid .grid-item a:active,section.section-portfolio .grid .grid-item a:hover {
    background-color: #d67456;
    color: #fff;
    box-shadow: 0 0 0 1px #d67456;
}
section.section-portfolio .grid .grid-item img {
    width: 100%;
	-webkit-filter: contrast(100%) grayscale(0);
    -moz-filter: contrast(100%) grayscale(0);
    filter: contrast(100%) grayscale(0);
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}
section.section-portfolio .grid .grid-item:hover a:link,section.section-portfolio .grid .grid-item:hover a:visited {
    opacity: 1
}

section.section-portfolio .grid .grid-item:hover a:link.portfolio-open-modal,section.section-portfolio .grid .grid-item:hover a:visited.portfolio-open-modal {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

section.section-portfolio .grid .grid-item:hover a:link.portfolio-external-link,section.section-portfolio .grid .grid-item:hover a:visited.portfolio-external-link {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.lnr-chevron-left::before {
    content: "\f053";
	font-family: "Font Awesome 5 Free";
	line-height: 1.75;
	padding-right: 2px;
	font-weight: 900;
}
.lnr-chevron-right::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  line-height: 1.75;
  padding-left: 2px;
  font-weight: 900;
}
.lnr-cross::before {
  content: "\f057";
  font-family: "Font Awesome 5 Free";
  line-height: 1.75;
  padding-left: 2px;
  font-weight: 900;
}
.art::before {
	filter: invert(1);
    content: url(images/pencil-ruler.svg);
}
.home::before {
    filter: invert(1);
    content: "";
    display: block;
    height: 52px;
    width: 52px;
    background-size: 52px 52px;
    background-image: url(images/acorn.svg);
    background-repeat: no-repeat;
    position: relative;
    top: -5px;
	right: -5px;
}
a.home:after {
	left: 60% !important;
}
.home span {
	left: 60% !important;
}	
a {
	text-decoration: none;
}
img {
	max-width: 100%;
}
#portfolio li {
	padding: 0;
}
/*mobile jordan */
@media only screen and (max-width: 767px) {
    nav button.open-menu {
        top:40px;
        right: 40px
    }
    nav ul.menu {
        font-size: 1.2em
    }
    section.section-hero h1 {
        font-size: 2.25em;
        letter-spacing: 5px
    }
    section.section-hero .titles {
        margin-bottom: 150px;
        font-size: 1em
    }
    section.section-hero .btm {
        -webkit-flex-direction: column;
        flex-direction: column;
        bottom: 40px;
        padding: 0 40px
    }
    section.section-hero .btm .btn {
        box-shadow: 2px 2px 5px rgba(0,0,0,.3)
    }
    section.section-hero .btm>.left,section.section-hero .btm>.right {
        margin: 0
    }

    section.section-hero .btm>.left {
        margin-bottom: 10px
    }
    section.section-hero .btm>.left .scroll-down-indicator {
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none
    }
    section.section-hero .btm>.right ul.connect {
        margin-right: 0;
        margin-bottom: 5px;
        display: block
    }
    section.section-about .details {
        padding: 40px
    }
    section.section-about .details ul>li .field-title {
        margin-bottom: 0
    }
    section.section-about .details ul>li .field-content,section.section-about .details ul>li .field-title {
        display: block
    }
    section ul.timeline::before {
        display: none
    }
    section ul.timeline li {
        width: 100%
    }
    section ul.timeline li:nth-child(2n) {
        padding-right: 0;
        text-align: left
    }
    section ul.timeline li:nth-child(2n+1) {
        left: 0;
        padding-left: 0
    }
    section ul.timeline li .icon,section ul.timeline li::before {
        display: none
    }
    section.section-portfolio ul.portfolio-cats>li {
        display: block;
        margin-right: 0
    }
    section.section-portfolio ul.portfolio-cats>li+li {
        margin-top: 10px
    }
    section.section-portfolio .grid .grid-item {
        width: 100%
    }
    section.section-contact>.left .contact-main {
        padding: 40px
    }
}
@media only screen and (min-width: 768px) and (max-width:991px) {
    section.section-skills-knowledge .col-sm-6+.col-sm-6+.col-sm-6 {
        margin-bottom:0
    }
}
@media only screen and (max-width: 991px) {
    section.section-about svg.triangle {
        left:auto;
        right: 0
    }
    section.section-skills-knowledge .col-sm-6 {
        margin-bottom: 2em
    }
    section.section-portfolio h2 {
        text-shadow: 0 0 2px #b66349,0 0 5px #b66349
    }
    section.section-portfolio ul.portfolio-cats {
        margin-bottom: 1em;
        padding: 1em 0;
        background-color: #fff;
        text-align: center
    }
    section.section-portfolio .portfolio-overlay .portfolio-modal .overflow-wrapper {
        overflow: auto;
        height: 100%
    }
    section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .left {
        padding-right: 0
    }
    section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right {
        margin-bottom: 40px!important
    }
    section.section-testimonials .owl-carousel .testimonial .person::before {
        display: none
    }
    section.section-testimonials .owl-carousel .testimonial .person::after {
        top: 20px
    }
    section.section-testimonials .owl-carousel .testimonial .quote {
        padding: 50px 40px
    }
    section.section-testimonials .owl-carousel .testimonial .quote blockquote {
        margin-left: 0;
        margin-top: 70px
    }
    section.section-design-process ul.procedure li .process-main {
        padding: 0 2em 3em
    }
    section.section-design-process ul.procedure li svg.process-line {
        display: none
    }
    section.section-design-process ul.procedure li:nth-child(even) .process-main {
        padding-top: 0
    }
    section.section-design-process ul.procedure li:last-child .process-main {
        padding-bottom: 0
    }
    section.section-pricing .pricing-list ul.pricing-plan+ul.pricing-plan {
        margin-top: 40px!important
    }
    section.section-pricing .pricing-list ul.pricing-plan.pricing-plan-big {
        box-shadow: none
    }
    section.section-contact>.left .contact-main .contact-info>div+div {
        margin-top: 40px
    }
    section.section-contact>.left .contact-main form {
        text-align: center
    }
    .flex-responsive {
        display: block!important
    }
    .flex-responsive>div,.flex-responsive>li,.flex-responsive>ul {
        width: 100%!important;
        margin: 0!important
    }
}
/*end mobile jordan*/
.btn-group-vertical>.btn-group::after, 
.btn-toolbar::after, 
.clearfix::after, 
.container-fluid::after, .container::after, 
.dl-horizontal dd::after, 
.form-horizontal .form-group::after, 
.modal-footer::after, .modal-header::after, 
.nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, 
.pager::after, 
.panel-body::after, 
.row::after {
    clear: both;
}
.btn-group-vertical>.btn-group::after, .btn-group-vertical>.btn-group::before, 
.btn-toolbar::after, .btn-toolbar::before, 
.clearfix:after, .clearfix::before, 
.container-fluid::after, .container-fluid::before, 
.container::after, .container::before, 
.dl-horizontal dd::after, .dl-horizontal dd::before, 
.form-horizontal .form-group::after, .form-horizontal .form-group::before, 
.modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header:before, 
.nav::after, .nav::before, 
.navbar-collapse::after, .navbar-collapse::before, 
.navbar-header::after, .navbar-header::before, 
.navbar::after, .navbar::before, 
.pager::after, .pager::before, 
.panel-body::after, .panel-body::before, 
.row::after, .row::before {
    display: table;
    content: " ";
}
#users li {
	list-style-type: none;
}
.list p {
	margin-bottom: 0;
}
.list {
	margin: 0;
	padding: 0;
}
.list li {
	padding-left: 0;
}
.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 5px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	width: 235px;
	text-align: left;
}
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width: 235px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.copy {
width: 235px;
text-align: left;
padding: 8px;
}

.show {
	display: block;
	}
.home, .art {
	top: 9.4px;
}	
section ul.timeline {
    list-style-type: none;
    padding: 0;
    position: relative;
    color: #fff;
    margin: 0 auto
}
section ul.timeline::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: -20px;
    left: 50%;
    width: 2px;
    background-color: #d67456;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
section ul.timeline>li {
    width: 50%;
    position: relative;
    padding: .5em 0
}

section ul.timeline>li:last-child {
    margin-bottom: 0
}

section ul.timeline>li h3, #resume h3 {
    font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: 5px;
}

section ul.timeline>li h4, #resume h4 {
    color: #676767;
    font-size: .8em;
    letter-spacing: 1px;
    line-height: 1.2em;
    margin-bottom: 6px;
}

section ul.timeline>li .date {
    margin-bottom: 1em;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: .7em;
	line-height: 1.1em;
	color: #000;
}
section ul.timeline>li p {
    color: #272727;
}
section ul.timeline>li .icon,
section ul.timeline>li::after,
section ul.timeline>li::before {
    position: absolute;
    top: 4.6em;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    display: block;
    background-color: #fff;
}
section ul.timeline>li .icon {
    z-index: 1
}
section ul.timeline>li .icon,section ul.timeline>li .icon>img {
    height: 40px;
    width: auto
}
section ul.timeline>li .icon::before {
    position: absolute;
    content: '';
    display: block;
    height: 1px;
    width: 55px;
    top: 50%;
    background-color: #d67456;
}
section ul.timeline>li .icon::after {
    position: absolute;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    box-shadow: 0 0 0 6px #d67456;
    top: 50%;
    background-color: #fff;
}
section ul.timeline>li::before {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    box-shadow: 0 0 0 2px #d67456;
}
section ul.timeline>li::after {
    width: 22px;
    height: 44px
}
@media screen and (min-width: 501px) {
section ul.timeline>li:nth-child(odd) {
    left: 50%;
    padding-left: 40px
}
section ul.timeline>li:nth-child(odd)::before {
    left: -20px
}

section ul.timeline>li:nth-child(odd)::after {
    left: -23px
}
section ul.timeline>li:nth-child(odd) .icon {
    left: 0;
    -webkit-transform: translateY(-50%) translateX(-100%) translateX(-61px);
    -o-transform: translateY(-50%) translateX(-100%) translateX(-61px);
    -ms-transform: translateY(-50%) translateX(-100%) translateX(-61px);
    transform: translateY(-50%) translateX(-100%) translateX(-61px)
}
section ul.timeline>li:nth-child(odd) .icon::after,
section ul.timeline>li:nth-child(odd) .icon::before {
    left: 100%;
    margin-left: 5px
}
section ul.timeline>li:nth-child(odd) .icon::after {
    margin-left: 0;
    -webkit-transform: translateY(-50%) translateX(-50%) translateX(61px);
    -o-transform: translateY(-50%) translateX(-50%) translateX(61px);
    -ms-transform: translateY(-50%) translateX(-50%) translateX(61px);
    transform: translateY(-50%) translateX(-50%) translateX(61px)
}
section ul.timeline>li:nth-child(even) {
    padding-right: 40px;
    text-align: right
}
section ul.timeline>li:nth-child(even)::before {
    right: -20px
}
section ul.timeline>li:nth-child(even)::after {
    right: -23px
}
section ul.timeline>li:nth-child(even) .icon {
    right: 0;
    -webkit-transform: translateY(-50%) translateX(100%) translateX(61px);
    -o-transform: translateY(-50%) translateX(100%) translateX(61px);
    -ms-transform: translateY(-50%) translateX(100%) translateX(61px);
    transform: translateY(-50%) translateX(100%) translateX(61px)
}
section ul.timeline>li:nth-child(even) .icon::after,
section ul.timeline>li:nth-child(even) .icon::before {
    right: 100%;
    margin-right: 5px
}
section ul.timeline>li:nth-child(even) .icon::after {
    margin-right: 0;
    -webkit-transform: translateY(-50%) translateX(50%) translateX(-61px);
    -o-transform: translateY(-50%) translateX(50%) translateX(-61px);
    -ms-transform: translateY(-50%) translateX(50%) translateX(-61px);
    transform: translateY(-50%) translateX(50%) translateX(-61px)
}
}
.animation-chain, .animated-me {
    visibility: hidden;
}
.overflow-hidden {
	overflow: hidden;
}
.animated {
    visibility: visible;
    animation-duration: .6s;
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.animate-grid1, .list > li:nth-child(1) {
	animation-delay: 0s;
}
.animate-grid2 {
	animation-delay: 0.1s;
}
.animate-grid3 {
	animation-delay: 0.2s;
}
.animate-grid4 {
	animation-delay: 0.3s;
}
.animate-grid5 {
	animation-delay: 0.4s;
}
.animate-grid6 {
	animation-delay: 0.5s;
}
.animate-grid7 {
	animation-delay: 0.6s;
}
.animate-grid8 {
	animation-delay: 0.7s;
}
.animate-grid9 {
	animation-delay: 0.8s;
}
.animate-grid10 {
	animation-delay: 0.9s;
}
.animate-grid11 {
	animation-delay: 1s;
}
.animate-grid12 {
	animation-delay: 1.1s;
}
.list > li:nth-child(1) {
	animation-delay: 0s;
}
.list > li:nth-child(2) {
	animation-delay: 0.05s;
}
.list > li:nth-child(3) {
	animation-delay: 0.1s;
}
.list > li:nth-child(4) {
	animation-delay: 0.15s;
}
.list > li:nth-child(5) {
	animation-delay: 0.2s;
}
.list > li:nth-child(6) {
	animation-delay: 0.25s;
}
.list > li:nth-child(7) {
	animation-delay: 0.3s;
}
.list > li:nth-child(8) {
	animation-delay: 0.35s;
}
.list > li:nth-child(9) {
	animation-delay: .4s;
}
.list > li:nth-child(10) {
	animation-delay: .45s;
}
.list > li:nth-child(11) {
	animation-delay: .5s;
}
.list > li:nth-child(12) {
	animation-delay: .55s;
}
.list > li:nth-child(13) {
	animation-delay: .6s;
}
.list > li:nth-child(14) {
	animation-delay: .65s;
}
.list > li:nth-child(15) {
	animation-delay: .7s;
}
.list > li:nth-child(16) {
	animation-delay: .75s;
}
.list > li:nth-child(17) {
	animation-delay: .8s;
}
.box-container{
  display: block;
  position: relative;
}
.box-container ul {
	list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}
.box-container ul li{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  padding-left: 0;
}

.box-container ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.box-container ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1em;
  padding: 2.5px 5px 5px 50px;
  margin: 0;
  height: 35px;
  z-index: 9;
  cursor: pointer;
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
}

.box-container ul li:hover label{
	color: #000;
}

.box-container ul li .check{
  display: block;
  position: absolute;
  border: 3px solid #AAAAAA;
  border-radius: 100%;
  height: 22px;
  width: 22px;
  top: 6px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
.box-container ul li:hover .check {
  border: 4px solid #000;
}
.box-container ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  top: 3.99px;
	left: 3.99px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
.box-container input[type=radio]:checked ~ .check {
  border: 3px solid #0DFF92;
}
.box-container input[type=radio]:checked ~ .check::before {
  background: #0DFF92;
}

.box-container input[type=radio]:checked ~ label {
  color: #0DFF92;
}
.venn {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  pointer-events: none;
  position: absolute;
}

.innerw {
  left: 0px;
  top: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 300;
  pointer-events: none;
}

.innerw2 {
  margin-left: 0px;
  top: 0px;
  overflow: hidden;
  position: static;
  z-index: 300;
  pointer-events: none;
}

.innerw3 {
  margin-left: 150px;
  top: 0px;
  overflow: hidden;
  position: static;
  z-index: 300;
  pointer-events: none;
}

.inner {
  margin-left: -75px;
  margin-top: 130px;
  background-color: rgba(119,172,189,0.5);
  z-index: 300;
  position: static;
  pointer-events: auto;
  cursor: pointer;
}

.inner:hover {
  background-color: rgba(214,116,86,0.5);
}
.innerw3 .asc {
	background-color: rgba(214,116,86,1);
}

.mwrap {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  z-index: 10;
}
.mwrap2 {
  position: static;
  margin-left: 0px;
  margin-top: 0px;
  overflow: hidden;
  pointer-events: none;
}
.mid {
  position: static;
  pointer-events: auto;
}
#midaw1 {
  left: 0px;
  top: 0px;
}
#mida {
  margin-left: 150px;
  margin-top: 0px;
}
#midbw1 {
  left: 150px;
  top: 0px;
}
#midb {
  margin-left: -75px;
  margin-top: 130px;
}
#midcw1 {
  left: 75px;
  top: 130px;
}
#midc {
  margin-left: -75px;
  margin-top: -130px;
}
.mid {
  z-index: 15;
}

#skill {
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#like {
  left: 150px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#paid {
  left: 75px;
  top: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.outer {
  z-index: 1;
  background-color: rgba(122,122,122,0.4);
  cursor: pointer;
  pointer-events: auto;
  transform: rotate(-90deg);
}
.outer span, #sweet span {
height: 132px;
position: absolute;
width: 20px;
left: 98px;
top: -21px;
transform-origin: bottom center;
font-family: 'Source Code Pro', monospace;
color: #454545;
}
.outer:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#skill:hover {
  z-index: 99;
}
#like:hover {
  z-index: 99;
}
#paid:hover {
  z-index: 99;
}
#venn-diagram {
	height: 350px;
	position: relative;
}
.venn-flex {
	padding-top: 5%;
	padding-bottom: 5%;
}
.asc {
	background-color: rgba(119,172,189,0.75);
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 200;
}
.asc span {
	color: #d67456;
}
.animate-fade {
	animation-name: fadeInUp !important;
	/*
	animation-name: none !important;
	visibility: visible;
	opacity: 1;
	*/
}
.no-animate {
	animation-name: none !important;
	visibility: visible;
	opacity: 1;
}
.wip {
	margin-bottom: 1em;
}
@media screen and (min-height: 675px) {
	.animate-grid7 {
		animation-delay: 0s;
	}	
	.animate-grid8 { 
	animation-delay: 0.1s;
	}
}
@media screen and (max-height: 674px) {
	.animate-grid4 {
		animation-delay: 0s;
	}
	.animate-grid5 {
		animation-delay: 0.1s;
	}
	.animate-grid6 {
		animation-delay: 0.2s;
	}
	.animate-grid7 {
		animation-delay: 0.3s;
	}
	.animate-grid8 {
		animation-delay: 0.4s;
	}
	.animate-grid9 {
		animation-delay: 0.5s;
	}
	.animate-grid10 {
		animation-delay: 0.6s;
	}
	.animate-grid11 {
		animation-delay: 0.7s;
	}
	.animate-grid12 {
		animation-delay: 0.8s;
	}
}

.about-text-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.about-flex {
  -webkit-flex: 1;  
  -ms-flex: 1;    
  flex: 1;
  position: relative;
}
#amy-air {
	-webkit-animation: zoomme 40s ease-in-out infinite alternate;
    animation: zoomme 40s ease-in-out infinite alternate;
	z-index: 100;
	position: relative;
	left: -20px;
}
.upper-flex > div:nth-child(1) {
 -webkit-flex: .8;  
  -ms-flex: .8;    
  flex: .8;
}
.downsize-flex {
 -webkit-flex: .7;  
  -ms-flex: .7;    
  flex: .7;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Zoom in Keyframes */
@-webkit-keyframes zoomme {
  0% {
	-ms-transform: scale(.97) translate(-30px, -30px); 
    -webkit-transform: scale(.97) translate(-30px, -30px); 
    transform: scale(.97) translate(-30px, -30px);
	  }
  50% {
	-ms-transform: scale(1.07) translate(20px, -40px); 
    -webkit-transform: scale(1.07) translate(20px, -40px); 
    transform: scale(1.07) translate(20px, -40px);
	  }
}
@keyframes zoomme {
  0% {
	-ms-transform: scale(.97) translate(-30px, -30px); 
    -webkit-transform: scale(.97) translate(-30px, -30px); 
    transform: scale(.97) translate(-30px, -30px);
	  }
  50% {
	-ms-transform: scale(1.07) translate(20px, -40px); 
    -webkit-transform: scale(1.07) translate(20px, -40px); 
    transform: scale(1.07) translate(20px, -40px);
	  }
}
.lineH-skill {
  background: #d67456;
  width: 365px;
  height: 2px;
  transform: scale(0);
  transition: transform 0.5s linear;
  transform-origin: left;
  transform-style: preserve-3D;
  position: absolute;
  left: 109px;
  bottom: 109px;
  z-index: 300;
}
.lineH-like {
  background: #d67456;
  width: 215px;
  height: 2px;
  transform: scale(0);
  transition: transform 0.5s linear;
  transform-origin: left;
  transform-style: preserve-3D;
  position: absolute;
  left: 109px;
  bottom: 109px;
  z-index: 300;
}
.lineH-paid {
  background: #d67456;
  width: 300px;
  height: 2px;
  transform: scale(0);
  transition: transform 0.5s linear;
  transform-origin: left;
  transform-style: preserve-3D;
  position: absolute;
  left: 50px;
  bottom: 160px;
  z-index: 300;
}
.lineH-all {
  background: #77acbd;
  width: 292px;
  height: 2px;
  transform: scale(0);
  transition: transform 0.5s linear;
  transform-origin: left;
  transform-style: preserve-3D;
  position: absolute;
  left: 50px;
  top: 80px;
  z-index: 500;
}
.line-sweet {
	transform: rotate(0deg) !important;
}
.line-sweet .lineH-all {
	top: 25px;
    left: 102px;
	width: 40px;
}
.sweet-text {
	position: absolute;
	left: 60%;
	top: 39%;
	font-family: 'Source Code Pro', monospace;
	transform: scale(0);
	transition: transform 0.5s linear;
	transform-origin: left;
	color: #d67456;
	z-index:999;
}
.lineV {
  background: #d67456;
  width: 2px;
  transform: scale(0);
  transition: transform 0.5s linear;
  transform-origin: center;
  transform-style: preserve-3D;
  position: absolute;
  top: -20px;
  left: 0px;
  bottom: -20px;
  z-index: 300;
}
.bracketT {
  width:100px;
  position: absolute;
  top: -20px;
  left: 0px;
  z-index: 300;
  height: 2px;
  background: #d67456;
  transform: scale(0);
  transition: transform 0.5s linear;
  transform-origin: left;
  transform-style: preserve-3D;  
}
.bracketB {
  width:100px;
  position: absolute;
  bottom: -20px;
  left: 0px;
  z-index: 300;
  height: 2px;
  background: #d67456;
  transform: scale(0);
  transition: transform 0.5s linear;
  transform-origin: left;
  transform-style: preserve-3D;  
}
.bracketT-all {
  width:100px;
  position: absolute;
  top: 50px;
  left: 400px;
  z-index: 300;
  background: #77acbd;
}
.bracketB-all {
  width:100px;
  position: absolute;
  top: 300px;
  left: 400px;
  z-index: 300;
  background: #77acbd;
}
.line-rotate {
  transform: scale(1);
}
.bracket-box {
	position: relative;
	width: 100%; 
	height: 100%; 
	transform: rotate(90deg);
}
.bracket-box-right {
	position: relative;
	padding-left: 23px;
	background: #fff;
	z-index: 400;
}
.about-flex h5 {
	font-size: 1.05em;
	line-height: 1.1;
}
.smaller-venn-flex {
  -webkit-flex: .9;  
  -ms-flex: .9;    
  flex: .9;
	
}
#leadership .about-text-wrapper > div:nth-child(1) {
	padding-right: 2%;
}
#leadership .about-text-wrapper > div:nth-child(2) {
	padding-right: 1%;
	padding-left: 1%;
}
#leadership .about-text-wrapper > div:nth-child(3) {
	padding-left: 2%;
}
#resume p, #leadership ul li {
	font-size: .9em;	
}
#experience-education p {
	margin: 0;
}
#resume h2 {
	margin-bottom: 20px;
	background-image: linear-gradient(to bottom, #3b6c88 33%, transparent 33%, transparent 66%, #3b6c88 66%, #3b6c88);
  background-position: 0 1.03em;
  background-repeat: repeat-x;
  background-size: 2px 6px;
}
.up1 {
	animation-delay: 0s;
}
.up2 {
	animation-delay: .1s;
}
.up3 {
	animation-delay: .2s;
}
.up4 {
	animation-delay: .3s;
}
.bracket-box > div:nth-child(1)::before {
	content: "\f111";
	font-family: FontAwesome;
	position: absolute;
	top: -7px;
	line-height: .87;
	color: #d67456;
}
#all-sweet > div:nth-child(1)::before {
	content: "\f111";
	font-family: FontAwesome;
	position: absolute;
	top: -7px;
	line-height: .87;
	color: #77acbd;
	z-index: 500;
}
header > h1 {
	position: relative;
}
.upper-flex {
	margin-top: 15%;
}
.pres-grid-wrap {
display: grid;
  display: -ms-grid;
  grid-template-columns: 22px auto 1fr;
  -ms-grid-columns: 22px auto 1fr;
  margin: 1em 0;
}
#publications > div:nth-child(1) {
	margin-top: 0;
}
#publications {
	margin-bottom:0;
}
.pres-grid-wrap p {
	margin: 0;
}

.pres-yr {
  display: block;
  color: #939393;
  transform: rotate(-90deg);
  margin: 1em 0;
  text-align: center;
  font-size: .7em !important;
  font-weight: 700;
}
.pres-flex {
  padding: 0;
  display: flex;
  align-items: normal;
  justify-content: center;
}
.rotate1 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1;
  -ms-grid-row: 1;
}
.pres-pres {
  grid-column: 2;
  -ms-grid-column: 2;
  grid-row: 1;
  -ms-grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px 0 0;
}
.pres-pres p {
	font-size: 1.25em !important;
	line-height: 1;
}
.pres-where {
  grid-column: 3;
  -ms-grid-column: 3;
  grid-row: 1;
  -ms-grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: left;
}
.pres-where p {
	position: relative;
	top: 2px;
	color: #939393;
}
.pres-name {
  grid-column: 1 / 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-row: 2;
  -ms-grid-row: 2;
  padding-top: 5px;
}
.pres-name p {
	line-height: 1.1;
}
.pres-title {
	font-weight: 500;
	line-height: 1.1;
}
.pres-authors {
	font-style: italic;
	line-height: 1.25;
}
@media screen and (min-height: 1000px) {
	.slow-grow {
		min-height: 1200px;
	}
}
@media screen and (min-height: 1600px) {
	.slow-grow {
		min-height: 1600px;
	}
}
#resume h1, #about h1 {
	line-height: 1.1;
}
.timeline .icon img {
	filter: invert(0.55) sepia(.95) hue-rotate(-30deg) brightness(.9) saturate(2.35);
}

/* testing the no layout grid */

/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: none;
  border-radius: 7px;
  margin-bottom: 10px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-family: sans-serif;
  font-size: 16px;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover {
  background-color: #8CF;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #28F;
}
.button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}
.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}
/* ---- button-group ---- */

.button-group::after {
  content: '';
  display: block;
  clear: both;
}
.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}
.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* ---- grid ---- */

/* clear fix */
.grid::after {
  content: '';
  display: block;
  clear: both;
}

/* letters in circles */
.char1 {
  transform: rotate(6deg);
}

.char2 {
  transform: rotate(12deg);
}

.char3 {
  transform: rotate(18deg);
}

.char4 {
  transform: rotate(24deg);
}

.char5 {
  transform: rotate(30deg);
}

.char6 {
  transform: rotate(36deg);
}

.char7 {
  transform: rotate(42deg);
}

.char8 {
  transform: rotate(48deg);
}

.char9 {
  transform: rotate(54deg);
}

.char10 {
  transform: rotate(60deg);
}

.char11 {
  transform: rotate(66deg);
}

.char12 {
  transform: rotate(72deg);
}

.char13 {
  transform: rotate(78deg);
}

.char14 {
  transform: rotate(84deg);
}

.char15 {
  transform: rotate(90deg);
}

.char16 {
  transform: rotate(96deg);
}

.char17 {
  transform: rotate(102deg);
}

.char18 {
  transform: rotate(108deg);
}

.char19 {
  transform: rotate(114deg);
}

.char20 {
  transform: rotate(120deg);
}

.char21 {
  transform: rotate(126deg);
}

.char22 {
  transform: rotate(132deg);
}

.char23 {
  transform: rotate(138deg);
}

.char24 {
  transform: rotate(144deg);
}
.btn {
	background-color: #3b6c88;
    color: #fff !important;
    padding: .8em 2em;
    text-transform: uppercase;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    transition: background-color .3s ease;
    outline: 0;
	position: relative;
    display: inline-block;
    text-decoration: none !important;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
}
.btn:hover {
	background-color: #77acbd;
}
#about .about-text-wrapper {
	margin: 50px 0 0 0;
}
#users {
	margin: 0 !important;
}
.all-about-me {
	padding: 5%;
	background: url(images/back_pattern.png);
	z-index: 300;
    position: relative;
}
.all-about-me ul {
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
}
.all-about-me ul li {
  padding-left: 0;
}
.all-about-me ul li:not(:last-child) {
  margin-bottom: 1em;
}
.snazzy-color {
	color: #d67456;
}
.printer-friendly::before {
	content: "\f02f";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.printer-friendly {
    position: relative;
    display: inline-block;
    color: #d67456 !important;
    width: 1em;
    height: 1em;
    line-height: 0.9em;
    font-size: 2.5em;
    margin: 0 0.25em 0 0.25em;
    outline: 0;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    -ms-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
	text-decoration: none !important;
}
.printer-friendly span {
display: block;
    position: absolute;
    background: #222222;
    color: #ffffff;
    top: .25em;
    font-size: 0.3em;
    height: 2.25em;
    line-height: 2.25em;
    left: -240%;
    opacity: 0;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    width: 7em;
	text-align: center;
}
.printer-friendly span::after {
    content: '';
    display: block;
    position: absolute;
    bottom: .48em;
    right: -5%;
    margin-left: -0.6em;
	border-style: solid;
    border-width: .6em 0 .6em .6em;
    border-color: transparent transparent transparent #222222;
}
.printer-friendly:hover {
	color: #c85431 !important;
}
.printer-friendly:hover span {
    opacity: 1.0;
}
.member-print {
	display: none;
}
#resume {
	position: relative;
}
.printer-wrap {
	position: absolute;
	right: 2.5em;
	top: 3.75em;
}
#experience-education {
	margin-bottom: calc(2em + 20px);
}
.c-panel {
    background-color:  #3b6c88;
    padding: 2.5vw;
    color: #fff;
    display: flex;
    align-items: center;
}
.c-tile__overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-transition: all .4s cubic-bezier(.86,0,.07,1);
    transition: all .4s cubic-bezier(.86,0,.07,1);
    opacity: 0;
}
.c-tile__overlay>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.c-tile--left .c-tile__overlay {
    top: 10px;
    left: 10px;
    bottom: 18px;
    right: 10px;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}
.c-tile:hover .c-tile__overlay {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
}
.c-tile {
    position: relative;
    overflow: hidden;
}
.c-panel__title {
    font-size: 1.15em;
    line-height: 1.1;
    font-weight: 700;
    display: block;
    margin: 0;
    padding: 0;
	color: #fff;
}
.c-panel__content {
	text-align: left;
    font-size: 90%;
}
.c-btn-text {
    font-size: 1em;
    line-height: 1;
    text-decoration: none;
}
.fa-arrow-circle-right {
    font-size: 1.5em;
    padding-top: 15px;
	display: block;
}
.resume-header, .to-print, .print-work-icon, .see-video, .portfolio-title {
	display: none;
}
img.img-vertical {
    max-height: 400px;
    width: auto !important;
	top: 0px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #3b6c88;
}
.item {
	padding: 20px;
}
.active img {
	position: relative;
	left: -1px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 0 auto;
}
.owl-carousel .owl-item img {
	width: auto;
	position: relative;
	max-height: calc(100vh - 200px);
} 
.owl-theme .owl-nav.disabled+.owl-dots {
	margin: 0;
}
.img-poster {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
height: 310px;	
margin: 0 !important;
}
.img-poster2{
	left: calc(-100% + 180px);
}
.img-poster3{
	left: calc(-200% + 360px);
}
.see-shadow {
	overflow: visible !important;
}
.map-trail1 {
	margin: 0 !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.map-trail2 {
	margin: 0 !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	left: -55%;
}
@media screen and (max-width: 1250px) {
	.img-poster, .map-trail2 { 
	margin: 0 auto !important;
	left: 0;
	}
	.see-shadow {
		overflow: hidden !important;
	}
	.map-trail1 {
	margin: 0 auto !important;
}
}
@media screen and (max-width: 760px) {
  section.section-portfolio .portfolio-overlay .portfolio-modal .modal-main .right {
        margin-bottom: 0px!important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        margin-top: -20px !important;
        width: auto !important;
    }
    section.section-portfolio .portfolio-overlay .portfolio-modal.opened {
      height: auto;
      max-height: none;
    }
    section.section-portfolio .portfolio-overlay .portfolio-modal .overflow-wrapper {
      max-height: none;
    }
}
@media screen and (max-width: 500px) {
	#education-print, .to-print {
		display: block;
	}
	.experience-screen, 
	section ul.timeline>li .icon::before, 
	section ul.timeline>li .icon, 
	section ul.timeline>li:nth-child(odd) .icon::after, 
	section ul.timeline>li:nth-child(even) .icon::after, 
	section ul.timeline>li:nth-child(odd)::after, 
	section ul.timeline>li:nth-child(even)::after, 
	section ul.timeline::before, 
	section ul.timeline>li::before, 
	#skills {
		display: none;
	}
	p.skill-level {
		margin-left: 1em;
	}
	h1 {
		font-size: 2.5em;
	}
	h2 {
		font-size: 1.8em;
		line-height: 1;
	}
	#resume h2 {
		border-bottom: 6px double #3b6c88;
		background-image: none;
	}
	section, #experience-education {
		margin-bottom: 2.5em;
	}
	section ul.timeline>li h3, #resume h3 {
		font-size: 1.4em;
	}
	#resume p, #leadership ul li {
		font-size: 1.2em;
		line-height: 1.3;
	}
	section ul.timeline>li .date {
		font-size: .8em;
	}
	section ul.timeline>li h4, #resume h4 {
		font-size: 1em;
	}
	section ul.timeline>li .date, .last-skill {
		margin-bottom: 0;
	}
	#resume header {
		margin: 0 0 2em 0;
	}
	section ul.timeline>li {
		padding: .5em 0;
	}
	.timeline > li:nth-child(1) {
		padding-top: 0;
	}
	.timeline > li:last-of-type {
		padding-bottom: 0;
	}
	#education-print p {
		margin: 0
	}
	.wip {
		margin-bottom: 1em !important;
	}
	.member-col-1, .member-col-2 {
		width: 100%;
		padding: 0;
	}
	section ul.timeline>li:nth-child(odd), section ul.timeline>li:nth-child(even) {
		padding-left: 0;
	}
	section ul.timeline>li:nth-child(odd), section ul.timeline>li:nth-child(even) {
		left: 0;
		text-align: left;
		width: 100%;
	}
	.owl-dot {
		width: 25%;
	}
	.owl-theme .owl-nav.disabled+.owl-dots {
		width: 40%;
		margin: 0 auto;
	}
	.owl-theme .owl-dots .owl-dot span {
		margin: 0 auto;
	}
	.section-portfolio {
		padding: 0 !important;
	}
	section.section-portfolio .portfolio-overlay .portfolio-modal .overflow-wrapper {
		padding: 20px;
	}
	.lnr-chevron-left:before, .lnr-chevron-right::before, 
	.section-portfolio .lnr-cross::before {
		line-height: 2.2;
	}
}
@media screen and (min-width: 1800px) {
	.home::before {
        height: 68px;
        width: 68px;
        background-size: 68px 68px;
        top: -4px;
    	right: -10px;
}
	#venn-diagram {
		height: 430px;
	}
	.venn {
		width: 280px;
		height: 280px;
	}
	#like, #midbw1 {
		left: 180px;
	}
	#paid, #midcw1 {
		left: 90px;
		top: 150px;
	}
	.innerw3 {
		margin-left: 180px;
	}
	.inner {
		margin-left: -90px;
		margin-top: 150px;
	}
	.lineH-like, .lineH-skill {
		left: 139px;
		bottom: 139px;
	}
	.outer span, #sweet span {
    height: 168px;
    width: 29px;
    left: 127px;
    top: -30px;
	}
	.outer {
		transform: rotate(-70deg);
	}
	.bracket-box {
		transform: rotate(70deg);
	}
	.bracket-box > div:nth-child(1)::before, 
	#all-sweet > div:nth-child(1)::before {
		top: -10.43px;
	}
	.smaller-venn-flex {
		padding-left: 13px;
	}
	.lineH-like {
		width: 300px;
	}
	.lineH-skill {
		width: 500px;
	}
	.lineH-paid, .lineH-all {
		width: 400px;
	}
	.lineH-paid {
		left: 84px;
		bottom: 190px;
	}
	.lineH-all {
		top: 103px;
	}
	.line-sweet .lineH-all {
		width: 60px;
		top: 38px;
		left: 131px;
	}
}
.jumplink img {
	position: relative !important;
    left: -75px !important;
}
@media screen and (max-width: 900px) {
	.titles {
		margin: 0 auto !important;
	}
	.jumplink img {
		left: 0 !important;
		top: -230px !important;
		width: 275px !important;
		height: auto !important;
	}
	#main > .panel.intro .pic {
		height: 5em;
	}
	#main > .panel.intro .pic .arrow {
		top: 25% !important;
	}
	h2 {
		font-size:1.7em;
	}
	section.section-portfolio .grid .grid-item {
		width: 50%;
	}
	#venn-diagram {
		width: 370px;
		margin: 50px auto 10px;
	}
	#users {
		flex-direction: column;
	}
	.bracket-box {
		transform: rotate(180deg)
	}
	.lineH-like {
		width: 400px;
	}
	.lineV {
		height: 2px;
		right: 0px;
		top: 0;
		left: 0;
		width: auto;
		bottom: auto;
	}
	.lineH-like, .lineH-skill {
		left: 109px;
		bottom: 109px;
	}
	.lineH-paid {
		bottom: 109px;
		left: 0;
	}
	.line-sweet .lineH-all {
		transform: rotate(90deg);
		top: 20px;
		left: 110.5px;
	}
	.lineH-all {
		top: 108.5px;
		left: 30px;
	}
	.bracketT {
		width: 2px;
		height: 100px;
		top:0;
		left:0;
	}
	.bracketB {
		top: 0px;
		right: 0px;
		left: auto;
		bottom: auto;
		width: 2px;
		height: 100px;
	}
	.bracket-box-right {
		padding-top: 23px;
		padding-right: 23px;
	}
	.list {
		text-align: center;
	}
	.sweet-text {
		left: 51%;
		top: 95%;
	}
	.circle:nth-child(16) {
		z-index: 1 !important;
	}
	#quiz #question > div {
		width: 60%;
	}
	#myChart {
		left: -5px;
	}
}
@media screen and (max-width: 900px) and (min-width: 501px) { 
.img-vertical {
	height: 400px !important;
}
.text-flex-big {
	flex: 1.25;
}
.circle:nth-child(60) {
	z-index: 0 !important;
}
.circle:nth-child(24), .circle:nth-child(35), .circle:nth-child(23), .circle:nth-child(68), .circle:nth-child(49), .circle:nth-child(8), .circle:nth-child(73), .circle:nth-child(55), .circle:nth-child(17), .circle:nth-child(9), .circle:nth-child(52), .circle:nth-child(38), .circle:nth-child(58),.circle:nth-child(16) {
	display: none !important;
}
#amy-air {
	left: -30px;
}
}
	@-webkit-keyframes zoomme {
  0% {
	-ms-transform: scale(1.05) translate(0px, 40px); 
    -webkit-transform: scale(1.05) translate(0px, 40px); 
    transform: scale(1.05) translate(0px, 40px);
	  }
  50% {
	-ms-transform: scale(1.1) translate(15px, 0px); 
    -webkit-transform: scale(1.1) translate(15px, 0px); 
    transform: scale(1.1) translate(15px, 0px);
	  }
}
	@keyframes zoomme {
  0% {
	-ms-transform: scale(1.05) translate(0px, 40px); 
    -webkit-transform: scale(1.05) translate(0px, 40px); 
    transform: scale(1.05) translate(0px, 40px);
	  }
  50% {
	-ms-transform: scale(1.1) translate(15px, 0px); 
    -webkit-transform: scale(1.1) translate(15px, 0px); 
    transform: scale(1.1) translate(15px, 0px);
	  }
}
@media screen and (max-width: 500px) { 
.home::before {
    height: 42px;
    width: 42px;
    background-size: 42px 42px;
    top: -7px;
}
.jumplink img {
	top: -150px !important;
	width: 200px !important;
	z-index: 1;
}
#main > .panel.intro header h1 {
	z-index: 20;
}
.upper-flex > div:nth-child(1) {
	padding: 20px;
}
	@-webkit-keyframes zoomme {
  0% {
	-ms-transform: scale(.87) translate(-20px, -20px); 
    -webkit-transform: scale(.87) translate(-20px, -20px); 
    transform: scale(.87) translate(-20px, -20px);
	  }
  50% {
	-ms-transform: scale(.97) translate(10px, -30px); 
    -webkit-transform: scale(.97) translate(10px, -30px); 
    transform: scale(.97) translate(10px, -30px);
	  }
}
@keyframes zoomme {
  0% {
	-ms-transform: scale(.87) translate(-20px, -20px); 
    -webkit-transform: scale(.87) translate(-20px, -20px); 
    transform: scale(.87) translate(-20px, -20px);
	  }
  50% {
	-ms-transform: scale(.97) translate(10px, -30px); 
    -webkit-transform: scale(.97) translate(10px, -30px); 
    transform: scale(.97) translate(10px, -30px);
	  }
}
.upper-flex {
	flex-direction: column;
}
#amy-air {
	left: 0;
}
#quiz #question > div {
	width: 93%;
}
.outer, .venn {
	width: 180px;
	height: 180px;
}
#like {
	left: 116px;
}
#paid {
	left: 58px;
	top: 106px;
}
#mida, #midbw1 {
	margin-left: 116px;
}
#midb {
	margin-left: -58px;
	margin-top: 106px;
}
#midcw1 {
	left: 58px;
	top: 106px;
}
#midc {
	margin-left: -58px;
	margin-top: -106px;
}
.innerw3 {
	margin-left: 116px;
}
.inner {
	margin-left: -58px;
	margin-top: 106px;
}
.outer span, #sweet span {
	height: 104px;
	width: 20px;
	left: 85px;
	top: -17px;
}
.lineH-like, .lineH-skill {
	left: 89px;
	bottom: 89px;
}
.bracket-box > div:nth-child(1)::before, 
#all-sweet > div:nth-child(1)::before {
	top: -5.66px;
}
.lineH-paid {
	bottom: 89px;
}
.lineH-all {
	top: 89px;
}
.line-sweet .lineH-all {
	left: 89px;
	top: 17px;
}
.bracket-box-right {
	padding: 15px !important;
}
.bracketT, .bracketB {
	height: 50px;
}
#venn-diagram {
	height: 296px;
	width: 296px;
}
section.section-portfolio .grid .grid-item {
    width: 100%;
}
}
@media screen and (max-width: 1300px) and (min-width: 1251px) { 
 .map-trail1, .map-trail2 {
	height: 400px !important;
}
}
@media screen and (max-width: 1574px) and (min-width: 1301px) { 
 .map-trail1, .map-trail2 {
	height: 500px !important;
}
.map-trail2 {
	left: -54%;
}
}
@media screen and (max-width: 1500px) and (min-width: 1251px) and (min-height: 700px) { 
 .map-trail1, .map-trail2 {
	height: 455px !important;
}
.map-trail2 {
	left: -54%;
}
}
@media screen and (max-width: 1599px) and (min-width: 1251px) and (min-height: 900px) { 
 .map-trail1, .map-trail2 {
	height: 400px !important;
}
.map-trail2 {
	left: -55%;
}
}
@media screen and (max-width: 1300px) and (min-width: 1251px) and (min-height: 900px) { 
 .map-trail1, .map-trail2 {
	height: 400px !important;
}
.map-trail2 {
	left: -55%;
}
}
@media screen and (max-width: 1900px) and (min-width: 1650px) { 
 .map-trail1, .map-trail2 {
	height: 530px !important;
}
.map-trail2 {
	left: -53%;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav::after {
	width: 210px;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li {
	height: 100%;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li.enabled {
	width: 50px;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav::before {
	width: 80px;
	height: 50px;
}
}
@media screen and (max-width: 1649px) and (min-width: 1575px) { 
 .map-trail1, .map-trail2 {
	height: 505px !important;
}
.map-trail2 {
	left: -53.5%;
}
}
@media screen and (max-width: 2400px) and (min-width: 1901px) { 
 .map-trail1, .map-trail2 {
	height: 550px !important;
}
.map-trail2 {
	left: -52.5%;
}
.map-trail1 {
	left: 5% !important;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav::after {
	width: 210px;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li {
	height: 100%;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li.enabled {
	width: 50px;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav::before {
	width: 80px;
	height: 70px;
}
}
@media screen and (min-width: 2401px) { 
 .map-trail1, .map-trail2 {
	height: 550px !important;
}
.map-trail2 {
	left: -52%;
}
.map-trail1 {
	left: 17% !important;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav::after {
	width: 210px;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li {
	height: 100%;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav>li.enabled {
	width: 50px;
}
section.section-portfolio .portfolio-overlay .portfolio-modal ul.modal-nav::before {
	width: 80px;
	height: 70px;
}
}
@media screen and (min-width: 2601px) { 
 .map-trail1, .map-trail2 {
	height: 600px !important;
}
.map-trail2 {
	left: -51.5%;
}
.map-trail1 {
	left: 16.5% !important;
}
}
@media screen and (min-width: 3001px) { 
 .map-trail1, .map-trail2 {
	height: 850px !important;
}
.map-trail2 {
	left: -51%;
}
}
@media screen and (min-width: 1200px) and (max-width: 1299px) { 
.img-poster1 {
    left: 0 !important;
}
.img-poster2{
	left: calc(-100% + 155px);
}
.img-poster3{
	left: calc(-200% + 310px);
}
.img-poster {
	height: 270px;
}
}
@media screen and (min-width: 1300px) and (max-width: 1374px) { 
.img-poster1 {
    left: 0 !important;
}
.img-poster2{
	left: calc(-100% + 170px);
}
.img-poster3{
	left: calc(-200% + 340px);
}
.img-poster {
	height: 295px;
}
}
@media screen and (min-width: 1375px) and (max-width: 1405px) { 
.img-poster1 {
    left: 0 !important;
}
.img-poster2{
	left: calc(-100% + 177px);
}
.img-poster3{
	left: calc(-200% + 353px);
}
.img-poster {
	height: 305px;
}
}
@media screen and (min-width: 1406px) { 
.img-poster1{
	left: 5px !important;
}
.img-poster2{
	left: calc(-100% + 185px);
}
.img-poster3{
	left: calc(-200% + 365px);
}
}
@media screen and (min-width: 1599px) { 
.img-poster {
	height: 355px;
}
.img-poster1{
	left: 5px !important;
}
.img-poster2{
	left: calc(-100% + 215px);
}
.img-poster3{
	left: calc(-200% + 425px);
}
}
@media screen and (min-width: 1650px) { 
.img-poster {
	height: 380px;
}
.img-poster1{
	left: 0 !important;
}
.img-poster2{
	left: calc(-100% + 225px);
}
.img-poster3{
	left: calc(-200% + 450px);
}
}
@media screen and (min-width: 1900px) { 
.img-poster {
	height: 430px;
}
.img-poster1{
	left: 0px !important;
}
.img-poster2{
	left: calc(-100% + 265px);
}
.img-poster3{
	left: calc(-200% + 530px);
}
section.section-portfolio .portfolio-overlay .portfolio-modal .overflow-wrapper {
	padding:40px;
}
}
@media screen and (min-width: 2400px) { 
.img-poster {
	height: 580px;
}
.img-poster1{
	left: 70px !important;
}
.img-poster2{
	left: calc(-100% + 435px);
}
.img-poster3{
	left: calc(-200% + 800px);
}
}
@media screen and (min-width: 3000px) { 
.img-poster {
	height: 900px;
}
.img-poster2{
	left: calc(-100% + 685px);
}
.img-poster3{
	left: calc(-200% + 1300px);
}
}
@media screen and (max-width: 900px) and (orientation: landscape) { 
section.section-portfolio .portfolio-overlay .portfolio-modal .overflow-wrapper {
	height: 400px;
}
	.jumplink img {
		left: 0 !important;
		top: -250px !important;
		width: 200px !important;
	}
	#main > .panel.intro .pic {
		height: 0;
	}
	#main > .panel.intro .pic .arrow {
		top: -150px !important;
	}
}
@media screen and (max-width: 850px) and (max-height: 500px) and (orientation: landscape) {
	section.section-portfolio .portfolio-overlay .portfolio-modal .overflow-wrapper {
		height: calc(100vh - 80px);
	}
	section.section-portfolio .portfolio-overlay .portfolio-modal.opened {
		margin-top: 40px;
	}
}

#canvas-holder {
	position: relative;
}
.member-inline {
	display: inline-block;
}
h4.member-inline {
	margin-left: 5px;
}
hr {
	display: none;
}
.titles ul li {
	list-style-type: none;
}
#home span {
	transform: rotate(0deg) !important;
}
.titles {
    margin: 0;
    overflow: hidden;
    font-size: 1em;
	height: 60px;
    display: table;
}
.titles > span {
	display: table-cell;
	vertical-align: middle;
}
.titles span {
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}
.titles ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
.titles ul>li {
    visibility: hidden
}
.color-role1 {
	background: #3b6c88;
	color: #fff;
}	
.titles > span > .color-role1:nth-child(1) {
	border-left: 13px solid #3b6c88;
	border-right: 5px solid #3b6c88;
	border-top: 5px solid #3b6c88;
	border-bottom: 5px solid #3b6c88;
	margin-right: -3.5px;
}
.titles > span > .color-role1:nth-child(2) {
	border-left: 5px solid #3b6c88;
	border-right: 13px solid #3b6c88;
	border-top: 5px solid #3b6c88;
	border-bottom: 5px solid #3b6c88;
	margin-left: -3.5px;
}
.color-role2 {
	background: #77acbd;
	color: #fff;
}	
.titles > span > .color-role2:nth-child(1) {
	border-left: 13px solid #77acbd;
	border-right: 5px solid #77acbd;
	border-top: 5px solid #77acbd;
	border-bottom: 5px solid #77acbd;
	margin-right:-3.5px;
}
.titles > span > .color-role2:nth-child(2) {
	border-left: 5px solid #77acbd;
	border-right: 13px solid #77acbd;
	border-top: 5px solid #77acbd;
	border-bottom: 5px solid #77acbd;
	margin-left: -3.5px;
}
.color-role3 {
	background: #728c99;
	color: #fff;
}	
.titles > span > .color-role3:nth-child(1) {
	border-left: 13px solid #728c99;
	border-right: 5px solid #728c99;
	border-top: 5px solid #728c99;
	border-bottom: 5px solid #728c99;
	margin-right: -3.5px;
}
.titles > span > .color-role3:nth-child(2) {
	border-left: 5px solid #728c99;
	border-right: 13px solid #728c99;
	border-top: 5px solid #728c99;
	border-bottom: 5px solid #728c99;
	margin-left: -3.5px;
}
.color-role4 {
	background: #99c1ce;
	color: #fff;
}	
.titles > span > .color-role4:nth-child(1) {
	border-left: 13px solid #99c1ce;
	border-right: 5px solid #99c1ce;
	border-top: 5px solid #99c1ce;
	border-bottom: 5px solid #99c1ce;
}
.titles > span > .color-role4:nth-child(2) {
	border-left: 5px solid #99c1ce;
	border-right: 5px solid #99c1ce;
	border-top: 5px solid #99c1ce;
	border-bottom: 5px solid #99c1ce;
	margin-left: -7px;
	margin-right: -7px;
}
.titles > span > .color-role4:nth-child(3) {
	border-left: 5px solid #99c1ce;
	border-right: 13px solid #99c1ce;
	border-top: 5px solid #99c1ce;
	border-bottom: 5px solid #99c1ce;
}
.color-role5 {
	background: #6b8896;
	color: #fff;
}	
.titles > span > .color-role5:nth-child(1) {
	border-left: 13px solid #6b8896;
	border-right: 5px solid #6b8896;
	border-top: 5px solid #6b8896;
	border-bottom: 5px solid #6b8896;
}
.titles > span > .color-role5:nth-child(2) {
	border-left: 5px solid #6b8896;
	border-right: 5px solid #6b8896;
	border-top: 5px solid #6b8896;
	border-bottom: 5px solid #6b8896;
	margin-left: -7px;
	margin-right: -7px;
}
.titles > span > .color-role5:nth-child(3) {
	border-left: 5px solid #6b8896;
	border-right: 13px solid #6b8896;
	border-top: 5px solid #6b8896;
	border-bottom: 5px solid #6b8896;
}
.color-role6 {
	background: #98acb5;
	color: #fff;
}	
.titles > span > .color-role6:nth-child(1) {
	border-left: 13px solid #98acb5;
	border-right: 5px solid #98acb5;
	border-top: 5px solid #98acb5;
	border-bottom: 5px solid #98acb5;
	margin-right: -3.5px;
}
.titles > span > .color-role6:nth-child(2) {
	border-left: 5px solid #98acb5;
	border-right: 13px solid #98acb5;
	border-top: 5px solid #98acb5;
	border-bottom: 5px solid #98acb5;
	margin-left: -3.5px;
}
.color-role7 {
	background: #607c8b;
	color: #fff;
}	
.titles > span > .color-role7:nth-child(1) {
	border-left: 13px solid #607c8b;
	border-right: 5px solid #607c8b;
	border-top: 5px solid #607c8b;
	border-bottom: 5px solid #607c8b;
	margin-right: -3.5px;
}
.titles > span > .color-role7:nth-child(2) {
	border-left: 5px solid #607c8b;
	border-right: 13px solid #607c8b;
	border-top: 5px solid #607c8b;
	border-bottom: 5px solid #607c8b;
	margin-left: -3.5px;
}
.color-role8 {
	background: #c3d0d8;
	color: #fff;
}	
.titles > span > .color-role8:nth-child(1) {
	border-left: 13px solid #c3d0d8;
	border-right: 5px solid #c3d0d8;
	border-top: 5px solid #c3d0d8;
	border-bottom: 5px solid #c3d0d8;
	margin-right: -3.5px;
}
.titles > span > .color-role8:nth-child(2) {
	border-left: 5px solid #c3d0d8;
	border-right: 13px solid #c3d0d8;
	border-top: 5px solid #c3d0d8;
	border-bottom: 5px solid #c3d0d8;
	margin-left: -3.5px;
}
.color-role9 {
	background: #567483;
	color: #fff;
}	
.titles > span > .color-role9:nth-child(1) {
	border-left: 13px solid #567483;
	border-right: 5px solid #567483;
	border-top: 5px solid #567483;
	border-bottom: 5px solid #567483;
	margin-right: -3.5px;
}
.titles > span > .color-role9:nth-child(2) {
	border-left: 5px solid #567483;
	border-right: 13px solid #567483;
	border-top: 5px solid #567483;
	border-bottom: 5px solid #567483;
	margin-left: -3.5px;
}
.color-role10 {
	background: #68a2ba;
	color: #fff;
}	
.titles > span > .color-role10:nth-child(1) {
	border-left: 13px solid #68a2ba;
	border-right: 5px solid #68a2ba;
	border-top: 5px solid #68a2ba;
	border-bottom: 5px solid #68a2ba;
	margin-right: -3.5px;
}
.titles > span > .color-role10:nth-child(2) {
	border-left: 5px solid #68a2ba;
	border-right: 13px solid #68a2ba;
	border-top: 5px solid #68a2ba;
	border-bottom: 5px solid #68a2ba;
	margin-left: -3.5px;
}
.color-role11 {
	background: #93b1d8;
	color: #fff;
}	
.titles > span > .color-role11:nth-child(1) {
	border-left: 13px solid #93b1d8;
	border-right: 5px solid #93b1d8;
	border-top: 5px solid #93b1d8;
	border-bottom: 5px solid #93b1d8;
	margin-right: -3.5px;
}
.titles > span > .color-role11:nth-child(2) {
	border-left: 5px solid #93b1d8;
	border-right: 13px solid #93b1d8;
	border-top: 5px solid #93b1d8;
	border-bottom: 5px solid #93b1d8;
	margin-left: -3.5px;
}
#footer a {
	text-decoration: none !important;
}
.intro h1 {
	color: #d67456
}
/*animate*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

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

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

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

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

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

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

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

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

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

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

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

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

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

@keyframes bounceInUp {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

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

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 1000px, 0);
    transform: translate3d(0, 1000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 1000px, 0);
    transform: translate3d(0, 1000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
  animation-duration: 0.1s;
}
@-webkit-keyframes zoomOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  animation-duration: 0.1s;
  
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/* circle balls */		
.balls {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -50px;
	left: -30px;
}
.circle {
  position: absolute;
  border-radius: 50%;
  filter: invert(0.4) sepia(1) hue-rotate(155deg) brightness(.5) saturate(2);
}
.circle:nth-child(1) {
  background: #a551e3;
  top: 63%;
  left: 16%;
  width: 45px;
  height: 45px;
  opacity: 0.97;
  -webkit-animation: float1 60s infinite linear;
          animation: float1 60s infinite linear;
}
.circle:nth-child(2) {
  background: #c984c9;
  top: 61%;
  left: 23%;
  width: 64px;
  height: 64px;
  opacity: 0.79;
  -webkit-animation: float2 75s infinite linear;
          animation: float2 75s infinite linear;
}
.circle:nth-child(3) {
  background: #b767e3;
  top: 53%;
  left: 23%;
  width: 72px;
  height: 72px;
  opacity: 0.57;
  -webkit-animation: float3 80s infinite linear;
          animation: float3 80s infinite linear;
}
.circle:nth-child(4) {
  background: #f1a5f3;
  top: 24%;
  left: 24%;
  width: 25px;
  height: 25px;
  opacity: 0.41;
  -webkit-animation: float4 80s infinite linear;
          animation: float4 80s infinite linear;
}
.circle:nth-child(5) {
  background: #e49ad7;
  top: 7%;
  left: 39%;
  width: 80px;
  height: 80px;
  opacity: 0.54;
  -webkit-animation: float5 60s infinite linear;
          animation: float5 60s infinite linear;
}
.circle:nth-child(6) {
  background: #ef93e9;
  top: 74%;
  left: 15%;
  width: 38px;
  height: 38px;
  opacity: 0.92;
  -webkit-animation: float6 70s infinite linear;
          animation: float6 70s infinite linear;
}
.circle:nth-child(7) {
  background: #9c5cca;
  top: 65%;
  left: 10%;
  width: 27px;
  height: 27px;
  opacity: 0.75;
  -webkit-animation: float7 75s infinite linear;
          animation: float7 75s infinite linear;
}
.circle:nth-child(8) {
  z-index: 112;	
  background: #d760cc;
  top: 45%;
  left: 25%;
  width: 60px;
  height: 60px;
  opacity: 0.6;
  -webkit-animation: float8 70s infinite linear;
          animation: float8 70s infinite linear;
}
.circle:nth-child(9) {
  z-index: 125;
  background: #d08fc8;
  top: 62%;
  left: 16%;
  width: 99px;
  height: 99px;
  opacity: 0.72;
  -webkit-animation: float9 65s infinite linear;
          animation: float9 65s infinite linear;
}
.circle:nth-child(10) {
  background: #be6fde;
  top: 65%;
  left: 15%;
  width: 72px;
  height: 72px;
  opacity: 0.36;
  -webkit-animation: float10 80s infinite linear;
          animation: float10 80s infinite linear;
}
.circle:nth-child(11) {
  background: #8337da;
  top: 56%;
  left: 71%;
  width: 75px;
  height: 75px;
  opacity: 0.44;
  -webkit-animation: float11 60s infinite linear;
          animation: float11 60s infinite linear;
}
.circle:nth-child(12) {
  background: #a070e0;
  top: 59%;
  left: 68%;
  width: 32px;
  height: 32px;
  opacity: 0.26;
  -webkit-animation: float12 55s infinite linear;
          animation: float12 55s infinite linear;
}
.circle:nth-child(13) {
  background: #9f80e8;
  z-index: 550;
  top: 60%;
  left: 88%;
  width: 71px;
  height: 71px;
  opacity: 0.19;
  -webkit-animation: float13 65s infinite linear;
          animation: float13 65s infinite linear;
}
.circle:nth-child(14) {
  background: blue;	
  top: 72%;
  left: 89%;
  width: 40px;
  height: 40px;
  opacity: 0.19;
  -webkit-animation: float14 70s infinite linear;
          animation: float14 70s infinite linear;
}
.circle:nth-child(15) {
  background: #6f38dc;
  top: 50%;
  left: 71%;
  width: 22px;
  height: 22px;
  opacity: 0.16;
  -webkit-animation: float15 75s infinite linear;
          animation: float15 75s infinite linear;
}
.circle:nth-child(16) {
  z-index: 600;
  background: #c944ab;
  top: 73%;
  left: 89%;
  width: 83px;
  height: 83px;
  opacity: 0.89;
  -webkit-animation: float16 70s infinite linear;
          animation: float16 70s infinite linear;
}
.circle:nth-child(17) {
  z-index: 125;	
  background: #ac51cf;
  top: 66%;
  left: 75%;
  width: 75px;
  height: 75px;
  opacity: 0.89;
  -webkit-animation: float17 80s infinite linear;
          animation: float17 80s infinite linear;
}
.circle:nth-child(18) {
  z-index: 135;	
  background: #9937c2;
  top: 71%;
  left: 61%;
  width: 46px;
  height: 46px;
  opacity: 0.26;
  -webkit-animation: float18 85s infinite linear;
          animation: float18 85s infinite linear;
}
.circle:nth-child(19) {
  background: #cd83dc;
  top: 52%;
  left: 69%;
  width: 74px;
  height: 74px;
  opacity: 0.4;
  -webkit-animation: float19 70s infinite linear;
          animation: float19 70s infinite linear;
}
.circle:nth-child(20) {
  background: #da95ce;
  top: 74%;
  left: 84%;
  width: 35px;
  height: 35px;
  opacity: 0.32;
  -webkit-animation: float43 60s infinite linear;
          animation: float43 60s infinite linear;
}
.circle:nth-child(21) {
  background: #8f2aac;
  top: 3%;
  left: 51%;
  width: 33px;
  height: 33px;
  opacity: 0.06;
  -webkit-animation: float21 55s infinite linear;
          animation: float21 55s infinite linear;
}
.circle:nth-child(22) {
  background: #ab39ce;
  top: 27%;
  left: 83%;
  width: 73px;
  height: 73px;
  opacity: 0.08;
  -webkit-animation: float22 25s infinite linear;
          animation: float22 25s infinite linear;
}
.circle:nth-child(23) {
  background: #a952b8;
  top: 27%;
  left: 83%;
  width: 63px;
  height: 63px;
  opacity: 0.81;
  -webkit-animation: float23 75s infinite linear;
          animation: float23 75s infinite linear;
}
.circle:nth-child(24) {
  z-index: 125;	
  background: #c34fe1;
  top: 28%;
  left: 75%;
  width: 52px;
  height: 52px;
  opacity: 0.85;
  -webkit-animation: float24 80s infinite linear;
          animation: float24 80s infinite linear;
}
.circle:nth-child(25) {
  background: #d55ab7;
  top: 50%;
  left: 59%;
  width: 68px;
  height: 68px;
  opacity: 0.94;
  -webkit-animation: float25 65s infinite linear;
          animation: float25 65s infinite linear;
}
.circle:nth-child(26) {
  background: #d88cc9;
  top: 31%;
  left: 89%;
  width: 30px;
  height: 30px;
  opacity: 0.11;
  -webkit-animation: float26 85s infinite linear;
          animation: float26 85s infinite linear;
}
.circle:nth-child(27) {
  background: #c944ab;
  top: 39%;
  left: 75%;
  width: 84px;
  height: 84px;
  opacity: 0.27;
  -webkit-animation: float16 70s infinite linear;
          animation: float16 70s infinite linear;
}
.circle:nth-child(28) {
  z-index: 127;
  background: #8542b2;
 top: 46%;
  left: 67%;
  width: 33px;
  height: 33px;
  opacity: 0.44;
  -webkit-animation: float28 60s infinite linear;
          animation: float28 60s infinite linear;
}
.circle:nth-child(29) {
  background: #d04bb3;
 top: 36%;
  left: 52%;
  width: 29px;
  height: 29px;
  opacity: 0.79;
  -webkit-animation: float29 75s infinite linear;
          animation: float29 75s infinite linear;
}
.circle:nth-child(30) {
  z-index: 115;	
  background: #e0b6e6;
 top: 38%;
  left: 86%;
  width: 45px;
  height: 45px;
  opacity: 0.36;
  -webkit-animation: float30 70s infinite linear;
          animation: float30 70s infinite linear;
}
.circle:nth-child(31) {
  background: #b143bd;
 top: 47%;
  left: 32%;
  width: 85px;
  height: 85px;
  opacity: 0.17;
  -webkit-animation: float31 65s infinite linear;
          animation: float31 65s infinite linear;
}
.circle:nth-child(32) {
  z-index: 117;	
  background: #da86d1;
 top: 36%;
  left: 33%;
  width: 46px;
  height: 46px;
  opacity: 0.25;
  -webkit-animation: float32 70s infinite linear;
          animation: float32 70s infinite linear;
}
.circle:nth-child(33) {
  background: #deb8e9;
 top: 29%;
  left: 34%;
  width: 75px;
  height: 75px;
  opacity: 0.58;
  -webkit-animation: float33 60s infinite linear;
          animation: float33 60s infinite linear;
}
.circle:nth-child(34) {
  background: #b143bd;
 top: 26%;
  left: 36%;
  width: 55px;
  height: 55px;
  opacity: 0.67;
  -webkit-animation: float31 80s infinite linear;
          animation: float31 80s infinite linear;
}
.circle:nth-child(35) {
  background: #813dae;
  top: 41%;
  left: 51%;
  width: 86px;
  height: 86px;
  opacity: 0.9;
  -webkit-animation: float35 85s infinite linear;
          animation: float35 85s infinite linear;
}
.circle:nth-child(36) {
  background: #8230a9;
 top: 38%;
  left: 23%;
  width: 39px;
  height: 39px;
  opacity: 0.41;
  -webkit-animation: float14 70s infinite linear;
          animation: float14 70s infinite linear;
}
.circle:nth-child(37) {
z-index: 120;
  background: #b838ae;
 top: 49%;
  left: 18%;
  width: 48px;
  height: 48px;
  opacity: 0.62;
  -webkit-animation: float37 75s infinite linear;
          animation: float37 75s infinite linear;
}
.circle:nth-child(38) {
  background: #ba4cac;
 top: 35%;
  left: 50%;
  width: 86px;
  height: 86px;
  opacity: 0.37;
  -webkit-animation: float38 80s infinite linear;
          animation: float38 80s infinite linear;
}
.circle:nth-child(39) {
  background: #c088c7;
 top: 44%;
  left: 24%;
  width: 59px;
  height: 59px;
  opacity: 0.28;
  -webkit-animation: float39 85s infinite linear;
          animation: float39 85s infinite linear;
}
.circle:nth-child(40) {
  background: #c354b5;
 top: 48%;
  left: 36%;
  width: 49px;
  height: 49px;
  opacity: 0.75;
  -webkit-animation: float40 70s infinite linear;
          animation: float40 70s infinite linear;
}
.circle:nth-child(41) {
  background: #d982d5;
  top: 16%;
  left: 50%;
  width: 25px;
  height: 25px;
  opacity: 0.48;
  -webkit-animation: float41 35s infinite linear;
          animation: float41 35s infinite linear;
}
.circle:nth-child(42) {
  background: #e066c9;
  top: 42%;
  left: 49%;
  width: 46px;
  height: 46px;
  opacity: 0.3;
  -webkit-animation: float42 35s infinite linear;
          animation: float42 35s infinite linear;
}
.circle:nth-child(43) {
  background: #da95ce;
  top: 68%;
  left: 92%;
  width: 18px;
  height: 18px;
  opacity: 0.68;
  -webkit-animation: float43 35s infinite linear;
          animation: float43 35s infinite linear;
}
.circle:nth-child(44) {
  background: #b891d8;
  top: 11%;
  left: 77%;
  width: 66px;
  height: 66px;
  opacity: 0.29;
  -webkit-animation: float44 35s infinite linear;
          animation: float44 35s infinite linear;
}
.circle:nth-child(45) {
  background: #9d3cac;
  top: 22%;
  left: 7%;
  width: 54px;
  height: 54px;
  opacity: 0.23;
  -webkit-animation: float45 55s infinite linear;
          animation: float45 55s infinite linear;
}
.circle:nth-child(46) {
  background: #9c69e1;
  top: 46%;
  left: 95%;
  width: 22px;
  height: 22px;
  opacity: 0.82;
  -webkit-animation: float46 35s infinite linear;
          animation: float46 35s infinite linear;
}
.circle:nth-child(47) {
  background: #8a2cbd;
  top: 23%;
  left: 5%;
  width: 31px;
  height: 31px;
  opacity: 0.95;
  -webkit-animation: float47 65s infinite linear;
          animation: float47 65s infinite linear;
}
.circle:nth-child(48) {
  background: #e6d8f0;
  top: 25%;
  left: 75%;
  width: 18px;
  height: 18px;
  opacity: 0.14;
  -webkit-animation: float48 35s infinite linear;
          animation: float48 35s infinite linear;
}
.circle:nth-child(49) {
  background: #9637b6;
  top: 15%;
  left: 26%;
  width: 95px;
  height: 95px;
  opacity: 0.22;
  -webkit-animation: float49 50s infinite linear;
          animation: float49 50s infinite linear;
}
.circle:nth-child(50) {
  background: #842ac4;
  top: 70%;
  left: 30%;
  width: 69px;
  height: 69px;
  opacity: 0.42;
  -webkit-animation: float50 35s infinite linear;
          animation: float50 35s infinite linear;
}
.circle:nth-child(51) {
  background: #b06dba;
  top: 37%;
  left: 29%;
  width: 28px;
  height: 28px;
  opacity: 0.53;
  -webkit-animation: float51 35s infinite linear;
          animation: float51 35s infinite linear;
}
.circle:nth-child(52) {
  z-index: 125;
  background: #c56fd2;
  top: 74%;
  left: 56%;
  width: 93px;
  height: 93px;
  opacity: 0.33;
  -webkit-animation: float52 35s infinite linear;
          animation: float52 35s infinite linear;
}
.circle:nth-child(53) {
  z-index: 140;	
  background: #a947a7;
  top: 90%;
  left: 58%;
  width: 65px;
  height: 65px;
  opacity: 0.61;
  -webkit-animation: float53 40s infinite linear;
          animation: float53 40s infinite linear;
}
.circle:nth-child(54) {
  background: #8239b8;
  top: 74%;
  left: 48%;
  width: 44px;
  height: 44px;
  opacity: 0.3;
  -webkit-animation: float54 35s infinite linear;
          animation: float54 35s infinite linear;
}
.circle:nth-child(55) {
  z-index: 125;
  background: #b48cd5;
  top: 80%;
  left: 48%;
  width: 66px;
  height: 66px;
  opacity: 0.82;
  -webkit-animation: float55 45s infinite linear;
          animation: float55 45s infinite linear;
}
.circle:nth-child(56) {
  background: #d85abb;
  top: 22%;
  left: 19%;
  width: 90px;
  height: 90px;
  opacity: 0.9;
  -webkit-animation: float56 35s infinite linear;
          animation: float56 35s infinite linear;
}
.circle:nth-child(57) {
  background: #b06dba;
  top: 60%;
  left: 58%;
  width: 22px;
  height: 22px;
  opacity: 0.58;
  -webkit-animation: float51 35s infinite linear;
          animation: float51 35s infinite linear;
}
.circle:nth-child(58) {
  background: #9f87d8;
  top: 11%;
  left: 83%;
  width: 84px;
  height: 84px;
  opacity: 0.9;
  -webkit-animation: float58 35s infinite linear;
          animation: float58 35s infinite linear;
}
.circle:nth-child(59) {
  background: #d2a5e6;
  top: 88%;
  left: 43%;
  width: 45px;
  height: 45px;
  opacity: 0.79;
  -webkit-animation: float59 45s infinite linear;
          animation: float59 45s infinite linear;
}
.circle:nth-child(60) {
  z-index:140;	
  background: #bd49aa;
  top: 7%;
  left: 17%;
  width: 56px;
  height: 56px;
  opacity: 0.79;
  -webkit-animation: float60 40s infinite linear;
          animation: float60 40s infinite linear;
}
.circle:nth-child(61) {
  background: #da95ce;
  top: 66%;
  left: 57%;
  width: 85px;
  height: 85px;
  opacity: 0.32;
  -webkit-animation: float43 35s infinite linear;
          animation: float43 35s infinite linear;
}
.circle:nth-child(62) {
  background: #9732c1;
  top: 56%;
  left: 81%;
  width: 76px;
  height: 76px;
  opacity: 0.82;
  -webkit-animation: float62 40s infinite linear;
          animation: float62 40s infinite linear;
}
.circle:nth-child(63) {
  background: #973ad0;
  top: 50%;
  left: 90%;
  width: 80px;
  height: 80px;
  opacity: 0.44;
  -webkit-animation: float63 40s infinite linear;
          animation: float63 40s infinite linear;
}
.circle:nth-child(64) {
  background: #be48bf;
  top: 37%;
  left: 5%;
  width: 74px;
  height: 74px;
  opacity: 0.55;
  -webkit-animation: float65 40s infinite linear;
          animation: float65 40s infinite linear;
}
.circle:nth-child(65) {
  background: #b06dba;
  top: 74%;
  left: 36%;
  width: 62px;
  height: 62px;
  opacity: 0.27;
  -webkit-animation: float51 35s infinite linear;
          animation: float51 35s infinite linear;
}
.circle:nth-child(66) {
  background: #d77ec7;
  top: 53%;
  left: 27%;
  width: 98px;
  height: 98px;
  opacity: 0.75;
  -webkit-animation: float52 35s infinite linear;
          animation: float52 35s infinite linear;
}
.circle:nth-child(67) {
  background: #973ad0;
  top: 37%;
  left: 91%;
  width: 17px;
  height: 17px;
  opacity: 0.23;
  -webkit-animation: float63 35s infinite linear;
          animation: float63 35s infinite linear;
}
.circle:nth-child(68) {
  background: #c782dc;
  z-index: 125;
  top: 80%;
  left: 16%;
  width: 76px;
  height: 76px;
  opacity: 0.5;
  -webkit-animation: float68 35s infinite linear;
          animation: float68 35s infinite linear;
}
.circle:nth-child(69) {
  z-index: 140;
  background: #b64daa;
  top: 66%;
  left: 63%;
  width: 75px;
  height: 75px;
  opacity: 0.3;
  -webkit-animation: float69 40s infinite linear;
          animation: float69 40s infinite linear;
}
.circle:nth-child(70) {
  background: #bf70b6;
  top: 50%;
  left: 59%;
  width: 77px;
  height: 77px;
  opacity: 0.66;
  -webkit-animation: float70 45s infinite linear;
          animation: float70 45s infinite linear;
}
.circle:nth-child(71) {
  background: #863ac2;
  top: 5%;
  left: 65%;
  width: 91px;
  height: 91px;
  opacity: 0.2;
  -webkit-animation: float71 40s infinite linear;
          animation: float71 40s infinite linear;
}
.circle:nth-child(72) {
  background: #ae69bd;
  top: 84%;
  left: 20%;
  width: 40px;
  height: 40px;
  opacity: 0.62;
  -webkit-animation: float72 35s infinite linear;
          animation: float72 35s infinite linear;
}
.circle:nth-child(73) {
  background: #e99aeb;
  z-index: 525;
  top: 86%;
  left: 94%;
  width: 84px;
  height: 84px;
  opacity: 0.5;
  -webkit-animation: float73 35s infinite linear;
          animation: float73 35s infinite linear;
}
.circle:nth-child(74) {
  z-index: 125;	
  background: #842ac4;
  top: 87%;
  left: 86%;
  width: 44px;
  height: 44px;
  opacity: 0.48;
  -webkit-animation: float50 35s infinite linear;
          animation: float50 35s infinite linear;
}
.circle:nth-child(75) {
  background: #a072d1;
  top: 68%;
  left: 21%;
  width: 28px;
  height: 28px;
  opacity: 0.2;
  -webkit-animation: float75 35s infinite linear;
          animation: float75 35s infinite linear;
}

@-webkit-keyframes float1 {
  25% {
    -webkit-transform: translateX(-10%) translateY(3%);
            transform: translateX(-10%) translateY(3%);
   }

  50% {
    -webkit-transform: translateX(-134%) translateY(98%);
            transform: translateX(-134%) translateY(98%);
  }
}

@keyframes float1 {
  25% {
    -webkit-transform: translateX(-10%) translateY(3%);
            transform: translateX(-10%) translateY(3%);
   }

  50% {
    -webkit-transform: translateX(-134%) translateY(98%);
            transform: translateX(-134%) translateY(98%);
  }
}
@-webkit-keyframes float2 {
  25% {
    -webkit-transform: translateX(-78%) translateY(5%);
            transform: translateX(-78%) translateY(5%);
   }

  50% {
    -webkit-transform: translateX(-94%) translateY(87%);
            transform: translateX(-94%) translateY(87%);
  }
}

@keyframes float2 {
  25% {
    -webkit-transform: translateX(-78%) translateY(5%);
            transform: translateX(-78%) translateY(5%);
   }

  50% {
    -webkit-transform: translateX(-94%) translateY(87%);
            transform: translateX(-94%) translateY(87%);
  }
}
@-webkit-keyframes float3 {
  25% {
    -webkit-transform: translateX(-68%) translateY(9%);
            transform: translateX(-68%) translateY(9%);
   }

  50% {
    -webkit-transform: translateX(-104%) translateY(20%);
            transform: translateX(-104%) translateY(20%);
  }
}

@keyframes float3 {
  25% {
    -webkit-transform: translateX(-68%) translateY(9%);
            transform: translateX(-68%) translateY(9%);
   }

  50% {
    -webkit-transform: translateX(-104%) translateY(20%);
            transform: translateX(-104%) translateY(20%);
  }
}
@-webkit-keyframes float4 {
  25% {
    -webkit-transform: translateX(-1%) translateY(46%);
            transform: translateX(-1%) translateY(46%);
   }

  50% {
    -webkit-transform: translateX(-97%) translateY(91%);
            transform: translateX(-97%) translateY(91%);
  }
}

@keyframes float4 {
  25% {
    -webkit-transform: translateX(-1%) translateY(46%);
            transform: translateX(-1%) translateY(46%);
   }

  50% {
    -webkit-transform: translateX(-97%) translateY(91%);
            transform: translateX(-97%) translateY(91%);
  }
}
@-webkit-keyframes float5 {
  25% {
    -webkit-transform: translateX(-171%) translateY(86%);
            transform: translateX(-171%) translateY(86%);
   }

  50% {
    -webkit-transform: translateX(-16%) translateY(189%);
            transform: translateX(-16%) translateY(189%);
  }
}

@keyframes float5 {
  25% {
    -webkit-transform: translateX(-171%) translateY(86%);
            transform: translateX(-171%) translateY(86%);
   }

  50% {
    -webkit-transform: translateX(-16%) translateY(189%);
            transform: translateX(-16%) translateY(189%);
  }
}
@-webkit-keyframes float6 {
  25% {
    -webkit-transform: translateX(-13%) translateY(37%);
            transform: translateX(-13%) translateY(37%);
   }

  50% {
    -webkit-transform: translateX(-143%) translateY(97%);
            transform: translateX(-143%) translateY(97%);
  }
}

@keyframes float6 {
  25% {
    -webkit-transform: translateX(-13%) translateY(37%);
            transform: translateX(-13%) translateY(37%);
   }

  50% {
    -webkit-transform: translateX(-143%) translateY(97%);
            transform: translateX(-143%) translateY(97%);
  }
}
@-webkit-keyframes float7 {
  25% {
    -webkit-transform: translateX(-90%) translateY(159%);
            transform: translateX(-90%) translateY(159%);
   }

  50% {
    -webkit-transform: translateX(-173%) translateY(174%);
            transform: translateX(-173%) translateY(174%);
  }
}

@keyframes float7 {
  25% {
    -webkit-transform: translateX(-90%) translateY(159%);
            transform: translateX(-90%) translateY(159%);
   }

  50% {
    -webkit-transform: translateX(-173%) translateY(174%);
            transform: translateX(-173%) translateY(174%);
  }
}
@-webkit-keyframes float8 {
  25% {
    -webkit-transform: translateX(-4%) translateY(172%);
            transform: translateX(-4%) translateY(172%);
   }

  50% {
    -webkit-transform: translateX(-16%) translateY(283%);
            transform: translateX(-16%) translateY(283%);
  }
}

@keyframes float8 {
  25% {
    -webkit-transform: translateX(-4%) translateY(172%);
            transform: translateX(-4%) translateY(172%);
   }

  50% {
    -webkit-transform: translateX(-16%) translateY(283%);
            transform: translateX(-16%) translateY(283%);
  }
}
@-webkit-keyframes float9 {
  25% {
    -webkit-transform: translateX(-104%) translateY(34%);
            transform: translateX(-104%) translateY(34%);
   }

  50% {
    -webkit-transform: translateX(-122%) translateY(148%);
            transform: translateX(-122%) translateY(148%);
  }
}

@keyframes float9 {
  25% {
    -webkit-transform: translateX(-104%) translateY(34%);
            transform: translateX(-104%) translateY(34%);
   }

  50% {
    -webkit-transform: translateX(-122%) translateY(148%);
            transform: translateX(-122%) translateY(148%);
  }
}
@-webkit-keyframes float10 {
  25% {
    -webkit-transform: translateX(-15%) translateY(97%);
            transform: translateX(-15%) translateY(97%);
   }

  50% {
    -webkit-transform: translateX(-120%) translateY(193%);
            transform: translateX(-120%) translateY(193%);
  }
}

@keyframes float10 {
  25% {
    -webkit-transform: translateX(-15%) translateY(97%);
            transform: translateX(-15%) translateY(97%);
   }

  50% {
    -webkit-transform: translateX(-120%) translateY(193%);
            transform: translateX(-120%) translateY(193%);
  }
} 
/* quadrant 2 */

@-webkit-keyframes float11 {
  25% {
    -webkit-transform: translateX(104%) translateY(37%);
            transform: translateX(104%) translateY(37%);
   }

  50% {
    -webkit-transform: translateX(257%) translateY(136%);
            transform: translateX(257%) translateY(136%);
  }
}
@keyframes float11 {
  25% {
    -webkit-transform: translateX(104%) translateY(37%);
            transform: translateX(104%) translateY(37%);
   }

  50% {
    -webkit-transform: translateX(257%) translateY(136%);
            transform: translateX(257%) translateY(136%);
  }
}
@-webkit-keyframes float12 {
  25% {
    -webkit-transform: translateX(18%) translateY(114%);
            transform: translateX(18%) translateY(114%);
   }

  50% {
    -webkit-transform: translateX(211%) translateY(190%);
            transform: translateX(211%) translateY(190%);
  }
}

@keyframes float12 {
  25% {
    -webkit-transform: translateX(18%) translateY(114%);
            transform: translateX(18%) translateY(114%);
   }

  50% {
    -webkit-transform: translateX(211%) translateY(190%);
            transform: translateX(211%) translateY(190%);
  }
}
@-webkit-keyframes float13 {
  25% {
    -webkit-transform: translateX(105%) translateY(148%);
            transform: translateX(105%) translateY(148%);
   }

  50% {
    -webkit-transform: translateX(168%) translateY(261%);
            transform: translateX(168%) translateY(261%);
  }
}

@keyframes float13 {
  25% {
    -webkit-transform: translateX(105%) translateY(148%);
            transform: translateX(105%) translateY(148%);
   }

  50% {
    -webkit-transform: translateX(168%) translateY(261%);
            transform: translateX(168%) translateY(261%);
  }
}
@-webkit-keyframes float14 {
  25% {
    -webkit-transform: translateX(79%) translateY(18%);
            transform: translateX(79%) translateY(18%);
   }

  50% {
    -webkit-transform: translateX(365%) translateY(189%);
            transform: translateX(365%) translateY(189%);
  }
}

@keyframes float14 {
  25% {
    -webkit-transform: translateX(79%) translateY(18%);
            transform: translateX(79%) translateY(18%);
   }

  50% {
    -webkit-transform: translateX(365%) translateY(189%);
            transform: translateX(365%) translateY(189%);
  }
}
@-webkit-keyframes float15 {
  25% {
    -webkit-transform: translateX(40%) translateY(104%);
            transform: translateX(40%) translateY(104%);
   }

  50% {
    -webkit-transform: translateX(120%) translateY(97%);
            transform: translateX(120%) translateY(97%);
  }
}

@keyframes float15 {
  25% {
    -webkit-transform: translateX(40%) translateY(104%);
            transform: translateX(40%) translateY(104%);
   }

  50% {
    -webkit-transform: translateX(120%) translateY(297%);
            transform: translateX(120%) translateY(297%);
  }
}
@-webkit-keyframes float16 {
  25% {
    -webkit-transform: translateX(109%) translateY(102%);
            transform: translateX(109%) translateY(102%);
   }

  50% {
    -webkit-transform: translateX(196%) translateY(112%);
            transform: translateX(196%) translateY(112%);
  }
}

@keyframes float16 {
  25% {
    -webkit-transform: translateX(109%) translateY(102%);
            transform: translateX(109%) translateY(102%);
   }

  50% {
    -webkit-transform: translateX(196%) translateY(112%);
            transform: translateX(196%) translateY(112%);
  }
}
@-webkit-keyframes float17 {
  25% {
    -webkit-transform: translateX(102%) translateY(113%);
            transform: translateX(102%) translateY(113%);
   }

  50% {
    -webkit-transform: translateX(239%) translateY(255%);
            transform: translateX(239%) translateY(255%);
  }
}

@keyframes float17 {
  25% {
    -webkit-transform: translateX(102%) translateY(113%);
            transform: translateX(102%) translateY(113%);
   }

  50% {
    -webkit-transform: translateX(239%) translateY(255%);
            transform: translateX(239%) translateY(255%);
  }
}
@-webkit-keyframes float18 {
  25% {
    -webkit-transform: translateX(11%) translateY(140%);
            transform: translateX(11%) translateY(140%);
   }

  50% {
    -webkit-transform: translateX(199%) translateY(251%);
            transform: translateX(199%) translateY(251%);
  }
}

@keyframes float18 {
  25% {
    -webkit-transform: translateX(11%) translateY(140%);
            transform: translateX(11%) translateY(140%);
   }

  50% {
    -webkit-transform: translateX(199%) translateY(251%);
            transform: translateX(199%) translateY(251%);
  }
}
@-webkit-keyframes float19 {
  25% {
    -webkit-transform: translateX(34%) translateY(38%);
            transform: translateX(34%) translateY(38%);
   }

  50% {
    -webkit-transform: translateX(174%) translateY(146%);
            transform: translateX(174%) translateY(146%);
  }
}

@keyframes float19 {
  25% {
    -webkit-transform: translateX(34%) translateY(38%);
            transform: translateX(34%) translateY(38%);
   }

  50% {
    -webkit-transform: translateX(174%) translateY(146%);
            transform: translateX(174%) translateY(146%);
  }
}
@-webkit-keyframes float20 {
  25% {
    -webkit-transform: translateX(27%) translateY(86%);
            transform: translateX(27%) translateY(86%);
   }

  50% {
    -webkit-transform: translateX(135%) translateY(324%);
            transform: translateX(135%) translateY(324%);
  }
}

@keyframes float20 {
  25% {
    -webkit-transform: translateX(27%) translateY(86%);
            transform: translateX(27%) translateY(86%);
   }

  50% {
    -webkit-transform: translateX(135%) translateY(324%);
            transform: translateX(135%) translateY(324%);
  }
}

/* quadrant 1 */

@-webkit-keyframes float21 {
  25% {
    -webkit-transform: translateX(59%) translateY(9%);
            transform: translateX(59%) translateY(9%);
   }

  50% {
    -webkit-transform: translateX(158%) translateY(-109%);
            transform: translateX(158%) translateY(-109%);
  }
}

@keyframes float21 {
  25% {
    -webkit-transform: translateX(59%) translateY(9%);
            transform: translateX(59%) translateY(9%);
   }

  50% {
    -webkit-transform: translateX(158%) translateY(-109%);
            transform: translateX(158%) translateY(-109%);
  }
}
@-webkit-keyframes float22 {
  25% {
    -webkit-transform: translateX(51%) translateY(0%);
            transform: translateX(51%) translateY(0%);
   }

  50% {
    -webkit-transform: translateX(72%) translateY(-18%);
            transform: translateX(72%) translateY(-18%);
  }
}

@keyframes float22 {
  25% {
    -webkit-transform: translateX(51%) translateY(0%);
            transform: translateX(51%) translateY(0%);
   }

  50% {
    -webkit-transform: translateX(72%) translateY(-18%);
            transform: translateX(72%) translateY(-18%);
  }
}
@-webkit-keyframes float23 {
  25% {
    -webkit-transform: translateX(15%) translateY(-194%);
            transform: translateX(15%) translateY(-194%);
   }

  50% {
    -webkit-transform: translateX(190%) translateY(-300%);
            transform: translateX(190%) translateY(-300%);
  }
}

@keyframes float23 {
  25% {
    -webkit-transform: translateX(15%) translateY(-194%);
            transform: translateX(15%) translateY(-194%);
   }

  50% {
    -webkit-transform: translateX(190%) translateY(-300%);
            transform: translateX(190%) translateY(-300%);
  }
}
@-webkit-keyframes float24 {
  25% {
    -webkit-transform: translateX(8%) translateY(-79%);
            transform: translateX(8%) translateY(-79%);
   }

  50% {
    -webkit-transform: translateX(58%) translateY(-402%);
            transform: translateX(58%) translateY(-402%);
  }
}

@keyframes float24 {
  25% {
    -webkit-transform: translateX(8%) translateY(-79%);
            transform: translateX(8%) translateY(-79%);
   }

  50% {
    -webkit-transform: translateX(58%) translateY(-402%);
            transform: translateX(58%) translateY(-402%);
  }
}
@-webkit-keyframes float25 {
  25% {
    -webkit-transform: translateX(3%) translateY(3%);
            transform: translateX(3%) translateY(3%);
   }

  50% {
    -webkit-transform: translateX(140%) translateY(-255%);
            transform: translateX(140%) translateY(-255%);
  }
}

@keyframes float25 {
  25% {
    -webkit-transform: translateX(3%) translateY(3%);
            transform: translateX(3%) translateY(3%);
   }

  50% {
    -webkit-transform: translateX(140%) translateY(-255%);
            transform: translateX(140%) translateY(-255%);
  }
}
@-webkit-keyframes float26 {
  25% {
    -webkit-transform: translateX(38%) translateY(-12%);
            transform: translateX(38%) translateY(-12%);
   }

  50% {
    -webkit-transform: translateX(86%) translateY(-103%);
            transform: translateX(86%) translateY(-103%);
  }
}

@keyframes float26 {
  25% {
    -webkit-transform: translateX(38%) translateY(-12%);
            transform: translateX(38%) translateY(-12%);
   }

  50% {
    -webkit-transform: translateX(86%) translateY(-103%);
            transform: translateX(86%) translateY(-103%);
  }
}
@-webkit-keyframes float27 {
  25% {
    -webkit-transform: translateX(191%) translateY(-194%);
            transform: translateX(191%) translateY(-194%);
   }

  50% {
    -webkit-transform: translateX(196%) translateY(-468%);
            transform: translateX(196%) translateY(-468%);
  }
}

@keyframes float27 {
  25% {
    -webkit-transform: translateX(191%) translateY(-194%);
            transform: translateX(191%) translateY(-194%);
   }

  50% {
    -webkit-transform: translateX(196%) translateY(-468%);
            transform: translateX(196%) translateY(-468%);
  }
}
@-webkit-keyframes float28 {
  25% {
    -webkit-transform: translateX(112%) translateY(-64%);
            transform: translateX(112%) translateY(-64%);
   }

  50% {
    -webkit-transform: translateX(144%) translateY(-255%);
            transform: translateX(144%) translateY(-255%);
  }
}

@keyframes float28 {
  25% {
    -webkit-transform: translateX(112%) translateY(-64%);
            transform: translateX(112%) translateY(-64%);
   }

  50% {
    -webkit-transform: translateX(144%) translateY(-255%);
            transform: translateX(144%) translateY(-255%);
  }
}
@-webkit-keyframes float29 {
  25% {
    -webkit-transform: translateX(130%) translateY(-114%);
            transform: translateX(130%) translateY(-114%);
   }

  50% {
    -webkit-transform: translateX(188%) translateY(-317%);
            transform: translateX(188%) translateY(-317%);
  }
}

@keyframes float29 {
  25% {
    -webkit-transform: translateX(130%) translateY(-114%);
            transform: translateX(130%) translateY(-114%);
   }

  50% {
    -webkit-transform: translateX(188%) translateY(-317%);
            transform: translateX(188%) translateY(-317%);
  }
}
@-webkit-keyframes float30 {
  25% {
    -webkit-transform: translateX(167%) translateY(-85%);
            transform: translateX(167%) translateY(-85%);
   }

  50% {
    -webkit-transform: translateX(176%) translateY(-151%);
            transform: translateX(176%) translateY(-151%);
  }
}

@keyframes float30 {
  25% {
    -webkit-transform: translateX(167%) translateY(-85%);
            transform: translateX(167%) translateY(-85%);
   }

  50% {
    -webkit-transform: translateX(176%) translateY(-151%);
            transform: translateX(176%) translateY(-151%);
  }
}

/* quadrant 4 */

@-webkit-keyframes float31 {
  25% {
    -webkit-transform: translateX(-12%) translateY(-95%);
            transform: translateX(-12%) translateY(-95%);
   }

  50% {
    -webkit-transform: translateX(-172%) translateY(-99%);
            transform: translateX(-172%) translateY(-99%);
  }
}

@keyframes float31 {
  25% {
    -webkit-transform: translateX(-12%) translateY(-95%);
            transform: translateX(-12%) translateY(-95%);
   }

  50% {
    -webkit-transform: translateX(-172%) translateY(-99%);
            transform: translateX(-172%) translateY(-99%);
  }
}
@-webkit-keyframes float32 {
  25% {
    -webkit-transform: translateX(-15%) translateY(-182%);
            transform: translateX(-15%) translateY(-182%);
   }

  50% {
    -webkit-transform: translateX(-111%) translateY(-291%);
            transform: translateX(-111%) translateY(-291%);
  }
}

@keyframes float32 {
  25% {
    -webkit-transform: translateX(-15%) translateY(-182%);
            transform: translateX(-15%) translateY(-182%);
   }

  50% {
    -webkit-transform: translateX(-111%) translateY(-291%);
            transform: translateX(-111%) translateY(-291%);
  }
}
@-webkit-keyframes float33 {
  25% {
    -webkit-transform: translateX(-19%) translateY(9%);
            transform: translateX(-19%) translateY(199%);
   }

  50% {
    -webkit-transform: translateX(-100%) translateY(-129%);
            transform: translateX(-100%) translateY(-129%);
  }
}

@keyframes float33 {
  25% {
    -webkit-transform: translateX(-19%) translateY(9%);
            transform: translateX(-19%) translateY(199%);
   }

  50% {
    -webkit-transform: translateX(-100%) translateY(-129%);
            transform: translateX(-100%) translateY(-129%);
  }
}
@-webkit-keyframes float34 {
  25% {
    -webkit-transform: translateX(-10%) translateY(-200%);
            transform: translateX(-10%) translateY(-200%);
   }

  50% {
    -webkit-transform: translateX(-181%) translateY(-467%);
            transform: translateX(-181%) translateY(-467%);
  }
}

@keyframes float34 {
  25% {
    -webkit-transform: translateX(-10%) translateY(200%);
            transform: translateX(-10%) translateY(200%);
   }

  50% {
    -webkit-transform: translateX(-181%) translateY(-467%);
            transform: translateX(-181%) translateY(-467%);
  }
}
@-webkit-keyframes float35 {
  25% {
    -webkit-transform: translateX(-7%) translateY(-122%);
            transform: translateX(-7%) translateY(-122%);
   }

  50% {
    -webkit-transform: translateX(-93%) translateY(-340%);
            transform: translateX(-93%) translateY(-340%);
  }
}

@keyframes float35 {
  25% {
    -webkit-transform: translateX(-67%) translateY(-122%);
            transform: translateX(-67%) translateY(-122%);
   }

  50% {
    -webkit-transform: translateX(-123%) translateY(-340%);
            transform: translateX(-123%) translateY(-340%);
  }
}
@-webkit-keyframes float36 {
  25% {
    -webkit-transform: translateX(-19%) translateY(-19%);
            transform: translateX(-19%) translateY(-19%);
   }

  50% {
    -webkit-transform: translateX(-150%) translateY(-224%);
            transform: translateX(-150%) translateY(-224%);
  }
}

@keyframes float36 {
  25% {
    -webkit-transform: translateX(-19%) translateY(-19%);
            transform: translateX(-19%) translateY(-19%);
   }

  50% {
    -webkit-transform: translateX(-150%) translateY(-224%);
            transform: translateX(-150%) translateY(-224%);
  }
}
@-webkit-keyframes float37 {
  25% {
    -webkit-transform: translateX(-49%) translateY(-47%);
            transform: translateX(-49%) translateY(-47%);
   }

  50% {
    -webkit-transform: translateX(-104%) translateY(-176%);
            transform: translateX(-104%) translateY(-176%);
  }
}

@keyframes float37 {
  25% {
    -webkit-transform: translateX(-49%) translateY(-47%);
            transform: translateX(-49%) translateY(-47%);
   }

  50% {
    -webkit-transform: translateX(-104%) translateY(-176%);
            transform: translateX(-104%) translateY(-176%);
  }
}
@-webkit-keyframes float38 {
  25% {
    -webkit-transform: translateX(-15%) translateY(-185%);
            transform: translateX(-15%) translateY(-185%);
   }

  50% {
    -webkit-transform: translateX(-135%) translateY(-318%);
            transform: translateX(-135%) translateY(-318%);
  }
}

@keyframes float38 {
  25% {
    -webkit-transform: translateX(-15%) translateY(-185%);
            transform: translateX(-15%) translateY(-185%);
   }

  50% {
    -webkit-transform: translateX(-135%) translateY(-318%);
            transform: translateX(-135%) translateY(-318%);
  }
}
@-webkit-keyframes float39 {
  25% {
    -webkit-transform: translateX(-61%) translateY(-203%);
            transform: translateX(-61%) translateY(-203%);
   }

  50% {
    -webkit-transform: translateX(-59%) translateY(-510%);
            transform: translateX(-59%) translateY(-510%);
  }
}

@keyframes float39 {
  25% {
    -webkit-transform: translateX(-61%) translateY(-203%);
            transform: translateX(-61%) translateY(-203%);
   }

  50% {
    -webkit-transform: translateX(-59%) translateY(-510%);
            transform: translateX(-59%) translateY(-510%);
  }
}
@-webkit-keyframes float40 {
  25% {
    -webkit-transform: translateX(-78%) translateY(-69%);
            transform: translateX(-78%) translateY(-69%);
   }

  50% {
    -webkit-transform: translateX(-129%) translateY(-299%);
            transform: translateX(-129%) translateY(-299%);
  }
}

@keyframes float40 {
  25% {
    -webkit-transform: translateX(-78%) translateY(-69%);
            transform: translateX(-78%) translateY(-69%);
   }

  50% {
    -webkit-transform: translateX(-129%) translateY(-299%);
            transform: translateX(-129%) translateY(-299%);
  }
}
@-webkit-keyframes float41 {
  40% {
    -webkit-transform: translateX(-18%) translateY(-210%);
            transform: translateX(-18%) translateY(-210%);
  }
  80% {
    -webkit-transform: translateX(132%) translateY(43%);
            transform: translateX(132%) translateY(43%);
  }
}
@keyframes float41 {
  40% {
    -webkit-transform: translateX(-18%) translateY(-210%);
            transform: translateX(-18%) translateY(-210%);
  }
  80% {
    -webkit-transform: translateX(132%) translateY(43%);
            transform: translateX(132%) translateY(43%);
  }
}
@-webkit-keyframes float42 {
  40% {
    -webkit-transform: translateX(15%) translateY(-46%);
            transform: translateX(15%) translateY(-46%);
  }
  80% {
    -webkit-transform: translateX(-13%) translateY(76%);
            transform: translateX(-13%) translateY(76%);
  }
}
@keyframes float42 {
  40% {
    -webkit-transform: translateX(15%) translateY(-46%);
            transform: translateX(15%) translateY(-46%);
  }
  80% {
    -webkit-transform: translateX(-13%) translateY(76%);
            transform: translateX(-13%) translateY(76%);
  }
}
@-webkit-keyframes float43 {
  40% {
    -webkit-transform: translateX(-1%) translateY(47%);
            transform: translateX(-1%) translateY(47%);
  }
  80% {
    -webkit-transform: translateX(3%) translateY(-84%);
            transform: translateX(3%) translateY(-84%);
  }
}
@keyframes float43 {
  40% {
    -webkit-transform: translateX(-1%) translateY(47%);
            transform: translateX(-1%) translateY(47%);
  }
  80% {
    -webkit-transform: translateX(3%) translateY(-84%);
            transform: translateX(3%) translateY(-84%);
  }
}
@-webkit-keyframes float44 {
  40% {
    -webkit-transform: translateX(28%) translateY(7%);
            transform: translateX(28%) translateY(7%);
  }
  80% {
    -webkit-transform: translateX(-4%) translateY(273%);
            transform: translateX(-4%) translateY(273%);
  }
}
@keyframes float44 {
  40% {
    -webkit-transform: translateX(28%) translateY(7%);
            transform: translateX(28%) translateY(7%);
  }
  80% {
    -webkit-transform: translateX(-4%) translateY(273%);
            transform: translateX(-4%) translateY(273%);
  }
}
@-webkit-keyframes float45 {
  40% {
    -webkit-transform: translateX(-7%) translateY(61%);
            transform: translateX(-7%) translateY(61%);
  }
  80% {
    -webkit-transform: translateX(-35%) translateY(144%);
            transform: translateX(-35%) translateY(144%);
  }
}
@keyframes float45 {
  40% {
    -webkit-transform: translateX(-7%) translateY(61%);
            transform: translateX(-7%) translateY(61%);
  }
  80% {
    -webkit-transform: translateX(-35%) translateY(144%);
            transform: translateX(-35%) translateY(144%);
  }
}
@-webkit-keyframes float46 {
  40% {
    -webkit-transform: translateX(44%) translateY(-42%);
            transform: translateX(44%) translateY(-42%);
  }
  80% {
    -webkit-transform: translateX(-31%) translateY(182%);
            transform: translateX(-31%) translateY(182%);
  }
}
@keyframes float46 {
  40% {
    -webkit-transform: translateX(44%) translateY(-42%);
            transform: translateX(44%) translateY(-42%);
  }
  80% {
    -webkit-transform: translateX(-31%) translateY(182%);
            transform: translateX(-31%) translateY(182%);
  }
}
@-webkit-keyframes float47 {
  40% {
    -webkit-transform: translateX(9%) translateY(53%);
            transform: translateX(9%) translateY(53%);
  }
  80% {
    -webkit-transform: translateX(82%) translateY(160%);
            transform: translateX(82%) translateY(160%);
  }
}
@keyframes float47 {
  40% {
    -webkit-transform: translateX(9%) translateY(53%);
            transform: translateX(9%) translateY(53%);
  }
  80% {
    -webkit-transform: translateX(82%) translateY(160%);
            transform: translateX(82%) translateY(160%);
  }
}
@-webkit-keyframes float48 {
  40% {
    -webkit-transform: translateX(39%) translateY(-202%);
            transform: translateX(39%) translateY(-202%);
  }
  80% {
    -webkit-transform: translateX(50%) translateY(130%);
            transform: translateX(50%) translateY(130%);
  }
}
@keyframes float48 {
  40% {
    -webkit-transform: translateX(39%) translateY(-202%);
            transform: translateX(39%) translateY(-202%);
  }
  80% {
    -webkit-transform: translateX(50%) translateY(130%);
            transform: translateX(50%) translateY(130%);
  }
}
@-webkit-keyframes float49 {
  40% {
    -webkit-transform: translateX(38%) translateY(-190%);
            transform: translateX(38%) translateY(-190%);
  }
  80% {
    -webkit-transform: translateX(56%) translateY(67%);
            transform: translateX(56%) translateY(67%);
  }
}
@keyframes float49 {
  40% {
    -webkit-transform: translateX(38%) translateY(-190%);
            transform: translateX(38%) translateY(-190%);
  }
  80% {
    -webkit-transform: translateX(56%) translateY(67%);
            transform: translateX(56%) translateY(67%);
  }
}
@-webkit-keyframes float50 {
  40% {
    -webkit-transform: translateX(22%) translateY(45%);
            transform: translateX(22%) translateY(45%);
  }
  80% {
    -webkit-transform: translateX(70%) translateY(39%);
            transform: translateX(70%) translateY(39%);
  }
}
@keyframes float50 {
  40% {
    -webkit-transform: translateX(22%) translateY(45%);
            transform: translateX(22%) translateY(45%);
  }
  80% {
    -webkit-transform: translateX(70%) translateY(39%);
            transform: translateX(70%) translateY(39%);
  }
}
@-webkit-keyframes float51 {
  40% {
    -webkit-transform: translateX(41%) translateY(-252%);
            transform: translateX(41%) translateY(-252%);
  }
  80% {
    -webkit-transform: translateX(34%) translateY(4%);
            transform: translateX(34%) translateY(4%);
  }
}
@keyframes float51 {
  40% {
    -webkit-transform: translateX(41%) translateY(-252%);
            transform: translateX(41%) translateY(-252%);
  }
  80% {
    -webkit-transform: translateX(34%) translateY(4%);
            transform: translateX(34%) translateY(4%);
  }
}
@-webkit-keyframes float52 {
  40% {
    -webkit-transform: translateX(11%) translateY(-92%);
            transform: translateX(11%) translateY(-92%);
  }
  80% {
    -webkit-transform: translateX(30%) translateY(17%);
            transform: translateX(30%) translateY(17%);
  }
}
@keyframes float52 {
  40% {
    -webkit-transform: translateX(11%) translateY(-92%);
            transform: translateX(11%) translateY(-92%);
  }
  80% {
    -webkit-transform: translateX(30%) translateY(17%);
            transform: translateX(30%) translateY(17%);
  }
}
@-webkit-keyframes float53 {
  40% {
    -webkit-transform: translateX(34%) translateY(-11%);
            transform: translateX(34%) translateY(-11%);
  }
  80% {
    -webkit-transform: translateX(76%) translateY(68%);
            transform: translateX(76%) translateY(68%);
  }
}
@keyframes float53 {
  40% {
    -webkit-transform: translateX(34%) translateY(-11%);
            transform: translateX(34%) translateY(-11%);
  }
  80% {
    -webkit-transform: translateX(76%) translateY(68%);
            transform: translateX(76%) translateY(68%);
  }
}
@-webkit-keyframes float54 {
  40% {
    -webkit-transform: translateX(-5%) translateY(-121%);
            transform: translateX(-5%) translateY(-121%);
  }
  80% {
    -webkit-transform: translateX(0%) translateY(-74%);
            transform: translateX(0%) translateY(-74%);
  }
}
@keyframes float54 {
  40% {
    -webkit-transform: translateX(-5%) translateY(-121%);
            transform: translateX(-5%) translateY(-121%);
  }
  80% {
    -webkit-transform: translateX(0%) translateY(-74%);
            transform: translateX(0%) translateY(-74%);
  }
}
@-webkit-keyframes float55 {
  40% {
    -webkit-transform: translateX(79%) translateY(56%);
            transform: translateX(79%) translateY(56%);
  }
  80% {
    -webkit-transform: translateX(25%) translateY(132%);
            transform: translateX(25%) translateY(132%);
  }
}
@keyframes float55 {
  40% {
    -webkit-transform: translateX(79%) translateY(56%);
            transform: translateX(79%) translateY(56%);
  }
  80% {
    -webkit-transform: translateX(25%) translateY(132%);
            transform: translateX(25%) translateY(132%);
  }
}
@-webkit-keyframes float56 {
  40% {
    -webkit-transform: translateX(-2%) translateY(-54%);
            transform: translateX(-2%) translateY(-54%);
  }
  80% {
    -webkit-transform: translateX(116%) translateY(-13%);
            transform: translateX(116%) translateY(-13%);
  }
}
@keyframes float56 {
  40% {
    -webkit-transform: translateX(-2%) translateY(-54%);
            transform: translateX(-2%) translateY(-54%);
  }
  80% {
    -webkit-transform: translateX(116%) translateY(-13%);
            transform: translateX(116%) translateY(-13%);
  }
}
@-webkit-keyframes float57 {
  40% {
    -webkit-transform: translateX(20%) translateY(-36%);
            transform: translateX(20%) translateY(-36%);
  }
  80% {
    -webkit-transform: translateX(130%) translateY(285%);
            transform: translateX(130%) translateY(285%);
  }
}
@keyframes float57 {
  40% {
    -webkit-transform: translateX(20%) translateY(-36%);
            transform: translateX(20%) translateY(-36%);
  }
  80% {
    -webkit-transform: translateX(130%) translateY(285%);
            transform: translateX(130%) translateY(285%);
  }
}
@-webkit-keyframes float58 {
  40% {
    -webkit-transform: translateX(18%) translateY(-79%);
            transform: translateX(18%) translateY(-79%);
  }
  80% {
    -webkit-transform: translateX(114%) translateY(41%);
            transform: translateX(114%) translateY(41%);
  }
}
@keyframes float58 {
  40% {
    -webkit-transform: translateX(18%) translateY(-79%);
            transform: translateX(18%) translateY(-79%);
  }
  80% {
    -webkit-transform: translateX(114%) translateY(41%);
            transform: translateX(114%) translateY(41%);
  }
}
@-webkit-keyframes float59 {
  40% {
    -webkit-transform: translateX(77%) translateY(-83%);
            transform: translateX(77%) translateY(-83%);
  }
  80% {
    -webkit-transform: translateX(-27%) translateY(76%);
            transform: translateX(-27%) translateY(76%);
  }
}
@keyframes float59 {
  40% {
    -webkit-transform: translateX(77%) translateY(-83%);
            transform: translateX(77%) translateY(-83%);
  }
  80% {
    -webkit-transform: translateX(-27%) translateY(76%);
            transform: translateX(-27%) translateY(76%);
  }
}
@-webkit-keyframes float60 {
  40% {
    -webkit-transform: translateX(-19%) translateY(-44%);
            transform: translateX(-19%) translateY(-44%);
  }
  80% {
    -webkit-transform: translateX(48%) translateY(100%);
            transform: translateX(48%) translateY(100%);
  }
}
@keyframes float60 {
  40% {
    -webkit-transform: translateX(-19%) translateY(-44%);
            transform: translateX(-19%) translateY(-44%);
  }
  80% {
    -webkit-transform: translateX(48%) translateY(100%);
            transform: translateX(48%) translateY(100%);
  }
}
@-webkit-keyframes float61 {
  40% {
    -webkit-transform: translateX(-13%) translateY(-238%);
            transform: translateX(-13%) translateY(-238%);
  }
  80% {
    -webkit-transform: translateX(115%) translateY(147%);
            transform: translateX(115%) translateY(147%);
  }
}
@keyframes float61 {
  40% {
    -webkit-transform: translateX(-13%) translateY(-238%);
            transform: translateX(-13%) translateY(-238%);
  }
  80% {
    -webkit-transform: translateX(115%) translateY(147%);
            transform: translateX(115%) translateY(147%);
  }
}
@-webkit-keyframes float62 {
  40% {
    -webkit-transform: translateX(-2%) translateY(-236%);
            transform: translateX(-2%) translateY(-236%);
  }
  80% {
    -webkit-transform: translateX(24%) translateY(-20%);
            transform: translateX(24%) translateY(-20%);
  }
}
@keyframes float62 {
  40% {
    -webkit-transform: translateX(-2%) translateY(-236%);
            transform: translateX(-2%) translateY(-236%);
  }
  80% {
    -webkit-transform: translateX(24%) translateY(-20%);
            transform: translateX(24%) translateY(-20%);
  }
}
@-webkit-keyframes float63 {
  40% {
    -webkit-transform: translateX(41%) translateY(-204%);
            transform: translateX(41%) translateY(-204%);
  }
  80% {
    -webkit-transform: translateX(49%) translateY(11%);
            transform: translateX(49%) translateY(11%);
  }
}
@keyframes float63 {
  40% {
    -webkit-transform: translateX(41%) translateY(-204%);
            transform: translateX(41%) translateY(-204%);
  }
  80% {
    -webkit-transform: translateX(49%) translateY(11%);
            transform: translateX(49%) translateY(11%);
  }
}
@-webkit-keyframes float64 {
  40% {
    -webkit-transform: translateX(34%) translateY(-152%);
            transform: translateX(34%) translateY(-152%);
  }
  80% {
    -webkit-transform: translateX(-18%) translateY(162%);
            transform: translateX(-18%) translateY(162%);
  }
}
@keyframes float64 {
  40% {
    -webkit-transform: translateX(34%) translateY(-152%);
            transform: translateX(34%) translateY(-152%);
  }
  80% {
    -webkit-transform: translateX(-18%) translateY(162%);
            transform: translateX(-18%) translateY(162%);
  }
}
@-webkit-keyframes float65 {
  40% {
    -webkit-transform: translateX(76%) translateY(-267%);
            transform: translateX(76%) translateY(-267%);
  }
  80% {
    -webkit-transform: translateX(144%) translateY(-26%);
            transform: translateX(144%) translateY(-26%);
  }
}
@keyframes float65 {
  40% {
    -webkit-transform: translateX(76%) translateY(-267%);
            transform: translateX(76%) translateY(-267%);
  }
  80% {
    -webkit-transform: translateX(144%) translateY(-26%);
            transform: translateX(144%) translateY(-26%);
  }
}
@-webkit-keyframes float66 {
  40% {
    -webkit-transform: translateX(-7%) translateY(76%);
            transform: translateX(-7%) translateY(76%);
  }
  80% {
    -webkit-transform: translateX(109%) translateY(232%);
            transform: translateX(109%) translateY(232%);
  }
}
@keyframes float66 {
  40% {
    -webkit-transform: translateX(-7%) translateY(76%);
            transform: translateX(-7%) translateY(76%);
  }
  80% {
    -webkit-transform: translateX(-109%) translateY(232%);
            transform: translateX(-109%) translateY(232%);
  }
}
@-webkit-keyframes float67 {
  40% {
    -webkit-transform: translateX(67%) translateY(-195%);
            transform: translateX(67%) translateY(-195%);
  }
  80% {
    -webkit-transform: translateX(-48%) translateY(258%);
            transform: translateX(-48%) translateY(258%);
  }
}
@keyframes float67 {
  40% {
    -webkit-transform: translateX(67%) translateY(-195%);
            transform: translateX(67%) translateY(-195%);
  }
  80% {
    -webkit-transform: translateX(-48%) translateY(258%);
            transform: translateX(-48%) translateY(258%);
  }
}
@-webkit-keyframes float68 {
  40% {
    -webkit-transform: translateX(55%) translateY(49%);
            transform: translateX(55%) translateY(49%);
  }
  80% {
    -webkit-transform: translateX(65%) translateY(-34%);
            transform: translateX(65%) translateY(-34%);
  }
}
@keyframes float68 {
  40% {
    -webkit-transform: translateX(55%) translateY(49%);
            transform: translateX(55%) translateY(49%);
  }
  80% {
    -webkit-transform: translateX(65%) translateY(-34%);
            transform: translateX(65%) translateY(-34%);
  }
}
@-webkit-keyframes float69 {
  40% {
    -webkit-transform: translateX(55%) translateY(-234%);
            transform: translateX(55%) translateY(-234%);
  }
  80% {
    -webkit-transform: translateX(97%) translateY(42%);
            transform: translateX(97%) translateY(42%);
  }
}
@keyframes float69 {
  40% {
    -webkit-transform: translateX(55%) translateY(-234%);
            transform: translateX(55%) translateY(-234%);
  }
  80% {
    -webkit-transform: translateX(97%) translateY(42%);
            transform: translateX(97%) translateY(42%);
  }
}
@-webkit-keyframes float70 {
  40% {
    -webkit-transform: translateX(-15%) translateY(79%);
            transform: translateX(-15%) translateY(79%);
  }
  80% {
    -webkit-transform: translateX(53%) translateY(292%);
            transform: translateX(53%) translateY(292%);
  }
}
@keyframes float70 {
  40% {
    -webkit-transform: translateX(-15%) translateY(79%);
            transform: translateX(-15%) translateY(79%);
  }
  80% {
    -webkit-transform: translateX(53%) translateY(292%);
            transform: translateX(53%) translateY(292%);
  }
}
@-webkit-keyframes float71 {
  40% {
    -webkit-transform: translateX(-12%) translateY(-55%);
            transform: translateX(-12%) translateY(-55%);
  }
  80% {
    -webkit-transform: translateX(67%) translateY(11%);
            transform: translateX(67%) translateY(11%);
  }
}
@keyframes float71 {
  40% {
    -webkit-transform: translateX(-12%) translateY(-55%);
            transform: translateX(-12%) translateY(-55%);
  }
  80% {
    -webkit-transform: translateX(67%) translateY(11%);
            transform: translateX(67%) translateY(11%);
  }
}
@-webkit-keyframes float72 {
  40% {
    -webkit-transform: translateX(-3%) translateY(-29%);
            transform: translateX(-3%) translateY(-29%);
  }
  80% {
    -webkit-transform: translateX(74%) translateY(-32%);
            transform: translateX(74%) translateY(-32%);
  }
}
@keyframes float72 {
  40% {
    -webkit-transform: translateX(-3%) translateY(-29%);
            transform: translateX(-3%) translateY(-29%);
  }
  80% {
    -webkit-transform: translateX(74%) translateY(-32%);
            transform: translateX(74%) translateY(-32%);
  }
}
@-webkit-keyframes float73 {
  40% {
    -webkit-transform: translateX(14%) translateY(11%);
            transform: translateX(14%) translateY(11%);
  }
  80% {
    -webkit-transform: translateX(23%) translateY(-97%);
            transform: translateX(23%) translateY(-97%);
  }
}
@keyframes float73 {
  40% {
    -webkit-transform: translateX(14%) translateY(11%);
            transform: translateX(14%) translateY(11%);
  }
  80% {
    -webkit-transform: translateX(23%) translateY(-97%);
            transform: translateX(23%) translateY(-97%);
  }
}
@-webkit-keyframes float74 {
  40% {
    -webkit-transform: translateX(-19%) translateY(73%);
            transform: translateX(-19%) translateY(73%);
  }
  80% {
    -webkit-transform: translateX(47%) translateY(176%);
            transform: translateX(47%) translateY(176%);
  }
}
@keyframes float74 {
  40% {
    -webkit-transform: translateX(-19%) translateY(73%);
            transform: translateX(-19%) translateY(73%);
  }
  80% {
    -webkit-transform: translateX(47%) translateY(176%);
            transform: translateX(47%) translateY(176%);
  }
}
@-webkit-keyframes float75 {
  40% {
    -webkit-transform: translateX(-12%) translateY(-280%);
            transform: translateX(-12%) translateY(-280%);
  }
  80% {
    -webkit-transform: translateX(114%) translateY(168%);
            transform: translateX(114%) translateY(168%);
  }
}
@keyframes float75 {
  40% {
    -webkit-transform: translateX(-12%) translateY(-80%) scale(1.1);
            transform: translateX(-12%) translateY(-80%) scale(1.1);
  }
  80% {
    -webkit-transform: translateX(14%) translateY(68%) scale(1.2);
            transform: translateX(14%) translateY(68%) scale(1.2);
  }
}
.member-org, .active1 {
	margin-bottom: .5em;
}
.active3, .active4 {
	margin-bottom: 1em;
}
.member-list {
	list-style: square;
	margin-bottom: 1em;
	padding-left: 2em;
}
@media screen and (min-width: 1025px) {
.marsh-no-dot button:nth-child(4) {
	display: none !important;
}
.wou-hexs-no-dot button:nth-child(2), .wou-hexs-no-dot button:nth-child(3) {
	display: none !important;
}
}
.portfolio-modal {
    max-width: 1500px;
}
body:has(.portfolio-overlay.opened) {
  overflow: hidden;
}