/**
 * subscribe loading
 */
div#subscribe-loading-wrapper {
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 9999;
}

div#subscribe-loading-wrapper div#subscribe-loading-box {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.8);
	height: 100vh;
	width: 100vw;
}

div#subscribe-loading-wrapper div#subscribe-loading-box div#subscribe-loading {
	background-color: rgba(255,255,255,0.9);
	color: #8a5711;
	font-size: 2em;
	padding: 2em 5em;
	text-align: center;
}

div#subscribe-loading-wrapper div#subscribe-loading-box div#subscribe-loading div#subscribe-spinner {
	color: #8a5711;
	font-size: 5em;
	line-height: 100%;
	margin-bottom: 1em;
	padding: 0;

	-webkit-animation:spin 1.75s ease-in-out infinite;
	-moz-animation:spin 1.75s ease-in-out infinite;
	animation:spin 1.75s ease-in-out infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/**
 * subscribe response
 */
div#subscribe-response-wrapper {
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 9999;
}

div#subscribe-response-wrapper div#subscribe-response-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	width: 100vw;
}

div#subscribe-response-wrapper div#subscribe-response-box div#subscribe-response {
	background-color: #5c8d23;
	font-size: 2em;
	line-height: 130%;
	min-width: 50vw;
	padding: 2em 1em;
	text-align: center;
}