/* Thank You Panel */
.thank-you-panel {
	padding: 14.777em 0 17.722em;
	background-image: url(/images/thank-you-bg.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

.error-branch .thank-you-panel {
	background-image: url(/images/error-bg.jpg);
}

.thank-you-panel .main {
}

.thank-you-panel .main span.top {
	display: block;
	line-height: 1;
	font-size: 1.944em;
	color: #FFFFFF;
	padding-bottom: .6em;
	text-transform: uppercase;
}

.thank-you-panel .main strong.curly {
	display: block;
	line-height: 1;
	font-family: 'Satisfy', cursive;
	font-size: 6.111em;
	color: #FFFFFF; /* $white */
	text-shadow: 4px 5px 16px rgba(0, 0, 0, 0.39);
	margin-left: -.181em;
}

.thank-you-panel .main p {
	font-size: 1.168em;
	color: #FFFFFF; /* $white */
	padding-top: 2.190em;
}

.thank-you-panel ul {
	padding-top: 2.833em;
}

.thank-you-panel ul li {
	width: auto;
}

.thank-you-panel ul li a .icon-cont {
	position: relative;
	width: 5.111em;
	height: 5.111em;
	border-radius: 50%;
	border: 5px solid #FFFFFF;
	transition: .8s ease 0s;
	background-color: #58866C;
}

.thank-you-panel ul li a:hover .icon-cont {
	background-color: #083A81;
	-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.thank-you-panel ul li a .icon-cont icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 2.233em;
	color: #FFFFFF;
	line-height: 1;
	transition: .8s ease 0s;
}

.error-branch .thank-you-panel ul li a .icon-cont icon {
	font-size: 2.777em;
}

.thank-you-panel ul li a strong {
	font-size: 1.667em;
	font-weight: 700;
	color: #FFFFFF;
	display: block;
	line-height: 1;
	padding-left: 1em;
	text-transform: uppercase;
	transition: .8s ease 0s;
}

.thank-you-panel ul li a:hover strong {
	padding-left: .5em;
}
/* End Thank You Panel */

/* 1000px Responsive */
@media screen and (max-width:1000px) {
	.thank-you-panel {
		padding: 11.777em 0 14.722em;
		background-position: 91% 50%;
	}

	.error-branch .thank-you-panel ul li a strong {
		font-size: 1.111em;
	}

	.error-branch .thank-you-panel ul li {
		width: 32%;
	}
}
/* End 1000px Responsive */

/* 800px Responsive */
@media screen and (max-width:800px) {
	.thank-you-panel {
		padding: 9.777em 0 12.722em;
		background-position: 91% 50%;
	}

	.thank-you-panel .main strong.curly {
		font-size: 5.111em;
	}

	.thank-you-panel li a {
		font-size: 1em;
	}

	.thank-you-panel ul li a strong {
		font-size: .894em;
		padding: 1.25em 2.5em;
		background-color: #58866C;
		width: 100%;
		text-align: center;
	}

	.thank-you-panel ul li a:hover strong {
		padding: 1.25em 2.5em;
	}

	.thank-you-panel ul li a .icon-cont {
		display: none;
	}

	.thank-you-panel ul {
		-webkit-justify-content: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.error-branch .thank-you-panel ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.error-branch .thank-you-panel ul li {
		width: 52%;
	}

	.error-branch .thank-you-panel ul li + li {
		margin-top: 1.333em;
	}
}
/* End 800px Responsive */

/* 550px Responsive */
@media screen and (max-width:550px) {
	.thank-you-panel .main strong.curly {
		font-size: 3.5em;
	}

	.thank-you-panel .main span.top {
		font-size: 1.268em;
	}

	.thank-you-panel .main p {
		font-size: .881em;
	}

	.thank-you-panel .main {
		text-align: center;
	}

	.thank-you-panel {
		padding: 6.777em 0 9.722em;
		background-position: 83% 50%;
	}

	.error-branch .thank-you-panel {
		background-position: 87% 50%;
	}

	.error-branch .thank-you-panel ul li {
		width: 65%;
	}

	.error-branch .thank-you-panel ul li a strong {
		font-size: .783em;
		letter-spacing: .15em;
		padding: 1.25em 2em;
	}
}
/* End 550px Responsive */
