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


/*REGIONS*/
	.regions .mobile:not(.navigation) {display: none;}

	/*TITLE*/
	.regions .content_regions_title {padding-top: 170px; background-color: var(--white);}
		.regions .content_regions_title .section_title {display: flex; align-items: center; justify-content: center; padding: 25px 0;}
			.regions .content_regions_title .section_title hr {width: 100%; border-color: var(--white); border-width: 2px;}
			.regions .content_regions_title .section_title h1 {font-size: 5.125rem; color: var(--white); padding: 0 20px;}

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

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

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

	/*INTRO*/
	.regions .content_intro {padding: 95px 0 36px;}
		.regions .content_intro .content_text {display: flex; align-items: center; justify-content: center; gap: 120px;}
			.regions .content_intro .content_text p {width: 50%; font-weight: 400; font-size: 1.25rem;}

		/*Animations*/
		.regions .content_intro .content_text p {transition: opacity 0.5s 0.5s ease-in-out; opacity: 0;}
			.regions .content_intro.show .content_text p {opacity: 1;}

	/*REGIONS*/
	.regions .content_regions {margin-bottom: 85px;}
	/*Pearl Ornaments*/
	.regions .content_regions .ornament_pearl{position:absolute; z-index:3;}

	.regions .content_regions .pearl01{width:76px; right:-2px; bottom: 35px;}

	.regions .content_regions .pearl02{width:38px; right:90px; bottom: 52px;}

	/*Headings*/
	.regions .content_regions h3{font-size:3.750rem; margin:60px 0 100px; position:relative; margin:0 0 40px; color:var(--black);}

		.regions .content_regions h3 .animation_text02{font-family:'boisterous_scriptregular', serif; font-weight:400; font-size:6.250rem; color:var(--pink); position:relative; z-index:2;}

		/*Line*/
		.regions .content_regions h3::before{width:100%; height:2px; background:var(--pink); position:absolute; left:0; bottom:70px; content:'';}

		/*Animations*/
		.regions .content_regions h3 .animation_text01,
		.regions .content_regions h3 .animation_text02,
		.regions .content_regions 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);}

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

			.regions .content_regions h3 .animation_text02{opacity:0;}
			.regions .content_regions.show h3 .animation_text02{opacity:1;}

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

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

				.regions .content_regions h3 .animation_text02{transition-delay:0.5s; -webkit-transition-delay:0.5s;}

				.regions .content_regions h3::before{transition-delay:0s; -webkit-transition-delay:0s;}

			/*Pearls*/
			.regions .content_regions .ornament_pearl{opacity:0;}
			.regions .content_regions.show .ornament_pearl{opacity:1;}

		/*Map Actions*/
		.regions .content_regions .content_map_actions{display:flex; justify-content:space-between; align-content:flex-start; flex-wrap: wrap;}

			/*Map*/
			.regions .content_regions .content_map_actions .content_map{width:940px; margin:0 30px 0 0;}

				/*Selected Regions*/
				.regions .content_regions .content_map_actions .content_map .selected_region{position:absolute; z-index:3; pointer-events:none; opacity:0; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out;}
				.regions .content_regions .content_map_actions .content_map .selected_region.active{opacity:1; z-index:4;}

					/*North Atlantic*/
					.regions .content_regions .content_map_actions .content_map .selected_region.north_atlantic{top:3px; right:58px;}

					/*Mid Atlantic*/
					.regions .content_regions .content_map_actions .content_map .selected_region.mid_atlantic{top:180px; right:125px;}

					/*South Atlantic*/
					.regions .content_regions .content_map_actions .content_map .selected_region.south_atlantic{bottom:9px; right:154px;}

					/*Great Lakes*/
					.regions .content_regions .content_map_actions .content_map .selected_region.great_lakes{top:53px; right:146px;}

					/*South Eastern*/
					.regions .content_regions .content_map_actions .content_map .selected_region.south_eastern{top:240px; right:215px;}

					/*South Central*/
					.regions .content_regions .content_map_actions .content_map .selected_region.south_central{bottom:-5px; right:305px;}

					/*Central*/
					.regions .content_regions .content_map_actions .content_map .selected_region.central{top:25px; right:223px;}

					/*Mid Western*/
					.regions .content_regions .content_map_actions .content_map .selected_region.mid_western{top:14px; right:322px;}

					/*Far Western*/
					.regions .content_regions .content_map_actions .content_map .selected_region.far_western{top:-5px; left:-6px;}

					/*World*/
					.regions .content_regions .content_map_actions .content_map .selected_region.world{bottom:46px; right:-4px;}

				/*Tooltip*/
				.regions .content_regions .content_map_actions .content_map .content_tooltip{width:195px; height:105px; position:absolute; top:-60px; right:140px; background:var(--black); padding:10px; display:flex; flex-wrap:wrap; align-content:space-between; text-align:center; opacity:0; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out;}
				.regions .content_regions .content_map_actions .content_map .content_tooltip.active{opacity:1;}

					/*Heading*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip h5{font-weight:700; font-size:1.125rem; color:var(--white); line-height:1.4;}

					/*Chapters*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip span{font-weight:700; font-size:1.125rem; color:var(--white); line-height:1.4; border-top:var(--white) 1px solid; padding:5px 0 0;}

					/*Lines*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip::before,
					.regions .content_regions .content_map_actions .content_map .content_tooltip::after{position:absolute; background:var(--black); -webkit-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out; content:'';}

					/*North Atlantic*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip.north_atlantic_tooltip::before{width:50px; height:6px; top:25px; right:-50px; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:left; transition-delay:0.35s; -webkit-transition-delay:0.35s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.north_atlantic_tooltip::after{width:6px; height:25px; top:30px; right:-50px; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:top; transition-delay:0s; -webkit-transition-delay:0s;}

					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.north_atlantic_tooltip::before{transform:scaleX(1.0); -webkit-transform:scaleX(1.0); transition-delay:0s; -webkit-transition-delay:0s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.north_atlantic_tooltip::after{transform:scaleY(1.0); -webkit-transform:scaleY(1.0); transition-delay:0.35s; -webkit-transition-delay:0.35s;}

					/*Mid Atlantic*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip.mid_atlantic_tooltip::before{display:none;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.mid_atlantic_tooltip::after{width:6px; height:175px; bottom:-175px; right:70px; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:top;}

					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.mid_atlantic_tooltip::after{transform:scaleY(1.0); -webkit-transform:scaleY(1.0);}

					/*South Atlantic*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip.south_atlantic_tooltip::before{display:none;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.south_atlantic_tooltip::after{width:6px; height:220px; bottom:-220px; right:70px; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:top;}

					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.south_atlantic_tooltip::after{transform:scaleY(1.0); -webkit-transform:scaleY(1.0);}

					/*Great Lakes*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip.great_lake_tooltip::before{display:none;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.great_lake_tooltip::after{width:6px; height:85px; bottom:-85px; right:80px; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:top;}

					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.great_lake_tooltip::after{transform:scaleY(1.0); -webkit-transform:scaleY(1.0);}

					/*South Eastern*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip.south_eastern_tooltip::before{display:none;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.south_eastern_tooltip::after{width:6px; height:200px; bottom:-200px; left:60px; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:top;}

					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.south_eastern_tooltip::after{transform:scaleY(1.0); -webkit-transform:scaleY(1.0);}

					/*South Central*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip.south_central_tooltip::before{width:160px; height:6px; top:25px; left:-160px; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:right; transition-delay:0.35s; -webkit-transition-delay:0.35s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.south_central_tooltip::after{width:6px; height:290px; top:30px; left:-160px; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:top; transition-delay:0s; -webkit-transition-delay:0s;}

					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.south_central_tooltip::before{transform:scaleX(1.0); -webkit-transform:scaleX(1.0); transition-delay:0s; -webkit-transition-delay:0s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.south_central_tooltip::after{transform:scaleY(1.0); -webkit-transform:scaleY(1.0); transition-delay:0.35s; -webkit-transition-delay:0.35s;}

					/*Central*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip.central_tooltip::before{width:125px; height:6px; top:25px; left:-125px; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:right; transition-delay:0.35s; -webkit-transition-delay:0.35s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.central_tooltip::after{width:6px; height:60px; top:30px; left:-125px; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:top; transition-delay:0s; -webkit-transition-delay:0s;}

					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.central_tooltip::before{transform:scaleX(1.0); -webkit-transform:scaleX(1.0); transition-delay:0s; -webkit-transition-delay:0s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.central_tooltip::after{transform:scaleY(1.0); -webkit-transform:scaleY(1.0); transition-delay:0.35s; -webkit-transition-delay:0.35s;}

					/*Mid Western*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip.mid_western_tooltip::before{width:260px; height:6px; top:25px; left:-260px; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:right; transition-delay:0.35s; -webkit-transition-delay:0.35s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.mid_western_tooltip::after{width:6px; height:45px; top:30px; left:-260px; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:top; transition-delay:0s; -webkit-transition-delay:0s;}

					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.mid_western_tooltip::before{transform:scaleX(1.0); -webkit-transform:scaleX(1.0); transition-delay:0s; -webkit-transition-delay:0s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.mid_western_tooltip::after{transform:scaleY(1.0); -webkit-transform:scaleY(1.0); transition-delay:0.35s; -webkit-transition-delay:0.35s;}

					/*Far Western*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip.far_western_tooltip::before{width:360px; height:6px; top:25px; left:-360px; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:right; transition-delay:0.35s; -webkit-transition-delay:0.35s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.far_western_tooltip::after{width:6px; height:30px; top:30px; left:-360px; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:top; transition-delay:0s; -webkit-transition-delay:0s;}

					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.far_western_tooltip::before{transform:scaleX(1.0); -webkit-transform:scaleX(1.0); transition-delay:0s; -webkit-transition-delay:0s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.far_western_tooltip::after{transform:scaleY(1.0); -webkit-transform:scaleY(1.0); transition-delay:0.35s; -webkit-transition-delay:0.35s;}

					/*North Atlantic*/
					.regions .content_regions .content_map_actions .content_map .content_tooltip.world_tooltip::before{width:95px; height:6px; top:25px; right:-95px; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:left; transition-delay:0.35s; -webkit-transition-delay:0.35s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.world_tooltip::after{width:6px; height:350px; top:30px; right:-95px; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:top; transition-delay:0s; -webkit-transition-delay:0s;}

					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.world_tooltip::before{transform:scaleX(1.0); -webkit-transform:scaleX(1.0); transition-delay:0s; -webkit-transition-delay:0s;}
					.regions .content_regions .content_map_actions .content_map .content_tooltip.active.world_tooltip::after{transform:scaleY(1.0); -webkit-transform:scaleY(1.0); transition-delay:0.35s; -webkit-transition-delay:0.35s;}

			/*Regions Text*/
			.regions .content_regions .content_map_actions .content_regions_text{width: 300px; font-size: 1.25rem; line-height: 1.4; font-weight: 400;}

			/*Regions List*/
			.regions .content_regions .content_map_actions .content_regions_list{width:940px; margin-top: 72px; display:flex; flex-wrap:wrap; align-content:flex-start; justify-content: flex-end; padding-left: 20px; list-style:none;}

				.regions .content_regions .content_map_actions .content_regions_list .row {width: 33%;}
					.regions .content_regions .content_map_actions .content_regions_list li{margin:0 0 10px; padding:0;}

						.regions .content_regions .content_map_actions .content_regions_list li .link{font-weight:900; font-size:1.250rem; text-transform:uppercase; text-decoration:underline;}
						.regions .content_regions .content_map_actions .content_regions_list li .link:hover,
						.regions .content_regions .content_map_actions .content_regions_list li .link.active{color:var(--pink);}


		/*Intro Animation*/

			.regions .content_regions h3 .animation_text01,
			.regions .content_regions h3 .animation_text02,
			.regions .content_regions 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);}

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

				.regions .content_regions h3 .animation_text02{opacity:0;}
				.regions .content_regions.show h3 .animation_text02{opacity:1;}

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

				.regions .content_regions h4{opacity:0;}
				.regions .content_regions.show h4{opacity:1;}

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

					.regions .content_regions h3 .animation_text02{transition-delay:0.5s; -webkit-transition-delay:0.5s;}

					.regions .content_regions h3::before{transition-delay:0s; -webkit-transition-delay:0s;}

					.regions .content_regions h4{transition-delay:0.7s; -webkit-transition-delay:0.7s;}

				/*Pearls*/
				.regions .content_regions .ornament_pearl{opacity:0;}
				.regions .content_regions.show .ornament_pearl{opacity:1;}

				/*Map*/
				.regions .content_regions .content_map_actions{opacity:0;}
				.regions .content_regions.show .content_map_actions{opacity:1; transition-delay:0.7s; -webkit-transition-delay:0.7s;}

	/*DIRECTORS*/
	.regions .content_directors {margin-bottom: 220px;}
	/*Pearl Ornaments*/
	.regions .content_directors .ornament_pearl{position:absolute; z-index:3;}

	.regions .content_directors .pearl01{width:76px; right:-2px; bottom: 35px;}

	.regions .content_directors .pearl02{width:38px; right:90px; bottom: 52px;}

	/*Headings*/
	.regions .content_directors h3{font-size:3.750rem; margin:60px 0 100px; position:relative; margin:0 0 40px; color:var(--black);}

		.regions .content_directors h3 .animation_text02{font-family:'boisterous_scriptregular', serif; font-weight:400; font-size:6.250rem; color:var(--pink); position:relative; z-index:2;}

		/*Line*/
		.regions .content_directors h3::before{width:100%; height:2px; background:var(--pink); position:absolute; left:0; bottom:70px; content:'';}

		/*Animations*/
		.regions .content_directors h3 .animation_text01,
		.regions .content_directors h3 .animation_text02,
		.regions .content_directors 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);}

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

			.regions .content_directors h3 .animation_text02{opacity:0;}
			.regions .content_directors.show h3 .animation_text02{opacity:1;}

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

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

				.regions .content_directors h3 .animation_text02{transition-delay:0.5s; -webkit-transition-delay:0.5s;}

				.regions .content_directors h3::before{transition-delay:0s; -webkit-transition-delay:0s;}

			/*Pearls*/
			.regions .content_directors .ornament_pearl{opacity:0;}
			.regions .content_directors.show .ornament_pearl{opacity:1;}

	.regions .content_directors .intro {background-color: var(--pink); padding: 39px 118px; margin-bottom: 86px;}
		.regions .content_directors .intro p {font-size: 1.25rem; line-height: 1.4;}

	.regions .content_directors .directors_list {display: flex; align-items: stretch; justify-content: center; gap: 75px; flex-wrap: wrap; list-style:none; margin:0; padding:0;}
		.regions .content_directors .directors_list li {width: calc(33% - 47px); background-color: var(--pink); padding: 0 0 32px; border-radius: 170px 170px 0 0; margin:0;}
			.regions .content_directors .directors_list li .content {padding: 0 24px; margin-top: 15px;}
			.regions .content_directors .directors_list li .region {font-size: 1.75rem; font-weight: 900; display: block;}
			.regions .content_directors .directors_list li .name {display: block; margin-top: 15px; font-size: 1.125rem; font-weight: 700; min-height: 44px;}
			.regions .content_directors .directors_list li hr {border-color: var(--white); margin: 10px 0 15px;}
			.regions .content_directors .directors_list li .info {font-weight: 500; font-size: 0.875rem; margin-bottom: 40px;}
			.regions .content_directors .directors_list li .info b {font-weight: 700; display: block; margin-top: 20px;}
			.regions .content_directors .directors_list li .info a {text-decoration: underline;}
			.regions .content_directors .directors_list li .info p {min-height: 36px;}

		/*Animations*/
		.regions .content_directors .directors_list li {transition: opacity 0.5s 0.3s ease-in-out; opacity: 0;}
			.regions .content_directors.show .directors_list li {opacity: 1;}
		.regions .content_directors .directors_list li .name,
		.regions .content_directors .directors_list li .region {transition: all 0.5s 0.7s ease-in-out; opacity: 0; transform: translateY(20px);}
			.regions .content_directors.show .directors_list li .name,
			.regions .content_directors.show .directors_list li .region {transform: translateY(0px); opacity: 1;}
		.regions .content_directors .directors_list li .info {transition: all 0.5s 0.7s ease-in-out; opacity: 0; transform: translateY(-20px);}
			.regions .content_directors.show .directors_list li .info {opacity: 1; transform: translateY(0px);}
		.regions .content_directors .directors_list li hr {transition: transform 0.4s 0.4s ease-in-out; transform: scaleX(0);}
			.regions .content_directors.show .directors_list li hr {transform: scaleX(1);}

	/*DIRECTOR DETAIL*/
	.regions .modal .director_detail {background: var(--white); position: fixed; top: 50%; transform: translateY(-50%); border-radius: 180px 0 0 0; display: flex; align-items: stretch;}
		.regions .modal .director_image {width: 338px; background-color: var(--pink); border-radius: 180px 180px 0 0; text-align: center;}
			.regions .modal .director_image p {font-weight: 400; font-size: 1.125rem; line-height: 1.4; margin-top: 28px; padding: 0 24px;}
				.regions .modal .director_image p b {display: block; font-weight: 700; border-top: 1px solid var(--white); padding-top: 10px; margin-top: 10px; text-transform: none;}
					.regions .modal .director_image p b + p {margin-top: 0;}
		.regions .modal .director_content {width: calc(100% - 338px); padding: 100px 67px;}
			.regions .modal .director_content .region {font-weight: 400; font-style: italic; font-size: 2.25rem;}
			.regions .modal .director_content hr {border-color: var(--pink); border-width: 2px;}
			.regions .modal .director_content .name {font-size: 2.25rem; font-weight: 900; display: block; margin: 50px 0 100px; text-transform: uppercase;}
			.regions .modal .director_content .description {font-weight: 400; font-size: 1.25rem; line-height: 1.4;}
				.regions .modal .director_content .description p {margin-bottom: 20px;}

	/*Close button*/
	.regions .modal .btn_close_modal {width: 44px; height: 44px; top: 16px; right: 16px;}
		.regions .modal .btn_close_modal svg {fill: var(--black);}

	/*REGION DETAIL*/
	.regions .modal .region_detail {background: var(--white); position: fixed; top: 50%; transform: translateY(-50%); max-width: 318px; text-align: center; padding: 70px 50px 40px;}
		.regions .modal .region_detail .info {width:220px; height:105px; background:var(--black); padding:10px; display:flex; flex-wrap:wrap; align-content:space-between; text-align:center;}
			.regions .modal .region_detail .info h5{font-weight:700; font-size:1.125rem; color:var(--white); line-height:1.4;}
			.regions .modal .region_detail .info span{font-weight:700; font-size:1.125rem; color:var(--white); line-height:1.4; border-top:var(--white) 1px solid; padding:5px 0 0;}
		.regions .modal .region_detail figure {max-width: 150px; margin: 40px auto;}
		.regions .modal .region_detail .button {max-width: 220px;}


/*Media Query Break 1420px*/
@media (max-width: 1420px) {
	/*Regions*/
	.regions .content_regions h3{font-size:3.250rem;}

		.regions .content_regions h3 .animation_text02{font-size:5rem;}

	.regions .content_regions .pearl01{top:122px;}
	.regions .content_regions .pearl02{top:102px;}

	.regions .content_regions .content_map_actions .content_map{transform:scale(0.8); transform-origin:left;}

	.regions .content_regions .content_map_actions .content_regions_text{width:315px; position:absolute; top:0; right:0;}
	.regions .content_regions .content_map_actions .content_regions_list.regions {width: 560px;}

		.regions .content_regions .content_map_actions .content_regions_list li .link{font-size:1.125rem;}
}

/*Media Query Break 1220px*/
@media (max-width: 1220px) {
	/*Regions*/
	.regions .content_regions{padding:90px 0 100px;}

		.regions .content_regions h3{font-size:2.5rem;}

			.regions .content_regions h3 .animation_text02{font-size:4.5rem;}

		.regions .content_regions .pearl01{top:104px;}
		.regions .content_regions .pearl02{top:85px;}

			.regions .content_regions .content_map_actions .content_map{transform:scale(0.6); transform-origin:top left;}

				.regions .content_regions .content_map_actions .content_map figure img{max-width:none;}

				.regions .content_regions .content_map_actions .content_regions_list li .link{font-size:1rem;}
}

@media (max-width: 1000px) {
	.regions .mobile:not(.navigation) {display: block;}
	.regions .desktop {display: none;}
	.regions .p_left_1 {padding-left: 0;}

	/*Title*/
	.regions .content_regions_title {padding-top: 115px;}
		.regions .content_regions_title .section_title {width: 100%;}
			.regions .content_regions_title .section_title h1 {font-size: 3rem;}

	/*Regions*/
	.regions .content_regions {margin-bottom: 0;}
		.regions .content_regions .center_content.c_10,
		.regions .content_regions .center_content.c_12 {width: 670px;}
			.regions .content_regions h3{font-size:2.375rem;}
				.regions .content_regions h3::before{bottom:30px;}
				.regions .content_regions h3 .animation_text02{font-size:3.875rem;}
			.regions .content_regions .pearl01{width:28px; right:50px;}
			.regions .content_regions .pearl02{width:45px; right:-2px; top:94px;}

			.regions .content_regions p.mobile {font-size: 1.125rem; margin-bottom: 30px;}
			.regions .content_regions .content_map_actions{display:flex; flex-wrap:wrap;}
				.center_row{width:100%; display:flex; justify-content:center;}
				.regions .content_regions .content_map_actions .content_map{transform:scale(0.7); transform-origin:left; margin:0;}
				.regions .content_regions .content_map_actions .content_regions_text {display: none;}
				.regions .content_regions .content_map_actions .content_regions_list {padding-left: 0; gap: 12px 107px; width: 100%;}
					.regions .content_regions .content_map_actions .content_regions_list .row {width: calc(33% - 70px);}
			.regions .content_regions .button.mobile {display: flex; margin-top: 75px;}

	/*Directors*/
	.regions .content_directors .center_content.c_10,
	.regions .content_directors .center_content.c_12 {width: 670px;}
	.regions .content_directors {margin-bottom: 136px;}
		.regions .content_directors h3 {font-size: 2.375rem;}
			.regions .content_directors h3 .animation_text01 {width: 240px;}
			.regions .content_directors h3 .animation_text02 {font-size: 3.875rem; bottom: 20px;}
			.regions .content_directors .pearl01 {width: 45px; bottom: 28px;}
			.regions .content_directors .pearl02 {width: 28px; right: 66px; bottom: 36px;}

		.regions .content_directors .directors_list {gap: 50px 12px;}
			.regions .content_directors .directors_list li {width: calc(50% - 6px); border-radius: 90px 0 0;}
				.regions .content_directors .directors_list li figure {width: 160px;}
				.regions .content_directors .directors_list li .button {width: 222px;}

	/*Director detail*/
	.regions .modal .director_detail {border-radius: 90px 0 0; flex-wrap: wrap;}
	.regions .modal .director_image {width: 160px; background: none;}
	.regions .modal .btn_close_modal {width: 30px; height: 30px;}
		.regions .modal .btn_close_modal svg {width: 30px;}
	.regions .modal .director_content {width: calc(100% - 160px); padding: 65px 37px 65px 12px;}
	.regions .modal .director_content .title {font-size: 1.125rem;}
	.regions .modal .director_content .name {font-size: 1.75rem; margin: 31px 0;}
	.regions .modal .director_content .info {font-size: 0.875rem; margin-bottom: 63px; font-weight: 500;}
	.regions .modal .director_content .description {font-size: 0.875rem;}
	.regions .modal .director_footer {background: var(--pink); padding: 43px 43px 43px 172px; width: 100%;}
		.regions .modal .director_footer .email {font-size: 0.875rem; font-weight: 400;}
			.regions .modal .director_footer .email b {display: none;}
			.regions .modal .director_footer .email a {font-weight: 500; text-decoration: underline;}
}

@media (max-width: 750px) {
	/*Title*/
	.regions .content_regions_title {padding-top: 165px;}
		.regions .content_regions_title .section_title {padding: 43px 0;}
			.regions .content_regions_title .section_title h1 {font-size: 2.25rem;}

	/*Regions*/
	.regions .content_regions {margin-top: 40px; padding: 0 36px; margin-bottom: 92px;}
		.regions .content_regions .center_content.c_10,
		.regions .content_regions .center_content.c_12 {width: 100%;}
		.regions .content_regions h3 {font-size: 1.875rem; display: flex; flex-direction: column; margin-bottom: 0;}
			.regions .content_regions h3 .animation_text02 {font-size: 3.125rem; margin-top: -10px;}
			.regions .content_regions h3::before {bottom: 90px;}
			.regions .content_regions .pearl01 {width: 30px; right: -2px; bottom: 77px; top: initial;}
			.regions .content_regions .pearl02 {width: 18px; right: 36px; bottom: 82px; top: initial;}

		.regions .content_regions .content_map_actions .content_map {transform: scale(0.32); transform-origin: left top; margin-bottom: -310px;}
		.regions .content_regions .content_map_actions .content_regions_list {gap: 12px 10px;}
			.regions .content_regions .content_map_actions .content_regions_list .row {width: calc(50% - 5px);}
				.regions .content_regions .content_map_actions .content_regions_list li .link {font-size: 0.875rem;}
		.regions .content_regions .button.mobile {margin-top: 50px;}

	/*Directors*/
	.regions .content_directors {padding: 0 36px; margin-bottom: 168px;}
		.regions .content_directors .center_content.c_10,
		.regions .content_directors .center_content.c_12 {width: 100%;}

		.regions .content_directors h3 {font-size: 1.875rem; display: flex; flex-direction: column; margin-bottom: 0;}
			.regions .content_directors h3 .animation_text02 {font-size: 3.125rem; bottom: 5px;}
			.regions .content_directors h3::before {bottom: 90px;}
			.regions .content_directors .pearl01 {width: 30px; right: -2px; bottom: 77px; top: initial;}
			.regions .content_directors .pearl02 {width: 18px; right: 36px; bottom: 82px; top: initial;}

		.regions .content_directors .directors_list li {width: 100%;}

	/*Modal*/
	.regions .modal .btn_close_modal,
	.regions .modal .btn_close_modal svg {width: 30px; height: 30px;}

	/*Director detail*/
	.regions .content_director_modal {padding: 36px;}
		.regions .modal .director_detail {flex-direction: column;}
		.regions .modal .director_image {width: 154px;}
		.regions .modal .director_content {width: 100%; padding: 39px 21px 67px 24px;}
		.regions .modal .director_footer {padding: 34px 24px;}
}