@charset "utf-8";
/* CSS Document */


/*CONTACT*/

	/*TITLE*/
	.contact .content_contact {padding-top: 170px; background-color: var(--white);}
		.contact .content_contact .section_title {display: flex; align-items: center; justify-content: center; padding: 25px 0;}
			.contact .content_contact .section_title hr {width: 55%; border-color: var(--white); border-width: 2px;}
			.contact .content_contact .section_title h1 {font-size: 3.75rem; color: var(--white); text-align: center; line-height: 1; padding: 0 30px;}

		/*Animations*/
		.contact .content_contact {transition: background 0.5s ease-in-out;}
			.contact .content_contact.show {background-color: var(--pink);}

		.contact .content_contact .section_title hr {transition: all 0.5s 0.5s ease-in-out; transform: scale(0);}
			.contact .content_contact.show .section_title hr {transform: scale(1);}

		.contact .content_contact .section_title h1 {transition: opacity 0.8s 0.5s ease-in-out; opacity: 0;}
			.contact .content_contact.show .section_title h1 {opacity: 1;}

	/*IVY CENTER*/
	.contact .content_info {margin-top: 70px;}
	.contact .content_ivy {margin-top: 20px;}
	/*Pearl Ornaments*/
	.contact .content_info .ornament_pearl{position:absolute; z-index:3;}

	.contact .content_info .pearl01{width:42px; right:-2px; bottom: 20px;}
	.contact .content_info .pearl02{width:38px; right:64px; bottom: 22px;}
	.contact .content_info .pearl03{width:38px; right:102px; bottom: 22px;}

	.contact .content_ivy .pearl01{width:42px; right:-2px; bottom: 30px;}
	.contact .content_ivy .pearl02{width:38px; right:64px; bottom: 32px;}
	.contact .content_ivy .pearl03{width:38px; right:102px; bottom: 32px;}

	/*Headings*/
	.contact .content_info h3{font-size:3.750rem; position:relative; margin:0 0 60px; color:var(--black); display: flex; align-items: center;}

		.contact .content_info h3 .animation_text02{font-family:'boisterous_scriptregular', serif; font-weight:400; font-size:6.250rem; color:var(--pink); position:relative; z-index:2; margin-left: 20px; bottom: -20px;}

		/*Line*/
		.contact .content_info h3::before{width:100%; height:2px; background:var(--pink); position:absolute; left:0; bottom:40px; content:'';}
		.contact .content_ivy h3::before {bottom: 50px;}

		/*Animations*/
		.contact .content_info h3 .animation_text01,
		.contact .content_info h3 .animation_text02,
		.contact .content_info h3::before{transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1); -webkit-transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1);}

		.contact .content_info .ornament_pearl{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
			/*Heading*/
			.contact .content_info h3 .animation_text01{opacity:0; transform:translateX(-40px); -webkit-transform:translateX(-40px); display:inline-block;}
			.contact .content_info.show h3 .animation_text01{opacity:1; transform:translateX(0);}

			.contact .content_info h3 .animation_text02{opacity:0;}
			.contact .content_info.show h3 .animation_text02{opacity:1;}

			.contact .content_info h3::before{transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:left; -webkit-transform-origin:left;}
			.contact .content_info.show h3::before{transform:scaleX(1); -webkit-transform:scaleX(1);}

				/*Delays*/
				.contact .content_info h3 .animation_text01{transition-delay:0.1s; -webkit-transition-delay:0.1s;}

				.contact .content_info h3 .animation_text02{transition-delay:0.5s; -webkit-transition-delay:0.5s;}

				.contact .content_info h3::before{transition-delay:0s; -webkit-transition-delay:0s;}

			/*Pearls*/
			.contact .content_info .ornament_pearl{opacity:0;}
			.contact .content_info.show .ornament_pearl{opacity:1;}

		.contact .content_info .content_container {display: flex; align-items: flex-start; justify-content: center; gap: 68px;}
			.contact .content_info .content_half {width: 50%; display: flex; flex-direction: column;}
				.contact .content_info .content_half .aside_image {margin-top: -73px; z-index: 1;}
				.contact .content_info .content_half img {width: 100%;} 
				.contact .content_info .content_half p {font-weight: 400; font-size: 1.25rem; line-height: 1.4; margin-bottom: 30px; max-width: 522px;}
				.contact .content_info .content_half .button {align-self: flex-end; margin-top: 24px;}

		/*Headquarters*/
		.contact .content_ivy .content_headquarters {background: var(--white); padding: 112px 118px 100px; margin-top: -25px; text-align: center;}
			.contact .content_ivy .content_headquarters h4 {font-size: 2.25rem; line-height: 1.2;}
			.contact .content_ivy .content_headquarters hr {border-color: var(--white); margin: 45px 0 42px;}
			.contact .content_ivy .content_headquarters p {font-size: 1.25rem; font-weight: 700; margin-bottom: 40px;}
			.contact .content_ivy .content_headquarters p:last-child {margin-bottom: 0;}

		/*Animations*/
		.contact .content_info figure {transition: opacity 0.3s 0.5s ease-in-out; opacity: 0;}
			.contact .content_info.show figure {opacity: 1;}
		.contact .content_info .content_half p {transition: all 0.5s 0.5s ease-in-out; opacity: 0; transform: translateY(20px);}
			.contact .content_info.show .content_half p {opacity: 1; transform: translateY(0px);}

		.contact .content_ivy .content_headquarters,
		.contact .content_ivy .content_headquarters:before {transition: background 0.5s ease-in-out;}
		 	.contact .content_ivy .content_headquarters.show,
	 		.contact .content_ivy .content_headquarters.show:before {background: var(--pink);}
 		.contact .content_ivy .content_headquarters h4 {transition: opacity 0.4s 0.5s ease-in-out; opacity: 0;}
 			.contact .content_ivy .content_headquarters.show h4 {opacity: 1;}
		.contact .content_ivy .content_headquarters hr {transition: transform 0.6s 0.3s ease-in-out; transform: scaleX(0);}
 			.contact .content_ivy .content_headquarters.show hr {transform: scaleX(1);}
		.contact .content_ivy .content_headquarters p {transition: all 0.6s 0.5s ease-in-out; opacity: 0; transform: translateY(20px);}
			.contact .content_ivy .content_headquarters.show p {opacity: 1; transform: translateY(0px);}
			/*Delays*/
			.contact .content_ivy .content_headquarters p:nth-of-type(2) {transition-delay: 0.7s;}
			.contact .content_ivy .content_headquarters p:nth-of-type(3) {transition-delay: 0.8s;}

	/*OFFICE STAFF*/
	.contact .content_staff {margin-top: 94px;}

		/*Heading*/
		.contact .content_staff h3 {display: flex; align-items: center; padding-bottom: 20px;}
			.contact .content_staff h3 .animation_text02 {color: var(--green);}
			.contact .content_staff h3::before {background: var(--green);}
			.contact .content_staff .pearl01{width:76px; right:-2px; bottom: 5px;}
			.contact .content_staff .pearl02{width:38px; right:90px; bottom: 22px;}

		.contact .content_staff .content_half .button {align-self: flex-start;}

	/*VENDOR INFORMATION*/
	.contact .content_vendor {margin-top: 125px;}

		/*Heading*/
		.contact .content_vendor h3 {display: flex; align-items: center; padding-bottom: 20px;}
			.contact .content_vendor .pearl01{width:38px; right:-2px; bottom: 22px;}
			.contact .content_vendor .pearl02{width:76px; right:42px; bottom: 5px;}

	/*ENGAGEMENT*/
	.contact .content_engagement {margin-top: 100px;}

		/*Heading*/
		.contact .content_engagement h3 {display: flex; align-items: center; padding-bottom: 20px;}
			.contact .content_engagement h3 .animation_text02 {color: var(--green);}
			.contact .content_engagement h3::before {background: var(--green);}

		.contact .content_info .box_content {margin-top: -50px;}
			.contact .content_info .box_content figure,
			.contact .content_info .box_content img {width: 100%;}
			.contact .content_info .box_content .content {background: var(--green); padding: 68px 236px 83px; margin-top: -5px; text-align: center;}
				.contact .content_info .box_content .content p {font-size: 1.25rem; line-height: 1.4; font-weight: 400; color: var(--white); margin-bottom: 55px;}
				.contact .content_info .box_content .content .button {font-weight: 700;}
					.contact .content_engagement .box_content .content .button:hover span {color: var(--white);}

		/*Animations*/
		.contact .content_info .center_content .box_content .content {transition: opacity 0.8s 0.5s ease-in-out; opacity: 0;}
		.contact .content_info .center_content.show .box_content .content {opacity: 1;}

	/*EMPLOYMENT*/
	.contact .content_employment {margin-top: 92px;}

		/*Heading*/
		.contact .content_employment h3::before {bottom: 50px;}
		.contact .content_employment .pearl01{width:38px; right:-2px; bottom: 32px;}
		.contact .content_employment .pearl02{width:57px; right:38px; bottom: 24px;}
		.contact .content_employment .pearl03{width:38px; right:95px; bottom: 32px;}

		.contact .content_employment .box_content .content {background: var(--pink);}
			.contact .content_employment .box_content .content h5 {font-size: 2.25rem; margin-bottom: 33px;}
			.contact .content_employment .box_content .content p {color: var(--black);}

	/*CONTACT FORM*/
	.contact .content_contact_form {margin-top: 107px; background: var(--pink); padding: 32px 0 136px;}

		/*Heading*/
		.contact .content_contact_form h3 {margin-bottom: 40px;}
			.contact .content_contact_form h3 .animation_text01 {color: var(--white);}
			.contact .content_contact_form h3 .animation_text02 {color: var(--dark-pink);}
			.contact .content_contact_form h3::before {background: var(--white); bottom: 50px;}

		.contact .content_contact_form .pearl01{width:28px; right:-2px; bottom: 36px;}
		.contact .content_contact_form .pearl02{width:38px; right:36px; bottom: 32px;}
		.contact .content_contact_form .pearl03{width:28px; right:116px; bottom: 36px;}
		.contact .content_contact_form .pearl04{width:28px; right:188px; bottom: 36px;}

		.contact .content_contact_form .contact_form_container {display: flex; align-items: flex-start; justify-content: center; gap: 130px}
			.contact .content_contact_form .contact_form_container .more_info {width: 342px;}
				.contact .content_contact_form .contact_form_container .more_info p {font-size: 1.25rem; font-weight: 400; line-height: 1.4; margin-top: 20px;}
			/*Form*/
			.contact .content_contact_form .contact_form_container .contact_form {width: calc(100% - 472px);}
				.contact .content_contact_form .contact_form_container .contact_form .form_input {margin-bottom: 43px;}
					.contact .content_contact_form .contact_form_container .contact_form label {font-size: 1.25rem; display: block; margin-bottom: 10px; font-weight: 700;}
					.contact .content_contact_form .contact_form_container .contact_form input {font-family: 'Montserrat', sans-serif; font-weight: 700; width: 100%; border: 0; height: 48px; font-size: 1.25rem; text-indent: 10px; padding: 0;}
					.contact .content_contact_form .contact_form_container .contact_form textarea {font-family: 'Montserrat', sans-serif; font-weight: 700; width: 100%; height: 320px; border: 0; font-size: 1.25rem; padding: 10px;}
					.contact .content_contact_form .contact_form_container .contact_form button {font-weight: 700; font-size: 1.125rem; font-family: 'Montserrat', sans-serif; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

		/*Animations*/
		.contact .content_contact_form .contact_form_container .more_info p,
		.contact .content_contact_form .contact_form_container .contact_form .form_input {transition: all 0.5s 0.3s ease-in-out; opacity: 0; transform: translateY(20px);}
			.contact .content_contact_form.show .contact_form_container .more_info p,
			.contact .content_contact_form.show .contact_form_container .contact_form .form_input {opacity: 1; transform: translateY(0px);}
		/*Delays*/
		.contact .content_contact_form .contact_form_container .contact_form .form_input:nth-of-type(2) {transition-delay: 0.4s;}
		.contact .content_contact_form .contact_form_container .contact_form .form_input:nth-of-type(3) {transition-delay: 0.5s;}
		.contact .content_contact_form .contact_form_container .contact_form .form_input:nth-of-type(4) {transition-delay: 0.6s;}
		.contact .content_contact_form .contact_form_container .contact_form .form_input:nth-of-type(5) {transition-delay: 0.7s;}

@media (max-width: 1000px) {
	.contact .p_left_1 {padding-left: 0;}
	.contact > section .center_content.c_10,
	.contact > section .center_content.c_12 {width: 676px;}

	/*Title*/
	.contact .content_contact {padding-top: 115px;}
		.contact .content_contact .section_title {width: 100% !important;}
			.contact .content_contact .section_title h1 {font-size: 3rem;}

	/*IVY*/
	.contact .content_info {margin-top: 42px;}
		.contact .content_info h3{font-size:2.375rem; margin-bottom: 10px;}
			.contact .content_info h3::before{bottom:43px;}
			.contact .content_ivy h3::before{bottom:25px;}
			.contact .content_ivy h3 .animation_text01{width: 170px; position: relative; bottom: 8px;}
			.contact .content_info h3 .animation_text02{font-size:3.875rem; bottom: 0;}
		.contact .content_info .pearl01 {width:28px; right:50px; top: 105px;}
		.contact .content_info .pearl02 {width:45px; right:-2px; top: 95px;}
		.contact .content_info .pearl03 {display: none;}

		.contact .content_info .content_container {flex-direction: column; gap: 0px;}
			.contact .content_info .content_half {width: 100%;}
				.contact .content_info .content_half .aside_image {max-width: 332px; margin: 60px auto 50px;}
				.contact .content_info .content_half p {font-size: 1.125rem; max-width: 100%;}
				.contact .content_info .content_half .button {align-self: center;}

	.contact .content_ivy .content_headquarters {margin-top: 92px; padding: 70px 0;}
		.contact .content_ivy .content_headquarters:before {content: ''; display: block; position: absolute; width: 100vw; left: calc((100vw - 676px) / -2); height: 100%; z-index: -1; top: 0; background: var(--white);}
		.contact .content_ivy .content_headquarters h4 {font-size: 1.75rem;}
		.contact .content_ivy .content_headquarters p {font-size: 1.125rem;}

	/*Staff*/
	.contact .content_staff {margin-top: 100px;}
		.contact .content_staff .content_half:nth-child(2) {order: 1;}
		.contact .content_staff .content_half:nth-child(1) {order: 2;}

	/*Engagement*/
	.contact .content_info .box_content {margin-top: 0;}
		.contact .content_info .box_content .content p {font-size: 1.125rem;}

	/*Employment*/
	.contact .content_employment h3::before {bottom: 35px;}
	.contact .content_employment .pearl01 {top: 95px}
	.contact .content_employment .pearl02 {top: 85px}
		
	.contact .content_info .box_content .content {padding: 46px 41px 60px;}
		.contact .content_employment .box_content .content h5 {font-size: 1.75rem; margin-bottom: 43px;}

	/*Contact*/
	.contact .content_contact_form {margin-top: 118px;}
		.contact .content_contact_form .pearl01 {top: 88px; right: 67px;}
		.contact .content_contact_form .pearl02 {top: 78px;}
		.contact .content_contact_form .pearl04 {display: none;}

		.contact .content_contact_form .contact_form_container {flex-direction: column; gap: 87px;}
			.contact .content_contact_form .contact_form_container .contact_form {width: 100%; order: 2;}
				.contact .content_contact_form .contact_form_container .contact_form label {font-size: 1.125rem;}
				.contact .content_contact_form .contact_form_container .contact_form button {margin-top: 57px;}
			.contact .content_contact_form .contact_form_container .more_info {width: 100%; order: 1;}
				.contact .content_contact_form .contact_form_container .more_info figure {text-align: center;}
				.contact .content_contact_form .contact_form_container .more_info p {margin-top: 43px;}
}

@media (max-width: 750px) {
	.contact > section .center_content.c_10,
	.contact > section .center_content.c_12 {width: 100%;}

	/*Title*/
	.contact .content_contact {padding-top: 165px;}
		.contact .content_contact .section_title {padding: 43px 0;}
			.contact .content_contact .section_title hr {width: 42%;}
			.contact .content_contact .section_title h1 {font-size: 2.25rem;}

	/*Ivy*/
	.contact .content_info {padding: 0 36px;}

		.contact .content_info h3 {font-size: 1.875rem; display: flex; flex-direction: column; margin-bottom: -10px; align-items: flex-start;}
			.contact .content_info h3 .animation_text02 {font-size: 3.125rem; bottom: 15px; margin-left: 0;}
			.contact .content_info h3::before {bottom: 105px;}
			.contact .content_info .pearl01 {width: 30px; right: 0; bottom: 92px; top: initial;}
			.contact .content_info .pearl02 {width: 18px; right: 36px; bottom: 98px; top: initial;}

		.contact .content_info .content_half .aside_image {margin-top: 0;}
		.contact .content_info .content_half .button {align-self: flex-start;}

		.contact .content_ivy .content_headquarters:before {left: calc((100vw - 100%) / -2);}
		.contact .content_ivy .content_headquarters p {margin-bottom: 30px;}

	/*Staff*/
	.contact .content_staff {margin-top: 76px;}
		.contact .content_info.content_staff h3 {margin-bottom: -40px;}
		.contact .content_info.content_staff h3::before {bottom: 125px;}
		.contact .content_info.content_staff .pearl01 {bottom: 112px;}
		.contact .content_info.content_staff .pearl02 {bottom: 118px;}

	/*Vendor*/
	.contact .content_vendor {margin-top: 107px;}
		.contact .content_info.content_vendor h3 {margin-bottom: -40px;}
		.contact .content_info.content_vendor h3::before {bottom: 125px;}
		.contact .content_info.content_vendor .pearl01 {bottom: 112px;}
		.contact .content_info.content_vendor .pearl02 {bottom: 118px;}

	/*Engagement*/
	.contact .content_engagement {margin-top: 106px;}
		.contact .content_info .box_content .content {padding: 60px 21px 64px;}
			.contact .content_info .box_content .content .button {width: 100%;}
			.contact .content_info .box_content figure,
			.contact .content_info .box_content img {height: 150px; object-fit: cover;}

	/*Employment*/
	.contact .content_employment {margin-top: 120px;}

	/*Contact*/
	.contact .content_contact_form {padding-top: 50px; padding-bottom: 110px;}
}