CINXE.COM
Accessibility
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"/> <!-- This is for SSO api --> <title>Accessibility</title> <!-- <meta data-sly-test.keywords="" name="keywords" content=""/> --> <meta name="interest_tag"/> <meta name="template" content="content-page"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <!--<meta property="{proerties.ogProperty}" content=""/> --> <script> window.informaGlobal = window.informaGlobal || {}; window.informaGlobal.settings = {"eventEditionCode":"INM00IFM","mmcc":{"endpoint":"https://connect.informamarkets.com","api_endpoint":"https://api-connect.informamarkets.com/api/v1","auth_endpoint":"https://connect.informamarkets.com/oauth/authorize","use_frame_authentication":false,"client_id":"ba1d0929-db33-409d-8186-e0e687eaa575"},"adaware":{"handle_ad_preload":"false","survey_path":"","survey_enabled":"false","survey_logo_path":"","include_adaware":"","allow_ad_preload":""},"mmccBrandCode":"","page":{"canonical":"/content/markets/generic/informa-markets/en/accessibility.html"},"eventSeriesCode":"ES_INFMKTS","mmccBrandID":"","brandCode":"EB_INFMKTS"}; </script> <script src="/etc.clientlibs/informa/clientlibs/v2/informa-dependencies.min.eb6941808c1e3099416830244ed66c00.js"></script> <link rel="stylesheet" href="/etc.clientlibs/informa/clientlibs/v2/informa-dependencies.min.cdc56dbd8554a219c65f64e046465fbc.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/informa/clientlibs/v2/vendor/jquery-countdown.min.d41d8cd98f00b204e9800998ecf8427e.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/informa/clientlibs/v2/informa-base.min.069fb9e4fcb963320d47f13734b60205.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/informa-designs/v2-informa-markets.min.8a5e47a6a8485d99b08e1ce731444469.css" type="text/css"> <!-- Used to load third party urls added to root page --> <link rel="shortcut icon" href="/content/dam/markets/generic/informa-markets/images/2021/en/favicon.png" type="image/x-icon"/> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/> <script type="text/javascript"> var contentInterest = ""; digital_data = [{ "showdata":{ "analyticsRegion": "", "analyticsBrand": "", "analyticsEventSeries": "", "analyticsBusinessUnit": "", "analyticsSiteIndex": "", "analyticseventEditionCode": "INM00IFM", "analyticsEventEdition": "Informa Markets", "analyticsVertical": "", "analyticsExhibitionId": "", "analyticsSector": "", "analyticsSectorCode": "", "analyticsMarket": "", "analyticsSectorPortfolio": "" }, "profileinfo":{ "webProfileId": "", "webAddressPersonal": "" }, "pagedata": { "analyticsSegments" : {"children":[{"child1":{"pageTitle":"Accessibility","pagePath":"accessibility"}}],"root":{"pageTitle":"Informa Markets","pagePath":"en"},"childrenCount":"1"}, "analyticsreportsuitID" : "informainformamarkets", "analyticsContentInterest": "", "analyticsPageName" : "Accessibility", "analyticsFormSubmissionId" : "", "analyticsPlatform": "AEM", } }]; </script> <script src="//assets.adobedtm.com/100e8b570010/d5a2fea3949a/launch-60fc9e096461.min.js" async></script> <script type="text/javascript"> (function() { window.ContextHub = window.ContextHub || {}; /* setting paths */ ContextHub.Paths = ContextHub.Paths || {}; ContextHub.Paths.CONTEXTHUB_PATH = "/etc/cloudsettings/default/contexthub"; ContextHub.Paths.RESOURCE_PATH = "\/content\/markets\/generic\/informa\u002Dmarkets\/en\/accessibility\/_jcr_content\/contexthub"; ContextHub.Paths.SEGMENTATION_PATH = ""; ContextHub.Paths.CQ_CONTEXT_PATH = ""; /* setting initial constants */ ContextHub.Constants = ContextHub.Constants || {}; ContextHub.Constants.ANONYMOUS_HOME = "/home/users/Y/Y_bYNnIBaEWLyKNDwQbR"; ContextHub.Constants.MODE = "no-ui"; }()); </script><script src="/etc/cloudsettings/default/contexthub.kernel.js" type="text/javascript"></script> </head> <body class="page basicpage component page-accessibility page-markets-generic-informa-markets-en-accessibility "> <!-- PATH :: /content/markets/generic/informa-markets/zh --- SSO :: --- SSO path :: --- SSO Token :: --- isRedirectPath-ORGINAL :: false --- isRedirectPath :: /content/markets/generic/informa-markets/zh --> <div class="root responsivegrid component"> <div class="cmp-responsivegrid animated delay- quickclass_451934564 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="brandingheader offset-xl-0 col component col-lg-12 col-12 offset-lg-0 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12 aem-GridColumn--offset--default--0"> <div style="background-color: " class="cmp-responsivegrid aem-Grid aem-Grid--12 aem-Grid--default--12"> <div class="row cmp-responsivegrid__row informa-row"> <div class="experiencefragment col col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"> <div class="xf-content-height xf-web-container "> <div class="cmp-responsivegrid animated delay- quickclass_739282762 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="popopen col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"><div class="cmp-popopen cmp-popopen--closed animated delay-" data-cmp-is="popopen"> <div class="cmp-popopen__content cmp-popopen__content--hidden" id="popopen_2b9ec480-0d82-411a-84e4-f0a302bef8c7_root_popopen"> <div class="cmp-responsivegrid quickclass_1108918346 aem-Grid aem-Grid--12 aem-Grid--default--12 aem-Grid--phone--12 "> <div class="row cmp-responsivegrid__row informa-row"> <div class="grid offset-xl-0 col col-lg-12 aem-GridColumn--default--none col-none col-xl-none offset-0 col-sm-none aem-GridColumn--offset--phone--0 col-sm-12 aem-GridColumn--offset--default--0 component col-lg-none col-12 aem-GridColumn--phone--none offset-lg-0 aem-GridColumn--phone--12 aem-GridColumn col-md-none col-md-12 aem-GridColumn--default--12 col-xl-12"><div class="cmp-grid animated delay-" data-cmp-is="grid"> <div class="cmp-grid__content" id="grid_2b9ec480-0d82-411a-84e4-f0a302bef8c7_root_popopen_grid"> <div class="row cmp-grid__row"> <div class="col col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 cmp-grid__column"> <div class="responsivegrid no-gutters component"> <div class="cmp-responsivegrid animated delay- quickclass_1333134151 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="enhancedtext col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"><div class="cmp-text cmp-enhancedtext"> <p>Informa Markets is part of the Informa Markets Division of Informa PLC</p> </div> </div> <div class="linklist cmp-linklist--horizontal col col-lg-12 col-12 aem-GridColumn col-md-12 informa-links aem-GridColumn--default--12 col-xl-12 col-sm-12"><div class="cmp-linklist animated delay-" data-cmp-is="linklist"> <ul class="cmp-linklist__items"> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="http://informa.com/">Informa PLC</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="http://informa.com/about-us/">ABOUT US</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="http://informa.com/investors/">INVESTOR RELATIONS</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="http://informa.com/talent/">TALENT</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="col col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 cmp-grid__column"> <div class="text informa-copyright"><div class="cmp-text animated delay-"> <p>This site is operated by a business or businesses owned by Informa PLC and all copyright resides with them. Informa PLC's registered office is 5 Howick Place, London SW1P 1WG. Registered in England and Wales. Number 8860726.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cmp-popopen__action cmp-popopen__action--open"> <span class="cmp-popopen__action-text">Informa</span> </div> <div class="cmp-popopen__action cmp-popopen__action--close"> <span class="cmp-popopen__action-text">Informa</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row cmp-responsivegrid__row informa-row"> <div class="header offset-xl-0 col col-lg-12 container-fluid container-override col-sm-12 aem-GridColumn--offset--default--0 col-12 offset-lg-0 aem-GridColumn aem-GridColumn--default--newline col-md-12 authorable-area aem-GridColumn--default--12 col-xl-12"> <header style="background-color: " class="cmp-responsivegrid aem-Grid aem-Grid--12 aem-Grid--default--12"> <div class="row cmp-responsivegrid__row informa-row"> <div class="responsivegrid container-fluid container-override col col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12 sticky-element component--alignment--center"> <div class="cmp-responsivegrid none animated delay-none quickclass_183477574 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <style>.quickclass_183477574 {background-color: rgba(255, 255, 255, 1);}</style> <div class="row cmp-responsivegrid__row informa-row "> <div class="responsivegrid offset-xl-0 col aem-GridColumn--default--none col-lg-none offset-lg-0 col-none col-xl-none aem-GridColumn col-md-none col-sm-none aem-GridColumn--offset--default--0 component component--alignment--left"> <div class="cmp-responsivegrid none animated delay-none quickclass_17930562 aem-Grid aem-Grid--12 aem-Grid--tablet--12 aem-Grid--default--12 aem-Grid--phone--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="image offset-xl-0 col col-none col-xl-none offset-0 col-md-4 aem-GridColumn--offset--phone--0 col-sm-4 aem-GridColumn--phone--none offset-lg-0 aem-GridColumn--tablet--none aem-GridColumn--default--3 col-xl-3 aem-GridColumn--default--none aem-GridColumn--tablet--4 col-sm-none component component--spacing-top--1x component--spacing-bottom--1x aem-GridColumn--offset--default--0 col-lg-3 aem-GridColumn--offset--tablet--0 col-lg-none col-12 aem-GridColumn--phone--12 aem-GridColumn col-md-none offset-md-0 offset-sm-0"><div data-cmp-is="image" data-cmp-src="/content/markets/generic/informa-markets/en/_jcr_content/root/header/responsivegrid_583191228/responsivegrid/image.coreimg.100{.width}.png/1728487786859/im-logo.png" data-cmp-widths="32,64,128,256,512,768,1024,1200,1900" data-asset="/content/dam/markets/generic/informa-markets/images/2021/en/im-logo.png" data-title="Informa Markets" data-target="#image_367af127-5fe5-480b-a307-949976c7b064_root_header_responsivegrid_583191228_responsivegrid_image" class="cmp-image none animated delay-none" itemscope itemtype="http://schema.org/ImageObject"> <a class="cmp-image__link" target="_self" data-cmp-hook-image="link" href="/engineering/en/home.html"> <noscript data-cmp-hook-image="noscript"> <img src="/content/markets/generic/informa-markets/en/_jcr_content/root/header/responsivegrid_583191228/responsivegrid/image.coreimg.png/1728487786859/im-logo.png" class="cmp-image__image" itemprop="contentUrl" data-cmp-hook-image="image" alt="Informa Markets"/> </noscript> </a> </div> </div> <div class="topnavigation navigation offset-xl-0 col aem-GridColumn--default--none col-none col-xl-none col-sm-none col-xl-8 col-8 aem-GridColumn--offset--default--0 col-md-8 col-sm-8 aem-GridColumn--offset--tablet--0 col-lg-8 col-lg-none offset-lg-0 aem-GridColumn--tablet--none aem-GridColumn col-md-none component component--alignment--right offset-md-0 offset-sm-0 aem-GridColumn--tablet--8 aem-GridColumn--default--8"> <a href="javascript:void(0)" id="topnavigation_367af127-5fe5-480b-a307-949976c7b064_root_header_responsivegrid_583191228_responsivegrid_topnavigation-toggle" class="cmp-navigation__toggle cmp-navigation__toggle--open" aria-controls="topnavigation_367af127-5fe5-480b-a307-949976c7b064_root_header_responsivegrid_583191228_responsivegrid_topnavigation" aria-label="Open main menu"> <span class="cmp-navigation__toggle-sr-label">Open main menu</span> <span class="fa fa-bars cmp-navigation__toggle__icon" aria-hidden="true"></span> </a> <nav class="cmp-navigation " role="navigation" id="topnavigation_367af127-5fe5-480b-a307-949976c7b064_root_header_responsivegrid_583191228_responsivegrid_topnavigation" itemscope itemtype="http://schema.org/SiteNavigationElement"> <a href="javascript:void(0)" id="topnavigation_367af127-5fe5-480b-a307-949976c7b064_root_header_responsivegrid_583191228_responsivegrid_topnavigation-close" aria-controls="topnavigation_367af127-5fe5-480b-a307-949976c7b064_root_header_responsivegrid_583191228_responsivegrid_topnavigation" class="cmp-navigation__toggle cmp-navigation__toggle--close" aria-label="Close main menu"> <span class="cmp-navigation__toggle-sr-label">Close main menu</span> <span class="fa fa-close cmp-navigation__toggle-icon" aria-hidden="true"></span> </a> <div class="cmp-navigation__groups "> <ul class="cmp-navigation__group cmp-navigation__group--standard"> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-0 cmp-navigation__item--has-children"> <a title="About Us" class="cmp-navigation__item-link without-icon" target="_self" href="/en/about-us.html">About Us</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> <ul class="cmp-navigation__group cmp-navigation__group--standard"> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-1"> <a title="What We Do" class="cmp-navigation__item-link without-icon" target="_blank" href="https://www.informa.com/about-us/what-we-do/">What We Do</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-1"> <a title="Senior Management Team" class="cmp-navigation__item-link without-icon" target="_self" href="/en/about-us/senior-management-team.html">Senior Management Team</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-1"> <a title="Sustainability" class="cmp-navigation__item-link without-icon" target="_self" href="/en/about-us/sustainability.html">Sustainability</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-1"> <a title="Informa PLC " class="cmp-navigation__item-link without-icon" target="_self" href="https://www.informa.com/">Informa PLC </a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> </ul> <!--Logic for My account group testing --> </li> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-0"> <a title="Regions" class="cmp-navigation__item-link without-icon" target="_self" href="/en/regions.html">Regions</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-0"> <a title="Markets" class="cmp-navigation__item-link without-icon" target="_self" href="/en/markets.html">Markets</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-0 cmp-navigation__item--has-children"> <a title="People" class="cmp-navigation__item-link without-icon" target="_self" href="/en/people.html">People</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> <ul class="cmp-navigation__group cmp-navigation__group--standard"> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-1"> <a title="Diversity, Inclusion & Belonging" class="cmp-navigation__item-link without-icon" target="_self" href="/en/people/diversity-inclusion-belonging.html">Diversity, Inclusion & Belonging</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-1"> <a title="Purpose & Principles" class="cmp-navigation__item-link without-icon" target="_self" href="/en/people/purpose-principles.html">Purpose & Principles</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-1"> <a title="Office Locations" class="cmp-navigation__item-link without-icon" target="_self" href="/en/people/office-locations.html">Office Locations</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-1"> <a title="Careers" class="cmp-navigation__item-link without-icon" target="_self" href="https://careers.smartrecruiters.com/InformaGroupPlc/informa-markets">Careers</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> </ul> <!--Logic for My account group testing --> </li> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--level-0"> <a title="Press" class="cmp-navigation__item-link without-icon" target="_self" href="/en/press.html">Press</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> </ul> <ul class="cmp-navigation__group cmp-navigation__group--cta"> <li aria-expanded="false" class="cmp-navigation__item cmp-navigation__item--cta cmp-navigation__item-link--primary cmp-navigation__item--level-0"> <a title="OUR EVENTS" class="cmp-navigation__item-link cmp-navigation__item-link--cta cmp-navigation__item-link--primary without-icon" target="_blank" href="/en/event-listing.html">OUR EVENTS</a> <div class="cmp-navigation__item-activators"> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--expand"><span class="cmp-navigation__item-activator-label">Expand</span></button> <button class="cmp-navigation__item-activator cmp-navigation__item-activator--collapse"><span class="cmp-navigation__item-activator-label"> Collapse</span></button> </div> </li> </ul> <!--Logic for My account group testing --> </div> </nav> <a href="javascript:void(0)" class="cmp-navigation__backdrop" aria-controls="topnavigation_367af127-5fe5-480b-a307-949976c7b064_root_header_responsivegrid_583191228_responsivegrid_topnavigation" tabindex="-1" aria-hidden="true"></a> </div> <div class="languageselector languagenavigation offset-xl-0 col col-none col-xl-none offset-0 aem-GridColumn--offset--phone--0 aem-GridColumn--phone--none offset-lg-0 aem-GridColumn--tablet--none aem-GridColumn--default--1 col-xl-1 aem-GridColumn--default--none col-sm-none col-sm-12 col-lg-1 aem-GridColumn--offset--default--0 aem-GridColumn--tablet--12 aem-GridColumn--offset--tablet--0 component col-lg-none col-12 aem-GridColumn--phone--12 aem-GridColumn col-md-none col-md-12 offset-md-0 offset-sm-0"><nav class="cmp-languagenavigation"> <ul class="cmp-languagenavigation__group"> <li class="cmp-languagenavigation__item cmp-languagenavigation__item--langcode-en cmp-languagenavigation__item--level-0 cmp-languagenavigation__item--active"> <a class="cmp-languagenavigation__item-link" href="/en/accessibility.html" hreflang="en" lang="en" rel="alternate" title="English">English</a> </li> <li class="cmp-languagenavigation__item cmp-languagenavigation__item--countrycode-CN cmp-languagenavigation__item--langcode-zh-CN cmp-languagenavigation__item--level-0"> <a class="cmp-languagenavigation__item-link" href="/en/accessibility.html" hreflang="zh-CN" lang="zh-CN" rel="alternate" title="简体中文">简体中文</a> </li> <li class="cmp-languagenavigation__item cmp-languagenavigation__item--countrycode-BR cmp-languagenavigation__item--langcode-pt-BR cmp-languagenavigation__item--level-0"> <a class="cmp-languagenavigation__item-link" href="/pt.html" hreflang="pt-BR" lang="pt-BR" rel="alternate" title="Português (Brasil)">Português (Brasil)</a> </li> <li class="cmp-languagenavigation__item cmp-languagenavigation__item--langcode-es cmp-languagenavigation__item--level-0"> <a class="cmp-languagenavigation__item-link" href="/es.html" hreflang="es" lang="es" rel="alternate" title="Spanish (México)">Spanish (México)</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </div> </header> </div> </div> <div class="row cmp-responsivegrid__row informa-row"> <div class="responsivegrid offset-xl-0 col col-lg-12 authorable-area content content-center aem-GridColumn--offset--default--0 col-sm-12 content col-12 offset-lg-0 content-center aem-GridColumn--default--newline aem-GridColumn col-md-12 authorable-area aem-GridColumn--default--12 col-xl-12"> <div class="cmp-responsivegrid animated delay- quickclass_1145283896 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="placeholder offset-xl-0 col col-lg-12 aem-GridColumn--default--none col-none col-xl-none col-sm-none col-sm-12 aem-GridColumn--offset--default--0 component col-12 col-lg-none offset-lg-0 aem-GridColumn col-md-none col-md-12 aem-GridColumn--default--12 col-xl-12"> <div class="cmp-responsivegrid animated delay- quickclass_278743558 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="breadcrumb col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"><nav class="cmp-breadcrumb" aria-label="Breadcrumb"> <ol class="cmp-breadcrumb__list" itemscope itemtype="http://schema.org/BreadcrumbList"> <li class="cmp-breadcrumb__item cmp-breadcrumb__item--active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <span itemprop="name">Accessibility</span> <meta itemprop="position" content="1"/> </li> </ol> </nav> </div> </div> </div> </div> </div> <div class="row cmp-responsivegrid__row informa-row"> <div class="responsivegrid container-fluid container-override offset-xl-0 col col-lg-12 col-sm-12 aem-GridColumn--offset--default--0 component col-12 offset-lg-0 aem-GridColumn aem-GridColumn--default--newline col-md-12 aem-GridColumn--default--12 col-xl-12"> <div class="cmp-responsivegrid animated delay- quickclass_2102413122 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="responsivegrid col col-lg-12 col-12 component component--spacing-top--2x component--spacing-bottom--3x aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"> <div class="cmp-responsivegrid animated delay- quickclass_1223980846 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="title cmp-title--primary cmp-title--underline col component component--spacing-top--2x component--alignment--center col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"><div class="cmp-title animated delay-"> <h2 class="cmp-title__text animated delay-">Accessibility</h2> </div> </div> <div class="title cmp-title--secondary col col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12 component component--spacing-top--1x"><div class="cmp-title none animated delay-none"> <h4 class="cmp-title__text none animated delay-none">Creating content that is accessible to all</h4> </div> </div> <div class="text col col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12 component component--spacing-top--1x"><div class="cmp-text animated delay-"> <p>At Informa Markets we take accessibility seriously and are always looking for ways to improve our corporate site. This latest new corporate site has been designed with accessibility in mind. The majority of our site is compliant to both “A” & “AA” W3C guidelines. However, we are aware of a couple of areas which we are addressing so we can be fully compliant across the whole site. This is our aim and commitment longterm.</p> </div> </div> <div class="title cmp-title--secondary col col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 component component--spacing-top--1x component--spacing-bottom--1x col-xl-12 col-sm-12"><div class="cmp-title none animated delay-none"> <h4 class="cmp-title__text none animated delay-none">Changing font size</h4> </div> </div> <div class="text col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"><div class="cmp-text animated delay-"> <p>If you have difficulty reading the text on the screen you can resize it as follows:</p> <p><strong><u>For Microsoft Internet Explorer</u></strong></p> <ul> <li>On the View menu at the top of your browser choose Text Size </li> <li>Increase or decrease as appropriate </li> </ul> <p><u>For Firefox</u></p> <ul> <li>On the View menu at the top of your browser choose Text Size </li> <li>Increase or decrease as appropriate </li> </ul> <p>If you are using any other browser, check its "Help" facility to find out how to do it. There are also other options within your browser to help with accessibility e.g. changing text and background colours. Check your browser's help facility for instruction on how to use these functions.</p> </div> </div> <div class="title cmp-title--secondary col col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 component component--spacing-top--1x component--spacing-bottom--1x col-xl-12 col-sm-12"><div class="cmp-title none animated delay-none"> <h4 class="cmp-title__text none animated delay-none">Page Layouts</h4> </div> </div> <div class="text col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"><div class="cmp-text animated delay-"> <p>Most of the pages on this website have been arranged in columns and you'll find that:</p> <ul> <li>The top navigation bar will always contain navigation menus to guide you around the site </li> <li>The right-hand column contains panels of related information, features and promotions </li> <li>The middle column will always contain the main content of the page</li> </ul> </div> </div> <div class="title cmp-title--secondary col col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 component component--spacing-top--1x component--spacing-bottom--1x col-xl-12 col-sm-12"><div class="cmp-title none animated delay-none"> <h4 class="cmp-title__text none animated delay-none">Stylesheets</h4> </div> </div> <div class="text col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"><div class="cmp-text animated delay-"> <p>You may import your own stylesheet into this website as follows:</p> <p><strong><u>In Explorer:</u></strong></p> <ul> <li>Select Tools </li> <li>Select Internet Options </li> <li>Click on the Accessibility button </li> <li>Click on up to three checkboxes to ignore colours, font styles or font sizes </li> <li>In the same window, to change your stylesheet, select the checkbox: 'Format document using my stylesheet' </li> <li>Browse to your stylesheet and click OK </li> </ul> <p><strong><u>In Mozilla Firefox:</u></strong></p> <ul> <li>Select Tools </li> <li>Then Options</li> <li>Then the Content tab </li> <li>Select your own colour and font preferences</li> </ul> </div> </div> </div> </div> </div> <div class="responsivegrid container-fluid container-override col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"> <div class="cmp-responsivegrid animated delay- quickclass_1410430572 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <style>.quickclass_1410430572 {background-color: rgba(221, 221, 221, 1);}</style> <div class="row cmp-responsivegrid__row informa-row "> <div class="responsivegrid col col-lg-12 col-12 component component--spacing-top--2x component--spacing-bottom--2x aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"> <div class="cmp-responsivegrid animated delay- quickclass_199428209 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="title cmp-title--underline col col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12 component component--alignment--center"><div class="cmp-title none animated delay-none"> <h4 class="cmp-title__text none animated delay-none">This page will be updated regularly as and when further modifications are made to the website.</h4> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row cmp-responsivegrid__row informa-row"> <div class="placeholder offset-xl-0 col col-lg-12 col-sm-12 aem-GridColumn--offset--default--0 component col-12 offset-lg-0 aem-GridColumn aem-GridColumn--default--newline col-md-12 aem-GridColumn--default--12 col-xl-12"> <div class="cmp-responsivegrid animated delay- quickclass_1548739206 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> </div> </div> </div> </div> </div> </div> </div> <div class="row cmp-responsivegrid__row informa-row"> <div class="footer offset-xl-0 col col-lg-12 col-sm-12 aem-GridColumn--offset--default--0 col-12 offset-lg-0 aem-GridColumn aem-GridColumn--default--newline col-md-12 authorable-area aem-GridColumn--default--12 col-xl-12"> <footer style="background-color: " class="cmp-responsivegrid aem-Grid aem-Grid--12 aem-Grid--default--12"> <div class="row cmp-responsivegrid__row informa-row"> <div class="responsivegrid container-fluid container-override col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"> <div class="cmp-responsivegrid none animated delay-none quickclass_1653004267 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <style>.quickclass_1653004267 {background-color: rgba(0, 34, 68, 1);}</style> <div class="row cmp-responsivegrid__row informa-row "> <div class="responsivegrid col col-lg-10 offset-xl-1 aem-GridColumn--default--none col-none col-xl-none col-sm-none aem-GridColumn--offset--default--1 col-sm-10 col-10 col-lg-none offset-lg-1 aem-GridColumn col-md-none aem-GridColumn--default--10 col-xl-10 col-md-10 component component--spacing-top--2x component--spacing-bottom--1x"> <div class="cmp-responsivegrid animated delay- quickclass_1513299250 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="responsivegrid col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"> <div class="cmp-responsivegrid animated delay- quickclass_2079710193 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="grid offset-xl-0 col col-lg-12 aem-GridColumn--default--none col-none col-xl-none col-sm-none col-sm-12 aem-GridColumn--offset--default--0 component col-12 col-lg-none offset-lg-0 aem-GridColumn col-md-none col-md-12 aem-GridColumn--default--12 col-xl-12"><div class="cmp-grid animated delay-" data-cmp-is="grid"> <div class="cmp-grid__content" id="grid_copy_367af127-5fe5-480b-a307-949976c7b064_root_footer_responsivegrid_2040224489_responsivegrid_responsivegrid_grid_copy"> <div class="row cmp-grid__row"> <div class="col col-12 col-sm-6 col-md-2dot4 col-lg-2dot col-xl-2dot4 cmp-grid__column"> <div class="button cmp-button--cta-variant-2 component"> <a class="cmp-button none animated delay-none " target="_self" href="/en/contact-us.html" title="Contact Us"> <span class="cmp-button__icon cmp-button__icon--envelope fas fa-envelope" aria-hidden="true" title="Contact Us"></span> <span class="sr-only sr-only-focusable">Contact Us</span> <span class="cmp-button__text" title="Contact Us">Contact Us</span> </a> </div> </div> <div class="col col-12 col-sm-6 col-md-2dot4 col-lg-2dot col-xl-2dot4 cmp-grid__column"> <div class="button cmp-button--cta-variant-2 component"> <a class="cmp-button none animated delay-none " target="_self" href="https://www.informamarkets.com/en/people/office-locations.html" title="Office Locations"> <span class="cmp-button__icon cmp-button__icon--map-marker-alt fas fa-map-marker-alt" aria-hidden="true" title="Office Locations"></span> <span class="sr-only sr-only-focusable">Office Locations</span> <span class="cmp-button__text" title="Office Locations">Office Locations</span> </a> </div> </div> <div class="col col-12 col-sm-6 col-md-2dot4 col-lg-2dot col-xl-2dot4 cmp-grid__column"> <div class="button cmp-button--cta-variant-2 component"> <a class="cmp-button none animated delay-none " target="_self" href="/en/event-listing.html" title="Upcoming Events"> <span class="cmp-button__icon cmp-button__icon--calendar-check fas fa-calendar-check" aria-hidden="true" title="Upcoming Events"></span> <span class="sr-only sr-only-focusable">Upcoming Events</span> <span class="cmp-button__text" title="Upcoming Events">Upcoming Events</span> </a> </div> </div> <div class="col col-12 col-sm-6 col-md-2dot4 col-lg-2dot col-xl-2dot4 cmp-grid__column"> <div class="socialicons cmp-socialicons--inverse cmp-socialicons--stacked cmp-socialicons--circle component"><div class="cmp-socialicons" data-cmp-is="socialicons"> </div> </div> </div> <div class="col col-12 col-sm-6 col-md-2dot4 col-lg-2dot col-xl-2dot4 cmp-grid__column"> <div class="socialicons cmp-socialicons--primary cmp-socialicons--secondary cmp-socialicons--stacked cmp-socialicons--circle component component--alignment--right"><div class="cmp-socialicons" data-cmp-is="socialicons"> <div class="cmp-socialicons__content"> <ul class="cmp-socialicons__items"> <li class="cmp-socialicons__item cmp-socialicons__item--linkedin"> <a class="cmp-socialicons__item-link" href="https://www.linkedin.com/company/informamarkets/mycompany/" target="_blank" title="linkedin"> <span class="cmp-socialicons__item-icon fa-stack"> <i class="fas fa-circle fa-stack-2x" aria-hidden="true" title="circle"></i> <i class="fab fa-linkedin fa-stack-1x" aria-hidden="true" title="linkedin"></i> </span> </a> </li> <li class="cmp-socialicons__item cmp-socialicons__item--youtube"> <a class="cmp-socialicons__item-link" href="https://www.youtube.com/channel/UC8blFUBP_cKuC93IqMNBWXg" target="_blank" title="youtube"> <span class="cmp-socialicons__item-icon fa-stack"> <i class="fas fa-circle fa-stack-2x" aria-hidden="true" title="circle"></i> <i class="fab fa-youtube fa-stack-1x" aria-hidden="true" title="youtube"></i> </span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="linklist cmp-linklist--horizontal col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"><div class="cmp-linklist none animated delay-none" data-cmp-is="linklist"> <ul class="cmp-linklist__items"> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_blank" href="https://privacyportal-eu-cdn.onetrust.com/dsarwebform/c1f53e84-9f05-4169-a854-85052b63c50b/5f26b553-52cc-4973-a761-295d5634a6b6.html">CCPA: Do not sell my personal info</a></li> <li class="cmp-linklist__item"></li> </ul> </div> </div> <div class="linklist cmp-linklist--horizontal col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"><div class="cmp-linklist none animated delay-none" data-cmp-is="linklist"> <ul class="cmp-linklist__items"> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="/en/home.html">Home</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="/en/about-us.html">About Us</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="/en/regions.html">Regions</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="/en/markets.html">Markets</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="/en/people.html">People</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="/en/press.html">Press</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </footer> </div> </div> <div class="row cmp-responsivegrid__row informa-row"> <div class="brandingfooter offset-xl-0 col col-lg-12 col-sm-12 aem-GridColumn--offset--default--0 component col-12 offset-lg-0 aem-GridColumn aem-GridColumn--default--newline col-md-12 aem-GridColumn--default--12 col-xl-12"> <div style="background-color: " class="cmp-responsivegrid aem-Grid aem-Grid--12 aem-Grid--default--12"> <div class="row cmp-responsivegrid__row informa-row"> <div class="experiencefragment col col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"> <div class="xf-content-height xf-web-container "> <div class="cmp-responsivegrid animated delay- quickclass_1733410194 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="responsivegrid col col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 informa-branding-footer col-xl-12 col-sm-12"> <div class="cmp-responsivegrid animated delay- quickclass_11605071 aem-Grid aem-Grid--12 aem-Grid--default--12 aem-Grid--phone--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="responsivegrid offset-xl-0 col aem-GridColumn--default--none col-none col-xl-none offset-0 col-sm-none aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 col-md-6 col-xl-6 col-lg-6 component col-sm-6 col-lg-none col-12 aem-GridColumn--phone--none offset-lg-0 aem-GridColumn--phone--12 aem-GridColumn col-md-none aem-GridColumn--default--6"> <div class="cmp-responsivegrid animated delay- quickclass_1953657081 aem-Grid aem-Grid--12 aem-Grid--default--12 aem-Grid--phone--12 "> <div class="row cmp-responsivegrid__row informa-row "> <div class="image offset-xl-0 col aem-GridColumn--default--none col-none col-xl-none offset-0 col-sm-none aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 col-md-6 col-xl-6 col-lg-6 component col-sm-6 col-lg-none col-12 aem-GridColumn--phone--none offset-lg-0 aem-GridColumn--phone--12 aem-GridColumn col-md-none aem-GridColumn--default--6"><div data-cmp-is="image" data-cmp-src="/content/experience-fragments/informa/shared/informa-markets-branding-footer/master/_jcr_content/root/responsivegrid_226684697/responsivegrid/image.coreimg.100{.width}.png/1608533161587/informa-markets-logo-web.png" data-cmp-widths="32,64,128,256,512,768,1024,1200,1900" data-asset="/content/dam/Informa/shared/Informa-Markets-Logo_web.png" data-title="Informa Markets" data-target="#image_709725b8-e177-4e18-8c71-d406ad6d1a2a_root_responsivegrid_226684697_responsivegrid_image" class="cmp-image animated delay-" itemscope itemtype="http://schema.org/ImageObject"> <a class="cmp-image__link" target="_self" data-cmp-hook-image="link" href="http://www.informamarkets.com/"> <noscript data-cmp-hook-image="noscript"> <img src="/content/experience-fragments/informa/shared/informa-markets-branding-footer/master/_jcr_content/root/responsivegrid_226684697/responsivegrid/image.coreimg.png/1608533161587/informa-markets-logo-web.png" class="cmp-image__image" itemprop="contentUrl" data-cmp-hook-image="image" alt="Informa Markets"/> </noscript> </a> </div> </div> </div> </div> </div> <div class="text offset-xl-0 col aem-GridColumn--default--none col-none col-xl-none offset-0 col-sm-none aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0 col-md-6 col-xl-6 col-lg-6 col-sm-6 col-lg-none col-12 aem-GridColumn--phone--none offset-lg-0 aem-GridColumn--phone--12 aem-GridColumn col-md-none aem-GridColumn--default--6 copyright-text"><div class="cmp-text none animated delay-none" data-animating-number-speed="500"> <p>Copyright © 2024. All rights reserved. Informa Markets, a trading division of Informa PLC.</p> </div> </div> </div> </div> </div> <div class="responsivegrid col branding-links col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"> <div class="cmp-responsivegrid animated delay- quickclass_1141310262 aem-Grid aem-Grid--12 aem-Grid--default--12 "> <style>.quickclass_1141310262 {background-color: rgba(0,0,0,1);}</style> <div class="row cmp-responsivegrid__row informa-row "> <div class="linklist cmp-linklist--horizontal col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12"><div class="cmp-linklist none animated delay-none" data-cmp-is="linklist"> <ul class="cmp-linklist__items"> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="http://www.informamarkets.com/accessibility">Accessibility</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="https://www.informa.com/privacy-policy">Privacy Policy</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="http://www.informamarkets.com/terms-of-use/">Terms of Use</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="http://www.informamarkets.com/visitor-terms-and-conditions">Visitor Terms and Conditions</a></li> <li class="cmp-linklist__item"><a class="cmp-linklist__item-link" target="_self" href="https://www.informamarkets.com/en/event-code-of-conduct.html">Event Code of Conduct</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/etc.clientlibs/informa/clientlibs/v2/vendor/jquery-countdown.min.a3cdcce6d6e68af91b77a47156f862af.js"></script> <script src="/etc.clientlibs/informa/clientlibs/v2/informa-base.min.ceed6a3fa75d0da2ce021e16233e4eba.js"></script> <script src="/etc.clientlibs/informa/clientlibs/v2/informa-utm.min.d41d8cd98f00b204e9800998ecf8427e.js"></script> <script src="/etc.clientlibs/informa-designs/v2-informa-markets.min.501d70959054fe0194e42a2a624e2efa.js"></script> <script src='https://www.google.com/recaptcha/api.js?hl=&onload=informaInitRecaptcha&render=explicit' async defer></script> <script type="text/javascript"> if ($('.start-page-content-form-top').length > 0) { var media = window.matchMedia("(min-width: 768px)"); var headerelement = $('.start-page-content-form-top > .root > .cmp-responsivegrid > div > .header > header > div > .responsivegrid'); var headerTopElement = $('.start-page-content-form-top > .root > .cmp-responsivegrid > div > .header'); var headerStyle = { 'background': 'transparent', 'position': 'fixed', 'z-index': 201, 'left': 0, 'top': '37px' }; var stickyClass = 'sticky'; var $el, $el_top, $el_height; var mediaTopContent = window.matchMedia("(max-width: 992px)"); headerelement.each(function () { $el = $(this); $el_top = $el.offset().top; $el_height = $el.height(); $(window).scroll(function () { var $window_top = $(window).scrollTop() - 0; if ($window_top > $el_top) { $el.addClass(stickyClass); } else { $el.removeClass(stickyClass); } if (media.matches) { $('body').css('padding-top', ($window_top > $el_top) ? $el_height : 0); } }); if (media.matches) { $el.css({ "margin-bottom": -$el_height + "px", "z-index": 201 }); } if (mediaTopContent.matches) { headerTopElement.css(headerStyle); }; }); $(window).on('resize', function () { if ($(window).width() < 992) { headerTopElement.css(headerStyle); headerelement.css({ "margin-bottom": "" }); } else { headerTopElement.removeAttr('style'); headerelement.each(function () { $el = $(this); $el_height = $el.height(); $el.css({ "margin-bottom": -$el_height + "px", "z-index": 201 }); }); } }); } </script> </body> </html>