/*
Mardi Section
==================================================== */

#top #about-mardi {
	overflow: hidden;
	position: relative;
}

#top #about-mardi .avia-image-container-inner {
	padding-left: 20px;
	/* animation: rotator 10s ease-in-out infinite; */
}

@keyframes rotator {
	0%,
	70% {
		transform: rotate(0deg);
	}
	85% {
		transform: rotate(10deg);
	}
	93% {
		transform: rotate(-15deg);
	}
	99% {
		transform: rotate(365deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

#top #about-mardi::before {
	border-bottom: 60px solid #e6d1f4;
	border-top: 60px solid #e6d1f4;
	content: '';
	display: block;
	height: 24px;
	opacity: 0.25;
	position: absolute;
	left: -20%;
	bottom: 35%;
	width: 150%;
	animation: randomizer 80s cubic-bezier(0.55, 0.085, 0.41, 0.99) infinite alternate;
}

@keyframes randomizer {
	0% {
		top: -40%;
		/* left: -60%; */
		/* transform: rotate(-25deg); */
	}
	15% {
		top: -20%;
		/* left: -60%; */
		transform: rotate(-25deg);
	}
	30% {
		height: 24px;
		top: 20%;
		transform: rotate(-15deg);
		opacity: 0.25;
	}
	40% {
		height: 150%;
		top: -20%;
		transform: rotate(5deg);
		opacity: 0;
	}
	45% {
		opacity: 0;
		height: 48px;
		top: -40%;
		transform: rotate(25deg);
	}
	46% {
		opacity: 0.25;
		height: 48px;
		top: -40%;
		transform: rotate(25deg);
	}
	60% {
		height: 24px;
		top: 20%;
		transform: rotate(20deg);
	}
	80% {
		opacity: 0.25;
		top: 40%;
		transform: rotate(35deg);
	}
	100% {
		top: 50%;
		transform: rotate(45deg);
		opacity: 0;
	}
}

#top #about-mardi.main_color h2 {
	font-size: 48px;
	font-style: normal;
	font-weight: bold;
	line-height: 48px;
	margin: 40px 10px 10px;
}

#top #about-mardi p {
	font-size: 32px;
	line-height: 44px;
	margin-top: 0;
	margin-bottom: 40px;
}

#about-mardi .avia-animated-number * {
	color: #fff;
}

#about-mardi .avia-animated-number strong,
#about-mardi strong.custom-animated-number,
#about-mardi .avia-animated-number strong .avia-single-number {
	text-shadow: 0 1px 2px #8c4bb1;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 0;
	text-align: center;
}

#about-mardi .avia_sc_animated_number_active p {
	margin: 0 !important;
}

#about-mardi strong.custom-animated-number {
	display: block;
	font-size: 100px;
	text-align: center;
	height: 49px;
	/* display: block; */
}

#about-mardi strong.custom-animated-number.medium {
	font-size: 70px;
}

#about-mardi .avia-animated-number-content {
	display: block;
	overflow: visible;
	text-align: center;
}

#about-mardi .custom-animated-number-content .fun-tag {
	display: block;
	font-size: .45em;
	line-height: 1.2;
	transform: rotate(-5deg) translateY(-3px);
	text-shadow: none;
	color: #652c8b60;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms cubic-bezier(0.55, 0.085, 0.41, 0.99);
	-moz-transition: all 300ms cubic-bezier(0.55, 0.085, 0.41, 0.99);
	-o-transition: all 300ms cubic-bezier(0.55, 0.085, 0.41, 0.99);
	transition: all 300ms cubic-bezier(0.55, 0.085, 0.41, 0.99);
}

#about-mardi .custom-animated-number-content .fun-tag.visible {
	visibility: visible;
	opacity: 1;
}


@media only screen and (max-width: 767px) {
	/* About */

	#top #about-mardi.main_color h2 {
		font-size: 36px;
		line-height: 40px;
	}

	#top #about-mardi.main_color .avia_textblock {
		padding-bottom: 40px;
	}

	#top #about-mardi p {
		font-size: 20px;
		line-height: 28px;
	}

	#top #about-mardi .flex_column {
		margin-bottom: 80px !important;
	}

	#about-mardi .custom-animated-number-content .fun-tag {
		font-size: .6em;
	}
}