.hidden {
	visibility: hidden;
}

.section-6 {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	margin-top: 50px;
}

	.section-6 .row {
		flex-wrap: nowrap;
		width: 100%;
		display: flex;
		margin: 0;
	}

.section-6-left {
	position: relative;
	display: flex;
	float: left;
	align-items: center;
	height: 15vw;
}

	.section-6-left h1 {
		margin: auto;
		max-width: 30vw;
		font-size: xx-large;
		opacity: 0;
		transform: translateY(50px);
	}

		.section-6-left h1.on {
			transform: translateY(0px);
			-webkit-animation: section-6-fade-in 3s; /* Safari, Chrome and Opera > 12.1 */
			-moz-animation: section-6-fade-in 3s; /* Firefox < 16 */
			-ms-animation: section-6-fade-in 3s; /* Internet Explorer */
			-o-animation: section-6-fade-in 3s; /* Opera < 12.1 */
			animation: section-6-fade-in 3s;
			opacity: 1;
		}

.section-6-social-links i {
	margin-right: 20px;
	font-size: 1.5vw;
}

.section-6-right {
	height: 300px;
	display: flex;
	align-items: flex-end;
}

.section-6-circle {
	background: #33A99D;
	display: flex;
	height: 300px;
	width: 600px;
	margin: auto;
	border-top-left-radius: 500px;
	border-top-right-radius: 500px;
	overflow-x: hidden;
}

	.section-6-circle form {
		width: 60%;
		align-self: center;
		margin: auto;
		text-align: right;
		color: white;
	}

		.section-6-circle form input {
			background-color: rgba(255, 255, 255, .1);
			border: 2px solid rgba(255, 255, 255, .3);
			border-radius: 40px;
			padding: 20px;
			width: 100%;
			-moz-box-shadow: 0px 7px 10px 0px #2F9F93;
			-webkit-box-shadow: 0px 7px 10px 0px #2F9F93;
			-webkit-appearance: none;
			box-shadow: 0px 7px 10px 0px #2F9F93;
		}

		.section-6-circle form button {
			position: relative;
			background-color: transparent;
			border: none;
			padding-top: 20px;
			text-align: right;
			font-size: larger;
		}

.sparkleIt-section-6-circle {
	background: #4A4A4A !important;
	z-index: 2;
}

	.sparkleIt-section-6-circle form input {
		background-color: #4a4a4a !important;
		border: 2px solid rgba(255, 255, 255, 0.05) !important;
		border-radius: 40px;
		padding: 20px;
		width: 100%;
		-moz-box-shadow: 0px 7px 10px 0px #2F9F93;
		-webkit-box-shadow: 0px 7px 10px 0px #2F9F93;
		-webkit-appearance: none;
		box-shadow: 0px 7px 10px 0px #2F9F93;
		box-shadow: rgb(30, 30, 30) 0px 7px 10px 0px !important;
	}

.back-circle {
	position: absolute;
	background: #4A4A4A !important;
	right: 0;
	z-index: -1;
}

.sparkleIt-section-6-circle form {
	z-index: 2;
}

@media (max-width:992px) { /*md*/
	.section-6 .row {
		display: block;
	}

	.section-6-left {
		height: 20vw;
	}

		.section-6-left h1 {
			margin: auto;
			max-width: 100vw;
			font-size: x-large;
		}

	.section-6-right {
		max-height: 60vw;
		margin-top: 60px;
		padding: 0;
	}

	.section-6-circle {
		max-height: 50vw;
		max-width: 100vw;
	}

	.section-6-social-links i {
		font-size: 4vw;
	}
}

@media (max-width:768px) { /*sm*/
	.section-6-left h1 {
		font-size: large;
	}

	.section-6-social-links i {
		font-size: 3vw;
	}

	.section-6-circle form input, .section-6-circle form button {
		font-size: 3vw;
	}

	.section-6-circle {
		max-height: 60vw;
		width: 100vw;
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
	}

		.section-6-circle form {
			width: 70%;
		}
}

@keyframes section-6-fade-in {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}
}