/* Mainstage Styles */
.mainstage {
	position: relative;
}

.mainstage .info {
	color: var(--white-color);
}

.mainstage .info > [class*="title-style"] {
	color: var(--white-color);
}

.mainstage .contact-form {
	background-color: var(--off-color);
	border-radius: var(--lpmd-radial-border);
}

.mainstage .contact-form .btn-con > .btn {
	width: 100%;
}

.mainstage.b .contact-form legend, .mainstage.c .contact-form legend {
	position: absolute;
	left: -1920px;
}

.mainstage a[href^=tel]:hover {
	color: var(--whtie-color);
	text-decoration: underline;
}


/* End Mainstage Styles */

/* Version A Styles */
.mainstage.a {
	padding-top: 6.66em;
	padding-bottom: 6.66em;
}

.mainstage.a .contact-form {
	margin-bottom: -10em;
}
/* End Version A Styles */

/* Version B Styles */
.mainstage.b .info {
	padding-top: 14.8em;
	padding-bottom: 4.8em;
}

.mainstage.b .contact-form {
	margin-bottom: -6em;
}
/* End Version B Styles */

/* Version C Styles */
.mainstage.c {
	padding: 0 5.4em;
}

.mainstage.c .info {
	padding-top: 9.5em;
	padding-bottom: 9.5em;
	width: 38.5%;
}

.mainstage.c .contact {
	background-color: var(--off-color);
	max-width: 100%;
	padding: 0 2.5em;
}

.mainstage.c img {
	object-position: right;
}

.mainstage.c .relative .main {
	padding: 0;
	padding-left: 1.8em;
}

.mainstage.c .contact-box {
	margin-top: 2.2em;
}

.mainstage.c .contact-box svg {
	width: 2.223em;
	height: 2.223em;
	margin-right: 0.6em;
}

.mainstage.c .contact-box span {
	font-size: 1.334rem;
}

.mainstage.c .short {
	width: 18.35%;
	margin-right: 0.5em;
}

.mainstage.c .med {
	width: 21.6%;
}

.mainstage.c .long {
	width: 37.64%;
	margin-right: 0.5em;
}

.mainstage.c a[href^=tel] {
	color: var(--white-color);
}
/* End Version C Styles */

/* Version Alt Styles */
.mainstage.alt {
	padding: 0 5.4em;
	padding-top: 10em !important;
}

.mainstage.alt .info {
	padding-top: 14.5em;
	padding-bottom: 9.5em;
	width: 38.5%;
}

.mainstage.alt .contact {
	background-color: var(--off-color);
	max-width: 100%;
	padding: 0 2.5em;
}

.mainstage.alt img {
	object-position: right;
}

.mainstage.alt .relative .main {
	padding: 0;
	padding-left: 1.8em;
}

.mainstage.alt .contact-box {
	margin-top: 2.2em;
	justify-content: center;
}

.mainstage.alt .contact-box svg {
	width: 2.223em;
	height: 2.223em;
	margin-right: 0.6em;
	fill: var(--click1-color);
}

.mainstage.alt .contact-box span {
	font-size: 1.334rem;
}

.mainstage.alt .relative, .mainstage.low .relative {
	z-index: -1;
	aspect-ratio: 5 / 2;
}

.mainstage.alt .contact-cont {
	z-index: 10;
    margin: 0 auto;
    width: 80%;
    margin-top: -3.6em;
    background-color: white;
    padding: 0.1em 0;
}
/* End Version Alt Styles */

/* Version Low Styles */
.mainstage.low {
	padding: 0 5.4em;
}

.mainstage.low .info {
	padding-top: 7.7em;
	padding-bottom: 7.7em;
	width: 38.5%;
}

.mainstage.low .contact {
	background-color: var(--off-color);
	max-width: 100%;
	padding: 0 2.5em;
}

.mainstage.low img {
	object-position: right;
}

.mainstage.low .relative .main {
	padding: 5.5em 0;
	padding-left: 1.8em;
}

.mainstage.low .contact-box {
	margin-top: 2.2em;
	justify-content: center;
}

.mainstage.low .contact-box svg {
	width: 2.223em;
	height: 2.223em;
	margin-right: 0.6em;
	fill: var(--white-color);
}

.mainstage.low .contact-box span {
	font-size: 1.334rem;
}

.mainstage.low .relative {
	z-index: -1;
}

.mainstage.low .contact-cont {
	z-index: 10;
    margin: 0 auto;
    width: 80%;
    margin-top: -3.6em;
    background-color: white;
    padding: 0.1em 0;
}
/* End Version Low Styles */

/* Responsive Min-Width 1025px */
@media screen and (min-width: 1025px) {
	#Form_MainstageA + section, #Form_MainstageA + .section-padding {
		padding-top: calc(var(--lpmd-overlap) + (var(--lpmd-section-padding) / 1.8));
	}
	
	#Form_MainstageB + section, #Form_MainstageB + .section-padding {
		padding-top: calc(var(--lpmd-overlap) + (var(--lpmd-section-padding) * 1.5));
	}
	
	.mainstage picture.linear-shade {
		overflow: hidden;
	}
	
	.mainstage picture.linear-shade:before {
		-ms-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
		transition: transform 1s ease 0s, opacity 1s ease 0s;
	}
	
	.mainstage.visible picture.linear-shade:before {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: .7;
	}
	
	.mainstage picture.linear-shade img {
		_-ms-transform: translate(-50%, -50%) scale(1.05);
		_-webkit-transform: translate(-50%, -50%) scale(1.05);
		_transform: translate(-50%, -50%) scale(1.05);
		opacity: 0;
		transition: transform 1s ease 0s, opacity 1s ease 0s;
	}
	
	.mainstage.visible picture.linear-shade img {
		_-ms-transform: translate(-50%, -50%) scale(1);
		_-webkit-transform: translate(-50%, -50%) scale(1);
		_transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	
	.mainstage .info > strong > em {
		-ms-transform: translateY(-3rem);
		-webkit-transform: translateY(-3rem);
		transform: translateY(-3rem);
		filter: blur(1.5em);
		opacity: 0;
		transition: 1s ease .3s;
	}
	
	.mainstage.visible .info > strong > em {
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		filter: blur(0);
		opacity: 1;
	}
	
	.mainstage .info > strong > span {
		-ms-transform: translateY(-3rem);
		-webkit-transform: translateY(-3rem);
		transform: translateY(-3rem);
		filter: blur(1.5em);
		opacity: 0;
		transition: 1s ease .6s;
	}
	
	.mainstage.visible .info > strong > span {
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		filter: blur(0);
		opacity: 1;
	}
	
	.mainstage .info p {
		-ms-transform: translateY(-3rem);
		-webkit-transform: translateY(-3rem);
		transform: translateY(-3rem);
		filter: blur(1.5em);
		opacity: 0;
		transition: 1s ease .9s;
	}
	
	.mainstage.visible .info p {
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		filter: blur(0);
		opacity: 1;
	}

	.mainstage.a .contact-form, .mainstage.b .contact-form {
		-ms-transform: translateY(-3rem);
		-webkit-transform: translateY(-3rem);
		transform: translateY(-3rem);
		filter: blur(1.5em);
		opacity: 0;
		transition: 1s ease 1.2s;
	}
	
	.mainstage.a.visible .contact-form, .mainstage.b.visible .contact-form {
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		filter: blur(0);
		opacity: 1;
	}
	
}
/* End Responsive Min-Width 1025px */

/* Responsive Min-Width 1601px */
@media screen and (min-width: 1601px) {
	#Form_MainstageA + section, #Form_MainstageA + .section-padding {
		padding-top: calc(var(--lpmd-overlap) + (var(--lpmd-section-padding) / 1.8));
	}
	
	#Form_MainstageB + section, #Form_MainstageB + .section-padding {
		padding-top: calc(var(--lpmd-overlap) + (var(--lpmd-section-padding) * 2));
	}
}
/* End Responsive Min-Width 1601px */

/* Responsive Width 1024px */
@media screen and (max-width: 1024px) {
	.mainstage.a {
		padding: 0;
	}
	
	.mainstage.a .contact-form {
	    display: block;
	    margin-bottom: 3em;
	}
	
	.mainstage.a .contact-form > fieldset > ul {
	    width: 100%;
	}
	
	.mainstage.a .contact-form li.mobile-full {
	    width: 100%;
	    padding: 0 1em;
	}
	
	.mainstage.a .contact-form li.mobile-half, .mainstage.a .contact-form li.mobile-full {
	    margin: 0.7em 0em;
	}
	
	.mainstage .contact-form {
	}
	
	.mainstage picture {
	}
	
	.mainstage .info {
	}
	
	.mainstage.a .info, .mainstage.b .info, .mainstage.c .info {
		padding-top: 3em;
		padding-bottom: calc(var(--lpmd-section-padding) / 1.6);
	}
	
	.mainstage.alt .info, .mainstage.c .info {
		width: 100%;
	}
	
	.contact-form > fieldset > ul > li {
		padding-right: 0;
	}
	
	.contact-form > fieldset > ul > li.fifth {
		padding: 0.4em 0;
	}
	
}
/* End Responsive Width 1024px */

/* Responsive Width 800px */
@media screen and (max-width: 800px) {
	.mainstage .contact-form .btn-con > .btn {
		width: 100%;
	}
	
	.mainstage.a .contact-form ul.mobile-flex {
	    display: flex;
	}
	
	.mainstage.a .contact-form .btn-con > .btn {
	    width: 70%;
	}
	
	.mainstage.alt .info, .mainstage.c .info {
		width: 73%;
	}
	
	.mainstage.alt .contact-box span {
		width: 70%;
	}
	
	.mainstage.low .info {
		padding-top: 14.7em;
	    padding-bottom: 0.7em;
	    width: 100%;
	}
}
/* End Responsive Width 800px */

/* Responsive Width 500px */
@media screen and (max-width: 500px) {
	.mainstage.low, .mainstage.alt, .mainstage.c {
		padding: 0 1.3em;
	}
	
	.mainstage.low .relative .main {
		padding: 0;
	}
	
	.mainstage.low .info {
	    padding: 0 2em;
	    padding-top: 14.7em;
	    padding-bottom: 2em;
	    width: 100%;
	}
	
	
}
/* End Responsive Width 500px */