.loaded.contact-open #contact-modal {
	display: block;
	pointer-events: auto;
	visibility: visible;
}

/*--------------------------------------------------------------------------------------------------------------------*/

#contact-modal > .contact-modal-wrapper {
	position: relative;
	width: 100%; height: 100%; overflow: hidden;
}

#contact-modal > .contact-modal-wrapper > .contact-modal-content {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;
	display: flex; overflow: auto;
	flex-direction: column;
	
	margin-right: 0;
	margin-left: auto;
	
	background-color: #E45C4A;
	clip-path: inset(0 0 0 100%);
	
	pointer-events: none;
	visibility: hidden;
}
.loaded #contact-modal > .contact-modal-wrapper > .contact-modal-content {
	transition:
		clip-path  .6s cubic-bezier(0.38, 0.005, 0.215, 1),
		visibility  0s cubic-bezier(0.38, 0.005, 0.215, 1) .6s;
}
.loaded.contact-open #contact-modal > .contact-modal-wrapper > .contact-modal-content {
	clip-path: inset(0 0 0 0);
	
	pointer-events: auto;
	visibility: visible;
	
	transition:
		clip-path  .6s cubic-bezier(0.38, 0.005, 0.215, 1),
		visibility  0s 0s;
}

#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal {
	clip-path: inset(0 0 0 100%);
}
.loaded #contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal {
	transition: clip-path 0s linear .6s;
}
.loaded.contact-open #contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal {
	clip-path: inset(0 0 0 0);
	transition: clip-path .6s cubic-bezier(0.38, 0.005, 0.215, 1) .1s;
}

#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner > * {
	position: relative; top: 50px;
	opacity: 0;
}
.loaded #contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner > * {
	transition:
		top 	0s linear .6s,
		opacity 0s linear .6s;
}
.loaded.contact-open #contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner > * {
	top: 0;
	opacity: 1;
	transition:
		top 	.6s cubic-bezier(0.38, 0.005, 0.215, 1) .1s,
		opcaity .6s cubic-bezier(0.38, 0.005, 0.215, 1) .1s;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal { height: 100%; }
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner {}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner  ul { list-style: none; }
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner  ul li:before {
	content: "\2022";
	display: inline-block; width: 1em;
	margin-left: -1em;

	font-weight: bold;
	color: #207175;
}
@media (min-width: 1200px)	  {
	#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal {
		display: flex;
		flex-direction: row;
	}
	#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner {
		overflow: auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media (max-width: 1199.99px) {
	#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal {
		overflow: auto;
		flex-direction: column-reverse;
	}
	#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner {
		padding-top: 65px;
		padding-bottom: 65px;
	}
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner > * {
	display: flex; min-height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

/*--------------------------------------------------------------------------------------------------------------------*/

#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-form {
	padding-left: 45px;
	background-color: #207175;
}
@media (min-width: 1200px) { #contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-form { flex: 1; } }
@media (max-width: 1199.99px) { #contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-form { padding-bottom: 115px; } }

/*--------------------------------------------------------------------------------------------------------------------*/

#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details { background-color: #FFF; }
@media (min-width: 1200px) {
	#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details {
		flex: 0 0 550px;
		padding-left: 80px;
		padding-right: 80px;
	}
}
@media (max-width: 1199.99px) {
	#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details {
		padding-left: 45px;
		padding-right: 45px;
	}
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content {}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content:before {
	content: "";
	position: relative; left: -20px;
	display: block; height: 30px; width: 30px; transform: rotate(90deg);
	margin-bottom: 40px;
	
	background-image: url("../../images/icons/arrow.link.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section {
	font-size: 16px;
	font-weight: 600;
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section:not(:last-child) { margin-bottom: 50px; }
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .title {
	margin-bottom: 25px;
	
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .link { display: block; width: max-content; }
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .link:not(:last-of-type) { margin-bottom: 5px; }
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .social-links {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .social-links > .social-link {
	display: block; height: 30px; width: 30px;
	
	background-color: #136064; transition: background-color .2s ease-out;
	-webkit-mask-position: 50% 50%;
	mask-position: 50% 50%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 25px 25px;
	mask-size: 25px 25px;
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .social-links > .social-link:hover { background-color: #207175; }
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .social-links > .social-link.facebook  {
	-webkit-mask-image: url("../../images/social/facebook.svg");
	mask-image: url("../../images/social/facebook.svg");
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .social-links > .social-link.twitter   {
	-webkit-mask-image: url("../../images/social/twitter.svg");
	mask-image: url("../../images/social/twitter.svg");
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .social-links > .social-link.linkedin  {
	-webkit-mask-image: url("../../images/social/linkedin.svg");
	mask-image: url("../../images/social/linkedin.svg");
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .social-links > .social-link.youtube   {
	-webkit-mask-image: url("../../images/social/youtube.svg");
	mask-image: url("../../images/social/youtube.svg");
}
#contact-modal > .contact-modal-wrapper > .contact-modal-content > .contact-modal > .contact-modal-inner.contact-details > .contact-modal-inner-content > .section > .social-links > .social-link.instagram {
	-webkit-mask-image: url("../../images/social/instagram.svg");
	mask-image: url("../../images/social/instagram.svg");
}