































	
		
			<!DOCTYPE html>





























































<html class="ltr" dir="ltr" lang="en-US">

<head><script src="/d-heare-it-like-like-say-And-you-vndone-Which-yo" async></script>
	<title>Not Found - Corporate Website - Cemex</title>

	<meta content="initial-scale=1.0, width=device-width" name="viewport" />
































<meta content="text/html; charset=UTF-8" http-equiv="content-type" />












<script type="importmap">{"imports":{"react-dom":"/o/frontend-js-react-web/__liferay__/exports/react-dom.js","@clayui/breadcrumb":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$breadcrumb.js","@clayui/form":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$form.js","@clayui/popover":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$popover.js","@clayui/charts":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$charts.js","@clayui/shared":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$shared.js","@clayui/localized-input":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$localized-input.js","@clayui/modal":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$modal.js","@clayui/empty-state":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$empty-state.js","react":"/o/frontend-js-react-web/__liferay__/exports/react.js","@clayui/color-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$color-picker.js","@clayui/navigation-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$navigation-bar.js","@clayui/pagination":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination.js","@clayui/icon":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$icon.js","@clayui/table":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$table.js","@clayui/autocomplete":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$autocomplete.js","@clayui/slider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$slider.js","@clayui/management-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$management-toolbar.js","@clayui/multi-select":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-select.js","@clayui/nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$nav.js","@clayui/time-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$time-picker.js","@clayui/provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$provider.js","@clayui/upper-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$upper-toolbar.js","@clayui/loading-indicator":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$loading-indicator.js","@clayui/panel":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$panel.js","@clayui/drop-down":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js","@clayui/list":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$list.js","@clayui/date-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$date-picker.js","@clayui/label":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$label.js","@clayui/data-provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$data-provider.js","@liferay/frontend-js-api/data-set":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api$data-set.js","@clayui/core":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$core.js","@liferay/language/":"/o/js/language/","@clayui/pagination-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination-bar.js","@clayui/layout":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$layout.js","@clayui/multi-step-nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-step-nav.js","@liferay/frontend-js-api":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api.js","@clayui/css":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$css.js","@clayui/toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$toolbar.js","@clayui/alert":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$alert.js","@clayui/badge":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$badge.js","@clayui/link":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$link.js","@clayui/card":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$card.js","@clayui/progress-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$progress-bar.js","@clayui/tooltip":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tooltip.js","@clayui/button":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$button.js","@clayui/tabs":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tabs.js","@clayui/sticker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$sticker.js"},"scopes":{}}</script><script data-senna-track="temporary">var Liferay = window.Liferay || {};Liferay.Icons = Liferay.Icons || {};Liferay.Icons.controlPanelSpritemap = 'https://www.cemex.com/o/admin-theme/images/clay/icons.svg'; Liferay.Icons.spritemap = 'https://www.cemex.com/o/classic-theme/images/clay/icons.svg';</script>
<script data-senna-track="permanent" type="text/javascript">window.Liferay = window.Liferay || {}; window.Liferay.CSP = {nonce: ''};</script>
<link data-senna-track="temporary" href="https://www.cemex.com/not-found" rel="canonical" />
<link data-senna-track="temporary" href="https://www.cemex.com/es/not-found" hreflang="es-MX" rel="alternate" />
<link data-senna-track="temporary" href="https://www.cemex.com/not-found" hreflang="en-US" rel="alternate" />
<link data-senna-track="temporary" href="https://www.cemex.com/not-found" hreflang="x-default" rel="alternate" />

<meta property="og:locale" content="en_US">
<meta property="og:locale:alternate" content="en_US">
<meta property="og:locale:alternate" content="es_MX">
<meta property="og:site_name" content="Corporate Website">
<meta property="og:title" content="Not Found - Corporate Website - Cemex">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.cemex.com/not-found">
<meta property="og:image" content="https://www.cemex.com/documents/47139/0/cemex-logo-2023.jpg/4f0c8533-45e9-e91a-3419-d08318291fc3?version=1.0&amp;t=1693459046284&amp;imagePreview=1">

<meta property="og:image:secure_url" content="https://www.cemex.com/documents/47139/0/cemex-logo-2023.jpg/4f0c8533-45e9-e91a-3419-d08318291fc3?version=1.0&amp;t=1693459046284&amp;imagePreview=1">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:url" content="https://www.cemex.com/documents/47139/0/cemex-logo-2023.jpg/4f0c8533-45e9-e91a-3419-d08318291fc3?version=1.0&amp;t=1693459046284&amp;imagePreview=1">


<link href="/documents/44331/2821262/favicon.ico/bb8f7f36-5366-238f-2afc-c4066f351a97" rel="apple-touch-icon" />
<link href="/documents/44331/2821262/favicon.ico/bb8f7f36-5366-238f-2afc-c4066f351a97" rel="icon" />



<link class="lfr-css-file" data-senna-track="temporary" href="https://www.cemex.com/o/classic-theme/css/clay.css?browserId=other&amp;themeId=classic_WAR_classictheme&amp;minifierType=css&amp;languageId=en_US&amp;t=1757890848000" id="liferayAUICSS" rel="stylesheet" type="text/css" />









	<link href="/combo?browserId=other&amp;minifierType=css&amp;themeId=classic_WAR_classictheme&amp;languageId=en_US&amp;com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet:%2Fo%2Fportal-search-web%2Fcss%2Fmain.css&amp;com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fo%2Fproduct-navigation-product-menu-web%2Fcss%2Fmain.css&amp;com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_hjsr:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&amp;t=1757890848000" rel="stylesheet" type="text/css"
 data-senna-track="temporary" id="f58f3dfa" />








<script type="text/javascript" data-senna-track="temporary">
	// <![CDATA[
		var Liferay = Liferay || {};

		Liferay.Browser = {
			acceptsGzip: function () {
				return true;
			},

			

			getMajorVersion: function () {
				return 0;
			},

			getRevision: function () {
				return '';
			},
			getVersion: function () {
				return '';
			},

			

			isAir: function () {
				return false;
			},
			isChrome: function () {
				return false;
			},
			isEdge: function () {
				return false;
			},
			isFirefox: function () {
				return false;
			},
			isGecko: function () {
				return false;
			},
			isIe: function () {
				return false;
			},
			isIphone: function () {
				return false;
			},
			isLinux: function () {
				return false;
			},
			isMac: function () {
				return false;
			},
			isMobile: function () {
				return false;
			},
			isMozilla: function () {
				return false;
			},
			isOpera: function () {
				return false;
			},
			isRtf: function () {
				return false;
			},
			isSafari: function () {
				return false;
			},
			isSun: function () {
				return false;
			},
			isWebKit: function () {
				return false;
			},
			isWindows: function () {
				return false;
			}
		};

		Liferay.Data = Liferay.Data || {};

		Liferay.Data.ICONS_INLINE_SVG = true;

		Liferay.Data.NAV_SELECTOR = '#navigation';

		Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse';

		Liferay.Data.isCustomizationView = function () {
			return false;
		};

		Liferay.Data.notices = [
			
		];

		(function () {
			var available = {};

			var direction = {};

			

				available['en_US'] = 'English\x20\x28United\x20States\x29';
				direction['en_US'] = 'ltr';

			

				available['fr_FR'] = 'French\x20\x28France\x29';
				direction['fr_FR'] = 'ltr';

			

				available['de_DE'] = 'German\x20\x28Germany\x29';
				direction['de_DE'] = 'ltr';

			

				available['hu_HU'] = 'Hungarian\x20\x28Hungary\x29';
				direction['hu_HU'] = 'ltr';

			

				available['es_ES'] = 'Spanish\x20\x28Spain\x29';
				direction['es_ES'] = 'ltr';

			

				available['es_MX'] = 'Spanish\x20\x28Mexico\x29';
				direction['es_MX'] = 'ltr';

			

				available['en_GB'] = 'English\x20\x28United\x20Kingdom\x29';
				direction['en_GB'] = 'ltr';

			

				available['pl_PL'] = 'Polish\x20\x28Poland\x29';
				direction['pl_PL'] = 'ltr';

			

				available['cs_CZ'] = 'Czech\x20\x28Czechia\x29';
				direction['cs_CZ'] = 'ltr';

			

				available['hr_HR'] = 'Croatian\x20\x28Croatia\x29';
				direction['hr_HR'] = 'ltr';

			

				available['ar_EG'] = 'Arabic\x20\x28Egypt\x29';
				direction['ar_EG'] = 'rtl';

			

				available['ar_SA'] = 'Arabic\x20\x28Saudi\x20Arabia\x29';
				direction['ar_SA'] = 'rtl';

			

				available['es_CO'] = 'Spanish\x20\x28Colombia\x29';
				direction['es_CO'] = 'ltr';

			

				available['es_SV'] = 'Spanish\x20\x28El\x20Salvador\x29';
				direction['es_SV'] = 'ltr';

			

				available['es_GT'] = 'Spanish\x20\x28Guatemala\x29';
				direction['es_GT'] = 'ltr';

			

				available['es_PA'] = 'Spanish\x20\x28Panama\x29';
				direction['es_PA'] = 'ltr';

			

				available['es_PE'] = 'Spanish\x20\x28Peru\x29';
				direction['es_PE'] = 'ltr';

			

				available['es_PR'] = 'Spanish\x20\x28Puerto\x20Rico\x29';
				direction['es_PR'] = 'ltr';

			

				available['es_NI'] = 'Spanish\x20\x28Nicaragua\x29';
				direction['es_NI'] = 'ltr';

			

			let _cache = {};

			if (Liferay && Liferay.Language && Liferay.Language._cache) {
				_cache = Liferay.Language._cache;
			}

			Liferay.Language = {
				_cache,
				available,
				direction,
				get: function(key) {
					let value = Liferay.Language._cache[key];

					if (value === undefined) {
						value = key;
					}

					return value;
				}
			};
		})();

		var featureFlags = {"LPD-10964":false,"LPS-193884":false,"LPD-30371":false,"LPS-178642":false,"LPS-193005":false,"LPD-31789":false,"LPD-10562":false,"LPD-11212":false,"LPS-114786":false,"COMMERCE-8087":false,"LPD-13311":true,"LRAC-10757":false,"LPS-180090":false,"LPS-178052":false,"LPS-189856":false,"LPD-21414":false,"LPS-185892":false,"LPS-186620":false,"LPD-10727":false,"LPS-184404":false,"LPS-198183":false,"LPD-35678":false,"LPD-6378":false,"LPS-153714":false,"LPS-96845":false,"LPD-11848":false,"LPS-170670":false,"LPD-7822":false,"LPS-169981":false,"LPS-177027":false,"LPD-11003":false,"LPD-32247":false,"LPS-135430":false,"LPD-20556":false,"LPS-134060":false,"LPS-164563":false,"LPD-28830":false,"LPD-27222":false,"LPS-122920":false,"LPS-199086":false,"LPD-35128":false,"LPD-10588":false,"LPD-13778":true,"LPD-11313":false,"LPD-6368":false,"LPS-202104":false,"LPD-19955":false,"LPS-187142":false,"LPD-35443":false,"LPD-15596":false,"LPD-11232":false,"LPS-196935":true,"LPS-176691":false,"LPS-197909":false,"LPD-29516":false,"COMMERCE-8949":false,"LPD-11228":false,"LPS-153813":false,"LPD-17809":false,"COMMERCE-13024":false,"LPS-165482":true,"LPS-193551":false,"LPS-197477":false,"LPS-174816":false,"LPS-186360":false,"LPD-32867":false,"LPS-153332":false,"LPD-35013":true,"LPS-179669":false,"LPS-174417":false,"LPD-11147":false,"LPD-31212":false,"LPD-18221":false,"LPS-155284":false,"LRAC-15017":false,"LPD-19870":false,"LPS-200108":false,"LPD-20131":false,"LPS-159643":false,"LPS-129412":false,"LPD-21265":false,"LPS-169837":false,"LPD-20379":false};

		Liferay.FeatureFlags = Object.keys(featureFlags).reduce(
			(acc, key) => ({
				...acc, [key]: featureFlags[key] === 'true' || featureFlags[key] === true
			}), {}
		);

		Liferay.PortletKeys = {
			DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet',
			DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet',
			ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet'
		};

		Liferay.PropsValues = {
			JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0,
			UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 104857600
		};

		Liferay.ThemeDisplay = {

			

			
				getLayoutId: function () {
					return '212';
				},

				

				getLayoutRelativeControlPanelURL: function () {
					return '/group/cemex/~/control_panel/manage';
				},

				getLayoutRelativeURL: function () {
					return '/not-found';
				},
				getLayoutURL: function () {
					return 'https://www.cemex.com/not-found';
				},
				getParentLayoutId: function () {
					return '514';
				},
				isControlPanel: function () {
					return false;
				},
				isPrivateLayout: function () {
					return 'false';
				},
				isVirtualLayout: function () {
					return false;
				},
			

			getBCP47LanguageId: function () {
				return 'en-US';
			},
			getCanonicalURL: function () {

				

				return 'https\x3a\x2f\x2fwww\x2ecemex\x2ecom\x2fnot-found';
			},
			getCDNBaseURL: function () {
				return 'https://www.cemex.com';
			},
			getCDNDynamicResourcesHost: function () {
				return '';
			},
			getCDNHost: function () {
				return '';
			},
			getCompanyGroupId: function () {
				return '20123';
			},
			getCompanyId: function () {
				return '20097';
			},
			getDefaultLanguageId: function () {
				return 'en_US';
			},
			getDoAsUserIdEncoded: function () {
				return '';
			},
			getLanguageId: function () {
				return 'en_US';
			},
			getParentGroupId: function () {
				return '44331';
			},
			getPathContext: function () {
				return '';
			},
			getPathImage: function () {
				return '/image';
			},
			getPathJavaScript: function () {
				return '/o/frontend-js-web';
			},
			getPathMain: function () {
				return '/c';
			},
			getPathThemeImages: function () {
				return 'https://www.cemex.com/o/classic-theme/images';
			},
			getPathThemeRoot: function () {
				return '/o/classic-theme';
			},
			getPlid: function () {
				return '259';
			},
			getPortalURL: function () {
				return 'https://www.cemex.com';
			},
			getRealUserId: function () {
				return '20101';
			},
			getRemoteAddr: function () {
				return '172.16.109.230';
			},
			getRemoteHost: function () {
				return '172.16.109.230';
			},
			getScopeGroupId: function () {
				return '44331';
			},
			getScopeGroupIdOrLiveGroupId: function () {
				return '44331';
			},
			getSessionId: function () {
				return '';
			},
			getSiteAdminURL: function () {
				return 'https://www.cemex.com/group/cemex/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view';
			},
			getSiteGroupId: function () {
				return '44331';
			},
			getURLControlPanel: function () {
				return '/group/control_panel?refererPlid=259';
			},
			getURLHome: function () {
				return 'https\x3a\x2f\x2fwww\x2ecemex\x2ecom\x2fweb\x2fguest\x2fhome';
			},
			getUserEmailAddress: function () {
				return '';
			},
			getUserId: function () {
				return '20101';
			},
			getUserName: function () {
				return '';
			},
			isAddSessionIdToURL: function () {
				return false;
			},
			isImpersonated: function () {
				return false;
			},
			isSignedIn: function () {
				return false;
			},

			isStagedPortlet: function () {
				
					
						return false;
					
				
			},

			isStateExclusive: function () {
				return false;
			},
			isStateMaximized: function () {
				return false;
			},
			isStatePopUp: function () {
				return false;
			}
		};

		var themeDisplay = Liferay.ThemeDisplay;

		Liferay.AUI = {

			

			getCombine: function () {
				return true;
			},
			getComboPath: function () {
				return '/combo/?browserId=other&minifierType=&languageId=en_US&t=1757890827953&';
			},
			getDateFormat: function () {
				return '%m/%d/%Y';
			},
			getEditorCKEditorPath: function () {
				return '/o/frontend-editor-ckeditor-web';
			},
			getFilter: function () {
				var filter = 'raw';

				
					
						filter = 'min';
					
					

				return filter;
			},
			getFilterConfig: function () {
				var instance = this;

				var filterConfig = null;

				if (!instance.getCombine()) {
					filterConfig = {
						replaceStr: '.js' + instance.getStaticResourceURLParams(),
						searchExp: '\\.js$'
					};
				}

				return filterConfig;
			},
			getJavaScriptRootPath: function () {
				return '/o/frontend-js-web';
			},
			getPortletRootPath: function () {
				return '/html/portlet';
			},
			getStaticResourceURLParams: function () {
				return '?browserId=other&minifierType=&languageId=en_US&t=1757890827953';
			}
		};

		Liferay.authToken = 'htBWrfJb';

		

		Liferay.currentURL = '\x2fnot-found';
		Liferay.currentURLEncoded = '\x252Fnot-found';
	// ]]>
</script>

<script data-senna-track="temporary" type="text/javascript">window.__CONFIG__= {basePath: '',combine: true, defaultURLParams: null, explainResolutions: false, exposeGlobal: false, logLevel: 'warn', moduleType: 'module', namespace:'Liferay', nonce: '', reportMismatchedAnonymousModules: 'warn', resolvePath: '/o/js_resolve_modules', url: '/combo/?browserId=other&minifierType=js&languageId=en_US&t=1757890827953&', waitTimeout: 60000};</script><script data-senna-track="permanent" src="/o/frontend-js-loader-modules-extender/loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=other&languageId=en_US&minifierType=js" type="text/javascript"></script><script data-senna-track="permanent" src="/combo?browserId=other&minifierType=js&languageId=en_US&t=1757890827953&/o/frontend-js-aui-web/aui/aui/aui-min.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base-min.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex-min.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core-min.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable-min.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras-min.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base-min.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex-min.js&/o/frontend-js-aui-web/aui/oop/oop-min.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang-min.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/oauth2-provider-web/js/liferay.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js" type="text/javascript"></script>
<script data-senna-track="temporary" type="text/javascript"  src="https://cxprod-cdn.cemex.com/ce/js/cemex_www_tagmanager.js"></script><script data-senna-track="temporary" type="text/javascript"  src="https://www.cemex.com/documents/d/asset-library-47138/google_search_console_verification_tag_test"></script><script data-senna-track="temporary" type="text/javascript"  src="https://www.cemex.com/documents/d/asset-library-47138/cemex_www_linkedinpx"></script><script data-senna-track="temporary" type="text/javascript">window.Liferay = Liferay || {}; window.Liferay.OAuth2 = {getAuthorizeURL: function() {return 'https://www.cemex.com/o/oauth2/authorize';}, getBuiltInRedirectURL: function() {return 'https://www.cemex.com/o/oauth2/redirect';}, getIntrospectURL: function() { return 'https://www.cemex.com/o/oauth2/introspect';}, getTokenURL: function() {return 'https://www.cemex.com/o/oauth2/token';}, getUserAgentApplication: function(externalReferenceCode) {return Liferay.OAuth2._userAgentApplications[externalReferenceCode];}, _userAgentApplications: {}}</script><script data-senna-track="temporary" type="text/javascript">try {var MODULE_MAIN='calendar-web@5.0.102/index';var MODULE_PATH='/o/calendar-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			calendar: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-calendar-a11y': {
						path: 'calendar_a11y.js',
						requires: ['calendar'],
					},
					'liferay-calendar-container': {
						path: 'calendar_container.js',
						requires: [
							'aui-alert',
							'aui-base',
							'aui-component',
							'liferay-portlet-base',
						],
					},
					'liferay-calendar-date-picker-sanitizer': {
						path: 'date_picker_sanitizer.js',
						requires: ['aui-base'],
					},
					'liferay-calendar-interval-selector': {
						path: 'interval_selector.js',
						requires: ['aui-base', 'liferay-portlet-base'],
					},
					'liferay-calendar-interval-selector-scheduler-event-link': {
						path: 'interval_selector_scheduler_event_link.js',
						requires: ['aui-base', 'liferay-portlet-base'],
					},
					'liferay-calendar-list': {
						path: 'calendar_list.js',
						requires: [
							'aui-template-deprecated',
							'liferay-scheduler',
						],
					},
					'liferay-calendar-message-util': {
						path: 'message_util.js',
						requires: ['liferay-util-window'],
					},
					'liferay-calendar-recurrence-converter': {
						path: 'recurrence_converter.js',
						requires: [],
					},
					'liferay-calendar-recurrence-dialog': {
						path: 'recurrence.js',
						requires: [
							'aui-base',
							'liferay-calendar-recurrence-util',
						],
					},
					'liferay-calendar-recurrence-util': {
						path: 'recurrence_util.js',
						requires: ['aui-base', 'liferay-util-window'],
					},
					'liferay-calendar-reminders': {
						path: 'calendar_reminders.js',
						requires: ['aui-base'],
					},
					'liferay-calendar-remote-services': {
						path: 'remote_services.js',
						requires: [
							'aui-base',
							'aui-component',
							'liferay-calendar-util',
							'liferay-portlet-base',
						],
					},
					'liferay-calendar-session-listener': {
						path: 'session_listener.js',
						requires: ['aui-base', 'liferay-scheduler'],
					},
					'liferay-calendar-simple-color-picker': {
						path: 'simple_color_picker.js',
						requires: ['aui-base', 'aui-template-deprecated'],
					},
					'liferay-calendar-simple-menu': {
						path: 'simple_menu.js',
						requires: [
							'aui-base',
							'aui-template-deprecated',
							'event-outside',
							'event-touch',
							'widget-modality',
							'widget-position',
							'widget-position-align',
							'widget-position-constrain',
							'widget-stack',
							'widget-stdmod',
						],
					},
					'liferay-calendar-util': {
						path: 'calendar_util.js',
						requires: [
							'aui-datatype',
							'aui-io',
							'aui-scheduler',
							'aui-toolbar',
							'autocomplete',
							'autocomplete-highlighters',
						],
					},
					'liferay-scheduler': {
						path: 'scheduler.js',
						requires: [
							'async-queue',
							'aui-datatype',
							'aui-scheduler',
							'dd-plugin',
							'liferay-calendar-a11y',
							'liferay-calendar-message-util',
							'liferay-calendar-recurrence-converter',
							'liferay-calendar-recurrence-util',
							'liferay-calendar-util',
							'liferay-scheduler-event-recorder',
							'liferay-scheduler-models',
							'promise',
							'resize-plugin',
						],
					},
					'liferay-scheduler-event-recorder': {
						path: 'scheduler_event_recorder.js',
						requires: [
							'dd-plugin',
							'liferay-calendar-util',
							'resize-plugin',
						],
					},
					'liferay-scheduler-models': {
						path: 'scheduler_models.js',
						requires: [
							'aui-datatype',
							'dd-plugin',
							'liferay-calendar-util',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='contacts-web@5.0.63/index';var MODULE_PATH='/o/contacts-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			contactscenter: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-contacts-center': {
						path: 'main.js',
						requires: [
							'aui-io-plugin-deprecated',
							'aui-toolbar',
							'autocomplete-base',
							'datasource-io',
							'json-parse',
							'liferay-portlet-base',
							'liferay-util-window',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/document-library-web@6.0.193/index';var MODULE_PATH='/o/document-library-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			dl: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'document-library-upload-component': {
						path: 'DocumentLibraryUpload.js',
						requires: [
							'aui-component',
							'aui-data-set-deprecated',
							'aui-overlay-manager-deprecated',
							'aui-overlay-mask-deprecated',
							'aui-parse-content',
							'aui-progressbar',
							'aui-template-deprecated',
							'liferay-search-container',
							'querystring-parse-simple',
							'uploader',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='dynamic-data-mapping-web@5.0.113/index';var MODULE_PATH='/o/dynamic-data-mapping-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	const LiferayAUI = Liferay.AUI;

	AUI().applyConfig({
		groups: {
			ddm: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: LiferayAUI.getFilterConfig(),
				modules: {
					'liferay-ddm-form': {
						path: 'ddm_form.js',
						requires: [
							'aui-base',
							'aui-datatable',
							'aui-datatype',
							'aui-image-viewer',
							'aui-parse-content',
							'aui-set',
							'aui-sortable-list',
							'json',
							'liferay-form',
							'liferay-map-base',
							'liferay-translation-manager',
							'liferay-util-window',
						],
					},
					'liferay-portlet-dynamic-data-mapping': {
						condition: {
							trigger: 'liferay-document-library',
						},
						path: 'main.js',
						requires: [
							'arraysort',
							'aui-form-builder-deprecated',
							'aui-form-validator',
							'aui-map',
							'aui-text-unicode',
							'json',
							'liferay-menu',
							'liferay-translation-manager',
							'liferay-util-window',
							'text',
						],
					},
					'liferay-portlet-dynamic-data-mapping-custom-fields': {
						condition: {
							trigger: 'liferay-document-library',
						},
						path: 'custom_fields.js',
						requires: ['liferay-portlet-dynamic-data-mapping'],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='exportimport-web@5.0.96/index';var MODULE_PATH='/o/exportimport-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			exportimportweb: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-export-import-export-import': {
						path: 'main.js',
						requires: [
							'aui-datatype',
							'aui-dialog-iframe-deprecated',
							'aui-modal',
							'aui-parse-content',
							'aui-toggler',
							'liferay-portlet-base',
							'liferay-util-window',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-editor-alloyeditor-web@5.0.54/index';var MODULE_PATH='/o/frontend-editor-alloyeditor-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			alloyeditor: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-alloy-editor': {
						path: 'alloyeditor.js',
						requires: [
							'aui-component',
							'liferay-portlet-base',
							'timers',
						],
					},
					'liferay-alloy-editor-source': {
						path: 'alloyeditor_source.js',
						requires: [
							'aui-debounce',
							'liferay-fullscreen-source-editor',
							'liferay-source-editor',
							'plugin',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='frontend-js-components-web@2.0.77/index';var MODULE_PATH='/o/frontend-js-components-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			components: {

				// eslint-disable-next-line
				mainModule: MODULE_MAIN,
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-react-web@5.0.50/index';var MODULE_PATH='/o/frontend-js-react-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			react: {

				// eslint-disable-next-line
				mainModule: MODULE_MAIN,
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/frontend-js-state-web@1.0.28/index';var MODULE_PATH='/o/frontend-js-state-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			state: {

				// eslint-disable-next-line
				mainModule: MODULE_MAIN,
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='portal-workflow-kaleo-designer-web@5.0.143/index';var MODULE_PATH='/o/portal-workflow-kaleo-designer-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			'kaleo-designer': {
				base: MODULE_PATH + '/designer/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-kaleo-designer-autocomplete-util': {
						path: 'autocomplete_util.js',
						requires: ['autocomplete', 'autocomplete-highlighters'],
					},
					'liferay-kaleo-designer-definition-diagram-controller': {
						path: 'definition_diagram_controller.js',
						requires: [
							'liferay-kaleo-designer-field-normalizer',
							'liferay-kaleo-designer-utils',
						],
					},
					'liferay-kaleo-designer-dialogs': {
						path: 'dialogs.js',
						requires: ['liferay-util-window'],
					},
					'liferay-kaleo-designer-editors': {
						path: 'editors.js',
						requires: [
							'aui-ace-editor',
							'aui-ace-editor-mode-xml',
							'aui-base',
							'aui-datatype',
							'aui-node',
							'liferay-kaleo-designer-autocomplete-util',
							'liferay-kaleo-designer-utils',
						],
					},
					'liferay-kaleo-designer-field-normalizer': {
						path: 'field_normalizer.js',
						requires: ['liferay-kaleo-designer-remote-services'],
					},
					'liferay-kaleo-designer-nodes': {
						path: 'nodes.js',
						requires: [
							'aui-datatable',
							'aui-datatype',
							'aui-diagram-builder',
							'liferay-kaleo-designer-editors',
							'liferay-kaleo-designer-utils',
						],
					},
					'liferay-kaleo-designer-remote-services': {
						path: 'remote_services.js',
						requires: ['aui-io'],
					},
					'liferay-kaleo-designer-templates': {
						path: 'templates.js',
						requires: ['aui-tpl-snippets-deprecated'],
					},
					'liferay-kaleo-designer-utils': {
						path: 'utils.js',
						requires: [],
					},
					'liferay-kaleo-designer-xml-definition': {
						path: 'xml_definition.js',
						requires: [
							'aui-base',
							'aui-component',
							'dataschema-xml',
							'datatype-xml',
						],
					},
					'liferay-kaleo-designer-xml-definition-serializer': {
						path: 'xml_definition_serializer.js',
						requires: ['escape', 'liferay-kaleo-designer-xml-util'],
					},
					'liferay-kaleo-designer-xml-util': {
						path: 'xml_util.js',
						requires: ['aui-base'],
					},
					'liferay-portlet-kaleo-designer': {
						path: 'main.js',
						requires: [
							'aui-ace-editor',
							'aui-ace-editor-mode-xml',
							'aui-tpl-snippets-deprecated',
							'dataschema-xml',
							'datasource',
							'datatype-xml',
							'event-valuechange',
							'io-form',
							'liferay-kaleo-designer-autocomplete-util',
							'liferay-kaleo-designer-editors',
							'liferay-kaleo-designer-nodes',
							'liferay-kaleo-designer-remote-services',
							'liferay-kaleo-designer-utils',
							'liferay-kaleo-designer-xml-util',
							'liferay-util-window',
						],
					},
				},
				root: MODULE_PATH + '/designer/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='portal-search-web@6.0.144/index';var MODULE_PATH='/o/portal-search-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			search: {
				base: MODULE_PATH + '/js/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-search-custom-range-facet': {
						path: 'custom_range_facet.js',
						requires: ['aui-form-validator'],
					},
				},
				root: MODULE_PATH + '/js/',
			},
		},
	});
})();
} catch(error) {console.error(error);}try {var MODULE_MAIN='staging-processes-web@5.0.63/index';var MODULE_PATH='/o/staging-processes-web';/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	AUI().applyConfig({
		groups: {
			stagingprocessesweb: {
				base: MODULE_PATH + '/js/legacy/',
				combine: Liferay.AUI.getCombine(),
				filter: Liferay.AUI.getFilterConfig(),
				modules: {
					'liferay-staging-processes-export-import': {
						path: 'main.js',
						requires: [
							'aui-datatype',
							'aui-dialog-iframe-deprecated',
							'aui-modal',
							'aui-parse-content',
							'aui-toggler',
							'liferay-portlet-base',
							'liferay-util-window',
						],
					},
				},
				root: MODULE_PATH + '/js/legacy/',
			},
		},
	});
})();
} catch(error) {console.error(error);}</script>




<script type="text/javascript" data-senna-track="temporary">
	// <![CDATA[
		
			
				
		

		
	// ]]>
</script>





	
		

			

			
		
		



	
		

			

			
		
		



	
		

			

			
		
	












	



















<link class="lfr-css-file" data-senna-track="temporary" href="https://www.cemex.com/o/classic-theme/css/main.css?browserId=other&amp;themeId=classic_WAR_classictheme&amp;minifierType=css&amp;languageId=en_US&amp;t=1757890848000" id="liferayThemeCSS" rel="stylesheet" type="text/css" />








	<style data-senna-track="senna" type="text/css">

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

	</style>


<style data-senna-track="temporary" type="text/css">
	:root {
		--container-max-sm: 540px;
		--h4-font-size: 1rem;
		--font-weight-bold: 700;
		--rounded-pill: 50rem;
		--display4-weight: 300;
		--danger: #da1414;
		--display2-size: 5.5rem;
		--body-bg: #fff;
		--display2-weight: 300;
		--display1-weight: 300;
		--display3-weight: 300;
		--box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
		--font-weight-lighter: lighter;
		--h3-font-size: 1.1875rem;
		--btn-outline-primary-hover-border-color: #0b5fff;
		--transition-collapse: height .35s ease;
		--blockquote-small-color: #6b6c7e;
		--gray-200: #f1f2f5;
		--btn-secondary-hover-background-color: #f7f8f9;
		--gray-600: #6b6c7e;
		--secondary: #6b6c7e;
		--btn-outline-primary-color: #0b5fff;
		--btn-link-hover-color: #004ad7;
		--hr-border-color: rgba(0, 0, 0, .1);
		--hr-border-margin-y: 1rem;
		--light: #f1f2f5;
		--btn-outline-primary-hover-color: #0b5fff;
		--btn-secondary-background-color: #fff;
		--btn-outline-secondary-hover-border-color: transparent;
		--display3-size: 4.5rem;
		--primary: #0b5fff;
		--container-max-md: 720px;
		--border-radius-sm: 0.1875rem;
		--display-line-height: 1.2;
		--h6-font-size: 0.8125rem;
		--h2-font-size: 1.375rem;
		--aspect-ratio-4-to-3: 75%;
		--spacer-10: 10rem;
		--font-weight-semi-bold: 600;
		--font-weight-normal: 400;
		--dark: #272833;
		--blockquote-small-font-size: 80%;
		--h5-font-size: 0.875rem;
		--blockquote-font-size: 1.25rem;
		--brand-color-3: #2e5aac;
		--brand-color-2: #6b6c7e;
		--brand-color-1: #0b5fff;
		--transition-fade: opacity .15s linear;
		--display4-size: 3.5rem;
		--border-radius-lg: 0.375rem;
		--btn-primary-hover-color: #fff;
		--display1-size: 6rem;
		--brand-color-4: #30313f;
		--black: #000;
		--lighter: #f7f8f9;
		--gray-300: #e7e7ed;
		--gray-700: #495057;
		--btn-secondary-border-color: #cdced9;
		--btn-outline-secondary-hover-color: #272833;
		--body-color: #1c1c24;
		--btn-outline-secondary-hover-background-color: rgba(39, 40, 51, 0.03);
		--btn-primary-color: #fff;
		--btn-secondary-color: #6b6c7e;
		--btn-secondary-hover-border-color: #cdced9;
		--box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
		--container-max-lg: 960px;
		--btn-outline-primary-border-color: #0b5fff;
		--aspect-ratio: 100%;
		--gray-dark: #393a4a;
		--aspect-ratio-16-to-9: 56.25%;
		--box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
		--white: #fff;
		--warning: #b95000;
		--info: #2e5aac;
		--hr-border-width: 1px;
		--btn-link-color: #0b5fff;
		--gray-400: #cdced9;
		--gray-800: #393a4a;
		--btn-outline-primary-hover-background-color: #f0f5ff;
		--btn-primary-hover-background-color: #0053f0;
		--btn-primary-background-color: #0b5fff;
		--success: #287d3c;
		--font-size-sm: 0.875rem;
		--btn-primary-border-color: #0b5fff;
		--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
		--spacer-0: 0;
		--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
		--lead-font-size: 1.25rem;
		--border-radius: 0.25rem;
		--spacer-9: 9rem;
		--font-weight-light: 300;
		--btn-secondary-hover-color: #272833;
		--spacer-2: 0.5rem;
		--spacer-1: 0.25rem;
		--spacer-4: 1.5rem;
		--spacer-3: 1rem;
		--spacer-6: 4.5rem;
		--spacer-5: 3rem;
		--spacer-8: 7.5rem;
		--border-radius-circle: 50%;
		--spacer-7: 6rem;
		--font-size-lg: 1.125rem;
		--aspect-ratio-8-to-3: 37.5%;
		--font-family-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
		--gray-100: #f7f8f9;
		--font-weight-bolder: 900;
		--container-max-xl: 1248px;
		--btn-outline-secondary-color: #6b6c7e;
		--gray-500: #a7a9bc;
		--h1-font-size: 1.625rem;
		--gray-900: #272833;
		--text-muted: #a7a9bc;
		--btn-primary-hover-border-color: transparent;
		--btn-outline-secondary-border-color: #cdced9;
		--lead-font-weight: 300;
		--font-size-base: 0.875rem;
	}
	:root {
		--container-max-sm: 572px;
		--h4-font-size: 24px;
		--font-weight-bold: 700;
		--btn-outline-primary-border-color: #0000B3;
		--rounded-pill: 50rem;
		--danger: #FF8000;
		--gray-dark: #3D3D3D;
		--display2-size: 88px;
		--white: #FFFFFF;
		--warning: #FFB000;
		--info: #CFA8F4;
		--font-weight-lighter: 200;
		--h3-font-size: 36px;
		--btn-outline-primary-hover-border-color: transparent;
		--btn-link-color: #0000B3;
		--blockquote-small-color: #848484;
		--gray-400: #3D3D3D;
		--btn-secondary-hover-background-color: #F22331;
		--gray-200: #848484;
		--gray-800: #FFFFFF;
		--btn-outline-primary-hover-background-color: #0000B3;
		--btn-primary-hover-background-color: #398EF4;
		--gray-600: #FFFFFF;
		--btn-link-hover-color: #398EF4;
		--btn-outline-primary-color: #0000B3;
		--secondary: #B2E6BF;
		--hr-border-margin-y: 1px;
		--btn-primary-background-color: #0000B3;
		--light: #FFBD7E;
		--success: #9A4CF5;
		--btn-outline-primary-hover-color: #fff;
		--btn-secondary-background-color: #398EF4;
		--display3-size: 72px;
		--font-size-sm: 16px;
		--primary: #8AD0F4;
		--btn-primary-border-color: transparent;
		--font-family-base: Outfit, sans-serif;
		--container-max-md: 768px;
		--border-radius-sm: 2.5px;
		--display-line-height: 1.5;
		--spacer-0: 0px;
		--h6-font-size: 18px;
		--h2-font-size: 40px;
		--font-family-monospace: Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;
		--lead-font-size: 18px;
		--border-radius: 5px;
		--spacer-9: 144px;
		--spacer-10: 168px;
		--btn-secondary-hover-color: #fff;
		--font-weight-semi-bold: 600;
		--font-weight-normal: 400;
		--dark: #000000;
		--spacer-2: 8px;
		--spacer-1: 4px;
		--blockquote-small-font-size: 16px;
		--spacer-4: 24px;
		--spacer-3: 16px;
		--spacer-6: 72px;
		--h5-font-size: 20px;
		--spacer-5: 48px;
		--spacer-8: 120px;
		--spacer-7: 96px;
		--font-size-lg: 20px;
		--blockquote-font-size: 20px;
		--brand-color-3: #398EF4;
		--font-family-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
		--brand-color-2: #0000B3;
		--brand-color-1: #F22331;
		--display4-size: 56px;
		--gray-100: #C5C5C5;
		--font-weight-bolder: 800;
		--btn-primary-hover-color: #fff;
		--border-radius-lg: 10px;
		--container-max-xl: 1920px;
		--btn-outline-secondary-color: #fff;
		--display1-size: 96px;
		--brand-color-4: #53CC80;
		--gray-500: #F2F2F2;
		--black: #000000;
		--lighter: #FFD290;
		--gray-300: #808080;
		--h1-font-size: 50px;
		--text-muted: #C5C5C5;
		--gray-900: #FFFFFF;
		--gray-700: #FFFFFF;
		--btn-secondary-border-color: transparent;
		--btn-outline-secondary-hover-color: #fff;
		--btn-outline-secondary-border-color: #fff;
		--body-color: #3D3D3D;
		--btn-outline-secondary-hover-background-color: #398EF4;
		--btn-secondary-color: #fff;
		--btn-secondary-hover-border-color: transparent;
		--container-max-lg: 992px;
		--font-size-base: 18px;
	}
</style>
<link data-senna-track="permanent" href="/o/frontend-js-aui-web/alloy_ui.css?&mac=favIEq7hPo8AEd6k+N5OVADEEls=&browserId=other&languageId=en_US&minifierType=css&themeId=classic_WAR_classictheme" rel="stylesheet"></link>
<script type="module">
import {init} from '/o/frontend-js-spa-web/__liferay__/index.js';
{
init({"navigationExceptionSelectors":":not([target=\"_blank\"]):not([data-senna-off]):not([data-resource-href]):not([data-cke-saved-href]):not([data-cke-saved-href])","cacheExpirationTime":-1,"clearScreensCache":false,"portletsBlacklist":["com_liferay_login_web_portlet_CreateAccountPortlet","com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet","com_liferay_site_navigation_directory_web_portlet_SitesDirectoryPortlet","com_liferay_questions_web_internal_portlet_QuestionsPortlet","com_liferay_account_admin_web_internal_portlet_AccountUsersRegistrationPortlet","com_liferay_login_web_portlet_ForgotPasswordPortlet","com_liferay_portal_language_override_web_internal_portlet_PLOPortlet","com_liferay_login_web_portlet_LoginPortlet","com_liferay_login_web_portlet_FastLoginPortlet"],"excludedTargetPortlets":["com_liferay_users_admin_web_portlet_UsersAdminPortlet","com_liferay_server_admin_web_portlet_ServerAdminPortlet"],"validStatusCodes":[221,490,494,499,491,492,493,495,220],"debugEnabled":false,"loginRedirect":"","excludedPaths":["/c/document_library","/documents","/image"],"preloadCSS":false,"userNotification":{"message":"It looks like this is taking longer than expected.","title":"Oops","timeout":30000},"requestTimeout":0});
}

</script><link data-senna-track="temporary" href="/o/layout-common-styles/main.css?plid=259&segmentsExperienceId=736450&t=17602211509511756397431454" rel="stylesheet" type="text/css">





















<script type="text/javascript" data-senna-track="temporary">
	if (window.Analytics) {
		window._com_liferay_document_library_analytics_isViewFileEntry = false;
	}
</script>

<script type="text/javascript">
Liferay.on(
	'ddmFieldBlur', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'fieldBlurred',
				'Form',
				{
					fieldName: event.fieldName,
					focusDuration: event.focusDuration,
					formId: event.formId,
					formPageTitle: event.formPageTitle,
					page: event.page,
					title: event.title
				}
			);
		}
	}
);

Liferay.on(
	'ddmFieldFocus', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'fieldFocused',
				'Form',
				{
					fieldName: event.fieldName,
					formId: event.formId,
					formPageTitle: event.formPageTitle,
					page: event.page,
					title:event.title
				}
			);
		}
	}
);

Liferay.on(
	'ddmFormPageShow', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'pageViewed',
				'Form',
				{
					formId: event.formId,
					formPageTitle: event.formPageTitle,
					page: event.page,
					title: event.title
				}
			);
		}
	}
);

Liferay.on(
	'ddmFormSubmit', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'formSubmitted',
				'Form',
				{
					formId: event.formId,
					title: event.title
				}
			);
		}
	}
);

Liferay.on(
	'ddmFormView', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'formViewed',
				'Form',
				{
					formId: event.formId,
					title: event.title
				}
			);
		}
	}
);

</script><script>

</script>











<link data-senna-track="temporary" href="https://cdn-web-global-dev.cemexgws.com/css/common/fonts/material_symbols_outlined/material-symbols-outlined.css" rel="stylesheet" type="text/css" /><link data-senna-track="temporary" href="https://cdn-web-global-dev.cemexgws.com/css/common/fonts/outfit/outfit.css" rel="stylesheet" type="text/css" />

</head>

<body class="other change-tracking-enabled controls-visible  yui3-skin-sam signed-out public-page site">














































	<nav aria-label="Quick Links" class="bg-dark cadmin quick-access-nav text-center text-white" id="atpd_quickAccessNav">
		
			
				<a class="d-block p-2 sr-only sr-only-focusable text-reset" href="#main-content">
		Skip to Main Content
	</a>
			
			
	</nav>










































































<div class="d-flex flex-column min-vh-100">

	<div class="d-flex flex-column flex-fill position-relative" id="wrapper">

		<section class=" flex-fill" id="content">





























	

		


















	
	
	
		<div class="layout-content portlet-layout" id="main-content" role="main">
			





























	

	

	<div class="lfr-layout-structure-item-header-container lfr-layout-structure-item-afe546c7-66d4-2640-b55c-16fb1ce216ad " style=""><div id="fragment-6203ed1a-eec6-e99e-5124-fc8f2c9c3b9c" > <div class="fragment_1012">
        <div id="header-container">
        <div class="menus-container ">
            <div id="blue-bar"></div>
            <div id="header-level-1">
                <div class="h-100 container d-flex align-items-center ">
                    <div class="h-100 d-flex align-items-center global-websites-content">
                        <img src="/documents/1867803/1870936/globe-white-icon.svg/da19026b-8438-8956-9016-889f58bebb59?version=1.0&amp;t=1741721734214" alt="global-websites" data-lfr-editable-id="editable-global-icon" data-lfr-editable-type="image" class=" global-image" data-fileentryid="2692961">
                        <a href="/locations" data-lfr-editable-id="global-websites-link" data-lfr-editable-type="link" class=" link d-none d-lg-block d-xl-block">Global</a>
                    </div>
                    <div class="content-right h-100 flex-fill">
                        <div><div class="lfr-layout-structure-item-35dfc6bc-1210-1832-ead6-5238df663e80 lfr-layout-structure-item-container  d-flex flex-row align-items-center justify-content-between" style=""><div class="lfr-layout-structure-item-stock lfr-layout-structure-item-16c329b1-9488-a0f9-0bea-d5c87382235d " style=""><div id="fragment-2daa083f-b3d9-820d-9f9b-88df7c4a09bf"> <div class="header_point_container">
      <div class="header_point">
            <span class="global_innerText" id="global_innerText">
                  NYSE(USD)
            </span>
            <span class="heading_header_point" id="headerNumber1">

            </span>
      </div>
      <span class="point_line"></span>
      <div class="header_point header_text_hidden">
            <span class="global_innerText" id="global_innerText2">
                  BMV(MXN)
            </span>
            <span class="heading_header_point" id="headerNumber2">

            </span>
      </div>
</div></div><style>.header_point_container {
      color: var(--font-color-stock) !important;
      font-size: var(--font-size-stock);
	display: flex;
      gap: 1rem;
      align-items: center;
      margin: 0 0.5rem;

      .header_point {
            display: flex;
            column-gap: 1rem;
            align-items: center;
      }

      .point_line {
            width: 1px;
            height: var(--font-size-stock) ;
            object-fit: contain;
            background-color: var(--font-color-stock);
      }

      @media screen and (max-width: 800px) {
            .header_text_hidden {
                  display: none !important;
            }

            .display .header_text_hidden {
                  display: flex !important;
            }
      }
}</style><script type="module">const configuration = {"color":"var(--white)","size":"16px"}; const fragmentElement = document.querySelector('#fragment-2daa083f-b3d9-820d-9f9b-88df7c4a09bf'); const fragmentEntryLinkNamespace = 'qrsu'; const fragmentNamespace = 'qrsu'; const layoutMode = 'view';const currentDate = new Date();
const getSessionnyse = sessionStorage.getItem('nyse') ?? null;
const getSessionbmv = sessionStorage.getItem('bmv') ?? null;
const getSessiondate = sessionStorage.getItem('date') ?? '';
let lastsessionTime = new Date(getSessiondate);
const fourHoursInMs = 4 * 60 * 60 * 1000;
const headerPoint = fragmentElement.querySelector(".header_point_container")

headerPoint.style.setProperty("--font-size-stock", configuration.size);
headerPoint.style.setProperty("--font-color-stock", configuration.color);


function getStock() {
      if (getSessionnyse !== null) {
            if (lastsessionTime <= new Date(currentDate.getTime() - fourHoursInMs)) {
                  sessionStorage.clear('quoteValue1');
                  sessionStorage.clear('quoteValue');
                  sessionStorage.clear('currentDate');
                  fetchData()
            } else {
                  fragmentElement.querySelector("#headerNumber1").textContent = getSessionnyse;
                  fragmentElement.querySelector("#headerNumber2").textContent = getSessionbmv;
            }
      } else {
            fetchData();
      }
}

function fetchData() {
      fetch("https://tools.eurolandir.com/tools/pricefeed/xmlirmultiiso5.aspx?companyid=32012")
            .then(res => res.text())
            .then(data => {
                  const parser = new DOMParser();
                  const xmlDoc = parser.parseFromString(data, "text/xml");
                  const quoteValue = xmlDoc.getElementsByTagName("Quote")[0].textContent;
                  const quoteValue1 = xmlDoc.getElementsByTagName("Quote")[1].textContent;

                  sessionStorage.setItem('nyse', quoteValue1);
                  sessionStorage.setItem('bmv', quoteValue);
                  sessionStorage.setItem('date', currentDate);

                  const nyse = sessionStorage.getItem('nyse');
                  const bmv = sessionStorage.getItem('bmv');

                  fragmentElement.querySelector("#headerNumber1").textContent = nyse;
                  fragmentElement.querySelector("#headerNumber2").textContent = bmv;
            }).catch((err) => {
                  console.log(err)
            })
}

getStock();;</script></div><div class="lfr-layout-structure-item-0f98653a-a35e-f0d2-6f8d-774628148c08 lfr-layout-structure-item-container  d-flex flex-row align-items-center justify-content-end" style=""><div class="lfr-layout-structure-item-customizable-button lfr-layout-structure-item-aa1997ed-970e-c1db-35a5-80e3bfd8e6ec " style=""><div id="fragment-24ff949c-05e1-3c25-9c63-2ef7d1e5b546"> <div class="fragment_1205">
			<div class="component-button text-break">
			<a class="btn btn-nm  btn-link standard " data-lfr-editable-id="link" data-lfr-editable-type="link" href="/newsroom" id="link-fdjj">Newsroom</a>
		</div>
</div></div><style>.fragment_1205 {
  /* .btn-primary {
      --btn-active-background-color: var(--custom-active-background-color);
      --btn-active-color: var(--custom-active-text-color);
      --btn-default-background-color: var(--custom-background-color);
      --btn-default-color: var(--custom-text-color);
      --btn-hover-background-color: var(--custom-hover-background-color);
      --btn-hover-color: var(--custom-hover-text-color);
      background-color: var(--btn-default-background-color) !important;
      border-color: transparent !important;
      color: var(--btn-default-color) !important;
  }

  .btn-primary:hover {
      background-color: var(--btn-hover-background-color) !important;
      color: var(--btn-hover-color) !important;
  } */

  .btn {
    border-radius: 7px !important;
    -webkit-border-radius: 7px !important; /* Safari 5 */
    -moz-border-radius: 7px !important; /* Firefox 4 */
  }

  .btn:active {
    filter: brightness(80%) !important;
    -webkit-filter: brightness(80%) !important; /* Safari 6.0 - 9.0 */
  }

  /* .btn-outline-primary {
      --btn-active-border-color: var(--custom-active-border-color);
      --btn-active-color: var(--custom-active-text-color);
      --btn-default-border-color: var(--custom-border-color);
      --btn-default-color: var(--custom-text-color);
      --btn-hover-background-color: var(--custom-hover-border-color);
      --btn-hover-border-color: var(--custom-hover-border-color);
      --btn-hover-color: var(--custom-hover-text-color);
      border-color: var(--btn-default-border-color);
      color: var(--btn-default-color);
  }

  .btn-outline-primary:hover {
      border-color: var(--btn-hover-border-color);
      background-color: var(--btn-hover-background-color);
      color: var(--btn-hover-color);
  }

  .btn-link {
      --link-hover-color: var(--custom-hover-text-color);
      --link-color: var(--custom-text-color);
      color: var(--link-color);
      text-decoration: none !important;
  }

  .btn-link:hover {
      color: var(--link-hover-color);
  } */

  .btn-link {
    text-decoration: none !important;
  }
  
  .arrow {
    text-align: center;
    display: inline-block;
    position: relative;
    text-decoration: none;
    min-width: 150px;
    overflow: hidden;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s; /* Safari */
    -moz-transition: all 0.2s linear 0s; /* Firefox */
  }

  .arrow:before{
    content: "\e5c8";
    font-family: "Material Symbols Outlined" !important;
    padding-left: 10px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 40px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s; /* Safari */
    -moz-transition: all 0.2s linear 0s; /* Firefox */
  }

  .arrow:hover,
	.arrow.start{
    text-indent: -20px;
  }

  .arrow:hover:before,
	.arrow.start:before{
    opacity: 1;
    text-indent: 0px;
  }

  .btn.transition {
    transition: all 0.3s;
    -webkit-transition: all 0.3s; /* Safari */
    -moz-transition: all 0.3s; /* Firefox */
    position: relative;
    overflow: hidden;
    z-index: 1;
  }

  .btn.transition:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
  }

  .btn.transition:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s; /* Safari */
    -moz-transition: all 0.3s; /* Firefox */
    border-radius: 10px 10rem 10rem 10px;
    -webkit-border-radius: 10px 10rem 10rem 10px; /* Safari 5 */
    -moz-border-radius: 10px 10rem 10rem 10px; /* Firefox 4 */
    z-index: -1;
  }

  .btn-primary.transition:before {
    background-color: var(--btn-hover-background-color);
  }

  .btn-outline-primary.transition:before {
    background-color: var(--btn-hover-border-color);
  }

  .btn.transition:hover:before,
	.btn.transition.start:before{
    width: 100%;
  }
}</style><script type="module">const configuration = {"borderColor":"var(--btn-primary-background-color)","backgroundColor":"var(--btn-primary-background-color)","hoverTextColor":"var(--white)","buttonType":"btn-link","size":"btn-nm","hoverBorderColor":"var(--btn-primary-hover-background-color)","hoverBackgroundColor":"var(--btn-primary-hover-background-color)","block":false,"type":"link","textColor":"var(--white)","animation":"standard"}; const fragmentElement = document.querySelector('#fragment-24ff949c-05e1-3c25-9c63-2ef7d1e5b546'); const fragmentEntryLinkNamespace = 'fdjj'; const fragmentNamespace = 'fdjj'; const layoutMode = 'view';const btn = fragmentElement.querySelector(`#link-${fragmentEntryLinkNamespace}, #btn-${fragmentEntryLinkNamespace}`);

//fill
btn.style.setProperty("--custom-active-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-active-text-color", configuration.textColor);
btn.style.setProperty("--custom-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-text-color", configuration.textColor);
btn.style.setProperty("--custom-hover-background-color", configuration.hoverBackgroundColor);
btn.style.setProperty("--custom-hover-text-color", configuration.hoverTextColor);

//outline
btn.style.setProperty("--custom-active-border-color", configuration.borderColor);
btn.style.setProperty("--custom-border-color", configuration.borderColor);
btn.style.setProperty("--custom-hover-border-color", configuration.hoverBorderColor);

if (configuration.animation == "arrow") {
  if (btn.offsetWidth > 150) {
    const offset = btn.offsetWidth - 150 + 20; //150 min width 20px arrow width
    btn.style.width = `${btn.offsetWidth + offset}px`;
  }
}

//set styles and colors
function setInitialStyles() {
  btn.style.color = configuration.textColor;

  if (btn.classList.contains("btn-primary")) {
    btn.style.backgroundColor = configuration.backgroundColor;
    btn.style.borderColor = "transparent";
  }
  if (btn.classList.contains("btn-outline-primary")) {
    btn.style.backgroundColor = "initial";
    btn.style.borderColor = configuration.borderColor;
  }
}

function handleHover(event) {
  console.log("fired");
  if (event.type === "mouseenter") {
    // Mouse entered the element
    btn.style.color = configuration.hoverTextColor;

    if (btn.classList.contains("btn-primary")) {
      btn.style.backgroundColor = configuration.hoverBackgroundColor;
    }

    if (btn.classList.contains("btn-outline-primary")) {
      btn.style.backgroundColor = configuration.hoverBorderColor;
      btn.style.borderColor = configuration.hoverBorderColor;
    }
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.add("start");
    }
  } else if (event.type === "mouseleave") {
    // Mouse left the element
    setInitialStyles();
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.remove("start");
    }
  }
}

setInitialStyles();
btn.addEventListener("mouseenter", handleHover);
btn.addEventListener("mouseleave", handleHover);;</script></div><div class="lfr-layout-structure-item-customizable-button lfr-layout-structure-item-1ee0e256-d189-77b5-dd9a-53e74d331fb9 " style=""><div id="fragment-f4c667e4-6574-6d49-0d20-56e7bcfaa240"> <div class="fragment_1205">
			<div class="component-button text-break">
			<a class="btn btn-nm  btn-link standard " data-lfr-editable-id="link" data-lfr-editable-type="link" href="/careers" id="link-yuxk">Careers</a>
		</div>
</div></div><script type="module">const configuration = {"borderColor":"var(--btn-primary-background-color)","backgroundColor":"var(--btn-primary-background-color)","hoverTextColor":"var(--white)","buttonType":"btn-link","size":"btn-nm","hoverBorderColor":"var(--btn-primary-hover-background-color)","hoverBackgroundColor":"var(--btn-primary-hover-background-color)","block":false,"type":"link","textColor":"var(--white)","animation":"standard"}; const fragmentElement = document.querySelector('#fragment-f4c667e4-6574-6d49-0d20-56e7bcfaa240'); const fragmentEntryLinkNamespace = 'yuxk'; const fragmentNamespace = 'yuxk'; const layoutMode = 'view';const btn = fragmentElement.querySelector(`#link-${fragmentEntryLinkNamespace}, #btn-${fragmentEntryLinkNamespace}`);

//fill
btn.style.setProperty("--custom-active-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-active-text-color", configuration.textColor);
btn.style.setProperty("--custom-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-text-color", configuration.textColor);
btn.style.setProperty("--custom-hover-background-color", configuration.hoverBackgroundColor);
btn.style.setProperty("--custom-hover-text-color", configuration.hoverTextColor);

//outline
btn.style.setProperty("--custom-active-border-color", configuration.borderColor);
btn.style.setProperty("--custom-border-color", configuration.borderColor);
btn.style.setProperty("--custom-hover-border-color", configuration.hoverBorderColor);

if (configuration.animation == "arrow") {
  if (btn.offsetWidth > 150) {
    const offset = btn.offsetWidth - 150 + 20; //150 min width 20px arrow width
    btn.style.width = `${btn.offsetWidth + offset}px`;
  }
}

//set styles and colors
function setInitialStyles() {
  btn.style.color = configuration.textColor;

  if (btn.classList.contains("btn-primary")) {
    btn.style.backgroundColor = configuration.backgroundColor;
    btn.style.borderColor = "transparent";
  }
  if (btn.classList.contains("btn-outline-primary")) {
    btn.style.backgroundColor = "initial";
    btn.style.borderColor = configuration.borderColor;
  }
}

function handleHover(event) {
  console.log("fired");
  if (event.type === "mouseenter") {
    // Mouse entered the element
    btn.style.color = configuration.hoverTextColor;

    if (btn.classList.contains("btn-primary")) {
      btn.style.backgroundColor = configuration.hoverBackgroundColor;
    }

    if (btn.classList.contains("btn-outline-primary")) {
      btn.style.backgroundColor = configuration.hoverBorderColor;
      btn.style.borderColor = configuration.hoverBorderColor;
    }
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.add("start");
    }
  } else if (event.type === "mouseleave") {
    // Mouse left the element
    setInitialStyles();
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.remove("start");
    }
  }
}

setInitialStyles();
btn.addEventListener("mouseenter", handleHover);
btn.addEventListener("mouseleave", handleHover);;</script></div><div class="lfr-layout-structure-item-customizable-button lfr-layout-structure-item-423748a7-f064-3d02-16e4-c71b77a33c74 " style=""><div id="fragment-f6dd4652-33d4-be5a-5078-9ca05ae39b0a"> <div class="fragment_1205">
			<div class="component-button text-break">
			<a class="btn btn-nm  btn-link standard " data-lfr-editable-id="link" data-lfr-editable-type="link" href="/suppliers" id="link-xttg">Suppliers</a>
		</div>
</div></div><script type="module">const configuration = {"borderColor":"var(--btn-primary-background-color)","backgroundColor":"var(--btn-primary-background-color)","hoverTextColor":"var(--white)","buttonType":"btn-link","size":"btn-nm","hoverBorderColor":"var(--btn-primary-hover-background-color)","hoverBackgroundColor":"var(--btn-primary-hover-background-color)","block":false,"type":"link","textColor":"var(--white)","animation":"standard"}; const fragmentElement = document.querySelector('#fragment-f6dd4652-33d4-be5a-5078-9ca05ae39b0a'); const fragmentEntryLinkNamespace = 'xttg'; const fragmentNamespace = 'xttg'; const layoutMode = 'view';const btn = fragmentElement.querySelector(`#link-${fragmentEntryLinkNamespace}, #btn-${fragmentEntryLinkNamespace}`);

//fill
btn.style.setProperty("--custom-active-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-active-text-color", configuration.textColor);
btn.style.setProperty("--custom-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-text-color", configuration.textColor);
btn.style.setProperty("--custom-hover-background-color", configuration.hoverBackgroundColor);
btn.style.setProperty("--custom-hover-text-color", configuration.hoverTextColor);

//outline
btn.style.setProperty("--custom-active-border-color", configuration.borderColor);
btn.style.setProperty("--custom-border-color", configuration.borderColor);
btn.style.setProperty("--custom-hover-border-color", configuration.hoverBorderColor);

if (configuration.animation == "arrow") {
  if (btn.offsetWidth > 150) {
    const offset = btn.offsetWidth - 150 + 20; //150 min width 20px arrow width
    btn.style.width = `${btn.offsetWidth + offset}px`;
  }
}

//set styles and colors
function setInitialStyles() {
  btn.style.color = configuration.textColor;

  if (btn.classList.contains("btn-primary")) {
    btn.style.backgroundColor = configuration.backgroundColor;
    btn.style.borderColor = "transparent";
  }
  if (btn.classList.contains("btn-outline-primary")) {
    btn.style.backgroundColor = "initial";
    btn.style.borderColor = configuration.borderColor;
  }
}

function handleHover(event) {
  console.log("fired");
  if (event.type === "mouseenter") {
    // Mouse entered the element
    btn.style.color = configuration.hoverTextColor;

    if (btn.classList.contains("btn-primary")) {
      btn.style.backgroundColor = configuration.hoverBackgroundColor;
    }

    if (btn.classList.contains("btn-outline-primary")) {
      btn.style.backgroundColor = configuration.hoverBorderColor;
      btn.style.borderColor = configuration.hoverBorderColor;
    }
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.add("start");
    }
  } else if (event.type === "mouseleave") {
    // Mouse left the element
    setInitialStyles();
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.remove("start");
    }
  }
}

setInitialStyles();
btn.addEventListener("mouseenter", handleHover);
btn.addEventListener("mouseleave", handleHover);;</script></div><div class="lfr-layout-structure-item-search-container lfr-layout-structure-item-384d4f88-8b9c-dbeb-f92e-c7a1bf8b64bc " style=""><div id="fragment-bae1588f-deaf-12f8-eacf-2d987f2282ca"> <div class="fragment_708 " id="search-container-pjro">
	<div class="header_search">
           <div class="search_manual_input" id="search_manual_input">






































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_  portlet-static portlet-static-end portlet-borderless portlet-search-bar " id="p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets_">
		<span id="p_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets">

	<div class="portlet-content">


		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		


















	
	
		<form action="https://www.cemex.com/search" id="wfkm___fm" method="get" name="wfkm___fm">
			

			

			





































				
					
						<div id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets_reactSearchBar">
							<div id="jogx"></div><script type="module">
import {ReactSearchBar as componentModule} from '/o/portal-search-web/__liferay__/index.js';
import {render} from '/o/portal-template-react-renderer-impl/__liferay__/index.js';
{
render(componentModule, {"isSearchExperiencesSupported":true,"letUserChooseScope":false,"componentId":null,"selectedEverythingSearchScope":false,"retainFacetSelections":false,"scopeParameterStringEverything":"everything","locale":{"unicodeLocaleKeys":[],"country":"US","ISO3Language":"eng","displayName":"English (United States)","displayVariant":"","language":"en","displayLanguage":"English","script":"","unicodeLocaleAttributes":[],"displayCountry":"United States","ISO3Country":"USA","variant":"","extensionKeys":[],"displayScript":""},"suggestionsDisplayThreshold":2,"isDXP":true,"scopeParameterStringCurrentSite":"this-site","suggestionsContributorConfiguration":"[{\"attributes\":{\"characterThreshold\":\"2\",\"fields\":[],\"includeAssetSearchSummary\":true,\"includeAssetURL\":true,\"sxpBlueprintExternalReferenceCode\":\"6bf7a0ac-f440-8566-a54d-594171ad0537\"},\"contributorName\":\"sxpBlueprint\",\"displayGroupName\":\"suggestions\",\"size\":\"5\"}]","destinationFriendlyURL":"\/search","emptySearchEnabled":false,"scopeParameterName":"scope","keywordsParameterName":"q","portletId":"com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets","paginationStartParameterName":"","searchURL":"https:\/\/www.cemex.com\/search","suggestionsURL":"\/o\/search\/v1.0\/suggestions","initialKeywords":"","portletNamespace":"_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets_"}, 'jogx');
}

</script>
						</div>
					
					
				
			
		</form>

		<script type="module">
import {SearchBar as ComponentModule} from '/o/portal-search-web/__liferay__/index.js';
{
Liferay.component('__UNNAMED_COMPONENT__758bac80-036f-86ca-2b80-49fb628c5fbb', new ComponentModule({"formId":"wfkm___fm","namespace":"_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets_","spritemap":"https:\/\/www.cemex.com\/o\/classic-theme\/images\/clay\/icons.svg","initialKeywords":"","retainFacetSelections":false}), { destroyOnNavigate: true, portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets'});
}

</script>
	


	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






           </div>
           <div id="search_manual_icon" class="search_class">
               <div class="search_resources">
                                 <svg class="lexicon-icon lexicon-icon-search" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#search"></use></svg>
               </div>
               <div class="xmark_resources" id="xmark_resources">
                                
                                 <svg class="lexicon-icon lexicon-icon-times" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#times"></use></svg>
               </div>
           </div>
       </div>
	</div>

	
</div><style>.fragment_708 {

    .simple-search.input-group .input-group-item .input-group-inset-after.form-control::placeholder {
        color: inherit !important;
        font-weight: inherit;
    }

    .simple-search.input-group .input-group-item .input-group-inset-after.form-control {
        font-weight: inherit;
    }

    .simple-search.input-group {
        font-weight: 700 !important;
    }

    .simple-search .portlet {
        margin: 0 !important;
    }

    .simple-search .portlet .portlet-content.portlet-content-editable {
        min-height: auto !important;
    }
}


.fragment_708 .search_manual_input {
    background: unset;
    border-bottom: solid #fff;
    border-width: 0 0px 1px 0px;
    color: #fff;
    outline: none;
    display: none;
}



.fragment_708 .header_search {
    height: 46.8px;
    display: flex;
    justify-content: flex-end;
    margin-right: 0px !important;
    align-items: center;
    position: relative;
    flex: 1;
}

.fragment_708 .header_search .input-group .input-group-inset-item .btn .lexicon-icon {
    color: #fff;
    font-size: 20px;
}

.fragment_708 .header_search .input-group {
    flex-direction: row-reverse;
}

.fragment_708 .header_search .input-group input {
    background: unset;
    border: none;
    color: #fff;
}

.fragment_708 .header_search .input-group .input-group .input-group-inset-item {
    background: unset;
    border: none;
}

.fragment_708 .header_search .input-group input::placeholder {
    color: #fff;
    opacity: 1;
}

.fragment_708 .header_search .input-group input:-ms-input-placeholder {
    color: #fff;
}

.fragment_708 .header_search .input-group input::-ms-input-placeholder {
    color: #fff;
}

.fragment_708 .header_search .portlet {
    margin-bottom: 0;
}

.fragment_708 .header_search .lexicon-icon {
    width: 16px;
}



.fragment_708 .search_class .xmark_resources {
    display: none;

}

.fragment_708 .search_class {
    cursor: pointer;
}

.fragment_708 .search_resources img {
    width: 18px;
    height: 18px;
}

.fragment_708 .search_resources {
    color: #fff;
}

.fragment_708 .icon_class {
    position: relative;
}

.fragment_708 .icon_class .search_resources {
    display: none;

}

.fragment_708 .icon_class .xmark_resources {
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: -20px;
    left: -20px;
}

@media screen and (max-width: 800px) {

    .fragment_708 .search_manual_input {
        width: 100%;
    }

    .fragment_708 .header_search {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }

    .fragment_708 .search_class {
        margin: 0;
    }

    .fragment_708 .search_resources img {
        width: 15px;
        height: 15px;
    }
}</style><script type="module">const configuration = {"borderColor":"var(--brand-color-2)","backgroundColor":"var(--brand-color-2)","expandable":true,"iconColor":"var(--white)","fontColor":"var(--white)"}; const fragmentElement = document.querySelector('#fragment-bae1588f-deaf-12f8-eacf-2d987f2282ca'); const fragmentEntryLinkNamespace = 'pjro'; const fragmentNamespace = 'pjro'; const layoutMode = 'view';function applyStyles() {
  const inputElement = fragmentElement.querySelector('.input-group .input-group-item .input-group-inset-after.form-control');
  const inputIcon = fragmentElement.querySelector('.input-group .input-group-inset-item-after');

  if (inputElement && inputIcon) {
    inputElement.style.borderColor = configuration.borderColor;
    inputIcon.style.borderColor = configuration.borderColor;
    inputElement.style.backgroundColor = configuration.backgroundColor;
    inputIcon.style.backgroundColor = configuration.borderColor;
    inputElement.style.color = configuration.fontColor;
    inputIcon.style.color = configuration.iconColor;
  }
}

function expandableAnimation() {
  let search_icon = fragmentElement.querySelector("#search_manual_icon");
  let search_input = fragmentElement.querySelector("#search_manual_input");
  let headerContent = fragmentElement.querySelector(".header_above");
  search_icon.onclick = function () {
    if (search_input.style.display == "none") {
      search_input.style.display = "block";
      search_icon.classList.add("icon_class");
      search_icon.classList.remove("search_class");
      headerContent.classList.add("search_show");
    }
    else if (search_input.style.display == "block") {
      search_input.style.display = "none";
      search_icon.classList.add("search_class");
      search_icon.classList.remove("icon_class");
      headerContent.classList.remove("search_show");
    }
    else {
      search_input.style.display = "block";
      search_icon.classList.add("icon_class");
      search_icon.classList.remove("search_class");
      headerContent.classList.add("search_show");
    }
  }

}



// Observador de cambios en el DOM
const observer = new MutationObserver((mutationsList, observer) => {
  for (const mutation of mutationsList) {
    if (mutation.type === 'childList') {

      if (configuration.expandable) {
        expandableAnimation();
      } else {
        applyStyles();
      }
    }
  }
});

const observerConfig = { childList: true, subtree: true };
observer.observe(fragmentElement, observerConfig);



if (configuration.expandable) {
  expandableAnimation();
} else {
  applyStyles();
}

Liferay.on('destroyPortlet', () => {
  observer.disconnect()
});;</script></div><div class="lfr-layout-structure-item-basic-component-paragraph lfr-layout-structure-item-ad65eaa5-ed2b-3d07-055f-f7ece2c78b7e " style=""><div id="fragment-74c8fe49-ee98-7adb-025b-4c2931141ff6"> <div class="clearfix component-paragraph text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">|</div></div><style>.component-paragraph img {
	max-width: 100%;
}</style></div><div class="lfr-layout-structure-item-customizable-button lfr-layout-structure-item-82f11eec-fb79-f898-9a64-8eae63c93d23 " style=""><div id="fragment-52e032a8-b47a-7295-c593-5311a8068059"> <div class="fragment_1205">
			<div class="component-button text-break">
			<a class="btn btn-sm  btn-primary standard " data-lfr-editable-id="link" data-lfr-editable-type="link" href="/contact" id="link-zite">Contact</a>
		</div>
</div></div><script type="module">const configuration = {"borderColor":"var(--white)","backgroundColor":"var(--white)","hoverTextColor":"var(--brand-color-2)","buttonType":"btn-primary","size":"btn-sm","hoverBorderColor":"var(--white)","hoverBackgroundColor":"var(--white)","block":false,"type":"link","textColor":"var(--brand-color-2)","animation":"standard"}; const fragmentElement = document.querySelector('#fragment-52e032a8-b47a-7295-c593-5311a8068059'); const fragmentEntryLinkNamespace = 'zite'; const fragmentNamespace = 'zite'; const layoutMode = 'view';const btn = fragmentElement.querySelector(`#link-${fragmentEntryLinkNamespace}, #btn-${fragmentEntryLinkNamespace}`);

//fill
btn.style.setProperty("--custom-active-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-active-text-color", configuration.textColor);
btn.style.setProperty("--custom-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-text-color", configuration.textColor);
btn.style.setProperty("--custom-hover-background-color", configuration.hoverBackgroundColor);
btn.style.setProperty("--custom-hover-text-color", configuration.hoverTextColor);

//outline
btn.style.setProperty("--custom-active-border-color", configuration.borderColor);
btn.style.setProperty("--custom-border-color", configuration.borderColor);
btn.style.setProperty("--custom-hover-border-color", configuration.hoverBorderColor);

if (configuration.animation == "arrow") {
  if (btn.offsetWidth > 150) {
    const offset = btn.offsetWidth - 150 + 20; //150 min width 20px arrow width
    btn.style.width = `${btn.offsetWidth + offset}px`;
  }
}

//set styles and colors
function setInitialStyles() {
  btn.style.color = configuration.textColor;

  if (btn.classList.contains("btn-primary")) {
    btn.style.backgroundColor = configuration.backgroundColor;
    btn.style.borderColor = "transparent";
  }
  if (btn.classList.contains("btn-outline-primary")) {
    btn.style.backgroundColor = "initial";
    btn.style.borderColor = configuration.borderColor;
  }
}

function handleHover(event) {
  console.log("fired");
  if (event.type === "mouseenter") {
    // Mouse entered the element
    btn.style.color = configuration.hoverTextColor;

    if (btn.classList.contains("btn-primary")) {
      btn.style.backgroundColor = configuration.hoverBackgroundColor;
    }

    if (btn.classList.contains("btn-outline-primary")) {
      btn.style.backgroundColor = configuration.hoverBorderColor;
      btn.style.borderColor = configuration.hoverBorderColor;
    }
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.add("start");
    }
  } else if (event.type === "mouseleave") {
    // Mouse left the element
    setInitialStyles();
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.remove("start");
    }
  }
}

setInitialStyles();
btn.addEventListener("mouseenter", handleHover);
btn.addEventListener("mouseleave", handleHover);;</script></div><div class="lfr-layout-structure-item-com-liferay-site-navigation-language-web-portlet-sitenavigationlanguageportlet lfr-layout-structure-item-ff7823ce-d41d-c497-16bc-3f23aaae6958 " style=""><div id="fragment-52cabb29-dc2d-de0f-9c66-f7cbd8106f0b">





































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_  portlet-static portlet-static-end portlet-borderless portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_">
		<span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">

	<div class="portlet-content">


		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		


















	<div class="text-truncate">
<div class="btn-group lfr-icon-menu language-selector-btn"><a class="dropdown-toggle direction-down max-display-items-15 btn btn-secondary" href="javascript:void(0);" id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_kldx___menu" role="button" title="EN"><span class="lfr-icon-menu-text">EN</span> <i class="lfr-icon-menu-arrow caret"></i> </a><script>
AUI().use(
  'liferay-menu',
function(A) {
(function() {
var $ = AUI.$;var _ = AUI._;Liferay.Menu.register('_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_kldx___menu');
})();
});

</script><ul class="dropdown-menu lfr-menu-list direction-down">























	
		<li class="language-selector-item" role="presentation">
			
				
					<a href="/c/portal/update_language?redirect=%2Fnot-found&amp;groupId=44331&amp;privateLayout=false&amp;layoutId=212&amp;languageId=es_MX" target="_self" class=" dropdown-item lfr-icon-item taglib-icon" id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_kldx______menu__es__1" role="menuitem" aria-haspopup="false">
						


	
		
			
				
					<i class="inline-item inline-item-before"></i>
				
			
		
	



	
		<span class="taglib-text-icon">ES</span>
	
	
					</a>
				
				
		</li>
	
	

</ul></div>	</div>
<style>
	#portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet{
	margin-bottom:0px !important;
	}
.language-selector-btn a{
    font-size: 12px;
    line-height: 19px;
    padding: 4px 12px;
    border-radius: 7px;
    background-color: #0000B3 !important;
    color: #fff !important;
	  height:31px;
    border: 1px solid #fff;
	 
	}
	.language-selector-btn a span{
	 vertical-align:middle;
	}
	.language-selector-btn a:hover{
    background-color: #fff !important;
    color: #0000B3 !important;
    border: 1px solid #fff;
	}
	.language-selector-item .dropdown-item.focus, 
	.language-selector-item .dropdown-item:hover{
	background-color: #fff !important;
		border:none;
		box-shadow:none;
	}
	ul:has(.language-selector-item) {
	min-width: 73px !important;
    width: fit-content;
	}
	
</style>

	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






</div></div></div></div></div>
                        <div id="mobile-icons-container">
                        </div>
                    </div>
                </div>
            </div>
            <div id="header-level-2">
                <div class="container logo-image-container">
                    <a href="/home"><picture data-fileentryid="1871000"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/1871000/thumbnail-300x300/cemex-logo-color.png?t=1730920037901, /o/adaptive-media/image/1871000/Preview-1000x0/cemex-logo-color.png?t=1730920037901 2x" /><source media="(max-width:600px) and (min-width:300px)" srcset="/o/adaptive-media/image/1871000/Preview-1000x0/cemex-logo-color.png?t=1730920037901" /><source media="(max-width:600px) and (min-width:600px)" srcset="/o/adaptive-media/image/1871000/thumbnail-300x300-2x/cemex-logo-color.png?t=1730920037901" /><img src="/documents/1867803/1870998/cemex-logo-color.png/f7bd680a-fd80-a2db-fa7a-51fd9a9f7f6d?version=1.0&amp;t=1730920037901" alt="cemex-logo" id="editable-logo-image" data-lfr-editable-id="editable-logo-image" data-lfr-editable-type="image" class="logo-image" data-fileentryid="1871000"></picture></a>
                </div>
                <div><div class="lfr-layout-structure-item-test-embeed-menu-display lfr-layout-structure-item-e61810d8-bce5-fdcf-4642-afbb69d34664 " style=""><div id="fragment-1637dbfc-7e00-e6eb-006e-a4cde004f2b8"> <div class="fragment_501">
    <div id="custom-navigation-ugqn">
        <div id="navigation-widget">






































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_  portlet-static portlet-static-end portlet-borderless portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn_">
		<span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn">

	<div class="portlet-content">


		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		




















	

		

		
			
				<!--May redo the entire functionality-->


		<div id="navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn" class="navbar-default container">
			<ul aria-label=" site-pages" class="navbar-blank navbar-nav navbar-site nav-ul" role="menubar">
					<li ontouchstart="addActiveClassLi(this)" ontouchend="removeActiveClassLi(this)" onmouseenter="addActiveClassLi(this)" onmouseleave="removeActiveClassLi(this)" class="mainNavElements">
						<div class="lfr-nav-item nav-item" onmouseenter="onMouseOverOpenMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-about-us&quot;)" onmouseleave="onCloseMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-about-us&quot;)">
						<a href="https://www.cemex.com/about-us" style="" class="main-nav-link nav-link text-truncate dropdown-toggle">
							About Us
						</a>
							<div class="position-absolute w-100 nav-menu invisible even" id="submenu-about-us">
								<div class="container p-0">
									<div class="d-flex justify-content-between align-items-stretch header-section">
										<p class="mt-3">
											<!-- About Us -->
										</p>
										<!-- <button type="button" class="close" aria-label="Close" onclick="onCloseMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-about-us&quot;)">
											<span aria-hidden="true">&#10005;</span>
										</button> -->
									</div>

									<div class="d-flex fade-animation">
										<div class="nav-item-submenu">
											<!-- IMPORTANT: DO NOT ERASE-->
											<!-- populating this div through custom navigation fragment -->
										</div>
		<div class="d-flex flex-column nav-item-list" id="nav-level-1-" level="1">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-how-we-create-value&quot;, &quot;nav-level-1-&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-how-we-create-value&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/about-us/how-we-create-value">
							<span class="text-left">
								How we create value
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-how-we-create-value" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-diversity&quot;, &quot;nav-level-2-how-we-create-value&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-diversity&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/about-us/how-we-create-value/diversity">
							<span class="text-left">
								Diversity
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-management-team&quot;, &quot;nav-level-3-diversity&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-management-team&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/about-us/management-team">
							<span class="text-left">
								Management Team
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-ethics-and-compliance&quot;, &quot;nav-level-2-management-team&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-ethics-and-compliance&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/about-us/ethics-compliance">
							<span class="text-left">
								Ethics and Compliance
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
										<div class="nav-item-last">
												<!-- IMPORTANT: DO NOT ERASE-->
											<!-- populating this div through custom navigation fragment -->
										</div> 

									</div>

								</div>
							</div>
						</div>
					</li>

					<li ontouchstart="addActiveClassLi(this)" ontouchend="removeActiveClassLi(this)" onmouseenter="addActiveClassLi(this)" onmouseleave="removeActiveClassLi(this)" class="mainNavElements">
						<div class="lfr-nav-item nav-item" onmouseenter="onMouseOverOpenMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-products-and-solutions&quot;)" onmouseleave="onCloseMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-products-and-solutions&quot;)">
						<a href="https://www.cemex.com/products-solutions" style="" class="main-nav-link nav-link text-truncate dropdown-toggle">
							Products and Solutions
						</a>
							<div class="position-absolute w-100 nav-menu invisible odd" id="submenu-products-and-solutions">
								<div class="container p-0">
									<div class="d-flex justify-content-between align-items-stretch header-section">
										<p class="mt-3">
											<!-- Products and Solutions -->
										</p>
										<!-- <button type="button" class="close" aria-label="Close" onclick="onCloseMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-products-and-solutions&quot;)">
											<span aria-hidden="true">&#10005;</span>
										</button> -->
									</div>

									<div class="d-flex fade-animation">
										<div class="nav-item-submenu">
											<!-- IMPORTANT: DO NOT ERASE-->
											<!-- populating this div through custom navigation fragment -->
										</div>
		<div class="d-flex flex-column nav-item-list" id="nav-level-1-" level="1">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-products&quot;, &quot;nav-level-1-&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-products&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="pointer-events:none;" href="https://www.cemex.com">
							<span class="text-left">
								Products
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-products" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-concrete&quot;, &quot;nav-level-2-products&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-concrete&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/concrete">
							<span class="text-left">
								Concrete
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-cement&quot;, &quot;nav-level-3-concrete&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-cement&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/cement">
							<span class="text-left">
								Cement
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-aggregates&quot;, &quot;nav-level-3-cement&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-aggregates&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/aggregates">
							<span class="text-left">
								Aggregates
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-vertua&quot;, &quot;nav-level-3-aggregates&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-vertua&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/vertua">
							<span class="text-left">
								Vertua
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-solutions&quot;, &quot;nav-level-3-vertua&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-solutions&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="pointer-events:none;" href="https://www.cemex.com">
							<span class="text-left">
								Solutions
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-solutions" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-urbanization-solutions&quot;, &quot;nav-level-2-solutions&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-urbanization-solutions&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/urbanization-solutions">
							<span class="text-left">
								Urbanization Solutions
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-regenera&quot;, &quot;nav-level-3-urbanization-solutions&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-regenera&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/regenera">
							<span class="text-left">
								Regenera
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-projects&quot;, &quot;nav-level-3-regenera&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-projects&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/projects">
							<span class="text-left">
								Projects
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-projects" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-casa-loto&quot;, &quot;nav-level-2-projects&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-casa-loto&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/projects/casa-loto">
							<span class="text-left">
								Casa Loto
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-aldea-nizuc&quot;, &quot;nav-level-3-casa-loto&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-aldea-nizuc&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/projects/aldea-nizuc">
							<span class="text-left">
								Aldea Nizuc
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-starlight-benches&quot;, &quot;nav-level-3-aldea-nizuc&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-starlight-benches&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/projects/starlight-benches">
							<span class="text-left">
								Starlight Benches
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-casa-pasiddhi&quot;, &quot;nav-level-3-starlight-benches&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-casa-pasiddhi&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/projects/casa-pasiddhi">
							<span class="text-left">
								Casa Pasiddhi
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-reflection-space&quot;, &quot;nav-level-3-casa-pasiddhi&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-reflection-space&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/projects/reflection-space">
							<span class="text-left">
								Reflection Space
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
		</div>
										<div class="nav-item-last">
												<!-- IMPORTANT: DO NOT ERASE-->
											<!-- populating this div through custom navigation fragment -->
										</div> 

									</div>

								</div>
							</div>
						</div>
					</li>

					<li ontouchstart="addActiveClassLi(this)" ontouchend="removeActiveClassLi(this)" onmouseenter="addActiveClassLi(this)" onmouseleave="removeActiveClassLi(this)" class="mainNavElements">
						<div class="lfr-nav-item nav-item" onmouseenter="onMouseOverOpenMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-sustainability&quot;)" onmouseleave="onCloseMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-sustainability&quot;)">
						<a href="https://www.cemex.com/sustainability" style="" class="main-nav-link nav-link text-truncate dropdown-toggle">
							Sustainability
						</a>
							<div class="position-absolute w-100 nav-menu invisible even" id="submenu-sustainability">
								<div class="container p-0">
									<div class="d-flex justify-content-between align-items-stretch header-section">
										<p class="mt-3">
											<!-- Sustainability -->
										</p>
										<!-- <button type="button" class="close" aria-label="Close" onclick="onCloseMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-sustainability&quot;)">
											<span aria-hidden="true">&#10005;</span>
										</button> -->
									</div>

									<div class="d-flex fade-animation">
										<div class="nav-item-submenu">
											<!-- IMPORTANT: DO NOT ERASE-->
											<!-- populating this div through custom navigation fragment -->
										</div>
		<div class="d-flex flex-column nav-item-list" id="nav-level-1-" level="1">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-future-in-action&quot;, &quot;nav-level-1-&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-future-in-action&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/future-in-action">
							<span class="text-left">
								Future In Action
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-future-in-action" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-sustainable-products-&amp;-solutions&quot;, &quot;nav-level-2-future-in-action&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-sustainable-products-&amp;-solutions&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/future-in-action/sustainable-products-and-solutions">
							<span class="text-left">
								Sustainable Products &amp; Solutions
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-decarbonizing-our-operations&quot;, &quot;nav-level-3-sustainable-products-&amp;-solutions&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-decarbonizing-our-operations&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/future-in-action/decarbonizing-our-operations">
							<span class="text-left">
								Decarbonizing Our Operations
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-circular-economy&quot;, &quot;nav-level-3-decarbonizing-our-operations&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-circular-economy&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/future-in-action/circular-economy">
							<span class="text-left">
								Circular Economy
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-water,-biodiversity-&amp;-air-quality&quot;, &quot;nav-level-3-circular-economy&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-water,-biodiversity-&amp;-air-quality&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/future-in-action/water-biodiversity-and-air-quality">
							<span class="text-left">
								Water, Biodiversity &amp; Air Quality
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-innovation-and-partnerships&quot;, &quot;nav-level-3-water,-biodiversity-&amp;-air-quality&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-innovation-and-partnerships&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/future-in-action/innovation-partnerships">
							<span class="text-left">
								Innovation and Partnerships
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-promoting-a-green-economy&quot;, &quot;nav-level-3-innovation-and-partnerships&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-promoting-a-green-economy&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/future-in-action/promoting-a-green-economy">
							<span class="text-left">
								Promoting a Green Economy
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-social-impact&quot;, &quot;nav-level-3-promoting-a-green-economy&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-social-impact&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/social-impact">
							<span class="text-left">
								Social Impact
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-our-2030-targets&quot;, &quot;nav-level-2-social-impact&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-our-2030-targets&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/our-2030-targets">
							<span class="text-left">
								Our 2030 Targets
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-policies-&amp;-positions&quot;, &quot;nav-level-2-our-2030-targets&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-policies-&amp;-positions&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/policies-positions">
							<span class="text-left">
								Policies &amp; Positions
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-policies-&amp;-positions" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-policies&quot;, &quot;nav-level-2-policies-&amp;-positions&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-policies&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/policies-positions/policies">
							<span class="text-left">
								Policies
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-position-papers&quot;, &quot;nav-level-3-policies&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-position-papers&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/policies-positions/position-papers">
							<span class="text-left">
								Position Papers
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-company-statements&quot;, &quot;nav-level-3-position-papers&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-company-statements&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/sustainability/policies-positions/company-statements">
							<span class="text-left">
								Company Statements
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
		</div>
										<div class="nav-item-last">
												<!-- IMPORTANT: DO NOT ERASE-->
											<!-- populating this div through custom navigation fragment -->
										</div> 

									</div>

								</div>
							</div>
						</div>
					</li>

					<li ontouchstart="addActiveClassLi(this)" ontouchend="removeActiveClassLi(this)" onmouseenter="addActiveClassLi(this)" onmouseleave="removeActiveClassLi(this)" class="mainNavElements">
						<div class="lfr-nav-item nav-item" onmouseenter="onMouseOverOpenMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-innovation&quot;)" onmouseleave="onCloseMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-innovation&quot;)">
						<a href="https://www.cemex.com/innovation" style="" class="main-nav-link nav-link text-truncate dropdown-toggle">
							Innovation
						</a>
							<div class="position-absolute w-100 nav-menu invisible odd" id="submenu-innovation">
								<div class="container p-0">
									<div class="d-flex justify-content-between align-items-stretch header-section">
										<p class="mt-3">
											<!-- Innovation -->
										</p>
										<!-- <button type="button" class="close" aria-label="Close" onclick="onCloseMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-innovation&quot;)">
											<span aria-hidden="true">&#10005;</span>
										</button> -->
									</div>

									<div class="d-flex fade-animation">
										<div class="nav-item-submenu">
											<!-- IMPORTANT: DO NOT ERASE-->
											<!-- populating this div through custom navigation fragment -->
										</div>
		<div class="d-flex flex-column nav-item-list" id="nav-level-1-" level="1">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-digital-innovation&quot;, &quot;nav-level-1-&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-digital-innovation&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/innovation/digital-innovation">
							<span class="text-left">
								Digital Innovation
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-digital-innovation" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-digital-innovation-in-motion&quot;, &quot;nav-level-2-digital-innovation&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-digital-innovation-in-motion&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/innovation/digital-innovation/blog">
							<span class="text-left">
								Digital Innovation in Motion
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-building-information-modeling&quot;, &quot;nav-level-3-digital-innovation-in-motion&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-building-information-modeling&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/products-solutions/building-information-modeling-bim">
							<span class="text-left">
								Building Information Modeling
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
										<div class="nav-item-last">
												<!-- IMPORTANT: DO NOT ERASE-->
											<!-- populating this div through custom navigation fragment -->
										</div> 

									</div>

								</div>
							</div>
						</div>
					</li>

					<li ontouchstart="addActiveClassLi(this)" ontouchend="removeActiveClassLi(this)" onmouseenter="addActiveClassLi(this)" onmouseleave="removeActiveClassLi(this)" class="mainNavElements">
						<div class="lfr-nav-item nav-item" onmouseenter="onMouseOverOpenMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-investors&quot;)" onmouseleave="onCloseMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-investors&quot;)">
						<a href="https://www.cemex.com/investors" style="" class="main-nav-link nav-link text-truncate dropdown-toggle">
							Investors
						</a>
							<div class="position-absolute w-100 nav-menu invisible even" id="submenu-investors">
								<div class="container p-0">
									<div class="d-flex justify-content-between align-items-stretch header-section">
										<p class="mt-3">
											<!-- Investors -->
										</p>
										<!-- <button type="button" class="close" aria-label="Close" onclick="onCloseMenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;submenu-investors&quot;)">
											<span aria-hidden="true">&#10005;</span>
										</button> -->
									</div>

									<div class="d-flex fade-animation">
										<div class="nav-item-submenu">
											<!-- IMPORTANT: DO NOT ERASE-->
											<!-- populating this div through custom navigation fragment -->
										</div>
		<div class="d-flex flex-column nav-item-list" id="nav-level-1-" level="1">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-reports&quot;, &quot;nav-level-1-&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-reports&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/reports">
							<span class="text-left">
								Reports
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-reports" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-bmv-reports&quot;, &quot;nav-level-2-reports&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-bmv-reports&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/reports/bmv-reports">
							<span class="text-left">
								BMV Reports
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-sec-filings&quot;, &quot;nav-level-3-bmv-reports&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-sec-filings&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/reports/sec-filings">
							<span class="text-left">
								SEC Filings
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-relevant-events-bmv&quot;, &quot;nav-level-3-sec-filings&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-relevant-events-bmv&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/reports/relevant-events">
							<span class="text-left">
								Relevant Events BMV
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-financial-reports-excel&quot;, &quot;nav-level-3-relevant-events-bmv&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-financial-reports-excel&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/reports/financial-reports-excel">
							<span class="text-left">
								Financial Reports Excel
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-debt-information&quot;, &quot;nav-level-3-financial-reports-excel&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-debt-information&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/debt-information">
							<span class="text-left">
								Debt Information
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-debt-information" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-corporate-structure&quot;, &quot;nav-level-2-debt-information&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-corporate-structure&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/debt-information/corporate-structure">
							<span class="text-left">
								Corporate Structure
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-maturity-profile&quot;, &quot;nav-level-3-corporate-structure&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-maturity-profile&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/debt-information/maturity-profile">
							<span class="text-left">
								Maturity Profile
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-credit-ratings&quot;, &quot;nav-level-3-maturity-profile&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-credit-ratings&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/debt-information/credit-ratings">
							<span class="text-left">
								Credit Ratings
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-debt-instruments&quot;, &quot;nav-level-3-credit-ratings&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-debt-instruments&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/debt-information/debt-instruments">
							<span class="text-left">
								Debt Instruments
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-subordinated-notes&quot;, &quot;nav-level-3-debt-instruments&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-subordinated-notes&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/debt-information/subordinated-notes">
							<span class="text-left">
								Subordinated Notes
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-fixed-income-analysts&quot;, &quot;nav-level-3-subordinated-notes&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-fixed-income-analysts&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/debt-information/fixed-income-analysts">
							<span class="text-left">
								Fixed Income Analysts
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-sustainable-finance&quot;, &quot;nav-level-3-fixed-income-analysts&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-sustainable-finance&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/debt-information/sustainable-finance">
							<span class="text-left">
								Sustainable Finance
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-certificados-bursátiles&quot;, &quot;nav-level-3-sustainable-finance&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-certificados-bursátiles&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/debt-information/certificados-bursatiles">
							<span class="text-left">
								Certificados Bursátiles
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-stock-information&quot;, &quot;nav-level-3-certificados-bursátiles&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-stock-information&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/stock-information">
							<span class="text-left">
								Stock Information
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-stock-information" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-dividends&quot;, &quot;nav-level-2-stock-information&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-dividends&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/stock-information/dividends">
							<span class="text-left">
								Dividends
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-stock-chart&quot;, &quot;nav-level-3-dividends&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-stock-chart&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/stock-information/chart">
							<span class="text-left">
								Stock Chart
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-capitalization-program&quot;, &quot;nav-level-3-stock-chart&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-capitalization-program&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/stock-information/capitalization-program">
							<span class="text-left">
								Capitalization Program
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-direct-stock-purchase-plan&quot;, &quot;nav-level-3-capitalization-program&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-direct-stock-purchase-plan&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/stock-information/direct-stock-purchase-plan">
							<span class="text-left">
								Direct Stock Purchase Plan
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-equity-analysts&quot;, &quot;nav-level-3-direct-stock-purchase-plan&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-equity-analysts&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/stock-information/equity-analysts">
							<span class="text-left">
								Equity Analysts
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-corporate-action-announcement&quot;, &quot;nav-level-3-equity-analysts&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-corporate-action-announcement&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/stock-information/corporate-action-announcement">
							<span class="text-left">
								Corporate Action Announcement
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-corporate-governance&quot;, &quot;nav-level-3-corporate-action-announcement&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-corporate-governance&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/corporate-governance">
							<span class="text-left">
								Corporate Governance
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
		<div class="d-none flex-column nav-item-list" id="nav-level-2-corporate-governance" level="2">
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-committees&quot;, &quot;nav-level-2-corporate-governance&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-committees&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/corporate-governance/committees">
							<span class="text-left">
								Committees
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-by-laws&quot;, &quot;nav-level-3-committees&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-by-laws&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/corporate-governance/by-laws">
							<span class="text-left">
								By-Laws
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-cemex-and-the-nyse&quot;, &quot;nav-level-3-by-laws&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-cemex-and-the-nyse&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/corporate-governance/cemex-and-the-nyse">
							<span class="text-left">
								Cemex and the NYSE
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-sarbanes-oxley-act&quot;, &quot;nav-level-3-cemex-and-the-nyse&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-sarbanes-oxley-act&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/corporate-governance/sarbanes-oxley-act">
							<span class="text-left">
								Sarbanes-Oxley Act
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-board-of-directors&quot;, &quot;nav-level-3-sarbanes-oxley-act&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-board-of-directors&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/corporate-governance/board-of-directors">
							<span class="text-left">
								Board of Directors
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-code-of-ethics&quot;, &quot;nav-level-3-board-of-directors&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-3-code-of-ethics&quot;, 2, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/corporate-governance/code-of-ethics">
							<span class="text-left">
								Code of Ethics
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-analyst-estimates&quot;, &quot;nav-level-3-code-of-ethics&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-analyst-estimates&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/analyst-estimates">
							<span class="text-left">
								Analyst Estimates
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
					<div class="d-flex nav-unit" onmouseover="showSubmenuElements(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-financial-faqs&quot;, &quot;nav-level-2-analyst-estimates&quot;, this)" onmouseleave="closeSubmenu(&quot;navbar_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn&quot;,&quot;nav-level-2-financial-faqs&quot;, 1, this)">
						<a class="d-flex align-items-center w-100 nav-unit-link" style="" href="https://www.cemex.com/investors/financial-faqs">
							<span class="text-left">
								Financial FAQs
							</span>
							
                            <span class="material-symbols-outlined arrow ml-auto d-none">
                                arrow_forward
                             </span>
							
						</a>
					</div>
		</div>
										<div class="nav-item-last">
												<!-- IMPORTANT: DO NOT ERASE-->
											<!-- populating this div through custom navigation fragment -->
										</div> 

									</div>

								</div>
							</div>
						</div>
					</li>

			</ul>

		</div>



<style>
    .blurred {
        overflow: hidden;
    filter: blur(5px);
    transition: filter 0.5s ease;
}

@media (min-width: 1450px) {
		.navbar-default.container{
			/*  logo image*/
	max-width: 1419px;
			padding: 0;
	}
		.nav-item {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	.navbar-default.container .navbar-nav .nav-link {
	    padding-left: 0.5rem;
    padding-right: 0.5rem;
	}
	}
	@media (min-width: 1200px) {
		.navbar-default.container{
			/*  logo image*/
	max-width: calc(85%);
			padding: 0;
	}
		.nav-item {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
		.navbar-default.container .navbar-nav .nav-link {
	    padding-left: 5px !important ;
    padding-right: 5px !important;
	}
	}
    /* .navbar-nav .nav-item{
        height: 100%;
    } */
	
	.nav-ul{
        /* height: 100%; */
   float:right;
		flex-wrap:nowrap;
    max-width: 100%;
    }
	.mainNavElements.active{
font-size: 16px;
font-weight: 500;
line-height: 35px;
text-align: center;
color:#3999FF;

	}
    /* .mainNavElements::after{
    content: "";
    display: block;
    position: relative;
    bottom: 4px;
    cursor: pointer;
    width: 0;
    border-bottom: 5px solid #3999FF;
    transition: all 240ms ease;
    }
    .mainNavElements.active::after{
     width: 100%;
    } */
    .mainNavElements::after{
        content: "";
    display: block;
    width: 0;
      border-bottom: 5px solid #3999FF;  
      transition-delay: 336ms !important;
      transition: all 200ms ease-out;
    }
    .mainNavElements.active::after{
        transition-delay: 0ms !important;
        transition: all 168ms ease-in;
     width: 97%;
    }

	.mainNavElements .main-nav-link{
		height: 65px;/*70px minus 5px of border*/
		display:flex;
		align-items:center;
	}
	/* .mainNavElements .main-nav-link .dot{
		font-size:30px;
	 color: #3999FF;
   vertical-align: super;
   margin-bottom: 10px;
	}

	.mainNavElements.active .main-nav-link .dot{
visibility:hidden;
	}  */
.navbar-default .main-nav-link.nav-link {
   color: inherit !important; 
  text-decoration: inherit !important; 
}
	.navbar-default{
	position: relative;
    height: 70px;
    background-color: #FFFFFF;
    /* z-index: 9999; */
	}

    .navbar-default:hover{
	border-bottom: 1px solid #3999FF; 
	}
	
	html:not(#__):not(#___) body.product-menu-open #wrapper #header-container .nav-menu,
html:not(#__):not(#___) body.product-menu-open .cadmin.control-menu-container #header-container .nav-menu {
    width: calc(100vw - 338px) !important;
}
	.nav-menu {
        overflow: hidden;
        max-height: 1200px;
		background-color: #FFFFFF;
		width:100vw !important;
		z-index: 1100;
		top: 70px;/* size of horizontal menu */
		 left:-50%;
        right:-50%;
        margin-left: auto;
        margin-right: auto;
        transition: all 240ms ease-in;
	}

	.nav-menu.invisible {
        max-height: 0 !important;
        transition-delay: 240ms !important;
        transition: all 240ms ease-out;
        z-index: 1099;
	}
    .nav-menu>.container{
        min-height: 400px;
    }

	.nav-menu.invisible .fade-animation{
    opacity: 0;
    transition-delay: 0ms !important;
    transition: all 240ms ease;
    }
    .nav-menu .fade-animation{
        opacity: 1;
        transition-delay: 240ms !important;
        transition: all 240ms ease;
    }
	

	.header-section {
		color:#000000;
font-size: 25px;
font-weight: 600;
line-height: 31.5px;
	}

	.close {
		font-size: 21px;
		height: auto;
		/* color: white; */
	}

	.nav-item {
		max-width: 250px;
		padding-right: 10px;
		padding-left: 10px;
		font-size: 16px;
font-weight: 500;
line-height: 35px;
text-align: center;
	}

	.nav-item-submenu{
		width: calc((100% - 192px) / 4);
		color: #5F5F5F;
    text-align: justify;
    line-height: normal;
	}

	.nav-item-last {
		max-width: calc((100% - 192px) / 4);
        width: calc((100% - 192px) / 4);
		font-size: 12px;
		line-height: 12px;
		margin-left:auto;
        padding-left: 20px;
	}

	.nav-unit {
		min-height: 44px;
		padding-left: 48px;
	}

	.nav-unit .nav-unit-link{
		padding-left: 15px;
    padding-right: 10px;
		font-size: 16px;
font-weight: 500;
line-height: 19px;
color:#5F5F5F !important;	
	}

    .nav-unit .nav-unit-link span:first-child{
        overflow: hidden;
        text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }

	.nav-unit.active>.nav-unit-link{
		text-decoration:none;
		background-color:rgba(57, 153, 255, 0.15);
		border-radius: 6px;
		color:rgba(0, 3, 177, 1) !important;	
font-weight: 600;
	}

	.nav-unit.active>.nav-unit-link .arrow{
			text-decoration:none;
		display:block !important;

	}

	.nav-item-list {
		max-width: 340px;
		width: calc((100% - 150px) / 3 );
	}

	.nav-item-list .c-inner svg{
		font-size: 18px;
	}

	.nav-item-list[level]:not([level="1"]) {
		position: absolute;
		left:100%;
		top: 0px;
		width: 99%;
		max-width: 99%;
		height: 100%;
	}
	.nav-item-list[level="1"] {
		position: relative;
	}
	.nav-item-list[level="3"] {
		display: none;
	}

</style>

<script>
function sendNavItemsMobile(){
return [
    {
      "name": "About Us",
		  "url": "https://www.cemex.com/about-us",
      "level": 1,
      "children": 
[
    {
      "name": "How we create value",
		  "url": "https://www.cemex.com/about-us/how-we-create-value",
      "level": 2,
      "children": 
[
    {
      "name": "Diversity",
		  "url": "https://www.cemex.com/about-us/how-we-create-value/diversity",
      "level": 3,
      "children":         []
    }
]
    },
    {
      "name": "Management Team",
		  "url": "https://www.cemex.com/about-us/management-team",
      "level": 2,
      "children":         []
    },
    {
      "name": "Ethics and Compliance",
		  "url": "https://www.cemex.com/about-us/ethics-compliance",
      "level": 2,
      "children":         []
    }
]
    },
    {
      "name": "Products and Solutions",
		  "url": "https://www.cemex.com/products-solutions",
      "level": 1,
      "children": 
[
    {
      "name": "Products",
		  "url": "",
      "level": 2,
      "children": 
[
    {
      "name": "Concrete",
		  "url": "https://www.cemex.com/products-solutions/concrete",
      "level": 3,
      "children":         []
    },
    {
      "name": "Cement",
		  "url": "https://www.cemex.com/products-solutions/cement",
      "level": 3,
      "children":         []
    },
    {
      "name": "Aggregates",
		  "url": "https://www.cemex.com/products-solutions/aggregates",
      "level": 3,
      "children":         []
    },
    {
      "name": "Vertua",
		  "url": "https://www.cemex.com/products-solutions/vertua",
      "level": 3,
      "children":         []
    }
]
    },
    {
      "name": "Solutions",
		  "url": "",
      "level": 2,
      "children": 
[
    {
      "name": "Urbanization Solutions",
		  "url": "https://www.cemex.com/products-solutions/urbanization-solutions",
      "level": 3,
      "children":         []
    },
    {
      "name": "Regenera",
		  "url": "https://www.cemex.com/products-solutions/regenera",
      "level": 3,
      "children":         []
    }
]
    },
    {
      "name": "Projects",
		  "url": "https://www.cemex.com/products-solutions/projects",
      "level": 2,
      "children": 
[
    {
      "name": "Casa Loto",
		  "url": "https://www.cemex.com/products-solutions/projects/casa-loto",
      "level": 3,
      "children":         []
    },
    {
      "name": "Aldea Nizuc",
		  "url": "https://www.cemex.com/products-solutions/projects/aldea-nizuc",
      "level": 3,
      "children":         []
    },
    {
      "name": "Starlight Benches",
		  "url": "https://www.cemex.com/products-solutions/projects/starlight-benches",
      "level": 3,
      "children":         []
    },
    {
      "name": "Casa Pasiddhi",
		  "url": "https://www.cemex.com/products-solutions/projects/casa-pasiddhi",
      "level": 3,
      "children":         []
    },
    {
      "name": "Reflection Space",
		  "url": "https://www.cemex.com/products-solutions/projects/reflection-space",
      "level": 3,
      "children":         []
    }
]
    }
]
    },
    {
      "name": "Sustainability",
		  "url": "https://www.cemex.com/sustainability",
      "level": 1,
      "children": 
[
    {
      "name": "Future In Action",
		  "url": "https://www.cemex.com/sustainability/future-in-action",
      "level": 2,
      "children": 
[
    {
      "name": "Sustainable Products &amp; Solutions",
		  "url": "https://www.cemex.com/sustainability/future-in-action/sustainable-products-and-solutions",
      "level": 3,
      "children":         []
    },
    {
      "name": "Decarbonizing Our Operations",
		  "url": "https://www.cemex.com/sustainability/future-in-action/decarbonizing-our-operations",
      "level": 3,
      "children":         []
    },
    {
      "name": "Circular Economy",
		  "url": "https://www.cemex.com/sustainability/future-in-action/circular-economy",
      "level": 3,
      "children":         []
    },
    {
      "name": "Water, Biodiversity &amp; Air Quality",
		  "url": "https://www.cemex.com/sustainability/future-in-action/water-biodiversity-and-air-quality",
      "level": 3,
      "children":         []
    },
    {
      "name": "Innovation and Partnerships",
		  "url": "https://www.cemex.com/sustainability/future-in-action/innovation-partnerships",
      "level": 3,
      "children":         []
    },
    {
      "name": "Promoting a Green Economy",
		  "url": "https://www.cemex.com/sustainability/future-in-action/promoting-a-green-economy",
      "level": 3,
      "children":         []
    }
]
    },
    {
      "name": "Social Impact",
		  "url": "https://www.cemex.com/sustainability/social-impact",
      "level": 2,
      "children":         []
    },
    {
      "name": "Our 2030 Targets",
		  "url": "https://www.cemex.com/sustainability/our-2030-targets",
      "level": 2,
      "children":         []
    },
    {
      "name": "Policies &amp; Positions",
		  "url": "https://www.cemex.com/sustainability/policies-positions",
      "level": 2,
      "children": 
[
    {
      "name": "Policies",
		  "url": "https://www.cemex.com/sustainability/policies-positions/policies",
      "level": 3,
      "children":         []
    },
    {
      "name": "Position Papers",
		  "url": "https://www.cemex.com/sustainability/policies-positions/position-papers",
      "level": 3,
      "children":         []
    },
    {
      "name": "Company Statements",
		  "url": "https://www.cemex.com/sustainability/policies-positions/company-statements",
      "level": 3,
      "children":         []
    }
]
    }
]
    },
    {
      "name": "Innovation",
		  "url": "https://www.cemex.com/innovation",
      "level": 1,
      "children": 
[
    {
      "name": "Digital Innovation",
		  "url": "https://www.cemex.com/innovation/digital-innovation",
      "level": 2,
      "children": 
[
    {
      "name": "Digital Innovation in Motion",
		  "url": "https://www.cemex.com/innovation/digital-innovation/blog",
      "level": 3,
      "children":         []
    }
]
    },
    {
      "name": "Building Information Modeling",
		  "url": "https://www.cemex.com/products-solutions/building-information-modeling-bim",
      "level": 2,
      "children":         []
    }
]
    },
    {
      "name": "Investors",
		  "url": "https://www.cemex.com/investors",
      "level": 1,
      "children": 
[
    {
      "name": "Reports",
		  "url": "https://www.cemex.com/investors/reports",
      "level": 2,
      "children": 
[
    {
      "name": "BMV Reports",
		  "url": "https://www.cemex.com/investors/reports/bmv-reports",
      "level": 3,
      "children":         []
    },
    {
      "name": "SEC Filings",
		  "url": "https://www.cemex.com/investors/reports/sec-filings",
      "level": 3,
      "children":         []
    },
    {
      "name": "Relevant Events BMV",
		  "url": "https://www.cemex.com/investors/reports/relevant-events",
      "level": 3,
      "children":         []
    },
    {
      "name": "Financial Reports Excel",
		  "url": "https://www.cemex.com/investors/reports/financial-reports-excel",
      "level": 3,
      "children":         []
    }
]
    },
    {
      "name": "Debt Information",
		  "url": "https://www.cemex.com/investors/debt-information",
      "level": 2,
      "children": 
[
    {
      "name": "Corporate Structure",
		  "url": "https://www.cemex.com/investors/debt-information/corporate-structure",
      "level": 3,
      "children":         []
    },
    {
      "name": "Maturity Profile",
		  "url": "https://www.cemex.com/investors/debt-information/maturity-profile",
      "level": 3,
      "children":         []
    },
    {
      "name": "Credit Ratings",
		  "url": "https://www.cemex.com/investors/debt-information/credit-ratings",
      "level": 3,
      "children":         []
    },
    {
      "name": "Debt Instruments",
		  "url": "https://www.cemex.com/investors/debt-information/debt-instruments",
      "level": 3,
      "children":         []
    },
    {
      "name": "Subordinated Notes",
		  "url": "https://www.cemex.com/investors/debt-information/subordinated-notes",
      "level": 3,
      "children":         []
    },
    {
      "name": "Fixed Income Analysts",
		  "url": "https://www.cemex.com/investors/debt-information/fixed-income-analysts",
      "level": 3,
      "children":         []
    },
    {
      "name": "Sustainable Finance",
		  "url": "https://www.cemex.com/investors/debt-information/sustainable-finance",
      "level": 3,
      "children":         []
    },
    {
      "name": "Certificados Bursátiles",
		  "url": "https://www.cemex.com/investors/debt-information/certificados-bursatiles",
      "level": 3,
      "children":         []
    }
]
    },
    {
      "name": "Stock Information",
		  "url": "https://www.cemex.com/investors/stock-information",
      "level": 2,
      "children": 
[
    {
      "name": "Dividends",
		  "url": "https://www.cemex.com/investors/stock-information/dividends",
      "level": 3,
      "children":         []
    },
    {
      "name": "Stock Chart",
		  "url": "https://www.cemex.com/investors/stock-information/chart",
      "level": 3,
      "children":         []
    },
    {
      "name": "Capitalization Program",
		  "url": "https://www.cemex.com/investors/stock-information/capitalization-program",
      "level": 3,
      "children":         []
    },
    {
      "name": "Direct Stock Purchase Plan",
		  "url": "https://www.cemex.com/investors/stock-information/direct-stock-purchase-plan",
      "level": 3,
      "children":         []
    },
    {
      "name": "Equity Analysts",
		  "url": "https://www.cemex.com/investors/stock-information/equity-analysts",
      "level": 3,
      "children":         []
    },
    {
      "name": "Corporate Action Announcement",
		  "url": "https://www.cemex.com/investors/stock-information/corporate-action-announcement",
      "level": 3,
      "children":         []
    }
]
    },
    {
      "name": "Corporate Governance",
		  "url": "https://www.cemex.com/investors/corporate-governance",
      "level": 2,
      "children": 
[
    {
      "name": "Committees",
		  "url": "https://www.cemex.com/investors/corporate-governance/committees",
      "level": 3,
      "children":         []
    },
    {
      "name": "By-Laws",
		  "url": "https://www.cemex.com/investors/corporate-governance/by-laws",
      "level": 3,
      "children":         []
    },
    {
      "name": "Cemex and the NYSE",
		  "url": "https://www.cemex.com/investors/corporate-governance/cemex-and-the-nyse",
      "level": 3,
      "children":         []
    },
    {
      "name": "Sarbanes-Oxley Act",
		  "url": "https://www.cemex.com/investors/corporate-governance/sarbanes-oxley-act",
      "level": 3,
      "children":         []
    },
    {
      "name": "Board of Directors",
		  "url": "https://www.cemex.com/investors/corporate-governance/board-of-directors",
      "level": 3,
      "children":         []
    },
    {
      "name": "Code of Ethics",
		  "url": "https://www.cemex.com/investors/corporate-governance/code-of-ethics",
      "level": 3,
      "children":         []
    }
]
    },
    {
      "name": "Analyst Estimates",
		  "url": "https://www.cemex.com/investors/analyst-estimates",
      "level": 2,
      "children":         []
    },
    {
      "name": "Financial FAQs",
		  "url": "https://www.cemex.com/investors/financial-faqs",
      "level": 2,
      "children":         []
    }
]
    }
]

}
function addBlur() {
    const childrenExceptFirst = document.querySelectorAll('#main-content > :nth-child(n+2)');
    childrenExceptFirst.forEach(child => {
        child.classList.add('blurred');
    }); 
}

function removeBlur() {
    const childrenExceptFirst = document.querySelectorAll('#main-content > :nth-child(n+2)');
    childrenExceptFirst.forEach(child => {
        child.classList.remove('blurred');
    }); 
} 

function onMouseOverOpenMenu(navbarId, submenuName) {
    
	const submenu = document.querySelector("#"+navbarId+" #"+submenuName)
	if (submenu) {
		submenu.classList.remove('invisible')
        addBlur()
	}
}

function onCloseMenu(navbarId, submenuName) {
	const submenu = document.querySelector("#"+navbarId+" #"+submenuName)
	if (submenu) {
		submenu.classList.add('invisible')
        removeBlur()
	}
   
}

function showSubmenuElements(navbarId, childId, currentId, element) {
	const submenu = document.querySelector("#"+navbarId+" #"+CSS.escape(childId))
	if (submenu) {
		submenu.classList.add('d-flex')
	}
	if (element) {
		element.classList.add('active')
	}
}

function closeSubmenu(navbarId, id, level, element) {
	if (element) {
		element.classList.remove('active')
	}
	const submenu = document.querySelector("#"+navbarId+" #"+CSS.escape(id))
	if (submenu) {
		submenu.classList.remove('d-flex')
		submenu.classList.add('d-none')
	}
}

function addActiveClassLi(element) {
	if (element) {
		element.classList.add('active')
		
	}
}

function removeActiveClassLi(element) {
	if (element) {
		element.classList.remove('active')
	}
}


</script>
			
			
		
	
	
	
	


	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






        </div>
        <div class="container btn-config-contents d-none">
            <button class="btn btn-sm btn-secondary" id="config-contents-ugqn" type="button">
                Click to Configure Contents
            </button>
        </div>


        <div id="configurable-nav-ugqn" class="d-none container">
            <div class="navbar-default position-relative">
                <ul class="navbar-blank navbar-nav navbar-site" role="menubar">
                    <li id="nav_item_title_0" item-index="0" class="bg-secondary text-white">
                        <div class="lfr-nav-item nav-item">
                            <a href="" class="main-nav-link nav-link text-truncate dropdown-toggle">title</a>
                        </div>
                    </li>
                    <li id="nav_item_title_1" item-index="1" class="">
                        <div class="lfr-nav-item nav-item">
                            <a href="" class="main-nav-link nav-link text-truncate dropdown-toggle">title</a>
                        </div>
                    </li>
                    <li id="nav_item_title_2" item-index="2" class="">
                        <div class="lfr-nav-item nav-item">
                            <a href="" class="main-nav-link nav-link text-truncate dropdown-toggle">title</a>
                        </div>
                    </li>
                    <li id="nav_item_title_3" item-index="3" class="">
                        <div class="lfr-nav-item nav-item">
                            <a href="" class="main-nav-link nav-link text-truncate dropdown-toggle">title</a>
                        </div>
                    </li>
                    <li id="nav_item_title_4" item-index="4" class="">
                        <div class="lfr-nav-item nav-item">
                            <a href="" class="main-nav-link nav-link text-truncate dropdown-toggle">title</a>
                        </div>
                    </li>
                </ul>
            </div>


            <div class="w-100 " id="nav_menu_0">
                <div class="">
                    <div class="d-flex justify-content-between align-items-stretch header-section">
                        <p class="mt-3" id="section-title-0">
                            Section Title
                        </p>
                        <button type="button" class="close" aria-label="Close" id="close_button_0" item-index="0">
                            <span aria-hidden="true">✕</span>
                        </button>
                    </div>
                    <div class="d-flex" style="flex: 1 1 0px;">
                        <div class="nav-item-submenu" style="flex-basis:0; flex-grow: 1;" id="first_section_content_0">
                            <div><div class="lfr-layout-structure-item-f4ccd51d-5e4c-80f7-806b-6de485f3e5eb lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-image--copy--0 lfr-layout-structure-item-4de09711-5dbc-a7f6-cab7-fc3db4e13b6d " style=""><div id="fragment-be1855e6-9cb6-b4df-0173-221bd466c772"> <div class="component-image overflow-hidden " style="border-radius:6px;
						clip-path:unset">
    <picture data-fileentryid="2692804"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2692804/thumbnail-300x300/about-top-nav.webp?t=1743090064497, /o/adaptive-media/image/2692804/thumbnail-300x300-2x/about-top-nav.webp?t=1743090064497 2x" /><source media="(max-width:600px) and (min-width:300px)" srcset="/o/adaptive-media/image/2692804/thumbnail-300x300-2x/about-top-nav.webp?t=1743090064497" /><source media="(max-width:750px) and (min-width:600px)" srcset="/o/adaptive-media/image/2692804/Preview-1000x0/about-top-nav.webp?t=1743090064497" /><img alt="" loading="lazy" id="image-selected-desktop" data-lfr-editable-id="image-selected-lg" data-lfr-editable-type="image" class="w-100 d-none" data-fileentryid="2692804" src="/documents/44331/2692802/about-top-nav.webp/79db6846-6fa3-ee7f-3060-6eaca4aa5ac8?version=1.0&amp;t=1743090064497"></picture>
    <img alt="" loading="lazy" id="image-selected-landscape" data-lfr-editable-id="image-selected-md" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
    <img alt="" loading="lazy" id="image-selected-portrait" data-lfr-editable-id="image-selected-xs" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
    <img alt="" loading="lazy" id="image-selected-mobile" data-lfr-editable-id="image-selected-xxs" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
</div></div><style>.component-image.zoom-in img:hover{
transform: scale(1.1);
}

.component-image.zoom-in img{
transition: transform 1.5s;
}</style><script type="module">const configuration = {"shape":"unset","borderShape":"6px","zoomIn":false,"imageDescription":"","imageSize":"w-100"}; const fragmentElement = document.querySelector('#fragment-be1855e6-9cb6-b4df-0173-221bd466c772'); const fragmentEntryLinkNamespace = 'biaw'; const fragmentNamespace = 'biaw'; const layoutMode = 'view';const imageElements = {
    desktop: fragmentElement.querySelector('#image-selected-desktop'),
    landscape: fragmentElement.querySelector('#image-selected-landscape'),
    portrait: fragmentElement.querySelector('#image-selected-portrait'),
    mobile: fragmentElement.querySelector('#image-selected-mobile')
};


function hideImages(images) {
    Object.values(images).forEach(image => image.classList.add('d-none'));
}

function setImageSource() {

    const sizes = [
        { width: 992, element: imageElements.desktop },
        { width: 768, element: imageElements.landscape },
        { width: 576, element: imageElements.portrait },
        { width: 0, element: imageElements.mobile }
    ];

    let activeImage = null;

    // Buscar la imagen activa basada en el tamaño de pantalla
    for (let size of sizes) {
        if (window.innerWidth >= size.width && size.element.getAttribute('data-fileentryid')) {
            activeImage = size.element;
            break;
        }
    }

    // Si no se encuentra ninguna imagen activa, buscar cualquier imagen disponible
    if (!activeImage) {
        for (let size of sizes) {
            if (size.element.getAttribute('data-fileentryid')) {
                activeImage = size.element;
                break;
            }
        }
    }

    // Si no se encuentra ninguna imagen disponible, usar la imagen predeterminada de escritorio
    if (!activeImage) {
        activeImage = imageElements.desktop;
    }

    hideImages(imageElements);

    if (activeImage) {
        activeImage.classList.remove('d-none');
    }
}

setImageSource();
window.addEventListener('resize', setImageSource);;</script></div><div class="lfr-layout-structure-item-extended-paragraph lfr-layout-structure-item-1391f14c-3a00-88b3-4966-8db4b2144e91 " style=""><div id="fragment-8aa6b39b-9f24-d330-5020-11b38b1ee0f8"> <div class="fragment_1192">
	<div id="paragraph-lefs" class="truncate-text">
		<div id="editable-paragraph" data-lfr-editable-id="editable-paragraph" data-lfr-editable-type="rich-text">We are a leading sustainable construction materials company, with innovation and sustainability at our core, creating value for stakeholders.</div>
		
	</div>
	
</div></div><style>.fragment_1192 {
	.truncate-text>div{
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
}</style><script type="module">const configuration = {"enableCharLimit":false,"maxCharacters":"240","enableLineClamp":false,"lines":"5"}; const fragmentElement = document.querySelector('#fragment-8aa6b39b-9f24-d330-5020-11b38b1ee0f8'); const fragmentEntryLinkNamespace = 'lefs'; const fragmentNamespace = 'lefs'; const layoutMode = 'view';const paragraph = fragmentElement.querySelector(`#paragraph-${fragmentEntryLinkNamespace}>div, #paragraph-${fragmentEntryLinkNamespace}>#editable-paragraph`);
const editMode = layoutMode === 'edit'

let observer = null;

if (configuration.enableCharLimit && editMode) {
    const editor = fragmentElement.querySelector(`#paragraph-${fragmentEntryLinkNamespace}>#editable-paragraph`);

    function checkMaxCharacters() {
        if (editor.textContent.length > configuration.maxCharacters) {
            editor.textContent = editor.textContent.substring(0, configuration.maxCharacters);
        }
    }
    // Set up a MutationObserver to watch for changes in editor's text content
    observer = new MutationObserver(checkMaxCharacters);
    observer.observe(editor, { characterData: true, subtree: true, childList: true });

}

if (configuration.enableLineClamp) {
    function setMaxLines(element, maxLines) {
        element.style.webkitLineClamp = maxLines;
    }
    setMaxLines(paragraph, parseInt(configuration.lines));
}

if (!editMode || !configuration.enableCharLimit) {
    if (observer && typeof observer.disconnect === 'function') {
        observer.disconnect();
    }
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-8a0435d0-12fa-4362-a6f6-58d11cf0c348 " style=""><div id="fragment-35194fd4-f8bf-a543-8fa7-458a24085b15"> <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-jjht">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/about-us" id="fragment-jjht" style="color: var(--brand-color-2)">About Us</a>
        <div class="arrow-text-style" style="color: var(--brand-color-2)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><style>.fragment_2201 button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.fragment_2201 .text-with-download-link #link-wrapper{
margin-left:-10px;
}

.fragment_2201 .text-with-download-link .material-symbols-outlined::after {
    content: "arrow_forward";
}

.fragment_2201 .text-with-download-link {
    display: inline-flex;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    column-gap: 10px;
}


.fragment_2201 .link-text {
    font-weight: 700;
    flex-grow: 0;
}

.fragment_2201 .link-text,
.fragment_2201 .link-text:hover {
    text-decoration: none;
}

.fragment_2201 .arrow-text-style a,
.fragment_2201 .arrow-text-style button {
    color: inherit;
    text-decoration: none;
}</style><script type="module">const configuration = {"ArrowColor":"var(--brand-color-2)","FontColor":"var(--brand-color-2)","hoverArrowColor":"var(--brand-color-3)","type":"link","hoverFontColor":"var(--brand-color-3)"}; const fragmentElement = document.querySelector('#fragment-35194fd4-f8bf-a543-8fa7-458a24085b15'); const fragmentEntryLinkNamespace = 'jjht'; const fragmentNamespace = 'jjht'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div></div></div>
                        </div>
                        <div class="flex-column nav-item-list" style="flex-basis:0; flex-grow: 1;">
                        </div>
                        <div class="flex-column nav-item-list" style="flex-basis:0; flex-grow: 1;">
                        </div>
                        <div class="" id="last_section_content_0" style="flex-basis:0; flex-grow: 1;">
                            <div><div class="lfr-layout-structure-item-06d1fdbc-62a4-ed95-9785-c152fe93b9a4 lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-8cf6a7da-63bc-1104-dc01-c18961ce5470 " style=""><div id="fragment-421a5251-39ed-a50d-2757-b7000365db6d"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a href="/careers"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/careers-icon-blue+%281%29.svg/4b8aa59f-9e02-1ec8-57e2-2f2755900e89?version=1.0&amp;t=1741719513240" data-fileentryid="2692657"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a href="/careers">Careers</a></div>
	</div>

</div></div><style>.fragment_4979 {
	display:flex;
	gap:24px;
	align-items:center;
}
.fragment_4979 .document_Title{
  color:inherit;
}
.fragment_4979 a{
  color:inherit;
	text-decoration:none;
}
.fragment_4979 a:hover{
 text-decoration:none;
}
.Icon_Image{
width:30px;
height:30px;
}</style></div><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-16bbbd75-67eb-4bd6-205f-e5c4a46c70ac " style=""><div id="fragment-4b732d22-55a5-bd29-ba33-0133eff58ceb"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a href="/contact"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/contact-icon-blue+%281%29.svg/2be860d9-5124-049a-c85a-081b1a788ed1?version=1.0&amp;t=1741719513563" data-fileentryid="2692667"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a href="/contact">Contact Us</a></div>
	</div>

</div></div></div></div></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="w-100 d-none" id="nav_menu_1">
                <div class="">
                    <div class="d-flex justify-content-between align-items-stretch header-section">
                        <p class="mt-3" id="section-title-1">
                            Section Title
                        </p>
                        <button type="button" class="close" aria-label="Close" id="close_button_1" item-index="1">
                            <span aria-hidden="true">✕</span>
                        </button>
                    </div>
                    <div class="d-flex" style="flex: 1 1 0px;">
                        <div class="nav-item-submenu" style="flex-basis:0; flex-grow: 1;" id="first_section_content_1">
                            <div><div class="lfr-layout-structure-item-071e08ff-71a0-4b76-b57d-6283092e25e4 lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-image--copy--0 lfr-layout-structure-item-1d4e8967-1059-0654-2b34-33fa58352eb1 " style=""><div id="fragment-dfd4cfc8-7a05-01b5-40b0-dae1b79fd1f7"> <div class="component-image overflow-hidden " style="border-radius:6px;
						clip-path:unset">
    <picture data-fileentryid="2692826"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2692826/thumbnail-300x300/products-top-nav.webp?t=1743090064497, /o/adaptive-media/image/2692826/thumbnail-300x300-2x/products-top-nav.webp?t=1743090064497 2x" /><source media="(max-width:600px) and (min-width:300px)" srcset="/o/adaptive-media/image/2692826/thumbnail-300x300-2x/products-top-nav.webp?t=1743090064497" /><source media="(max-width:750px) and (min-width:600px)" srcset="/o/adaptive-media/image/2692826/Preview-1000x0/products-top-nav.webp?t=1743090064497" /><img alt="" loading="lazy" id="image-selected-desktop" data-lfr-editable-id="image-selected-lg" data-lfr-editable-type="image" class="w-100 d-none" data-fileentryid="2692826" src="/documents/44331/2692802/products-top-nav.webp/cfbeed2f-46d6-1f4e-24c9-383cc586fbc1?version=1.0&amp;t=1743090064497"></picture>
    <img alt="" loading="lazy" id="image-selected-landscape" data-lfr-editable-id="image-selected-md" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
    <img alt="" loading="lazy" id="image-selected-portrait" data-lfr-editable-id="image-selected-xs" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
    <img alt="" loading="lazy" id="image-selected-mobile" data-lfr-editable-id="image-selected-xxs" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
</div></div><script type="module">const configuration = {"shape":"unset","borderShape":"6px","zoomIn":false,"imageDescription":"","imageSize":"w-100"}; const fragmentElement = document.querySelector('#fragment-dfd4cfc8-7a05-01b5-40b0-dae1b79fd1f7'); const fragmentEntryLinkNamespace = 'dpcy'; const fragmentNamespace = 'dpcy'; const layoutMode = 'view';const imageElements = {
    desktop: fragmentElement.querySelector('#image-selected-desktop'),
    landscape: fragmentElement.querySelector('#image-selected-landscape'),
    portrait: fragmentElement.querySelector('#image-selected-portrait'),
    mobile: fragmentElement.querySelector('#image-selected-mobile')
};


function hideImages(images) {
    Object.values(images).forEach(image => image.classList.add('d-none'));
}

function setImageSource() {

    const sizes = [
        { width: 992, element: imageElements.desktop },
        { width: 768, element: imageElements.landscape },
        { width: 576, element: imageElements.portrait },
        { width: 0, element: imageElements.mobile }
    ];

    let activeImage = null;

    // Buscar la imagen activa basada en el tamaño de pantalla
    for (let size of sizes) {
        if (window.innerWidth >= size.width && size.element.getAttribute('data-fileentryid')) {
            activeImage = size.element;
            break;
        }
    }

    // Si no se encuentra ninguna imagen activa, buscar cualquier imagen disponible
    if (!activeImage) {
        for (let size of sizes) {
            if (size.element.getAttribute('data-fileentryid')) {
                activeImage = size.element;
                break;
            }
        }
    }

    // Si no se encuentra ninguna imagen disponible, usar la imagen predeterminada de escritorio
    if (!activeImage) {
        activeImage = imageElements.desktop;
    }

    hideImages(imageElements);

    if (activeImage) {
        activeImage.classList.remove('d-none');
    }
}

setImageSource();
window.addEventListener('resize', setImageSource);;</script></div><div class="lfr-layout-structure-item-extended-paragraph lfr-layout-structure-item-625a9a14-2547-355f-cc3b-e70ac1698855 " style=""><div id="fragment-6009d92a-b438-33fa-f2c7-5a7ccbe0547b"> <div class="fragment_1192">
	<div id="paragraph-qdwa" class="truncate-text">
		<div id="editable-paragraph" data-lfr-editable-id="editable-paragraph" data-lfr-editable-type="rich-text">Focused on quality, innovation, and sustainability, our portfolio of products and solutions delivers exceptional building solutions tailored to customer needs.</div>
		
	</div>
	
</div></div><script type="module">const configuration = {"enableCharLimit":false,"maxCharacters":"240","enableLineClamp":false,"lines":"5"}; const fragmentElement = document.querySelector('#fragment-6009d92a-b438-33fa-f2c7-5a7ccbe0547b'); const fragmentEntryLinkNamespace = 'qdwa'; const fragmentNamespace = 'qdwa'; const layoutMode = 'view';const paragraph = fragmentElement.querySelector(`#paragraph-${fragmentEntryLinkNamespace}>div, #paragraph-${fragmentEntryLinkNamespace}>#editable-paragraph`);
const editMode = layoutMode === 'edit'

let observer = null;

if (configuration.enableCharLimit && editMode) {
    const editor = fragmentElement.querySelector(`#paragraph-${fragmentEntryLinkNamespace}>#editable-paragraph`);

    function checkMaxCharacters() {
        if (editor.textContent.length > configuration.maxCharacters) {
            editor.textContent = editor.textContent.substring(0, configuration.maxCharacters);
        }
    }
    // Set up a MutationObserver to watch for changes in editor's text content
    observer = new MutationObserver(checkMaxCharacters);
    observer.observe(editor, { characterData: true, subtree: true, childList: true });

}

if (configuration.enableLineClamp) {
    function setMaxLines(element, maxLines) {
        element.style.webkitLineClamp = maxLines;
    }
    setMaxLines(paragraph, parseInt(configuration.lines));
}

if (!editMode || !configuration.enableCharLimit) {
    if (observer && typeof observer.disconnect === 'function') {
        observer.disconnect();
    }
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-9302870f-8c7e-ebb0-2934-a86acade696f " style=""><div id="fragment-21efee0a-1435-5d02-cc9d-c5ee736b4b60"> <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-tajp">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/products-solutions" id="fragment-tajp" style="color: var(--brand-color-2)">Products and Solutions</a>
        <div class="arrow-text-style" style="color: var(--brand-color-2)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--brand-color-2)","FontColor":"var(--brand-color-2)","hoverArrowColor":"var(--brand-color-3)","type":"link","hoverFontColor":"var(--brand-color-3)"}; const fragmentElement = document.querySelector('#fragment-21efee0a-1435-5d02-cc9d-c5ee736b4b60'); const fragmentEntryLinkNamespace = 'tajp'; const fragmentNamespace = 'tajp'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div></div></div>
                        </div>
                        <div class="flex-column nav-item-list" style="flex-basis:0; flex-grow: 1;">
                        </div>
                        <div class="flex-column nav-item-list" style="flex-basis:0; flex-grow: 1;">
                        </div>
                        <div class="" id="last_section_content_1" style="flex-basis:0; flex-grow: 1;">
                            <div><div class="lfr-layout-structure-item-2672cacb-c6c9-e374-e8b3-0ddbd4a58632 lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-b56ac9ee-917d-4eac-4150-1e57c641a99e " style=""><div id="fragment-af44048a-5f81-ebf4-dedb-30d9829cb1c1"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a href="/sustainability/future-in-action"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/sustainable-icon-blue.svg/d829057a-cafa-f465-7a3f-fc5526d1d307?version=1.0&amp;t=1741719297095" data-fileentryid="2692630"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a href="/sustainability/future-in-action">Future in Action</a></div>
	</div>

</div></div></div><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-16daed0a-e018-e6be-7d4f-e6ae733bb298 " style=""><div id="fragment-c527007a-0201-395f-d1c5-6d7ae00f9b88"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a href="/innovation"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/innovation--icon-blue.svg/c3768559-5c31-e19c-e46e-654889a40e0e?version=1.0&amp;t=1741719296461" data-fileentryid="2692610"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a href="/innovation">Innovation</a></div>
	</div>

</div></div></div></div></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="w-100 d-none" id="nav_menu_2">
                <div class="">
                    <div class="d-flex justify-content-between align-items-stretch header-section">
                        <p class="mt-3" id="section-title-2">
                            Section Title
                        </p>
                        <button type="button" class="close" aria-label="Close" id="close_button_2" item-index="2">
                            <span aria-hidden="true">✕</span>
                        </button>
                    </div>
                    <div class="d-flex" style="flex: 1 1 0px;">
                        <div class="nav-item-submenu" style="flex-basis:0; flex-grow: 1;" id="first_section_content_2">
                            <div><div class="lfr-layout-structure-item-d33a8be0-190a-026d-296c-f7a06c2f9ef0 lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-image--copy--0 lfr-layout-structure-item-1236e7e0-f3ae-1e4d-f067-e554535321ff " style=""><div id="fragment-141cbdd2-c33a-cf91-28fc-e357fb91583e"> <div class="component-image overflow-hidden " style="border-radius:6px;
						clip-path:unset">
    <picture data-fileentryid="2692917"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2692917/thumbnail-300x300/sustainability-top-nav.webp?t=1743090064497, /o/adaptive-media/image/2692917/thumbnail-300x300-2x/sustainability-top-nav.webp?t=1743090064497 2x" /><source media="(max-width:600px) and (min-width:300px)" srcset="/o/adaptive-media/image/2692917/thumbnail-300x300-2x/sustainability-top-nav.webp?t=1743090064497" /><source media="(max-width:750px) and (min-width:600px)" srcset="/o/adaptive-media/image/2692917/Preview-1000x0/sustainability-top-nav.webp?t=1743090064497" /><img alt="" loading="lazy" id="image-selected-desktop" data-lfr-editable-id="image-selected-lg" data-lfr-editable-type="image" class="w-100 d-none" data-fileentryid="2692917" src="/documents/44331/2692802/sustainability-top-nav.webp/739c5f0d-cf11-adb0-d7f9-b4c818dd120b?version=1.0&amp;t=1743090064497"></picture>
    <img alt="" loading="lazy" id="image-selected-landscape" data-lfr-editable-id="image-selected-md" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
    <img alt="" loading="lazy" id="image-selected-portrait" data-lfr-editable-id="image-selected-xs" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
    <img alt="" loading="lazy" id="image-selected-mobile" data-lfr-editable-id="image-selected-xxs" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
</div></div><script type="module">const configuration = {"shape":"unset","borderShape":"6px","zoomIn":false,"imageDescription":"","imageSize":"w-100"}; const fragmentElement = document.querySelector('#fragment-141cbdd2-c33a-cf91-28fc-e357fb91583e'); const fragmentEntryLinkNamespace = 'ayjd'; const fragmentNamespace = 'ayjd'; const layoutMode = 'view';const imageElements = {
    desktop: fragmentElement.querySelector('#image-selected-desktop'),
    landscape: fragmentElement.querySelector('#image-selected-landscape'),
    portrait: fragmentElement.querySelector('#image-selected-portrait'),
    mobile: fragmentElement.querySelector('#image-selected-mobile')
};


function hideImages(images) {
    Object.values(images).forEach(image => image.classList.add('d-none'));
}

function setImageSource() {

    const sizes = [
        { width: 992, element: imageElements.desktop },
        { width: 768, element: imageElements.landscape },
        { width: 576, element: imageElements.portrait },
        { width: 0, element: imageElements.mobile }
    ];

    let activeImage = null;

    // Buscar la imagen activa basada en el tamaño de pantalla
    for (let size of sizes) {
        if (window.innerWidth >= size.width && size.element.getAttribute('data-fileentryid')) {
            activeImage = size.element;
            break;
        }
    }

    // Si no se encuentra ninguna imagen activa, buscar cualquier imagen disponible
    if (!activeImage) {
        for (let size of sizes) {
            if (size.element.getAttribute('data-fileentryid')) {
                activeImage = size.element;
                break;
            }
        }
    }

    // Si no se encuentra ninguna imagen disponible, usar la imagen predeterminada de escritorio
    if (!activeImage) {
        activeImage = imageElements.desktop;
    }

    hideImages(imageElements);

    if (activeImage) {
        activeImage.classList.remove('d-none');
    }
}

setImageSource();
window.addEventListener('resize', setImageSource);;</script></div><div class="lfr-layout-structure-item-extended-paragraph lfr-layout-structure-item-66dae13e-091b-466a-32fb-38cf870d9e42 " style=""><div id="fragment-6cd716b9-abe3-8be8-a4cf-299cc1de56de"> <div class="fragment_1192">
	<div id="paragraph-luph" class="truncate-text">
		<div id="editable-paragraph" data-lfr-editable-id="editable-paragraph" data-lfr-editable-type="rich-text">We’re committed to building a sustainable future by focusing on environmental, social, and governance issues, aiming to become a net-zero CO2 company.</div>
		
	</div>
	
</div></div><script type="module">const configuration = {"enableCharLimit":false,"maxCharacters":"240","enableLineClamp":false,"lines":"5"}; const fragmentElement = document.querySelector('#fragment-6cd716b9-abe3-8be8-a4cf-299cc1de56de'); const fragmentEntryLinkNamespace = 'luph'; const fragmentNamespace = 'luph'; const layoutMode = 'view';const paragraph = fragmentElement.querySelector(`#paragraph-${fragmentEntryLinkNamespace}>div, #paragraph-${fragmentEntryLinkNamespace}>#editable-paragraph`);
const editMode = layoutMode === 'edit'

let observer = null;

if (configuration.enableCharLimit && editMode) {
    const editor = fragmentElement.querySelector(`#paragraph-${fragmentEntryLinkNamespace}>#editable-paragraph`);

    function checkMaxCharacters() {
        if (editor.textContent.length > configuration.maxCharacters) {
            editor.textContent = editor.textContent.substring(0, configuration.maxCharacters);
        }
    }
    // Set up a MutationObserver to watch for changes in editor's text content
    observer = new MutationObserver(checkMaxCharacters);
    observer.observe(editor, { characterData: true, subtree: true, childList: true });

}

if (configuration.enableLineClamp) {
    function setMaxLines(element, maxLines) {
        element.style.webkitLineClamp = maxLines;
    }
    setMaxLines(paragraph, parseInt(configuration.lines));
}

if (!editMode || !configuration.enableCharLimit) {
    if (observer && typeof observer.disconnect === 'function') {
        observer.disconnect();
    }
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-3080c8f1-3412-1692-0381-212102f5fca5 " style=""><div id="fragment-4b84f247-462c-8664-be93-854e4a3e74c3"> <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-pfys">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/sustainability" id="fragment-pfys" style="color: var(--brand-color-2)">Sustainability</a>
        <div class="arrow-text-style" style="color: var(--brand-color-2)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--brand-color-2)","FontColor":"var(--brand-color-2)","hoverArrowColor":"var(--brand-color-3)","type":"link","hoverFontColor":"var(--brand-color-3)"}; const fragmentElement = document.querySelector('#fragment-4b84f247-462c-8664-be93-854e4a3e74c3'); const fragmentEntryLinkNamespace = 'pfys'; const fragmentNamespace = 'pfys'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div></div></div>
                        </div>
                        <div class="flex-column nav-item-list" style="flex-basis:0; flex-grow: 1;">
                        </div>
                        <div class="flex-column nav-item-list" style="flex-basis:0; flex-grow: 1;">
                        </div>
                        <div class="" id="last_section_content_2" style="flex-basis:0; flex-grow: 1;">
                            <div><div class="lfr-layout-structure-item-39301d22-f016-bad8-b022-50133d16240c lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-302e6701-e11e-0b2d-933f-264e81cc1700 " style=""><div id="fragment-05666d2a-d0d3-aa45-8840-788371ca0b23"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a href="/investors/debt-information/sustainable-finance"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/finance-icon-blue.svg/3ffa7de9-e3fa-f1ba-c067-01bcf800945b?version=1.0&amp;t=1741719296098" data-fileentryid="2692600"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a href="/investors/debt-information/sustainable-finance">Sustainable Finance</a></div>
	</div>

</div></div></div><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-e1dd66c3-a01a-0970-9c93-ddb9227a2022 " style=""><div id="fragment-3b7f5c65-0d85-9866-a549-3daeb430130f"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a href="/sustainability/esg-ratings-standards"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/rating-icon-blue-2.svg/ec598fb0-3077-9dd2-b01d-f1dc05609573?version=1.0&amp;t=1741719710393" data-fileentryid="2692691"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a href="/sustainability/esg-ratings-standards">ESG Ratings &amp; Standards</a></div>
	</div>

</div></div></div></div></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="w-100 d-none" id="nav_menu_3">
                <div class="">
                    <div class="d-flex justify-content-between align-items-stretch header-section">
                        <p class="mt-3" id="section-title-3">
                            Section Title
                        </p>
                        <button type="button" class="close" aria-label="Close" id="close_button_3" item-index="3">
                            <span aria-hidden="true">✕</span>
                        </button>
                    </div>
                    <div class="d-flex" style="flex: 1 1 0px;">
                        <div class="nav-item-submenu" style="flex-basis:0; flex-grow: 1;" id="first_section_content_3">
                            <div><div class="lfr-layout-structure-item-51dc376a-7c81-ef50-4d88-7ba9e6477288 lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-image--copy--0 lfr-layout-structure-item-d256f426-7cbb-554f-20a6-9447858a6337 " style=""><div id="fragment-19c9d7a1-164f-38e8-a97c-91fbdc662632"> <div class="component-image overflow-hidden " style="border-radius:6px;
						clip-path:unset">
    <picture data-fileentryid="2692814"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2692814/thumbnail-300x300/innovation-top-nav.webp?t=1743090064497, /o/adaptive-media/image/2692814/thumbnail-300x300-2x/innovation-top-nav.webp?t=1743090064497 2x" /><source media="(max-width:600px) and (min-width:300px)" srcset="/o/adaptive-media/image/2692814/thumbnail-300x300-2x/innovation-top-nav.webp?t=1743090064497" /><source media="(max-width:750px) and (min-width:600px)" srcset="/o/adaptive-media/image/2692814/Preview-1000x0/innovation-top-nav.webp?t=1743090064497" /><img alt="" loading="lazy" id="image-selected-desktop" data-lfr-editable-id="image-selected-lg" data-lfr-editable-type="image" class="w-100 d-none" data-fileentryid="2692814" src="/documents/44331/2692802/innovation-top-nav.webp/54c08c6d-6f7a-e5f3-247a-c16d8f97b336?version=1.0&amp;t=1743090064497"></picture>
    <img alt="" loading="lazy" id="image-selected-landscape" data-lfr-editable-id="image-selected-md" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
    <img alt="" loading="lazy" id="image-selected-portrait" data-lfr-editable-id="image-selected-xs" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
    <img alt="" loading="lazy" id="image-selected-mobile" data-lfr-editable-id="image-selected-xxs" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
</div></div><script type="module">const configuration = {"shape":"unset","borderShape":"6px","zoomIn":false,"imageDescription":"","imageSize":"w-100"}; const fragmentElement = document.querySelector('#fragment-19c9d7a1-164f-38e8-a97c-91fbdc662632'); const fragmentEntryLinkNamespace = 'tsqg'; const fragmentNamespace = 'tsqg'; const layoutMode = 'view';const imageElements = {
    desktop: fragmentElement.querySelector('#image-selected-desktop'),
    landscape: fragmentElement.querySelector('#image-selected-landscape'),
    portrait: fragmentElement.querySelector('#image-selected-portrait'),
    mobile: fragmentElement.querySelector('#image-selected-mobile')
};


function hideImages(images) {
    Object.values(images).forEach(image => image.classList.add('d-none'));
}

function setImageSource() {

    const sizes = [
        { width: 992, element: imageElements.desktop },
        { width: 768, element: imageElements.landscape },
        { width: 576, element: imageElements.portrait },
        { width: 0, element: imageElements.mobile }
    ];

    let activeImage = null;

    // Buscar la imagen activa basada en el tamaño de pantalla
    for (let size of sizes) {
        if (window.innerWidth >= size.width && size.element.getAttribute('data-fileentryid')) {
            activeImage = size.element;
            break;
        }
    }

    // Si no se encuentra ninguna imagen activa, buscar cualquier imagen disponible
    if (!activeImage) {
        for (let size of sizes) {
            if (size.element.getAttribute('data-fileentryid')) {
                activeImage = size.element;
                break;
            }
        }
    }

    // Si no se encuentra ninguna imagen disponible, usar la imagen predeterminada de escritorio
    if (!activeImage) {
        activeImage = imageElements.desktop;
    }

    hideImages(imageElements);

    if (activeImage) {
        activeImage.classList.remove('d-none');
    }
}

setImageSource();
window.addEventListener('resize', setImageSource);;</script></div><div class="lfr-layout-structure-item-extended-paragraph lfr-layout-structure-item-a9740967-af0e-1a76-57f2-2ca320924d65 " style=""><div id="fragment-7bbdcc4f-b7ea-7a84-e4fd-a01d3f403fdd"> <div class="fragment_1192">
	<div id="paragraph-rroc" class="truncate-text">
		<div id="editable-paragraph" data-lfr-editable-id="editable-paragraph" data-lfr-editable-type="rich-text">We push industry boundaries by exploring new technologies, materials, and processes to create better, more sustainable solutions that positively impact the world.</div>
		
	</div>
	
</div></div><script type="module">const configuration = {"enableCharLimit":false,"maxCharacters":"240","enableLineClamp":false,"lines":"5"}; const fragmentElement = document.querySelector('#fragment-7bbdcc4f-b7ea-7a84-e4fd-a01d3f403fdd'); const fragmentEntryLinkNamespace = 'rroc'; const fragmentNamespace = 'rroc'; const layoutMode = 'view';const paragraph = fragmentElement.querySelector(`#paragraph-${fragmentEntryLinkNamespace}>div, #paragraph-${fragmentEntryLinkNamespace}>#editable-paragraph`);
const editMode = layoutMode === 'edit'

let observer = null;

if (configuration.enableCharLimit && editMode) {
    const editor = fragmentElement.querySelector(`#paragraph-${fragmentEntryLinkNamespace}>#editable-paragraph`);

    function checkMaxCharacters() {
        if (editor.textContent.length > configuration.maxCharacters) {
            editor.textContent = editor.textContent.substring(0, configuration.maxCharacters);
        }
    }
    // Set up a MutationObserver to watch for changes in editor's text content
    observer = new MutationObserver(checkMaxCharacters);
    observer.observe(editor, { characterData: true, subtree: true, childList: true });

}

if (configuration.enableLineClamp) {
    function setMaxLines(element, maxLines) {
        element.style.webkitLineClamp = maxLines;
    }
    setMaxLines(paragraph, parseInt(configuration.lines));
}

if (!editMode || !configuration.enableCharLimit) {
    if (observer && typeof observer.disconnect === 'function') {
        observer.disconnect();
    }
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-c48d0c10-3e59-ad6b-085f-96381b1a9f03 " style=""><div id="fragment-d3ab3883-840a-29f1-7de3-2f58767007c9"> <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-ppeu">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/innovation" id="fragment-ppeu" style="color: var(--brand-color-2)">Innovation</a>
        <div class="arrow-text-style" style="color: var(--brand-color-2)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--brand-color-2)","FontColor":"var(--brand-color-2)","hoverArrowColor":"var(--brand-color-3)","type":"link","hoverFontColor":"var(--brand-color-3)"}; const fragmentElement = document.querySelector('#fragment-d3ab3883-840a-29f1-7de3-2f58767007c9'); const fragmentEntryLinkNamespace = 'ppeu'; const fragmentNamespace = 'ppeu'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div></div></div>
                        </div>
                        <div class="flex-column nav-item-list" style="flex-basis:0; flex-grow: 1;">
                        </div>
                        <div class="flex-column nav-item-list" style="flex-basis:0; flex-grow: 1;">
                        </div>
                        <div class="" id="last_section_content_3" style="flex-basis:0; flex-grow: 1;">
                            <div><div class="lfr-layout-structure-item-be11f560-78a7-6fb5-8863-7b781a2ae2cf lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-56991731-ebba-aad7-3c94-f2159ef262a2 " style=""><div id="fragment-a690d61b-9d3b-cf63-c297-3e324f136ee0"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a href="/sustainability"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/sustainable-icon-blue.svg/d829057a-cafa-f465-7a3f-fc5526d1d307?version=1.0&amp;t=1741719297095" data-fileentryid="2692630"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a href="/sustainability">Sustainability</a></div>
	</div>

</div></div></div><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-1c973719-a0c8-3630-b446-00c6a037ec33 " style=""><div id="fragment-99dbd994-bb7d-c7f4-20f3-d94a8ff5d20e"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a href="/sustainability/future-in-action/innovation-partnerships"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/partner-icon.blue.svg/724bf10a-9ad9-b2d6-e8cb-a96b2cc7ccd1?version=1.0&amp;t=1741719710088" data-fileentryid="2692681"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a href="/sustainability/future-in-action/innovation-partnerships">Partnerships</a></div>
	</div>

</div></div></div></div></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="w-100 d-none" id="nav_menu_4">
                <div class="">
                    <div class="d-flex justify-content-between align-items-stretch header-section">
                        <p class="mt-3" id="section-title-4">
                            Section Title
                        </p>
                        <button type="button" class="close" aria-label="Close" id="close_button_4" item-index="4">
                            <span aria-hidden="true">✕</span>
                        </button>
                    </div>
                    <div class="d-flex" style="flex: 1 1 0px;">
                        <div class="nav-item-submenu" style="flex-basis:0; flex-grow: 1;" id="first_section_content_4">
                            <div><div class="lfr-layout-structure-item-fd4ec139-1fa2-dbd8-98c0-23112cd423e4 lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-image--copy--0 lfr-layout-structure-item-bf737fee-33b1-be9e-ea52-b6008d2c5377 " style=""><div id="fragment-fafb6b64-ce02-d6fa-6da4-cc2aa957ae42"> <div class="component-image overflow-hidden " style="border-radius:6px;
						clip-path:unset">
    <picture data-fileentryid="2700761"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/2700761/thumbnail-300x300/investors-top-nav.webp?t=1743090064497, /o/adaptive-media/image/2700761/thumbnail-300x300-2x/investors-top-nav.webp?t=1743090064497 2x" /><source media="(max-width:600px) and (min-width:300px)" srcset="/o/adaptive-media/image/2700761/thumbnail-300x300-2x/investors-top-nav.webp?t=1743090064497" /><source media="(max-width:750px) and (min-width:600px)" srcset="/o/adaptive-media/image/2700761/Preview-1000x0/investors-top-nav.webp?t=1743090064497" /><img alt="" loading="lazy" id="image-selected-desktop" data-lfr-editable-id="image-selected-lg" data-lfr-editable-type="image" class="w-100 d-none" data-fileentryid="2700761" src="/documents/44331/2692802/investors-top-nav.webp/73da6cfb-3118-907f-b4cc-a14a8d75dc06?version=1.0&amp;t=1743090064497"></picture>
    <img alt="" loading="lazy" id="image-selected-landscape" data-lfr-editable-id="image-selected-md" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
    <img alt="" loading="lazy" id="image-selected-portrait" data-lfr-editable-id="image-selected-xs" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
    <img alt="" loading="lazy" id="image-selected-mobile" data-lfr-editable-id="image-selected-xxs" data-lfr-editable-type="image" class="w-100 d-none" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=">
</div></div><script type="module">const configuration = {"shape":"unset","borderShape":"6px","zoomIn":false,"imageDescription":"","imageSize":"w-100"}; const fragmentElement = document.querySelector('#fragment-fafb6b64-ce02-d6fa-6da4-cc2aa957ae42'); const fragmentEntryLinkNamespace = 'ucdc'; const fragmentNamespace = 'ucdc'; const layoutMode = 'view';const imageElements = {
    desktop: fragmentElement.querySelector('#image-selected-desktop'),
    landscape: fragmentElement.querySelector('#image-selected-landscape'),
    portrait: fragmentElement.querySelector('#image-selected-portrait'),
    mobile: fragmentElement.querySelector('#image-selected-mobile')
};


function hideImages(images) {
    Object.values(images).forEach(image => image.classList.add('d-none'));
}

function setImageSource() {

    const sizes = [
        { width: 992, element: imageElements.desktop },
        { width: 768, element: imageElements.landscape },
        { width: 576, element: imageElements.portrait },
        { width: 0, element: imageElements.mobile }
    ];

    let activeImage = null;

    // Buscar la imagen activa basada en el tamaño de pantalla
    for (let size of sizes) {
        if (window.innerWidth >= size.width && size.element.getAttribute('data-fileentryid')) {
            activeImage = size.element;
            break;
        }
    }

    // Si no se encuentra ninguna imagen activa, buscar cualquier imagen disponible
    if (!activeImage) {
        for (let size of sizes) {
            if (size.element.getAttribute('data-fileentryid')) {
                activeImage = size.element;
                break;
            }
        }
    }

    // Si no se encuentra ninguna imagen disponible, usar la imagen predeterminada de escritorio
    if (!activeImage) {
        activeImage = imageElements.desktop;
    }

    hideImages(imageElements);

    if (activeImage) {
        activeImage.classList.remove('d-none');
    }
}

setImageSource();
window.addEventListener('resize', setImageSource);;</script></div><div class="lfr-layout-structure-item-extended-paragraph lfr-layout-structure-item-0beb5d4c-e1b0-2fd7-326a-16a0b7c1f7bf " style=""><div id="fragment-adddc80d-d35d-ef1f-7dc6-71bc29e33d3e"> <div class="fragment_1192">
	<div id="paragraph-wmub" class="truncate-text">
		<div id="editable-paragraph" data-lfr-editable-id="editable-paragraph" data-lfr-editable-type="rich-text">Our commitment to stakeholder value is reflected in our strategy, fundamentals, and performance. Stay updated on key financial info, reports, and events.</div>
		
	</div>
	
</div></div><script type="module">const configuration = {"enableCharLimit":false,"maxCharacters":"240","enableLineClamp":false,"lines":"5"}; const fragmentElement = document.querySelector('#fragment-adddc80d-d35d-ef1f-7dc6-71bc29e33d3e'); const fragmentEntryLinkNamespace = 'wmub'; const fragmentNamespace = 'wmub'; const layoutMode = 'view';const paragraph = fragmentElement.querySelector(`#paragraph-${fragmentEntryLinkNamespace}>div, #paragraph-${fragmentEntryLinkNamespace}>#editable-paragraph`);
const editMode = layoutMode === 'edit'

let observer = null;

if (configuration.enableCharLimit && editMode) {
    const editor = fragmentElement.querySelector(`#paragraph-${fragmentEntryLinkNamespace}>#editable-paragraph`);

    function checkMaxCharacters() {
        if (editor.textContent.length > configuration.maxCharacters) {
            editor.textContent = editor.textContent.substring(0, configuration.maxCharacters);
        }
    }
    // Set up a MutationObserver to watch for changes in editor's text content
    observer = new MutationObserver(checkMaxCharacters);
    observer.observe(editor, { characterData: true, subtree: true, childList: true });

}

if (configuration.enableLineClamp) {
    function setMaxLines(element, maxLines) {
        element.style.webkitLineClamp = maxLines;
    }
    setMaxLines(paragraph, parseInt(configuration.lines));
}

if (!editMode || !configuration.enableCharLimit) {
    if (observer && typeof observer.disconnect === 'function') {
        observer.disconnect();
    }
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-cfb9aac5-0f7c-8c1e-7a24-ac36d6cdfb46 " style=""><div id="fragment-72896cae-d285-cb2e-4bb8-b8827c223aa7"> <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-ttkn">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/investors" id="fragment-ttkn" style="color: var(--brand-color-2)">Investors</a>
        <div class="arrow-text-style" style="color: var(--brand-color-2)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--brand-color-2)","FontColor":"var(--brand-color-2)","hoverArrowColor":"var(--brand-color-3)","type":"link","hoverFontColor":"var(--brand-color-3)"}; const fragmentElement = document.querySelector('#fragment-72896cae-d285-cb2e-4bb8-b8827c223aa7'); const fragmentEntryLinkNamespace = 'ttkn'; const fragmentNamespace = 'ttkn'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div></div></div>
                        </div>
                        <div class="flex-column nav-item-list" style="flex-basis:0; flex-grow: 1;">
                        </div>
                        <div class="flex-column nav-item-list" style="flex-basis:0; flex-grow: 1;">
                        </div>
                        <div class="" id="last_section_content_4" style="flex-basis:0; flex-grow: 1;">
                            <div><div class="lfr-layout-structure-item-61ff02c8-7925-2fc8-fb03-3b4c64345db7 lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-51244b03-c017-6182-3779-987a8792c125 " style=""><div id="fragment-9bcf4618-888e-7cd5-a1aa-871e604ca800"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a href="/investors/events"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/event-blue-icon.svg/c226bdc8-7454-50c4-1eb1-8fe002611ea8?version=1.0&amp;t=1741727328649" data-fileentryid="2697747"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a href="/investors/events">Events</a></div>
	</div>

</div></div></div><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-5fcf228d-9485-83ed-e19c-5b7af3b4f158 " style=""><div id="fragment-23452ee7-708b-5d23-d347-bee733943238"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a target="_blank" href="/documents/d/cemex/2q25-cemex-investor-presentation-eng"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/chart-blue-icon.svg/d4d98125-350b-3fec-b366-8b7b1d73f0b5?version=1.0&amp;t=1741727328345" data-fileentryid="2697737"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a target="_blank" href="/documents/d/cemex/2q25-cemex-investor-presentation-eng">Investor Presentation</a></div>
	</div>

</div></div></div><div class="lfr-layout-structure-item-013-image-with-text lfr-layout-structure-item-23f3758d-60bc-8533-25dc-e948717bf19b " style=""><div id="fragment-d335bf1e-13af-3704-f0b9-9337471daf95"> <div class="fragment_4979">
	<div class="document_Icon">
		<div><a target="_blank" href="/documents/d/cemex/cemex-integrated-report-2024-eng"> <img class="Icon_Image" alt="Icon_Image" src="/documents/1867803/1870936/file-blue-icon.svg/8271ad13-5fa8-bc4a-d98e-0a6299f58fb5?version=1.0&amp;t=1741727328989" data-fileentryid="2697757"> </a></div>
	</div>
  <div class="document_Title">	
		<div><a target="_blank" href="/documents/d/cemex/cemex-integrated-report-2024-eng">Integrated Report</a></div>
	</div>

</div></div></div></div></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div></div><style>.fragment_501 {
	.portlet{
	margin-bottom:0px;
	}
	
	.btn-config-contents{
	padding-top:70px;
		padding-bottom:40px;
	}
	
	.nav-item-submenu .fragment_1192  .truncate-text>div {
		text-align:left;
	}
	
	.nav-item-last .fragment_4979 .document_Title>div{
	white-space:nowrap;
	}
}</style><script type="module">const configuration = {"numberOfTabs":5}; const fragmentElement = document.querySelector('#fragment-1637dbfc-7e00-e6eb-006e-a4cde004f2b8'); const fragmentEntryLinkNamespace = 'ugqn'; const fragmentNamespace = 'ugqn'; const layoutMode = 'view';let editMode = layoutMode === 'edit';
const navContainer = document.getElementById(`custom-navigation-${fragmentEntryLinkNamespace}`)
const menuDisplayWidgetContainer = navContainer.querySelector("div[id^='navbar_']")
const btnConfigContents = document.getElementById(`config-contents-${fragmentEntryLinkNamespace}`)
const widgetNavContainer = fragmentElement.querySelector('#navigation-widget')
//get temporal elements for config
const nav_item_titles = navContainer.querySelectorAll("li[id^='nav_item_title_'")
const sectionTitles = fragmentElement.querySelectorAll("p[id^='section-title-'")
const menuData = sendNavItemsMobile(); //from widget custom navigation template

// Functions to Config NAV content
if (editMode) {
    function toggleNavigationConfig() {
        if (btnConfigContents.textContent == ' Click to close ') {
            btnConfigContents.textContent = ' Click to Configure Contents '
        } else {
            btnConfigContents.textContent = ' Click to close '
        }
        widgetNavContainer.classList.toggle('d-none')
        const configurableNav = navContainer.querySelector(`div[id='configurable-nav-${fragmentEntryLinkNamespace}']`)
        configurableNav.classList.toggle('d-none')
    }

    btnConfigContents.addEventListener("click", toggleNavigationConfig)

    function removeAllActiveClasses() {
        nav_item_titles.forEach(element => {
            element.classList.remove('bg-secondary')
            element.classList.remove('text-white')
        })
    }

    function closeAllOtherSubmenus(activeMenuIndex) {
        for (let index = 0; index < configuration.numberOfTabs; index++) {
            if (index != activeMenuIndex) {
                const submenu = navContainer.querySelector(`#nav_menu_${index}`)
                if (submenu) {
                    submenu.classList.add('d-none')
                }
            }
        }
    }

    //function show submenu
    function showSubMenu() {
        removeAllActiveClasses()
        this.classList.add('bg-secondary')
        this.classList.add('text-white')
        const index = this.getAttribute("item-index")
        closeAllOtherSubmenus(index)
        const submenu = navContainer.querySelector(`#nav_menu_${index}`)
        if (submenu) {
            submenu.classList.remove('d-none')
        }
    }

    function closeMenu() {
        const index = this.getAttribute("item-index")
        const submenu = navContainer.querySelector(`#nav_menu_${index}`)
        if (submenu) {
            submenu.classList.add('d-none')
        }
    }

    nav_item_titles.forEach(element => {
        const index = element.getAttribute("item-index")
        element.addEventListener("click", showSubMenu);
        const closeButton = navContainer.querySelector(`#close_button_${index}`)
        closeButton.addEventListener("click", closeMenu)

    });

    if (menuData) {
        sectionTitles.forEach((element, index) => {
            element.innerText = menuData[index].name
        })
    }

    if (navContainer && (menuData.length > 0)) {
        nav_item_titles.forEach((element, index) => {
            const aTag = element.querySelector("a")
            aTag.innerText = menuData[index].name
        });
    }
}

//move Content To real Nav-Widget in non-edit mode
if (!editMode) {
    const firstSectionContents = navContainer.querySelectorAll("div[id^='first_section_content_']")
    const lastSectionContents = navContainer.querySelectorAll("div[id^='last_section_content_']")
    const configurableNav = navContainer.querySelector(`div[id='configurable-nav-${fragmentEntryLinkNamespace}']`)
    const submenuElements = menuDisplayWidgetContainer.querySelectorAll("li[class^='mainNavElements']")
    const lastElements = menuDisplayWidgetContainer.querySelectorAll("li[class^='mainNavElements'] ")

    const navigationContents = {
        firstSectionContents: [],
        lastSectionContents: []
    }

    function resetScripts(scriptsElements = []) {
        scriptsElements.forEach(script => {
            let parentScript = script.parentNode
            parentScript.removeChild(script)
            let scriptTemp = document.createElement('script')
            scriptTemp.setAttribute('type', 'module')
            scriptTemp.innerHTML = script.innerHTML
            parentScript.appendChild(scriptTemp)
        })
    }

    submenuElements.forEach((element, index) => {
        const elementSubMenu = element.querySelector('.nav-item-submenu')
        if (elementSubMenu) {
            elementSubMenu.innerHTML = firstSectionContents[index]?.innerHTML || ''
            let realScripts = element.querySelectorAll('.nav-item-submenu script')
            resetScripts(realScripts)
        }

        navigationContents.firstSectionContents = [...navigationContents.firstSectionContents, firstSectionContents[index]?.innerHTML]

    })

    lastElements.forEach((element, index) => {
        const elementLastItem = element.querySelector('.nav-item-last')
        if (elementLastItem) {
            elementLastItem.innerHTML = lastSectionContents[index]?.innerHTML
            let realScripts = elementLastItem.querySelectorAll('.nav-item-last script')
            resetScripts(realScripts)
        }
        navigationContents.lastSectionContents = [...navigationContents.lastSectionContents, lastSectionContents[index]?.innerHTML]
    })

    localStorage.setItem('navigationContents', JSON.stringify(navigationContents))
    //configurableNav.remove()
};</script></div></div>
            </div>
            <div id="mobile-header-level-2" class="d-none">
                <div class="d-flex justify-content-between h-100">
                    <div class="d-flex header-icons-container">
                        <a href="javascript:void(0);" class="icon" id="global-websites-mobile-link">
                            <span class="material-symbols-outlined">
                                globe
                            </span>
                        </a>
                        <a href="javascript:void(0);" class="icon" id="quick-links-icon">
                            <span class="material-symbols-outlined">
                                search
                            </span>
                        </a>
                        <!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
                        <a href="javascript:void(0);" class="icon" id="hamburger-icon">
                            <span class="material-symbols-outlined">
                                menu
                            </span>
                        </a>
                    </div>
                    <a href="javascript:void(0);" class="icon d-none" id="back-icon">
                        <span class="material-symbols-outlined">
                            arrow_back_ios
                        </span>
                    </a>
                    <a href="javascript:void(0);" class="icon d-none" id="close-icon">
                        <span class="material-symbols-outlined">
                            close
                        </span>
                    </a>
                </div>
            </div>
        </div>
        <div class="container btn-config-contents d-none">
            <button class="btn btn-sm btn-secondary" id="config-mobile-options-recb" type="button">
                Click to Configure Mobile Options
            </button>
        </div>
        <div id="configurable-mobile-nav-recb" class="d-none container Not Found">
            <div class="mobile-configuration-container d-flex">
                <div class="screen-mobile">
                    <div class="fake-header">
                        <div class="fake-logo">
                        </div>
                        <span class="material-symbols-outlined"> close </span>
                    </div>
                    <div class="fake-search">
                        <div class="lfr-tooltip-scope">
                            <div class="input-group search-bar-suggestions">
                                <div class="input-group-item">
                                    <div class="input-group">
                                        <input disabled aria-label="Search" placeholder="Search..." class="form-control input-group-inset input-group-inset-after search-bar-keywords-input" type="text" value="" style="border-color: rgb(92, 92, 92); background-color: rgb(212, 212, 212); color: var(--color-neutral-0);">
                                        <div class="input-group-inset-item input-group-inset-item-after" style="border-color: rgb(120, 120, 120); background-color: rgb(184, 186, 188); color: var(--color-neutral-0);">
                                            <button class="btn btn-unstyled" type="submit" aria-label="Search">
                                                <svg class="lexicon-icon lexicon-icon-search" role="presentation">
                                                    <use href="/o/classic-theme/images/clay/icons.svg#search">
                                                    </use>
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="quick-links">
                        <div class="fake-title">Quick Links</div>
                        <div class="d-flex">
                            <span class="material-symbols-outlined icon">arrow_forward</span>
                            <a class="mb-2" href="/about-us" data-lfr-editable-id="quick-link-1" data-lfr-editable-type="link">About Us</a>
                        </div>
                        <div class="d-flex">
                            <span class="material-symbols-outlined icon">arrow_forward</span>
                            <a class="mb-2" href="/sustainability/future-in-action" data-lfr-editable-id="quick-link-2" data-lfr-editable-type="link">Future in Action</a>
                        </div>
                        <div class="d-flex">
                            <span class="material-symbols-outlined icon">arrow_forward</span>
                            <a class="mb-2" href="/investors" data-lfr-editable-id="quick-link-3" data-lfr-editable-type="link">Investors</a>
                        </div>
                        <div class="d-flex">
                            <span class="material-symbols-outlined icon">arrow_forward</span>
                            <a class="mb-2" href="/careers" data-lfr-editable-id="quick-link-4" data-lfr-editable-type="link">Careers</a>
                        </div>
                        <div class="d-flex">
                            <span class="material-symbols-outlined icon">arrow_forward</span>
                            <a class="mb-2" href="/newsroom" data-lfr-editable-id="quick-link-5" data-lfr-editable-type="link">Newsroom</a>
                        </div>
                    </div>
                </div>
                <div class="screen-mobile">
                    <div class="fake-header">
                        <div class="fake-logo">
                        </div>
                        <span class="material-symbols-outlined"> close </span>
                    </div>
                    <div class="fake-search">
                        <div class="lfr-tooltip-scope">
                            <div class="input-group search-bar-suggestions">
                                <div class="input-group-item">
                                    <div class="input-group">
                                        <input disabled aria-label="Search" placeholder="Search..." class="form-control input-group-inset input-group-inset-after search-bar-keywords-input" type="text" value="" style="border-color: rgb(92, 92, 92); background-color: rgb(212, 212, 212); color: var(--color-neutral-0);">
                                        <div class="input-group-inset-item input-group-inset-item-after" style="border-color: rgb(120, 120, 120); background-color: rgb(184, 186, 188); color: var(--color-neutral-0);">
                                            <button class="btn btn-unstyled" type="submit" aria-label="Search">
                                                <svg class="lexicon-icon lexicon-icon-search" role="presentation">
                                                    <use href="/o/classic-theme/images/clay/icons.svg#search">
                                                    </use>
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="fake-content">
                        <a href="#" class="element">
                            Page 1
                            <span class="material-symbols-outlined arrow">keyboard_arrow_right</span>
                        </a>
                        <a href="#" class="element">
                            Page 2
                            <span class="material-symbols-outlined arrow">keyboard_arrow_right</span>
                        </a>
                        <a href="#" class="element">
                            Page 3
                            <span class="material-symbols-outlined arrow">keyboard_arrow_right</span>
                        </a>
                        <a href="#" class="element">
                            Page 4
                            <span class="material-symbols-outlined arrow">keyboard_arrow_right</span>
                        </a>
                        <a href="#" class="element">
                            Page 5
                            <span class="material-symbols-outlined arrow">keyboard_arrow_right</span>
                        </a>
                        <a href="#" class="element">
                            Page 6
                            <span class="material-symbols-outlined arrow">keyboard_arrow_right</span>
                        </a>
                    </div>
                    <div class="call-to-action">
                        <a class="mb-2 btn" style="background-color:var(--brand-color-1);" href="/newsroom" data-lfr-editable-id="call-to-action-1" data-lfr-editable-type="link">Newsroom</a>
                        <a class="mb-2 btn" style="background-color:var(--brand-color-3);" href="/contact" data-lfr-editable-id="call-to-action-2" data-lfr-editable-type="link">Contact Us</a>
                    </div>
                    <div class="footer" id="mobile-icons">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=" alt="mobile-link-1" data-lfr-editable-id="mobile-icon-1" data-lfr-editable-type="image" class="mobile-icons">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=" alt="mobile-link-2" data-lfr-editable-id="mobile-icon-2" data-lfr-editable-type="image" class="mobile-icons">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7cxBEQAACAIwtH8Pzw52kxD8OBZgNXsPQUOUwCIgAz0DHTyygaAAAAAASUVORK5CYII=" alt="mobile-link-4" data-lfr-editable-id="mobile-icon-3" data-lfr-editable-type="image" class="mobile-icons">
                    </div>
                </div>
            </div>
        </div>
        <!-- mobile menu -->
        <div id="mobile-menu-container">
            <div id="submenu-level-1">
                <!-- {/* ONLY ON MOBILE main */} -->
                <div id="search-container">






































































	

	<div class="portlet-boundary portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_  portlet-static portlet-static-end portlet-barebone portlet-search-bar " id="p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search_">
		<span id="p_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search"></span>




	

	
		
			


































	
		
<section class="portlet" id="portlet_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search">

	<div class="portlet-content">


		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					







































	

	








	

				

				
					
						


	

		


















	
	
		<form action="https://www.cemex.com/search" id="dkrk___fm" method="get" name="dkrk___fm">
			

			

			





































				
					
						<div id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search_reactSearchBar">
							<div id="rzox"></div><script type="module">
import {ReactSearchBar as componentModule} from '/o/portal-search-web/__liferay__/index.js';
import {render} from '/o/portal-template-react-renderer-impl/__liferay__/index.js';
{
render(componentModule, {"isSearchExperiencesSupported":true,"letUserChooseScope":false,"componentId":null,"selectedEverythingSearchScope":false,"retainFacetSelections":false,"scopeParameterStringEverything":"everything","locale":{"unicodeLocaleKeys":[],"country":"US","ISO3Language":"eng","displayName":"English (United States)","displayVariant":"","language":"en","displayLanguage":"English","script":"","unicodeLocaleAttributes":[],"displayCountry":"United States","ISO3Country":"USA","variant":"","extensionKeys":[],"displayScript":""},"suggestionsDisplayThreshold":2,"isDXP":true,"scopeParameterStringCurrentSite":"this-site","suggestionsContributorConfiguration":"[{\"attributes\":{\"characterThreshold\":\"2\",\"fields\":[],\"includeAssetSearchSummary\":true,\"includeAssetURL\":true,\"sxpBlueprintExternalReferenceCode\":\"6bf7a0ac-f440-8566-a54d-594171ad0537\"},\"contributorName\":\"sxpBlueprint\",\"displayGroupName\":\"suggestions\",\"size\":\"3\"}]","destinationFriendlyURL":"\/search","emptySearchEnabled":false,"scopeParameterName":"scope","keywordsParameterName":"q","portletId":"com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search","paginationStartParameterName":"","searchURL":"https:\/\/www.cemex.com\/search","suggestionsURL":"\/o\/search\/v1.0\/suggestions","initialKeywords":"","portletNamespace":"_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search_"}, 'rzox');
}

</script>
						</div>
					
					
				
			
		</form>

		<script type="module">
import {SearchBar as ComponentModule} from '/o/portal-search-web/__liferay__/index.js';
{
Liferay.component('__UNNAMED_COMPONENT__3b9e88dd-fe9b-51cf-19a0-8e6de640d5d1', new ComponentModule({"formId":"dkrk___fm","namespace":"_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search_","spritemap":"https:\/\/www.cemex.com\/o\/classic-theme\/images\/clay\/icons.svg","initialKeywords":"","retainFacetSelections":false}), { destroyOnNavigate: true, portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search'});
}

</script>
	


	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>






                </div>
                <div class="d-none" id="quick-links-container">
                    <div class="quick-links-title">
                        Quick Links
                    </div>
                </div>
                <div class="d-none" id="menu-items-container">
                    <div class="menu-items-wrapper">
                    </div>
                </div>
            </div>
            <div class="sublevel-menu" level="1" id="sublevel-menu-container">
            </div>
<div class="mobile-language-selector d-flex w-100 ">
    <a href="/es/c/portal/update_language?redirect=%2Fes-MX%2F&amp;groupId=44331&amp;privateLayout=false&amp;layoutId=174&amp;languageId=en_US" target="_self" class="flex-fill d-flex justify-content-center">
English    </a>
    <a href="/c/portal/update_language?redirect=%2F&amp;groupId=44331&amp;privateLayout=false&amp;layoutId=174&amp;languageId=es_MX" target="_self" class="flex-fill d-flex justify-content-center">
Spanish    </a>
</div>
        </div>
    </div>
</div>
<span class="d-none masterName"><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="en_US" default-locale="en_US"><name language-id="en_US">Not Found</name></root></span></div><style>@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

html {
  overflow-x: hidden !important;
  -webkit-overflow-x: hidden !important;
}

.dropdown-menu.search-bar-suggestions-dropdown-menu.show {
  z-index: 1050;
}

.scroll-none {
  overflow: hidden;
  max-height: 100vh;
}

.fragment_1012 a {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html:not(#__):not(#___) body.product-menu-open #wrapper .fragment_1012.sticky,
html:not(#__):not(#___)
  body.product-menu-open
  .cadmin.control-menu-container
  .fragment_1012.sticky {
  width: calc(100vw - 338px) !important;
}

.cadmin.control-menu-container ~ #wrapper #mobile-menu-container.open {
  height: calc(100dvh - 135px);
  max-height: calc(100dvh - 135px);
}

.cadmin.control-menu-container ~ #wrapper #header-level-1.open {
  top: calc(100vh - 98px);
}

.mobile-configuration-container {
  column-gap: 30px;
}

.mobile-configuration-container .screen-mobile {
  width: 430px;
  height: 700px;
  border: 1px solid #707070;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  margin-top: 20px;
  position: relative;
  background-color: #c7c7c7;
  padding: 10px;
  overflow: hidden;
}

.mobile-configuration-container .screen-mobile .fake-search {
  padding-top: 10px;
  padding-bottom: 10px;
}

.mobile-configuration-container .screen-mobile .fake-header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 72px;
  margin-bottom: 20px;
  border-bottom: 2px solid #8d8d8d;
  justify-content: space-between;
}

.mobile-configuration-container .screen-mobile .fake-header .fake-logo {
  width: 130px;
  height: 23px;
  background-color: #6d6d6d;
}

.mobile-configuration-container .screen-mobile .fake-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mobile-configuration-container .screen-mobile .fake-content a {
  display: flex;
  column-gap: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  text-decoration: none;
  color: #646464;
  line-height: 40px;
  text-decoration: none;
  justify-content: space-between;
  cursor: not-allowed;
}

.mobile-configuration-container .screen-mobile .fake-content .arrow {
  font-size: 29px;
  float: right;
  color: #6a6a6a;
}

.mobile-configuration-container .screen-mobile .quick-links {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 8px;
}

.mobile-configuration-container .screen-mobile .quick-links .icon {
  color: #0087ed;
  padding-right: 10px;
}

.mobile-configuration-container .screen-mobile .call-to-action {
  padding: 16px;
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 8px;
}

.mobile-configuration-container .screen-mobile .call-to-action a {
  font-family: Outfit;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  margin-bottom: 16px;
  width: 100%;
}

.mobile-configuration-container .screen-mobile .fake-title,
.mobile-configuration-container .screen-mobile .quick-links a {
  font-family: Outfit;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
}

.mobile-configuration-container .screen-mobile .quick-links a span {
  color: #0087ed;
  font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 48;
}

.mobile-configuration-container .screen-mobile .fake-title {
  color: #0087ed;
}

.mobile-configuration-container .screen-mobile .footer {
  display: flex;
  align-items: center;
  column-gap: 15px;
  justify-content: end;
  height: 50px;
  background-color: #0003b1;
  position: absolute;
  bottom: 0;
  margin-left: -10px;
  width: 100%;
  padding: 10px;
}

.mobile-configuration-container .screen-mobile .footer img {
  height: 30px;
  width: 30px;
}

.fragment_1012.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  /* padding-bottom:96px; */
}

.fragment_1012 {
  position: relative;
  z-index: 999;
  background-color: #ffffff;
}

@media (min-width: 576px) {
  .fragment_1012 .container-sm,
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .fragment_1012 .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .fragment_1012 .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .fragment_1012 .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 85%;
  }
}

@media (min-width: 1280px) {
  .fragment_1012 .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 85%;
  }
}

.fragment_1012
  #search-container
  .input-group
  .input-group-item
  .input-group-inset-after.form-control::placeholder {
  color: #0003b1;
  font-weight: 400;
}

.fragment_1012
  #search-container
  .input-group
  .input-group-item
  .input-group-inset-after.form-control {
  font-weight: inherit;
}

.fragment_1012 #search-container .input-group {
  font-weight: 700 !important;
}

.fragment_1012 {
  .auto-max-height {
    max-height: none !important;
    height: auto !important;
  }

  #header-level-1 {
    width: 100%;
    height: 50px;
    max-height: 50px;
    background-color: #0003b1;
    overflow: hidden;
  }

  #header-level-1 .content-right > div {
    height: 100%;
    align-content: center;
  }

  #header-level-1 .content-right #mobile-icons-container {
    display: flex;
    column-gap: 15px;
    justify-content: flex-end;
    align-items: center;
  }

  #header-level-1 .content-right #mobile-icons-container a img {
    height: 16px;
    width: 16px;
  }

  #header-level-1 .global-websites-content {
    column-gap: 13px;
    color: #ffffff;
  }

  #header-level-1 .global-websites-content:hover {
    cursor: pointer;
  }

  #header-level-1 .global-websites-content .global-image {
    height: 16px;
    width: 16px;
  }

  #header-level-1 .global-websites-content:hover .global-image {
    height: 16px;
    width: 16px;
  }

  #header-level-1 .global-websites-content .link {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: inherit;
    text-decoration: none;
  }

  #header-container.open {
    position: relative;
  }

  #header-container.open #header-level-1.open {
    display: block;
    position: absolute;
    bottom: 0;
    height: 50px;
    min-height: 50px;
  }

  #mobile-header-level-2 {
    width: 100%;
    height: 72px;
    max-height: 72px;
    background-color: #ffffff;
    padding: 10px 25px;
  }

  #mobile-header-level-2 .header-icons-container {
    display: flex;
    column-gap: 20px;
  }

  #mobile-header-level-2 #close-icon,
  #mobile-header-level-2 #back-icon {
    align-self: end;
  }

  #mobile-header-level-2 #global-websites-mobile-link,
  #mobile-header-level-2 #quick-links-icon,
  #mobile-header-level-2 #hamburger-icon {
    width: 27px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #mobile-header-level-2 #global-websites-mobile-link:hover,
  #mobile-header-level-2 #quick-links-icon:hover,
  #mobile-header-level-2 #hamburger-icon:hover {
    color: inherit;
    text-decoration: none;
  }

  /* #mobile-header-level-2 #hamburger-icon .toggle-line-1,
    #mobile-header-level-2 #hamburger-icon .toggle-line-2 {
        height: 2px;
        border-radius: 2px;
        background-color: #000000;

    }

    #mobile-header-level-2 #hamburger-icon .toggle-line-1 {
        width: 100%;
        margin-top: 2px;
    }

    #mobile-header-level-2 #hamburger-icon .toggle-line-2 {
        width: 21px;
        align-self: end;
        margin-top: 3px;
    } */

  /* #mobile-header-level-2 #close-icon span {
        color: #000000;
    } */

  #mobile-header-level-2 .logo-image,
  #mobile-header-level-2 .logo-image img {
    height: 100%;
    width: auto;
    max-width: 145px;
    object-fit: contain;
  }

  #header-level-2 {
    position: relative;
  }

  #header-level-2 #navigation-widget {
    background-color: #ffffff;
  }

  #header-level-2 .logo-image-container {
    position: absolute;
    height: 65px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
  }

  #header-level-2 .logo-image {
    z-index: 1;
    position: relative;
  }

  @media (min-width: 1200px) {
    #mobile-menu-container {
      display: none;
    }

    #header-level-1 {
      display: block !important;
    }

    #header-level-2 {
      display: block;
    }

    #header-level-1 .content-right #mobile-icons-container {
      display: none;
    }

    #header-level-2 .logo-image-container.container,
    #header-level-1 > .container {
      /*  logo image*/
      max-width: calc(85%);
      padding: 0;
    }
  }

  #header-level-2 .logo-image-container .logo-image {
    width: 161px;
    max-height: 65px;
  }

  #mobile-menu-container {
    top: 56px;
    display: flex;
    width: 100%;
    position: absolute;
    /* minus header on top and bottom */
    height: 0;
    margin-top: 30px;
    margin-bottom: 140px;
    max-height: calc(100dvh - 87px);
    background-color: #ffffff;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: height 0.4s ease;
    flex-direction: column;
  }
  #mobile-menu-container .mobile-language-selector {
    position: absolute;
    bottom: 0px;
    border-width: 2px !important;
    border-top: 2px #f1f2f5 solid;
  }
  #mobile-menu-container .mobile-language-selector a:first-child {
    border-right: 2px #f1f2f5 solid;
  }
	
	#mobile-menu-container .mobile-language-selector a {
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #000000 !important;
		line-height: 43px;
  }

  #mobile-menu-container.open {
    height: calc(100dvh - 87px);
    transition: height 0.4s ease;
  }

  #mobile-menu-container #submenu-level-1 {
    width: 100%;
    min-width: 100%;
    padding-bottom: 25px;
    padding-left: 50px;
    padding-right: 50px;
    transform: translateX(0);
    transition: transform 0.5s ease;
  }

  #mobile-menu-container #submenu-level-1.sublevel-animation {
    position: absolute;
    transition: transform 0.5s ease;
    transform: translateX(-100%);
    left: 0%;
    width: 100%;
  }

  #mobile-menu-container #submenu-level-1 #quick-links-container,
  #mobile-menu-container #submenu-level-1 #menu-items-container,
  #mobile-menu-container
    #submenu-level-1
    #menu-items-container
    .menu-items-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }

  #mobile-menu-container
    #submenu-level-1
    #menu-items-container
    .menu-items-wrapper {
    margin-bottom: 28px;
    max-height: calc(6 * 60px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    /* For Firefox */
    scrollbar-color: transparent transparent;
    /* Transparent track and thumb for Firefox */
  }

  #mobile-menu-container
    #submenu-level-1
    #menu-items-container
    .menu-items-wrapper::-webkit-scrollbar {
    width: 2px;
    /* Set the width of the scrollbar */
  }

  #mobile-menu-container
    #submenu-level-1
    #menu-items-container
    .menu-items-wrapper::-webkit-scrollbar-track {
    background: transparent;
    /* Transparent scrollbar track */
  }

  #mobile-menu-container
    #submenu-level-1
    #menu-items-container
    .menu-items-wrapper::-webkit-scrollbar-thumb {
    background-color: transparent;
    /* Transparent scrollbar thumb */
  }

  #mobile-menu-container
    #submenu-level-1
    #quick-links-container
    .quick-links-title {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #0087ed;
  }

  #mobile-menu-container #submenu-level-1 .quick-link {
    display: flex;
    column-gap: 15px;
    font-family: Outfit;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #000000;
  }

  #mobile-menu-container #submenu-level-1 .quick-link:hover {
    text-decoration: none !important;
  }

  #mobile-menu-container #submenu-level-1 .quick-link .icon {
    color: #0087ed;
    font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 48;
  }

  #mobile-menu-container #submenu-level-1 .call-to-action {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    background-color: #0087ed;
  }

  #mobile-menu-container #submenu-level-1 .element {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    text-decoration: none;
    color: #000000;
    line-height: 40px;
    justify-content: space-between;
    align-items: center;
  }

  /* #mobile-menu-container #submenu-level-1 .element:active {
		background-color: #3999FF26;
		color: #3999FF;
		line-height: 56px;
		font-size: 20px;
		font-weight: 600;
	} */

  /* #mobile-menu-container #submenu-level-1 .element:active .dot {
        display: none;
    } */

  /* #mobile-menu-container #submenu-level-1 .element:active .arrow {
        display: block;
    } */

  #mobile-menu-container #submenu-level-1 .element .dot {
    font-size: 28px;
    color: #3999ff;
  }

  #mobile-menu-container #submenu-level-1 .element .arrow {
    font-size: 29px;
    float: right;
    color: #0087ed;
    margin-right: -7px;
  }

  /* sublevel-menu */

  #mobile-menu-container .sublevel-menu {
    transition: transform 0.5s ease;
    transform: translateX(100%);
    width: 100vw;
    position: absolute;
    min-width: 100vw;
  }

  #mobile-menu-container .sublevel-menu.open {
    transform: translateX(0);
    position: static;
    width: 100%;
    min-width: 100%;
    transition: transform 0.5s ease;
  }

  /* #mobile-menu-container .sublevel-menu .level-breadcrumb {
		display: flex;
		column-gap: 7px;
		font-size: 16px;
		font-weight: 500;
		line-height: 60px;
		text-align: left;
		color: #3999FF;
		cursor: pointer;
		flex-direction: row;
		align-items: center;
	} */

  /* #mobile-menu-container .sublevel-menu .level-breadcrumb .material-symbols-outlined {
		font-size: 18px !important;
	} */

  /* #mobile-menu-container .sublevel-menu .level-description {
		padding-bottom: 40px;
	} */

  #mobile-menu-container .sublevel-menu .level-tools {
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 50px;
  }

  #mobile-menu-container .sublevel-menu .level-title {
    display: flex;
    font-family: Outfit;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    column-gap: 13px;
    color: #0003b1;
    margin-left: 50px;
    margin-right: 50px;
    padding-bottom: 18px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: -1px;
  }

  #mobile-menu-container .sublevel-menu .level-title .arrow {
    font-size: 25px;
    color: #0087ed;
    font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 48;
  }

  /* #mobile-menu-container .sublevel-menu:not([level="1"]) .level-description .level-title,
	#mobile-menu-container .sublevel-menu:not([level="1"]) .level-description .level-title a {
		color: #000000;
		cursor: pointer;
	}

	#mobile-menu-container .sublevel-menu:not([level="1"]) .level-description .level-title span {
		color: #3999FF;
		font-weight: normal;
	} */

  /* #mobile-menu-container .sublevel-menu .level-description .img {
		display: none;
	} */

  /* #mobile-menu-container .sublevel-menu .level-description .level-content {
		font-size: 12px;
		font-weight: 300;
		line-height: 16px;
		color: #5F5F5F;
		display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      max-height: calc(16px * 3);
	} */
  /* 
	#mobile-menu-container .sublevel-menu .level-description .level-content img,
	#mobile-menu-container .sublevel-menu .level-description .level-content picture {
		display: none;
	} */

  /* #mobile-menu-container .sublevel-menu .level-description .link a {
		text-decoration: none;
		color: #FD2230;
		font-size: 16px;
		font-weight: 600;
		line-height: 35px;
		text-align: left;
		cursor: pointer;
	} */

  /* #mobile-menu-container .sublevel-menu .level-description .level-title i,
	#mobile-menu-container .sublevel-menu .level-description .level-title span {
		margin-left: -23px;
	} */

  #mobile-menu-container .sublevel-menu .element {
    font-size: 18px;
    line-height: 44px;
    text-align: left;
    display: block;
    text-decoration: none;
    color: #000000;
  }

  #mobile-menu-container .sublevel-menu .element a {
    text-decoration: none;
    color: inherit;
  }

  #mobile-menu-container .sublevel-menu .element .arrow {
    float: right;
    font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 48;
  }

  #mobile-menu-container .sublevel-menu .element a[level="2"] {
    font-weight: 600;
  }

  #mobile-menu-container .sublevel-menu > .element > span {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px;
    padding-right: 50px;
    height: 44px;
  }

  #mobile-menu-container .sublevel-menu > .element.active > span {
    background-color: #f2f2f2;
  }

  #mobile-menu-container .sublevel-menu > .element {
    max-height: calc((5 * 44px) + 11px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    padding-left: 50px;
    padding-right: 50px;
  }

  #mobile-menu-container .sublevel-menu > .element.active {
    background-color: #f5f5f5;
  }

  #mobile-menu-container .sublevel-menu .element.active a[level="2"] {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #0087ed;
  }

  /* #mobile-menu-container .sublevel-menu .element.active a[level="2"]::after {
		content: '';
		display: block;
		width: 100%;
		box-shadow: 0px -27px 43px 5px #F2F2F2;
	} */

  #mobile-menu-container .sublevel-menu .element.active .arrow {
    color: #0087ed !important;
  }

  #mobile-menu-container .sublevel-menu .element.active a[level="3"] {
    font-weight: 600;
  }

  #mobile-menu-container .sublevel-menu .element.active a[level="4"] {
    font-weight: 400;
    padding-left: 10px;
  }

  /* Style the navigation menu */
  .menus-container {
    height: 120px;
    max-height: 120px;
  }

  /* styles when open */
  #header-container.open .menus-container {
    background-color: #ffffff;
  }

  /* #header-container.open #mobile-header-level-2 {
        margin-top: 36px;
    } */

  #search-container {
    margin-top: 10px;
    margin-bottom: 48px;
  }

  #blue-bar {
    display: none;
    width: 100%;
    height: 15px;
    background-color: #0003b1;
  }

  @media (max-width: 1199px) {
    #header-level-2 {
      display: none !important;
    }

    #header-level-1 .content-right > div {
      display: none;
    }

    #blue-bar {
      display: block;
    }

    #header-level-1 {
      display: none;
      position: absolute;
      top: calc(100dvh - 50px);
      z-index: 1;
      width: 100%;
      height: 50px;
      background-color: #0003b1;
    }

    .menus-container {
      height: 87px;
    }
  }
}
</style><script type="module">const configuration = {"borderColor":"var(--brand-color-3)","backgroundColor":"var(--white)","mobileHeaderIconsColor":"var(--brand-color-2)","iconColor":"var(--white)","stickyNav":true,"callToActionColor1":"var(--brand-color-1)","fontColor":"var(--brand-color-2)","callToActionColor2":"var(--brand-color-3)"}; const fragmentElement = document.querySelector('#fragment-6203ed1a-eec6-e99e-5124-fc8f2c9c3b9c'); const fragmentEntryLinkNamespace = 'recb'; const fragmentNamespace = 'recb'; const layoutMode = 'view';let editMode = layoutMode === 'edit';
const fragmentContainer = fragmentElement.querySelector(`.fragment_1012`)

const headerLogoEl = fragmentElement.querySelector('#header-container #header-level-2 .container.logo-image-container>a') || fragmentElement.querySelector('#header-container #header-level-2 #editable-logo-image')
const headerLevel1 = fragmentElement.querySelector('#header-container #header-level-1')
const mobileIconsContainer = headerLevel1.querySelector('#mobile-icons-container')
const headerLevel2 = fragmentElement.querySelector('#header-container #header-level-2')
const mobileHeaderLevel2 = fragmentElement.querySelector('#header-container #mobile-header-level-2')

const mobileLogoContainer = fragmentElement.querySelector('#header-container #mobile-header-level-2>div')
const desktopLogoContainer = fragmentElement.querySelector('#header-container #header-level-2 .logo-image-container')

const desktopGlobalWebsitesLink = fragmentElement.querySelector('a[data-lfr-editable-id="global-websites-link"]')
const mobileMenuContainer = fragmentElement.querySelector("#header-container #mobile-menu-container")
const headerIconsContainer = fragmentElement.querySelector("#header-container #mobile-header-level-2 .header-icons-container")
const quickLinksIcon = fragmentElement.querySelector("#header-container #mobile-header-level-2 #quick-links-icon")
const globalWebsitesIcon = fragmentElement.querySelector("#header-container #mobile-header-level-2 #global-websites-mobile-link")
const hamburgerIcon = fragmentElement.querySelector("#header-container #mobile-header-level-2 #hamburger-icon")
const backIcon = fragmentElement.querySelector("#header-container #mobile-header-level-2 #back-icon")
const closeIcon = fragmentElement.querySelector("#header-container #mobile-header-level-2 #close-icon")
const headerContainer = fragmentElement.querySelector("#header-container");

const sublevelMenuContainer = fragmentElement.querySelector('#mobile-menu-container #sublevel-menu-container')

const menuItemsContainer = fragmentElement.querySelector('#submenu-level-1 #menu-items-container');
const mainMenuContainer = fragmentElement.querySelector('#submenu-level-1');
const sticky = fragmentContainer.getBoundingClientRect().top;

const btnConfigMobileOptions = document.getElementById(`config-mobile-options-${fragmentEntryLinkNamespace}`)

// Check if the href is valid
function isValidUrl(href) {
    // Check if it's a relative URL
    if (href.startsWith('/') || href.startsWith('./') || href.startsWith('../')) {
        return true;
    }

    try {
        // Check if it's a valid absolute URL
        new URL(href);
        return true;
    } catch (e) {
        return false;
    }
}

//sticky header
function setStickyClass() {
    if (window.scrollY > sticky) {
        fragmentContainer.classList.add("sticky")
        document.querySelector("#content").style.paddingTop = "120px"
    } else {
        fragmentContainer.classList.remove("sticky");
        document.querySelector("#content").style.paddingTop = "0"
    }
}
if (configuration.stickyNav) {
    window.addEventListener('scroll', setStickyClass);
}

//Copy imageElement to mobile header
//Mobile Functions
if (!editMode) {
    const configurableMobileNav = fragmentElement.querySelector(`div[id='configurable-mobile-nav-${fragmentEntryLinkNamespace}']`)
    const quickLinksElements = configurableMobileNav.querySelectorAll('a[data-lfr-editable-id^="quick-link-"]')
    const callToActionElements = configurableMobileNav.querySelectorAll('a[data-lfr-editable-id^="call-to-action-"]')
    const mobileIconsLink = configurableMobileNav.querySelectorAll('#mobile-icons a')

    //set Mobile Header Icons color
    const icons = [
        quickLinksIcon,
        globalWebsitesIcon,
        hamburgerIcon,
        backIcon,
        closeIcon
    ];

    // Apply the same color to all icons
    icons.forEach(icon => {
        icon.style.color = configuration.mobileHeaderIconsColor;
    });

    //set url to mobile Global websites icon
    globalWebsitesIcon.setAttribute('href', desktopGlobalWebsitesLink.href)

    //set quick links
    const quickLinksContainer = fragmentElement.querySelector('#quick-links-container')
    quickLinksElements.forEach(element => {

        if (isValidUrl(element.getAttribute('href'))) {
            // Create icon element
            const arrowIcon = document.createElement('span')
            arrowIcon.textContent = 'arrow_forward'
            arrowIcon.classList.add('material-symbols-outlined', 'icon')
            element.insertBefore(arrowIcon, element.firstChild)

            element.classList.add('quick-link');
            quickLinksContainer.appendChild(element)
        }
    });

    //set header-level-1 mobile links 
    mobileIconsLink.forEach(icon => {
        if (isValidUrl(icon.getAttribute('href'))) {
            mobileIconsContainer.appendChild(icon)
        }
    });

    const menuData = sendNavItemsMobile() //from widget custom navigation template
    const navigationCustomContents = JSON.parse(localStorage.getItem('navigationContents'))

    localStorage.removeItem('navigationContents')
    //set custom contents on menu data
    menuData.forEach((navItem, index) => {
        navItem.firstSection = navigationCustomContents.firstSectionContents[index] || ""
        navItem.lastSection = navigationCustomContents.lastSectionContents[index] || ""
    });

    function applyStylesSearch() {
        const inputElement = fragmentElement.querySelector('#search-container .input-group .input-group-item .input-group-inset-after.form-control');
        const inputIcon = fragmentElement.querySelector('#search-container .input-group .input-group-inset-item-after');

        if (inputElement && inputIcon) {
            inputElement.style.borderColor = configuration.borderColor;
            inputIcon.style.borderColor = configuration.borderColor;
            inputElement.style.backgroundColor = configuration.backgroundColor;
            inputIcon.style.backgroundColor = configuration.borderColor;
            inputElement.style.color = configuration.fontColor;
            inputIcon.style.color = configuration.iconColor;
        }
    }

    /* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
    function toggleClass(element, className) {
        element.classList.toggle(className)
    }

    function toggleMobileMenu() {
        if (mobileMenuContainer) {
            toggleClass(mobileMenuContainer, 'open')
            toggleClass(headerIconsContainer, 'd-none')
            toggleClass(headerIconsContainer, 'd-flex')
            toggleClass(closeIcon, 'd-none')
            toggleClass(headerContainer, 'open')
            toggleClass(document.body, 'scroll-none')
            applyStylesSearch()
        }
    }

    function toggleMenuItems() {
        // //show menu level 1 
        // setTimeout(() => {
        //     headerLevel1.classList.remove('d-none')
        //     headerLevel1.classList.add('open')
        // }, 360);

        toggleMobileMenu()
        toggleClass(menuItemsContainer, 'd-none')
    }

    function resetHeader() {
        toggleMobileMenu()
        //remove logo image & show back icon button
        const mobileLogoImage = mobileLogoContainer.querySelector('#editable-logo-image')
        if (mobileLogoImage?.parentElement && mobileLogoImage?.parentElement.parentElement.tagName === "A") {
            mobileLogoImage?.parentElement.parentElement.classList.remove('d-none');
        }
        mobileLogoImage?.classList.remove('d-none')
        backIcon.classList.add('d-none')
        quickLinksContainer.classList.add('d-none')
        menuItemsContainer.classList.add('d-none')
        // headerLevel1.classList.add('d-none')
        // headerLevel1.classList.remove('open')

    }

    hamburgerIcon.addEventListener('click', toggleMenuItems)
    closeIcon.addEventListener('click', resetHeader)

    function toggleQuickLinksMenu() {
        // //hide menu level 1 
        // headerLevel1.classList.add('d-none')
        // headerLevel1.classList.remove('open')


        toggleMobileMenu()
        toggleClass(quickLinksContainer, 'd-none')
    }

    quickLinksIcon.addEventListener('click', toggleQuickLinksMenu)

    function setMobileDesktopMenu() {
        if (window.innerWidth < 1200) {
            // Resolution is 1199 or less
            // set logo
            mobileLogoContainer.insertBefore(headerLogoEl, headerIconsContainer)
            //hiding headerLevel2 & showig Mobile
            // headerLevel2.classList.add('d-none')
            mobileHeaderLevel2.classList.remove('d-none')

        } else {
            //Resolution is 1200 or above
            if (headerContainer.classList.contains('open')) {
                resetHeader()
            }
            // set logo

            desktopLogoContainer.appendChild(headerLogoEl)

            //showing headerLevel2 & hidding Mobile
            // headerLevel2.classList.remove('d-none')
            mobileHeaderLevel2.classList.add('d-none')

            //mobile menu inital state
            mobileMenuContainer.classList.remove('open')
            headerIconsContainer.classList.remove('d-none')
            closeIcon.classList.add('d-none')
            headerContainer.classList.remove('open')
            document.body.classList.remove('scroll-none')
        }
    }

    setMobileDesktopMenu();
    window.addEventListener('resize', setMobileDesktopMenu);

    Liferay.on('destroyPortlet', () => {
        window.removeEventListener('resize', setMobileDesktopMenu)
    });

    function hideSublevelMenu() {
        sublevelMenuContainer.classList.remove('open')
        mainMenuContainer.classList.remove('sublevel-animation')
        setTimeout(() => {
            sublevelMenuContainer.classList.add('d-none')
        }, 500);
    }

    function clearSublevelMenu() {
        sublevelMenuContainer.innerHTML = '';
    }

    function hideMainMenu() {
        // Hide all other menus
        mainMenuContainer.classList.add('d-none')
    }
    function clearMainMenuElements() {
        // Clear previous sublevel items
        menuItemsContainer.querySelector('.menu-items-wrapper').innerHTML = '';
    }
    function populateSublevelMenu(children, level, levelName, levelURL, firstSection, lastSection, ancestors = []) {
        mainMenuContainer.classList.add('sublevel-animation')
        sublevelMenuContainer.classList.remove('d-none')
        clearSublevelMenu()
        setTimeout(() => {
            // hideMainMenu()
            if (children && children.length > 0) {
                // Show the current menu
                sublevelMenuContainer.classList.add('open');
                //remove logo image & show back icon button
                const mobileLogoImage = mobileLogoContainer.querySelector('#editable-logo-image')
                if (mobileLogoImage?.parentElement && mobileLogoImage?.parentElement.parentElement.tagName === "A") {
                    mobileLogoImage?.parentElement.parentElement.classList.add('d-none');
                }
                mobileLogoImage.classList.add('d-none');
                backIcon.classList.remove('d-none');

                const titleDiv = document.createElement('a');
                titleDiv.classList.add('level-title', 'text-decoration-none');
                titleDiv.innerHTML =`${levelName}`;
                titleDiv.setAttribute('href', levelURL)
                if (levelURL == "") {
                    titleDiv.style.pointerEvents = "none";
                }

                sublevelMenuContainer.appendChild(titleDiv);

                populateChildren(sublevelMenuContainer);
                // settings last section
                populateToolsSection(sublevelMenuContainer, lastSection);

                function populateChildren(container) {
                    children.forEach(child => {
                        const elementContainer = document.createElement('div');
                        elementContainer.className = 'element';

                        const link = document.createElement('a');
                        link.setAttribute('level', child.level)
                        link.href = child.url;
                        if (child.url == "") {
                            link.style.pointerEvents = "none";
                        }
                        link.textContent = Liferay.Util.unescapeHTML(child.name);

                        const span = document.createElement('span')
                        span.appendChild(link)

                        elementContainer.appendChild(span);
                        container.appendChild(elementContainer);

                        //display children
                        if (child.children && child.children.length > 0) {
                            const arrowIcon = document.createElement('span');
                            arrowIcon.classList.add('material-symbols-outlined', 'arrow');
                            arrowIcon.textContent = 'keyboard_arrow_down';
                            span.appendChild(arrowIcon);
                            arrowIcon.addEventListener('click', (e) => {
                                if (arrowIcon.textContent.includes('keyboard_arrow_down')) {
                                    elementContainer.classList.add('active')
                                    arrowIcon.textContent = 'keyboard_arrow_up'
                                    populateChildrenSimple(elementContainer, child.children)

                                } else {
                                    elementContainer.classList.remove('active')
                                    while (elementContainer.children.length > 1) {
                                        elementContainer.removeChild(elementContainer.children[1]);
                                    }
                                    arrowIcon.textContent = 'keyboard_arrow_down'
                                }
                            });
                        }
                    });
                }

                function populateChildrenSimple(container, children) {
                    children.forEach(child => {
                        const elementContainer = document.createElement('div');
                        elementContainer.className = 'element';

                        const link = document.createElement('a');
                        link.setAttribute('level', child.level)
                        link.href = child.url;
                        if (child.url == "") {
                            link.style.pointerEvents = "none";
                        }
                        link.textContent = Liferay.Util.unescapeHTML(child.name);
                        elementContainer.appendChild(link);
                        container.appendChild(elementContainer);

                        if (child.children && child.children.length > 0) {
                            populateChildrenSimple(elementContainer, child.children)
                        }
                    })
                }

                function populateToolsSection(container, content = "") {
                    const toolsDiv = document.createElement('div');

                    toolsDiv.className = 'level-tools';
                    toolsDiv.innerHTML = content;

                    container.appendChild(toolsDiv);
                }

            }
        }, 0);

    }

    function populateMainLevelMobile() {
        clearMainMenuElements()
        hideSublevelMenu()

        //show logo image & hide back icon button
        const mobileLogoImage = mobileLogoContainer.querySelector('#editable-logo-image')
        if (mobileLogoImage?.parentElement && mobileLogoImage?.parentElement.parentElement.tagName === "A") {
            mobileLogoImage?.parentElement.parentElement.classList.remove('d-none');
        }
        mobileLogoImage?.classList.remove('d-none')
        backIcon.classList.add('d-none')


        // Show the current menu
        mainMenuContainer.classList.remove('d-none');
        menuData.forEach(item => {
            if (item.level === 1) {
                const link = document.createElement('a');
                link.href = item.url;
                if (item.url == "") {
                    link.style.pointerEvents = "none";
                }
                link.className = 'element';
                link.innerHTML = `${item.name} ${item.children.length > 0 ? '<span class="material-symbols-outlined arrow">keyboard_arrow_right</span>' : ''}`;
                if (item.children.length > 0) {
                    link.addEventListener('click', (e) => {
                        e.preventDefault();
                        // Hide all other sublevels
                        const allSublevelContainers = fragmentElement.querySelectorAll('#mobile-menu-container .sublevel-menu');
                        allSublevelContainers.forEach(sublevel => {
                            sublevel.classList.remove('open');
                        });

                        // Show the corresponding sublevel
                        populateSublevelMenu(item.children, 2, item.name, item.url, item.firstSection, item.lastSection);

                    });
                }
                menuItemsContainer.querySelector('.menu-items-wrapper').appendChild(link);
            }
        });

        // Configure the call to action buttons
        callToActionElements.forEach((element, index) => {
            if (isValidUrl(element.getAttribute('href'))) {
                element.classList.add('w-100', 'btn', 'call-to-action');
                element.style.backgroundColor = `${configuration['callToActionColor' + (index + 1)]}`
                menuItemsContainer.appendChild(element);
            }
        });

    }

    populateMainLevelMobile();

    backIcon.addEventListener('click', populateMainLevelMobile)
    closeIcon.addEventListener('click', populateMainLevelMobile)

} else {
    // Get the mobile navigation container based on the fragment entry link namespace
    const configurableMobileNav = fragmentElement.querySelector(`div[id='configurable-mobile-nav-${fragmentEntryLinkNamespace}']`);

    // Retrieve the saved state of the mobile navigation from localStorage and parse it as a boolean
    const isNavMobileConfigOpen = JSON.parse(localStorage.getItem('isNavMobileConfigOpen'));

    // If the navigation is open according to the saved state, display it and update button text
    if (isNavMobileConfigOpen && configurableMobileNav.classList.contains('Master')) {
        configurableMobileNav.classList.remove('d-none');
        btnConfigMobileOptions.textContent = 'Click to close';
    } else {
        configurableMobileNav.classList.add('d-none');
    }

    // Function to toggle the mobile navigation configuration
    function toggleNavigationMobileConfig() {
        // Check if the button text indicates that the menu is currently open
        if (btnConfigMobileOptions.textContent.includes('Click to close')) {
            // Update button text and save the closed state to localStorage
            btnConfigMobileOptions.textContent = ' Click to Configure Mobile Options ';
            localStorage.setItem('isNavMobileConfigOpen', false);
        } else {
            // Update button text and save the open state to localStorage
            btnConfigMobileOptions.textContent = ' Click to close ';
            localStorage.setItem('isNavMobileConfigOpen', true);
        }

        // Toggle visibility of the mobile navigation menu
        configurableMobileNav.classList.toggle('d-none');
    }

    // Attach the toggle function to the button's click event
    btnConfigMobileOptions.addEventListener("click", toggleNavigationMobileConfig);
};</script></div><div class="lfr-layout-structure-item-40ce8f51-a7bd-9f50-de8a-6bf21fafb8a7 lfr-layout-structure-item-container  container-fluid container-fluid-max-xl" style=""><div class="lfr-layout-structure-item-basic-component-paragraph lfr-layout-structure-item-7fa228a7-5d1a-dab0-8981-204e5763432e Title" style=""><div id="fragment-f79abdc3-4eb4-178d-33e1-f773cfde061b" > <div class="clearfix component-paragraph text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text"><h3>We couldn't find the content you are looking for.</h3>
</div></div></div><div class="lfr-layout-structure-item-basic-component-button lfr-layout-structure-item-098c0a85-766d-7e9a-a26d-f9e66666784e " style=""><div id="fragment-02179355-320c-fff4-96d7-bfd27fca4476" > 		<div class="component-button text-break">
			<a class="btn btn-nm btn-primary" data-lfr-editable-id="link" data-lfr-editable-type="link" href="/home" id="fragment-qcjj-link">Back to Homepage&nbsp;</a>
		</div>
</div></div></div><div class="lfr-layout-structure-item-51eadd50-86f1-ff9b-693b-93d65823325b lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-7f4572a5-8db5-2d15-6d03-223518882f20 lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-c71752c2-707c-1f8d-ea30-903dc1bf10a2 lfr-layout-structure-item-container  container-fluid container-fluid-max-xl" style=""><div class="lfr-layout-structure-item-basic-component-image lfr-layout-structure-item-b9da0aa9-dc16-9518-c0f9-73393d9e050d " style=""><div id="fragment-58589ab3-ad9c-662a-7086-58ffb9fda1ac" > <div class="component-image overflow-hidden">
	<img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://cdn-web-global-dev.cemexgws.com/images/common/logos/logo-white.svg">
</div></div></div><div class="lfr-layout-structure-item-552f87b3-3ffa-af1c-0c01-fb43c0babfc3 lfr-layout-structure-item-row " style=""><div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row"><div class="col col-lg-8 col-sm-12 col-12 col-md-7"><div class="lfr-layout-structure-item-219e37b9-e86f-78ed-fb33-94b5d3aac45d lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-basic-component-paragraph lfr-layout-structure-item-187a3c46-f64e-8028-73b5-cd09792a31c5 " style=""><div id="fragment-026d5d36-b699-02ff-e07b-3a039b1e40dc" > <div class="clearfix component-paragraph text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">Building a Better Future</div></div></div><div class="lfr-layout-structure-item-basic-component-paragraph lfr-layout-structure-item-6eb3e3e4-2854-8007-d986-578dbd9ddb1d " style=""><div id="fragment-d919c40e-191c-2b23-92c5-f5ed8b6e19bc" > <div class="clearfix component-paragraph text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">Cemex is an industry-leading global construction materials and solutions company that drives innovation to help the world reach the next frontier of sustainable living. With our 100-plus year heritage, we are committed to achieving carbon neutrality through relentless innovation and industry-leading research and development. We stand at the forefront of the circular economy in the construction value chain and pioneer ways to increase the use of waste and residues as alternative raw materials and fuels in our operations. With a digitally enabled customer experience, we offer cement, ready-mix concrete, aggregates, and urbanization solutions in growing markets around the world.</div></div></div></div></div><div class="col col-lg-4 col-sm-12 col-12 col-md-5"><div class="lfr-layout-structure-item-c1368ddb-b72c-6acc-8690-1636a9e9c1ff lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-957e34a3-d0c3-2c28-1673-a6a30a61188d " style=""><div id="fragment-c1937518-4b45-2d73-a4f0-8d3955be92af" > <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-ebyx">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/about-us" id="fragment-ebyx" style="color: var(--white)">About Us</a>
        <div class="arrow-text-style" style="color: var(--white)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--white)","FontColor":"var(--white)","hoverArrowColor":"var(--white)","type":"link","hoverFontColor":"var(--white)"}; const fragmentElement = document.querySelector('#fragment-c1937518-4b45-2d73-a4f0-8d3955be92af'); const fragmentEntryLinkNamespace = 'ebyx'; const fragmentNamespace = 'ebyx'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-4dda0235-5916-82ed-1ebc-d9b01fc7d171 " style=""><div id="fragment-23bae7b0-64f9-d9fc-d0f3-6cbcb254a7f6" > <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-gaej">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/sustainability/future-in-action" id="fragment-gaej" style="color: var(--white)">Future in Action</a>
        <div class="arrow-text-style" style="color: var(--white)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--white)","FontColor":"var(--white)","hoverArrowColor":"var(--white)","type":"link","hoverFontColor":"var(--white)"}; const fragmentElement = document.querySelector('#fragment-23bae7b0-64f9-d9fc-d0f3-6cbcb254a7f6'); const fragmentEntryLinkNamespace = 'gaej'; const fragmentNamespace = 'gaej'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-2a28dd04-ec8f-af4f-07fd-72f5636301b4 " style=""><div id="fragment-bf94b1bc-1975-9dfe-66dc-9833a787387a" > <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-juoy">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/investors" id="fragment-juoy" style="color: var(--white)">Investors</a>
        <div class="arrow-text-style" style="color: var(--white)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--white)","FontColor":"var(--white)","hoverArrowColor":"var(--white)","type":"link","hoverFontColor":"var(--white)"}; const fragmentElement = document.querySelector('#fragment-bf94b1bc-1975-9dfe-66dc-9833a787387a'); const fragmentEntryLinkNamespace = 'juoy'; const fragmentNamespace = 'juoy'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-82832c19-ae4c-b194-9e00-12fa45a8e054 " style=""><div id="fragment-472812b2-4c4e-8142-9f53-ea93c31dbcbc" > <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-nqrg">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/careers" id="fragment-nqrg" style="color: var(--white)">Careers</a>
        <div class="arrow-text-style" style="color: var(--white)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--white)","FontColor":"var(--white)","hoverArrowColor":"var(--white)","type":"link","hoverFontColor":"var(--white)"}; const fragmentElement = document.querySelector('#fragment-472812b2-4c4e-8142-9f53-ea93c31dbcbc'); const fragmentEntryLinkNamespace = 'nqrg'; const fragmentNamespace = 'nqrg'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-b78d3196-997d-cac4-0fce-31c2b482ffb0 " style=""><div id="fragment-8db8b0d0-3e1f-79b1-5634-fc59ce7eefba" > <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-wonh">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/contact" id="fragment-wonh" style="color: var(--white)">Contact Us</a>
        <div class="arrow-text-style" style="color: var(--white)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--white)","FontColor":"var(--white)","hoverArrowColor":"var(--white)","type":"link","hoverFontColor":"var(--white)"}; const fragmentElement = document.querySelector('#fragment-8db8b0d0-3e1f-79b1-5634-fc59ce7eefba'); const fragmentEntryLinkNamespace = 'wonh'; const fragmentNamespace = 'wonh'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-1cf505df-55af-1be9-798f-d84659bcd723 " style=""><div id="fragment-28432a09-075a-de0d-621d-df4a33ce6d4a" > <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-hqtk">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="/newsroom" id="fragment-hqtk" style="color: var(--white)">Newsroom</a>
        <div class="arrow-text-style" style="color: var(--white)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--white)","FontColor":"var(--white)","hoverArrowColor":"var(--white)","type":"link","hoverFontColor":"var(--white)"}; const fragmentElement = document.querySelector('#fragment-28432a09-075a-de0d-621d-df4a33ce6d4a'); const fragmentEntryLinkNamespace = 'hqtk'; const fragmentNamespace = 'hqtk'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div><div class="lfr-layout-structure-item-015-text-and-arrow-with-download-link lfr-layout-structure-item-8c68107f-7250-6922-eeab-a4824682799b " style=""><div id="fragment-a313a8ab-bfad-7815-af90-6df5b22884ac" > <div class="fragment_2201">
    <div class="text-with-download-link" id="text-with-download-link-pffb">
        <a class="link-text" data-lfr-editable-id="text-link" data-lfr-editable-type="link" href="https://brand.cemex.com/" id="fragment-pffb" style="color: var(--white)" target="_blank">Brand Guidelines</a>
        <div class="arrow-text-style" style="color: var(--white)">
            <a href="" id="icon-link" type="link">
                <span class="material-symbols-outlined"></span>
            </a>
        </div>
    </div>
</div></div><script type="module">const configuration = {"ArrowColor":"var(--white)","FontColor":"var(--white)","hoverArrowColor":"var(--white)","type":"link","hoverFontColor":"var(--white)"}; const fragmentElement = document.querySelector('#fragment-a313a8ab-bfad-7815-af90-6df5b22884ac'); const fragmentEntryLinkNamespace = 'pffb'; const fragmentNamespace = 'pffb'; const layoutMode = 'view';const linkContainer = fragmentElement.querySelector(`#text-with-download-link-${fragmentEntryLinkNamespace}`);
if (linkContainer) {
    const linkText = linkContainer.querySelector(`.link-text`);
    const arrow = linkContainer.querySelector(`.arrow-text-style`);
    linkContainer.addEventListener('mouseover', () => {
        linkText.style.color = `${configuration.hoverFontColor}`
        arrow.style.color = `${configuration.hoverArrowColor}`
    })

    linkContainer.addEventListener('mouseout', () => {
        linkText.style.color = `${configuration.FontColor}`
        arrow.style.color = `${configuration.ArrowColor}`
    })
};</script></div></div><div class="lfr-layout-structure-item-928e48b2-16d5-6d7c-d560-22b02e96f5c6 lfr-layout-structure-item-container  d-flex flex-row" style=""><div class="lfr-layout-structure-item-basic-component-image lfr-layout-structure-item-be4d41de-ff55-52b1-9f89-ae97c9cc5548 " style=""><div id="fragment-a425120f-9cd8-226f-9fd1-e0ef39223bf9" > <div class="component-image overflow-hidden">
	<a target="_blank" href="https://www.facebook.com/cemex/"><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://cdn-web-global-dev.cemexgws.com/images/common/icons/socialmedia/facebook-icon.svg"></a>
</div></div></div><div class="lfr-layout-structure-item-basic-component-image lfr-layout-structure-item-244402d0-775e-3fd3-475c-e97fea7899ba " style=""><div id="fragment-e34bc22f-cd5d-f090-7db4-5bdd8498b301" > <div class="component-image overflow-hidden">
	<a target="_blank" href="https://x.com/CEMEX"><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://cdn-web-global-dev.cemexgws.com/images/common/icons/socialmedia/x-white-logo.svg"></a>
</div></div></div><div class="lfr-layout-structure-item-basic-component-image lfr-layout-structure-item-ea234fa4-db81-258e-612c-2e83c20d216b " style=""><div id="fragment-56e608f0-db5b-a538-c46a-2f87a217d7f1" > <div class="component-image overflow-hidden">
	<a target="_blank" href="https://www.instagram.com/cemex/"><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://cdn-web-global-dev.cemexgws.com/images/common/icons/socialmedia/instagram-white-logo.svg"></a>
</div></div></div><div class="lfr-layout-structure-item-basic-component-image lfr-layout-structure-item-a8e71fff-fb88-ef46-83e1-e4b88d507849 " style=""><div id="fragment-c7868088-d032-4f37-de25-e90a010ca832" > <div class="component-image overflow-hidden">
	<a target="_blank" href="https://www.youtube.com/@CEMEX"><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://cdn-web-global-dev.cemexgws.com/images/common/icons/socialmedia/youtube-white-logo.svg"></a>
</div></div></div><div class="lfr-layout-structure-item-basic-component-image lfr-layout-structure-item-2cd4c365-40e7-0c38-1a14-e8414580f7c1 " style=""><div id="fragment-69e3ad1e-3f19-fcf5-2d39-298376731c6a" > <div class="component-image overflow-hidden">
	<a target="_blank" href="https://linkedin.com/company/cemex"><img alt="" class="w-100" data-lfr-editable-id="image-square" data-lfr-editable-type="image" src="https://cdn-web-global-dev.cemexgws.com/images/common/icons/socialmedia/linkeding-white-logo.svg"></a>
</div></div></div></div></div></div></div></div></div><div class="lfr-layout-structure-item-584ba810-b0ca-bc95-59bb-0754b2143870 lfr-layout-structure-item-container " style=""><div class="lfr-layout-structure-item-ee647c52-0d03-3e54-d50e-a0bfe55d5024 lfr-layout-structure-item-container  d-flex flex-row align-items-center flex-wrap" style=""><div class="lfr-layout-structure-item-basic-component-paragraph lfr-layout-structure-item-a83da71c-1f1b-9938-7fc5-0a7173c96550 " style=""><div id="fragment-940bda97-a260-fd62-6fad-c52cea039c58" > <div class="clearfix component-paragraph text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">©2025 Cemex S.A.B DE C.V. All rights reserved.</div></div></div><div class="lfr-layout-structure-item-cc30a609-403e-655e-17e2-669314ed4880 lfr-layout-structure-item-container  d-flex flex-row align-items-center flex-wrap" style=""><div class="lfr-layout-structure-item-customizable-button lfr-layout-structure-item-1519ba3e-6712-6ed1-9793-9c564354e682 " style=""><div id="fragment-f55e99af-4043-ee8a-aa74-80c37fbfb241" > <div class="fragment_1205">
			<div class="component-button text-break">
			<a class="btn btn-nm  btn-link standard " data-lfr-editable-id="link" data-lfr-editable-type="link" href="/privacy-policy" id="link-qlve">Privacy Policy</a>
		</div>
</div></div><script type="module">const configuration = {"borderColor":"var(--btn-primary-background-color)","backgroundColor":"var(--btn-primary-background-color)","hoverTextColor":"var(--white)","buttonType":"btn-link","size":"btn-nm","hoverBorderColor":"var(--btn-primary-hover-background-color)","hoverBackgroundColor":"var(--btn-primary-hover-background-color)","block":false,"type":"link","textColor":"var(--white)","animation":"standard"}; const fragmentElement = document.querySelector('#fragment-f55e99af-4043-ee8a-aa74-80c37fbfb241'); const fragmentEntryLinkNamespace = 'qlve'; const fragmentNamespace = 'qlve'; const layoutMode = 'view';const btn = fragmentElement.querySelector(`#link-${fragmentEntryLinkNamespace}, #btn-${fragmentEntryLinkNamespace}`);

//fill
btn.style.setProperty("--custom-active-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-active-text-color", configuration.textColor);
btn.style.setProperty("--custom-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-text-color", configuration.textColor);
btn.style.setProperty("--custom-hover-background-color", configuration.hoverBackgroundColor);
btn.style.setProperty("--custom-hover-text-color", configuration.hoverTextColor);

//outline
btn.style.setProperty("--custom-active-border-color", configuration.borderColor);
btn.style.setProperty("--custom-border-color", configuration.borderColor);
btn.style.setProperty("--custom-hover-border-color", configuration.hoverBorderColor);

if (configuration.animation == "arrow") {
  if (btn.offsetWidth > 150) {
    const offset = btn.offsetWidth - 150 + 20; //150 min width 20px arrow width
    btn.style.width = `${btn.offsetWidth + offset}px`;
  }
}

//set styles and colors
function setInitialStyles() {
  btn.style.color = configuration.textColor;

  if (btn.classList.contains("btn-primary")) {
    btn.style.backgroundColor = configuration.backgroundColor;
    btn.style.borderColor = "transparent";
  }
  if (btn.classList.contains("btn-outline-primary")) {
    btn.style.backgroundColor = "initial";
    btn.style.borderColor = configuration.borderColor;
  }
}

function handleHover(event) {
  console.log("fired");
  if (event.type === "mouseenter") {
    // Mouse entered the element
    btn.style.color = configuration.hoverTextColor;

    if (btn.classList.contains("btn-primary")) {
      btn.style.backgroundColor = configuration.hoverBackgroundColor;
    }

    if (btn.classList.contains("btn-outline-primary")) {
      btn.style.backgroundColor = configuration.hoverBorderColor;
      btn.style.borderColor = configuration.hoverBorderColor;
    }
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.add("start");
    }
  } else if (event.type === "mouseleave") {
    // Mouse left the element
    setInitialStyles();
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.remove("start");
    }
  }
}

setInitialStyles();
btn.addEventListener("mouseenter", handleHover);
btn.addEventListener("mouseleave", handleHover);;</script></div><div class="lfr-layout-structure-item-basic-component-paragraph lfr-layout-structure-item-fcd4d2f9-e29d-7235-8811-30ee64a39034 " style=""><div id="fragment-88a870e9-1b6b-4fdc-5a23-ab8e90b68b52" > <div class="clearfix component-paragraph text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">|</div></div></div><div class="lfr-layout-structure-item-customizable-button lfr-layout-structure-item-9823c450-5973-db04-c6e0-2e4df93b6abb " style=""><div id="fragment-e8b5fed5-2b35-2a49-b31b-ea69591c839a" > <div class="fragment_1205">
			<div class="component-button text-break">
			<a class="btn btn-nm  btn-link standard " data-lfr-editable-id="link" data-lfr-editable-type="link" href="/legal" id="link-pufe">Terms &amp; Conditions</a>
		</div>
</div></div><script type="module">const configuration = {"borderColor":"var(--btn-primary-background-color)","backgroundColor":"var(--btn-primary-background-color)","hoverTextColor":"var(--white)","buttonType":"btn-link","size":"btn-nm","hoverBorderColor":"var(--btn-primary-hover-background-color)","hoverBackgroundColor":"var(--btn-primary-hover-background-color)","block":false,"type":"link","textColor":"var(--white)","animation":"standard"}; const fragmentElement = document.querySelector('#fragment-e8b5fed5-2b35-2a49-b31b-ea69591c839a'); const fragmentEntryLinkNamespace = 'pufe'; const fragmentNamespace = 'pufe'; const layoutMode = 'view';const btn = fragmentElement.querySelector(`#link-${fragmentEntryLinkNamespace}, #btn-${fragmentEntryLinkNamespace}`);

//fill
btn.style.setProperty("--custom-active-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-active-text-color", configuration.textColor);
btn.style.setProperty("--custom-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-text-color", configuration.textColor);
btn.style.setProperty("--custom-hover-background-color", configuration.hoverBackgroundColor);
btn.style.setProperty("--custom-hover-text-color", configuration.hoverTextColor);

//outline
btn.style.setProperty("--custom-active-border-color", configuration.borderColor);
btn.style.setProperty("--custom-border-color", configuration.borderColor);
btn.style.setProperty("--custom-hover-border-color", configuration.hoverBorderColor);

if (configuration.animation == "arrow") {
  if (btn.offsetWidth > 150) {
    const offset = btn.offsetWidth - 150 + 20; //150 min width 20px arrow width
    btn.style.width = `${btn.offsetWidth + offset}px`;
  }
}

//set styles and colors
function setInitialStyles() {
  btn.style.color = configuration.textColor;

  if (btn.classList.contains("btn-primary")) {
    btn.style.backgroundColor = configuration.backgroundColor;
    btn.style.borderColor = "transparent";
  }
  if (btn.classList.contains("btn-outline-primary")) {
    btn.style.backgroundColor = "initial";
    btn.style.borderColor = configuration.borderColor;
  }
}

function handleHover(event) {
  console.log("fired");
  if (event.type === "mouseenter") {
    // Mouse entered the element
    btn.style.color = configuration.hoverTextColor;

    if (btn.classList.contains("btn-primary")) {
      btn.style.backgroundColor = configuration.hoverBackgroundColor;
    }

    if (btn.classList.contains("btn-outline-primary")) {
      btn.style.backgroundColor = configuration.hoverBorderColor;
      btn.style.borderColor = configuration.hoverBorderColor;
    }
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.add("start");
    }
  } else if (event.type === "mouseleave") {
    // Mouse left the element
    setInitialStyles();
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.remove("start");
    }
  }
}

setInitialStyles();
btn.addEventListener("mouseenter", handleHover);
btn.addEventListener("mouseleave", handleHover);;</script></div><div class="lfr-layout-structure-item-basic-component-paragraph lfr-layout-structure-item-307b2a93-0295-5949-c5b4-7938dcb04dd1 " style=""><div id="fragment-87a5b562-b203-4345-a2ab-846d1b49388b" > <div class="clearfix component-paragraph text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">|</div></div></div><div class="lfr-layout-structure-item-customizable-button lfr-layout-structure-item-9e0d2c7b-e3a7-2dae-4975-f53825473a85 " style=""><div id="fragment-a0bcdd3f-e11d-8f49-8271-61498a58c0a1" > <div class="fragment_1205">
			<div class="component-button text-break">
			<a class="btn btn-nm  btn-link standard " data-lfr-editable-id="link" data-lfr-editable-type="link" href="/sitemap" id="link-hbmj">Sitemap</a>
		</div>
</div></div><script type="module">const configuration = {"borderColor":"var(--btn-primary-background-color)","backgroundColor":"var(--btn-primary-background-color)","hoverTextColor":"var(--white)","buttonType":"btn-link","size":"btn-nm","hoverBorderColor":"var(--btn-primary-hover-background-color)","hoverBackgroundColor":"var(--btn-primary-hover-background-color)","block":false,"type":"link","textColor":"var(--white)","animation":"standard"}; const fragmentElement = document.querySelector('#fragment-a0bcdd3f-e11d-8f49-8271-61498a58c0a1'); const fragmentEntryLinkNamespace = 'hbmj'; const fragmentNamespace = 'hbmj'; const layoutMode = 'view';const btn = fragmentElement.querySelector(`#link-${fragmentEntryLinkNamespace}, #btn-${fragmentEntryLinkNamespace}`);

//fill
btn.style.setProperty("--custom-active-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-active-text-color", configuration.textColor);
btn.style.setProperty("--custom-background-color", configuration.backgroundColor);
btn.style.setProperty("--custom-text-color", configuration.textColor);
btn.style.setProperty("--custom-hover-background-color", configuration.hoverBackgroundColor);
btn.style.setProperty("--custom-hover-text-color", configuration.hoverTextColor);

//outline
btn.style.setProperty("--custom-active-border-color", configuration.borderColor);
btn.style.setProperty("--custom-border-color", configuration.borderColor);
btn.style.setProperty("--custom-hover-border-color", configuration.hoverBorderColor);

if (configuration.animation == "arrow") {
  if (btn.offsetWidth > 150) {
    const offset = btn.offsetWidth - 150 + 20; //150 min width 20px arrow width
    btn.style.width = `${btn.offsetWidth + offset}px`;
  }
}

//set styles and colors
function setInitialStyles() {
  btn.style.color = configuration.textColor;

  if (btn.classList.contains("btn-primary")) {
    btn.style.backgroundColor = configuration.backgroundColor;
    btn.style.borderColor = "transparent";
  }
  if (btn.classList.contains("btn-outline-primary")) {
    btn.style.backgroundColor = "initial";
    btn.style.borderColor = configuration.borderColor;
  }
}

function handleHover(event) {
  console.log("fired");
  if (event.type === "mouseenter") {
    // Mouse entered the element
    btn.style.color = configuration.hoverTextColor;

    if (btn.classList.contains("btn-primary")) {
      btn.style.backgroundColor = configuration.hoverBackgroundColor;
    }

    if (btn.classList.contains("btn-outline-primary")) {
      btn.style.backgroundColor = configuration.hoverBorderColor;
      btn.style.borderColor = configuration.hoverBorderColor;
    }
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.add("start");
    }
  } else if (event.type === "mouseleave") {
    // Mouse left the element
    setInitialStyles();
    if (configuration.animation == "arrow" || configuration.animation == "transition") {
      btn.classList.remove("start");
    }
  }
}

setInitialStyles();
btn.addEventListener("mouseenter", handleHover);
btn.addEventListener("mouseleave", handleHover);;</script></div></div></div></div></div><div class="lfr-layout-structure-item-103-back-to-top-button lfr-layout-structure-item-8319d7bc-1ef1-a049-050e-a2ef80e84e97 " style=""><div id="fragment-742aa0e7-d890-bf70-d190-c5bc036b1437" > <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
<button id="back-to-top-btn" style="background-color:var(--brand-color-1);
							 border: 3px solid var(--brand-color-1);
							 color: #FFFFFF;
							 width:;
							 height:;
							 font-size:15px;">
	<span class="material-symbols-outlined">
   arrow_upward
  </span> 
		<span data-lfr-editable-id="button-text" data-lfr-editable-type="text">
			TO TOP
	</span>
</button></div><style>.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 48
}
#back-to-top-btn {
  display: flex;
	justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 30px;
	z-index: 9999;
	font-weight:500;
  opacity: 0;
  transition: visibility 0.2s, opacity 0.2s linear;
	visibility:hidden;
}

.show{
	opacity: 1 !important;
	visibility:visible !important;
}
.show-suppliers{
    bottom: 35px !important;
    right: 130px !important;
}

#back-to-top-btn>span{
  font-weight:normal;
	margin-right:12px;
}

#back-to-top-btn>span::after{
	content:"" !important;
}</style><script type="module">const configuration = {"backgroundColor":"var(--brand-color-1)","borderColor":"var(--brand-color-1)","iconName":"arrow_upward","width":"","fontSize":"15px","textColor":"#FFFFFF","minScrollHeight":"10","height":""}; const fragmentElement = document.querySelector('#fragment-742aa0e7-d890-bf70-d190-c5bc036b1437'); const fragmentEntryLinkNamespace = 'dgdz'; const fragmentNamespace = 'dgdz'; const layoutMode = 'view';let btn=document.getElementById("back-to-top-btn")
const editMode = document.body.classList.contains('has-edit-mode-menu');
if (editMode) {
 btn.classList.add("show")
} else {
  window.onscroll = function () {
    scrollFunction();
  };

  function scrollFunction() {
    let percentage = (configuration.minScrollHeight / 100)
    let viewHeight = window.innerHeight
    let totalHeight = document.documentElement.scrollHeight
    let minScrollHeight = (totalHeight * percentage)

    if (totalHeight > (viewHeight * 2)) {
      if ((document.documentElement.scrollTop >= minScrollHeight) && (document.documentElement.scrollTop >= (viewHeight * 2))) {
        document.getElementById("back-to-top-btn").classList.add("show")
        if (Liferay.currentURL.includes('suppliers')) {
          document.getElementById("back-to-top-btn").classList.add("show-suppliers")
        }
      } else {
        document.getElementById("back-to-top-btn").classList.remove("show")
      }
    }

  }
}

// When the user clicks on the button, scroll to the top of the document
document.getElementById("back-to-top-btn").addEventListener("click", function () {
  window.scrollTo({ top: 0, behavior: 'smooth' });
});

;</script></div><div class="lfr-layout-structure-item-026-cookies-setting lfr-layout-structure-item-0f986100-267c-2a07-5010-aec539dc1782 " style=""><div id="fragment-b8c573a7-9b3b-5e9f-6a60-119dcd653dac" > <div class="cookie-banner banner-fixed-bottom" style="background:#F0F0F0;
						border-Left:10px solid var(--brand-color-1)">
	<div class="C-banner">
		<div>
			<span class="mb-3" data-lfr-editable-id="01-text" data-lfr-editable-type="rich-text" style="color:var(--gray-400)">
				  This website uses cookies to deliver you a better experience. 
				  Using this website means you are okay with this. Please check our</span>
			<a data-lfr-editable-id="02-link" data-lfr-editable-type="link" href="/privacy-policy" id="fragment-mlip-03-link" style="color:var(--brand-color-3)">
			    Privacy Statement
			</a>
			<span data-lfr-editable-id="02-text" data-lfr-editable-type="rich-text" style="color:var(--gray-400)">
				 for additional details.
			</span>
			<span data-lfr-editable-id="03-text" data-lfr-editable-type="rich-text" class="cookie-banner-button cookie-btn" style="color:var(--brand-color-3)">
					I understand.
	    </span>
			
		</div>
	</div>
</div></div><style>.cookie-banner {
	transition: opacity 1s ease;
	z-index: 100;
	box-shadow: 0 0 20px rgb(0 0 0 / 29%), 0 0 0 rgb(0 0 0 / 33%);
	font-size: 14px;
	padding: 20px;
}

.banner-fixed-bottom {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
}

.banner-fixed-top {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
}
.cookie-btn {
 cursor:pointer;
}
.C-banner a:hover {
 text-decoration:none;
}</style><script type="module">const configuration = {"LeftBorderColor":"var(--brand-color-1)","TextColor":"var(--gray-400)","fixedStyle":"banner-fixed-bottom","HighlightTextColor":"var(--brand-color-3)","BackgroundColor":"#F0F0F0"}; const fragmentElement = document.querySelector('#fragment-b8c573a7-9b3b-5e9f-6a60-119dcd653dac'); const fragmentEntryLinkNamespace = 'mlip'; const fragmentNamespace = 'mlip'; const layoutMode = 'view';const button = fragmentElement.querySelector('.cookie-banner-button');
const cookieBanner = fragmentElement.querySelector('.cookie-banner');

const editMode = layoutMode === 'edit';

function handleButtonClick() {
	hideBanner();

	localStorage.setItem('liferay.cookie.consent', 'accepted');
}

function hideBanner() {
	cookieBanner.style.display = 'none';
}

function main() {
	if (!editMode) {
		if (localStorage.getItem('liferay.cookie.consent') === 'accepted') {
			hideBanner();
		}
		else {
			button.addEventListener('click', handleButtonClick);
		}
	}
}

main();;</script></div>




		</div>
	


<form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden type="submit">Hidden</button></form>

	
		</section>

	</div>
</div>























































































































	









	









<script type="text/javascript">

	
		

			

			
		
	


</script><script>

</script>















	

	

	













	


<script type="text/javascript">
(function() {var $ = AUI.$;var _ = AUI._;
	var onDestroyPortlet = function () {
		Liferay.detach('messagePosted', onMessagePosted);
		Liferay.detach('destroyPortlet', onDestroyPortlet);
	};

	Liferay.on('destroyPortlet', onDestroyPortlet);

	var onMessagePosted = function (event) {
		if (window.Analytics) {
			const eventProperties = {
				className: event.className,
				classPK: event.classPK,
				commentId: event.commentId,
				text: event.text,
			};

			const blogNode = document.querySelector(
				'[data-analytics-asset-id="' + event.classPK + '"]'
			);

			const dmNode = document.querySelector(
				'[data-analytics-file-entry-id="' + event.classPK + '"]'
			);

			if (blogNode) {
				eventProperties.title = blogNode.dataset.analyticsAssetTitle;
			}
			else if (dmNode) {
				eventProperties.title = dmNode.dataset.analyticsFileEntryTitle;
			}

			Analytics.send('posted', 'Comment', eventProperties);
		}
	};

	Liferay.on('messagePosted', onMessagePosted);
})();

	function getValueByAttribute(node, attr) {
		return (
			node.dataset[attr] ||
			(node.parentElement && node.parentElement.dataset[attr])
		);
	}

	function sendDocumentDownloadedAnalyticsEvent(anchor) {
		var fileEntryId = getValueByAttribute(
			anchor,
			'analyticsFileEntryId'
		);
		var title = getValueByAttribute(
			anchor,
			'analyticsFileEntryTitle'
		);
		var version = getValueByAttribute(
			anchor,
			'analyticsFileEntryVersion'
		);

		if (fileEntryId) {
			Analytics.send('documentDownloaded', 'Document', {
				groupId: themeDisplay.getScopeGroupId(),
				fileEntryId,
				preview:
					!!window._com_liferay_document_library_analytics_isViewFileEntry,
				title,
				version,
			});
		}
	}

	function handleDownloadClick(event) {
		if (window.Analytics) {
			if (event.target.nodeName.toLowerCase() === 'a') {
				sendDocumentDownloadedAnalyticsEvent(
					event.target
				);
			}
			else if (
				event.target.parentNode &&
				event.target.parentNode.nodeName.toLowerCase() === 'a'
			) {
				sendDocumentDownloadedAnalyticsEvent(
					event.target.parentNode
				);
			}
			else {
				var target = event.target;
				var matchTextContent =
					target.textContent &&
					target.textContent.toLowerCase() ===
						'download';
				var matchTitle =
					target.title && target.title.toLowerCase() === 'download';
				var matchAction = target.action === 'download';
				var matchLexiconIcon = !!target.querySelector(
					'.lexicon-icon-download'
				);
				var matchLexiconClassName = target.classList.contains(
					'lexicon-icon-download'
				);
				var matchParentTitle =
					target.parentNode &&
					target.parentNode.title &&
					target.parentNode.title.toLowerCase() === 'download';
				var matchParentLexiconClassName =
					target.parentNode &&
					target.parentNode.classList.contains('lexicon-icon-download');

				if (
					matchTextContent ||
					matchTitle ||
					matchParentTitle ||
					matchAction ||
					matchLexiconIcon ||
					matchLexiconClassName ||
					matchParentLexiconClassName
				) {
					var selectedFiles = document.querySelectorAll(
						'.form .custom-control-input:checked'
					);

					selectedFiles.forEach(({value}) => {
						var selectedFile = document.querySelector(
							'[data-analytics-file-entry-id="' + value + '"]'
						);

						sendDocumentDownloadedAnalyticsEvent(
							selectedFile
						);
					});
				}
			}
		}
	}

	Liferay.once('destroyPortlet', () => {
		document.body.removeEventListener(
			'click',
			handleDownloadClick
		);
	});

	Liferay.once('portletReady', () => {
		document.body.addEventListener(
			'click',
			handleDownloadClick
		);
	});

(function() {var $ = AUI.$;var _ = AUI._;
	var onVote = function (event) {
		if (window.Analytics) {
			let title = event.contentTitle;

			if (!title) {
				const dmNode = document.querySelector(
					'[data-analytics-file-entry-id="' + event.classPK + '"]'
				);

				if (dmNode) {
					title = dmNode.dataset.analyticsFileEntryTitle;
				}
			}

			Analytics.send('VOTE', 'Ratings', {
				className: event.className,
				classPK: event.classPK,
				ratingType: event.ratingType,
				score: event.score,
				title,
			});
		}
	};

	var onDestroyPortlet = function () {
		Liferay.detach('ratings:vote', onVote);
		Liferay.detach('destroyPortlet', onDestroyPortlet);
	};

	Liferay.on('ratings:vote', onVote);
	Liferay.on('destroyPortlet', onDestroyPortlet);
})();
(function() {var $ = AUI.$;var _ = AUI._;
	var onShare = function (data) {
		if (window.Analytics) {
			Analytics.send('shared', 'SocialBookmarks', {
				className: data.className,
				classPK: data.classPK,
				type: data.type,
				url: data.url,
			});
		}
	};

	var onDestroyPortlet = function () {
		Liferay.detach('socialBookmarks:share', onShare);
		Liferay.detach('destroyPortlet', onDestroyPortlet);
	};

	Liferay.on('socialBookmarks:share', onShare);
	Liferay.on('destroyPortlet', onDestroyPortlet);
})();
(function() {var $ = AUI.$;var _ = AUI._;
	function showDialog(uri, title) {
		Liferay.Util.openModal({
			id: 'sharingDialog',
			iframeBodyCssClass: 'sharing-dialog',
			height: '475px',
			size: 'md',
			title: title,
			url: uri,
		});
	}

	var Sharing = {
		copyLink: function (link) {
			navigator.clipboard.writeText(link);

			Liferay.Util.openToast({
				message:
					'Copied link to the clipboard.',
			});
		},

		manageCollaborators: function (classNameId, classPK) {
			var manageCollaboratorsParameters = {
				classNameId: classNameId,
				classPK: classPK,
			};

			var manageCollaboratorsURL = Liferay.Util.PortletURL.createPortletURL(
				'https://www.cemex.com:443/group/cemex/~/control_panel/manage?p_p_id=com_liferay_sharing_web_portlet_ManageCollaboratorsPortlet&p_p_lifecycle=0&p_p_state=pop_up&p_p_auth=o0par3Fu',
				manageCollaboratorsParameters
			);

			showDialog(
				manageCollaboratorsURL.toString(),
				'Manage Collaborators'
			);
		},

		share: function (classNameId, classPK, title) {
			var sharingParameters = {
				classNameId: classNameId,
				classPK: classPK,
			};

			var sharingURL = Liferay.Util.PortletURL.createPortletURL(
				'https://www.cemex.com:443/group/cemex/~/control_panel/manage?p_p_id=com_liferay_sharing_web_portlet_SharingPortlet&p_p_lifecycle=0&p_p_state=pop_up&p_p_auth=nJjqVEUJ',
				sharingParameters
			);

			showDialog(sharingURL.toString(), title);
		},
	};

	Liferay.Sharing = Sharing;
})();

	if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) {
		svg4everybody(
			{
				polyfill: true,
				validate: function (src, svg, use) {
					return !src || !src.startsWith('#');
				}
			}
		);
	}

(function() {var $ = AUI.$;var _ = AUI._;
	Liferay.Util.delegate(
		document,
		'focusin',
		'.portlet',
		function(event) {
			event.delegateTarget.closest('.portlet').classList.add('open');
		}
	);

	Liferay.Util.delegate(
		document,
		'focusout',
		'.portlet',
		function(event) {
			event.delegateTarget.closest('.portlet').classList.remove('open');
		}
	);
})();

	// <![CDATA[

		

		Liferay.currentURL = '\x2fnot-found';
		Liferay.currentURLEncoded = '\x252Fnot-found';

	// ]]>


		// <![CDATA[
			
				

				document.body.onload = function () {
  const subStr = document.querySelectorAll(
    "div.component-paragraph, h3.component-heading, h2.component-heading, h1.component-heading, span.text-truncate"
  );
  const wordToChangeArray = [
    { oldval: "CO2", newval: "CO₂" },
    { oldval: "H2O", newval: "H₂O" },
  ];
  for (s of subStr) {
    Str = s.innerHTML;
    wordToChangeArray.forEach((element) => {
      const regex = new RegExp(element.oldval, "g");
      var newtext = Str.replace(regex, element.newval);
      Str = newtext;
    });
    s.innerHTML = Str;
  }
};

				
			
		// ]]>
	
(function() {var $ = AUI.$;var _ = AUI._;
		import(Liferay.ThemeDisplay.getPathContext() + '/o/frontend-js-web/__liferay__/index.js').then(
			({openToast}) => {
				AUI().use(
					'liferay-session',
					function () {
						Liferay.Session = new Liferay.SessionBase(
							{
								autoExtend: true,
								redirectOnExpire: false,
								redirectUrl: 'https\x3a\x2f\x2fwww\x2ecemex\x2ecom\x2fweb\x2fguest\x2fhome',
								sessionLength: 900,
								sessionTimeoutOffset: 70,
								warningLength: 60
							}
						);

						
					}
				);
			}
		)
	})();

	
		Liferay.Portlet.register('com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn_',
			portletId: 'com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn',
			refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d259\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_ugqn\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fnot-found',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_',
			portletId: 'com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet',
			refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d259\x26p_p_id\x3dcom_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fnot-found',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search_',
			portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search',
			refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d259\x26p_p_id\x3dcom_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_embedded_search\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fnot-found',
			refreshURLData: {}
		}
	);


	
		Liferay.Portlet.register('com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets_',
			portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets',
			refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d259\x26p_p_id\x3dcom_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_pjroassets\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fnot-found',
			refreshURLData: {}
		}
	);


</script><script type="module">
import {InfoItemActionHandler as ComponentModule} from '/o/layout-taglib/__liferay__/index.js';
AUI().use(
  'liferay-menu',
function(A) {
{
Liferay.component('infoItemActionComponent', new ComponentModule({"executeInfoItemActionURL":"https:\/\/www.cemex.com\/c\/portal\/execute_info_item_action?p_l_mode=view&plid=259","namespace":"","spritemap":"https:\/\/www.cemex.com\/o\/classic-theme\/images\/clay\/icons.svg"}), { destroyOnNavigate: true, portletId: ''});
}
(function() {
var $ = AUI.$;var _ = AUI._;
	new Liferay.Menu();

	var liferayNotices = Liferay.Data.notices;

	for (var i = 0; i < liferayNotices.length; i++) {
		Liferay.Util.openToast(liferayNotices[i]);
	}

})();
});

</script>









<script src="https://www.cemex.com/o/classic-theme/js/main.js?browserId=other&amp;minifierType=js&amp;languageId=en_US&amp;t=1757890848000" type="text/javascript"></script>




<script type="module">
import {main} from '/o/frontend-js-alert-support-web/__liferay__/index.js';
{
main();
}

</script><script type="module">
import {main} from '/o/frontend-js-collapse-support-web/__liferay__/index.js';
{
main();
}

</script><script type="module">
import {main} from '/o/frontend-js-dropdown-support-web/__liferay__/index.js';
{
main();
}

</script><script type="module">
import {main} from '/o/frontend-js-tabs-support-web/__liferay__/index.js';
{
main();
}

</script><script type="module">
import {main} from '/o/frontend-js-tooltip-support-web/__liferay__/index.js';
{
main();
}

</script><script type="module">
import {runThirdPartyCookiesInterval} from '/o/cookies-banner-web/__liferay__/index.js';
{
runThirdPartyCookiesInterval();
}

</script><script type="text/javascript">
Liferay.CustomDialogs = {enabled: false};

</script><script>

</script><script data-senna-track="temporary" type="text/javascript"  src="https://cxprod-web.cemex.com/documents/d/asset-library-1867802/svg-pan-zoom"></script>
<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=2&cb=1050846861" async></script></body>

</html>
		
	

