/*
 *	Action Section
 */

.action-section {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	display: flex;
	align-content: center;
	align-items: center; 
	overflow: hidden;
	/*opacity: 0;*/
	pointer-events: none;
}

.show-form .action-section {
	pointer-events: auto;
}

.action-section:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background-color: var(--copper);
	border-radius: 100%;
	opacity: 0;
	-moz-transform: translate(50%, -50%) scale(0);
	-webkit-transform: translate(50%, -50%) scale(0);
	transform: translate(50%, -50%) scale(0);
	-moz-transition: -moz-transform .35s .6s ease-out, opacity .25s .8s ease-out;
	-webkit-transition: -webkit-transform .35s .6s ease-out, opacity .25s .8s ease-out;
	transition: transform .35s .6s ease-out, opacity .25s .8s ease-out;
}

.show-form .action-section:before {
	opacity: 1;
	-moz-transform: translate(50%, -50%) scale(35);
	-webkit-transform: translate(50%, -50%) scale(35);
	transform: translate(50%, -50%) scale(35);
	-moz-transition: -moz-transform .35s .1s ease-out, opacity .25s .2s ease-out;
	-webkit-transition: -webkit-transform .35s .1s ease-out, opacity .25s .2s ease-out;
	transition: transform .35s .1s ease-out, opacity .25s .2s ease-out;
}

.action-section .container {
	position: relative;
	z-index: 2;
}

.action-section .action-card {
	position: relative;
	padding: 30px 20px;
	border-radius: 10px;
	box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2), 0 0px 30px 1px rgba(0, 0, 0, 0.4);
	opacity: 0;
	-moz-transition: opacity .35s .1s ease-out;
	-webkit-transition: opacity .35s .1s ease-out;
	transition: opacity .35s .1s ease-out;
}

.show-form .action-section .action-card {
	opacity: 1;
	-moz-transition: opacity .35s .5s ease-out;
	-webkit-transition: opacity .35s .5s ease-out;
	transition: opacity .35s .5s ease-out;
}

.action-section .action-card .form-heading {
	padding: 0px 50px 20px 15px;
	line-height: 1.375;
}

.action-section .action-card .form-item {
	padding-bottom: 10px;
}

.action-section .action-card .form-item .label {
	cursor: pointer;
	display: inline-block;
	padding-left: 15px;
	padding-bottom: 5px;
}

.action-section .action-card .form-close {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 25px;
	right: 20px;
	text-indent: -99999px;
	height: 40px;
	width: 40px;
	/*background-color: pink;*/
}

.action-section .action-card .form-close:before, 
.action-section .action-card .form-close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 3px;
	background-color: var(--copper);
}

.action-section .action-card .form-close:before {
	transform: translate(-50%, -50%) rotate(45deg);
} 
.action-section .action-card .form-close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
 
@media( min-width: 640px )  {
	.show-form .action-section:before {
		transform: translate(50%, -50%) scale(30);
	}

	.action-section .action-card .form-close {
		top: 30px;
		right: 20px;
	}
}

@media( min-width: 800px )  {
	.show-form .action-section:before {
		transform: translate(50%, -50%) scale(35);
	}
}

@media( min-width: 1040px ) {
	.show-form .action-section:before {
		transform: translate(50%, -50%) scale(35);
	}

	.action-section .action-card .form-item {
		padding: 10px;
	}

	.action-section .action-card .form-close {
		top: 32px;
		right: 30px;
	}

	.action-section .action-card .form-close:before, 
	.action-section .action-card .form-close:after {
		height: 4px;
	}
}
@media( min-width: 1380px ) {
	.show-form .action-section:before {
		transform: translate(50%, -50%) scale(50);
	}

	.action-section .action-card .form-close {
		top: 40px;
		right: 30px;
		height: 50px;
		width: 50px;
	}

	.action-section .action-card .form-close:before, 
	.action-section .action-card .form-close:after {
		width: 40px;
		height: 4px;
	}
}

@media( min-width: 1940px ) {
	.show-form .action-section:before {
		transform: translate(50%, -50%) scale(60);
	}
}

@media( min-width: 2580px ) {
	.show-form .action-section:before {
		transform: translate(50%, -50%) scale(90);
	}
}