Event Management | Motivation Campaigns | Design Services

<!doctype html> <html lang="en" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <title>Event Management | Motivation Campaigns | Design Services | Worldspan Group</title> <meta name="description" content="Full service communications agency: event management, creative graphic and digital website design, motivation and change management campaigns."> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/jpg" href="/static/img/fav.jpg"> <meta property="og:image" content="/static/img/worldspan.png" /> <style> @font-face { font-family: Worldspan; src: url("/static/fonts/lineto-brown-regular.woff2") format("woff2"), url("/static/fonts/lineto-brown-regular.woff") format("woff"); } @font-face { font-family: Worldspan; src: url("/static/fonts/lineto-brown-bold.woff2") format("woff2"), url("/static/fonts/lineto-brown-bold.woff") format("woff"); font-weight: 700; } body { font-family: Worldspan, sans-serif; } </style> <link type="text/css" href="/static/vendor/swiper/dist/css/swiper.min.css" rel="stylesheet" /> <link type="text/css" href="/static/webpack_bundles/main-5000546fa3a92d242007.css" rel="stylesheet" /> <style> #sidebar-nav .parent .children a{ transition-delay: unset!important; opacity: 0.6!important; } #sidebar-nav .parent .children a:hover, #sidebar-nav .parent .children a:focus { opacity: 1!important; } #image video { transition: 500ms; object-fit: cover; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; } #menu-container { z-index: 2000; } #company-title, #company-subtitle, #company-strapline, #header, #sidebar-nav a, #summary, #company-description, #content, #virtus { transition-property: opacity, transform; transition-duration: 1s; transition-timing-function: ease; } #intro .top { padding-bottom: 25vh; margin-top: 30vh; } #intro .max_container { max-width: 50rem!important; } /* #company-strapline svg:first-child { height: 100px; width: 150px; margin-bottom: -100px; z-index: 1200; } */ #virtus, .cTitle { transition: 1200ms; -webkit-transition: 1200ms; -moz-transition: 1200ms; position: fixed; display: block; margin: 0 auto; width: 100%; height: 100px; opacity: 1; text-align: center; z-index: 100; } #virtus{ bottom: 10vw; } .cTitle{ top: 1.5rem; left: 1.5rem; padding-right: 3rem; } @media (min-width: 1024px) { .cTitle { padding-right: 26vh; } } #virtus a { width: 18vw; display: block; margin:0 20% 65px; } #virtus.loaded .virtus img { opacity: 1; top: 0; } #virtus .virtus img { transition: 1500ms; -webkit-transition: 1500ms; -moz-transition: 1500ms; transition-delay: 1.5s; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; display: block; top: 2vw; width: 100px; opacity: 0; position: absolute; } #virtus .virtus img.hover { transition: 500ms; -webkit-transition: 500ms; -moz-transition: 500ms; transition-delay: 0; -webkit-transition-delay: 0; -moz-transition-delay: 0; opacity: 0; } #virtus .virtus img.hover:hover { opacity: 1; } .scrollArrow { z-index: 1200; bottom: 1rem; right: 1rem; width: 1rem; animation-name: bounce; animation-timing-function: ease; animation-duration: 1.2s; animation-iteration-count: infinite; transition: 500ms; } @keyframes bounce { 0% { transform: translateY(0); } 50% { transform: translateY(-0.5rem); } 100% { transform: translateY(0); } } @media(min-width: 768px){ #virtus { bottom: 20vw; } #virtus a { width: 18vw; display: block; margin:0 24% 80px; } #virtus .virtus img { width: 150px; } } @media (min-width:1024px) { #virtus { bottom: 10vw; } #virtus a { width: 10vw; margin: 0 28% 20px; } #virtus .virtus img { width: 9vw; } } </style> </head> <body class="bg-ws-black text-ws-white home"> <header> <div data-step="0" class="z-50 w-1" style="height: 100.1vh;"></div> <div data-step="1" class="z-50 w-1" style="height: 100vh;"></div> <img src="/static/img/scroll.png" alt="Scroll" class="scrollArrow fixed">  <div id="virtus"> <div class="virtus fill-current font-bold" viewBox="0 0 200 22"> <a href="https://virt-us.live/" target="_blank" style="display: none;"> <img src="/static/img/bubble/LV-popup.png" alt="" class="noHover"> <img src="/static/img/bubble/LV-popup-hover.png" alt="" class="hover"> </a>   </div> </div> <div id="intro" class="z-20 fixed top-0 left-0 w-screen h-screen bg-center bg-cover flex justify-center uppercase pointer-events-none"> <div class="max_container max-w-4xl w-full px-4 sm:px-8 md:px-16 flex flex-col justify-center">  <div class="top"> <div> <svg id="company-title" class="w-full fill-current font-bold" viewBox="0 0 90 15"> <text x="0" y="14" font-size="13" textLength="91" lengthAdjust="spacing">Worldspan</text> </svg> </div> <div> <svg id="company-subtitle" class="fill-current font-bold" viewBox="0 0 200 22"> <text x="6" y="16" font-size="8" textLength="190" lengthAdjust="spacing">Experiences | Events | Engagement</text> </svg> </div> </div> <div class="bottom"> <svg id="company-strapline" class="fill-current font-bold" viewBox="2 0 155 22"> <text x="50" y="20" font-size="6" textLength="55"> </text> </svg> </div> </div> </div> <div id="image" class="swiper-container z-10 fixed top-0 left-0 w-screen h-screen bg-ws-black pointer-events-none"> <video onloadeddata="this.play();" playsinline autoplay muted> <source src="/static/video/home_v6.mp4" type="video/mp4"> </video> </div> <div id="header" class="fixed top-0 w-full" style="transform: translateY(40vh);"> <div id="sidebar" class="absolute top-0 left-0 h-screen flex flex-col px-6 py-6 tracking-widest uppercase" style="width: 13rem;"> <nav id="sidebar-nav" class="flex-1 flex flex-col justify-between"> <a href="/" class="flex-none font-bold"><span class="relative underline-grow tracking-ws">Worldspa<span class="tracking-normal">n</span></span></a> <div class="parent"> <a href="#" class="parent active"><span class="relative underline-grow">Services</span></a> <ul class="children"> <li class="is-block"> <a href="/associations-government-and-not-for-profit/" class="text-xs active"><span class="relative underline-grow">Associations, Government & Not-for-profit</span></a> </li> <li class="is-block"> <a href="/corporates-business-brands/" class="text-xs "><span class="relative underline-grow">Corporates, Brands & Businesses</span></a> </li> </ul> </div> <div > <a href="/casestudies/" class=" "><span class="relative underline-grow">Work</span></a> </div> <div > <a href="/team/" class=" "><span class="relative underline-grow">Team</span></a> </div> <div > <a href="/blog/" class=" "><span class="relative underline-grow">News</span></a> </div> <div > <a href="/contact/" class=" "><span class="relative underline-grow">Contact</span></a> </div> <div > <a href="/careers/" class=" "><span class="relative underline-grow">Careers</span></a> </div> <div class="flex items-center justify-between fill-current"> <a class="w-5 h-5 text-ws-white fill-current" href="https://twitter.com/Worldspan_Event/" target="_blank"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg></a> <a class="w-5 h-5 text-ws-white fill-current" href="https://www.linkedin.com/company/worldspan-group/" target="_blank"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a> <a class="w-5 h-5 text-ws-white fill-current" href="https://www.instagram.com/worldspan_event/" target="_blank"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram icon</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg></a> </div> </nav> </div> <div id="summary" class="absolute top-0 right-0 px-8 py-6 right-0 pointer-events-none"> <div class="max-w-xl h-screen mx-auto content"> <h1 id="company-strapline" class="tracking-widest uppercase">Our <span class="text-ws-accent">story</span> so far</h1> <div id="company-description" style="opacity: 0;"> <div style="margin-top: 1em; margin-bottom: 1em;"> <div style="margin-top: 1em; margin-bottom: 1em;"> <p>Since Worldspan began delivering events back in 1972, the world has changed, and so have we. </p> <p>We’ve grown from a two person start-up to become a mid-sized agency of talented and passionate people delivering at the top of our game, globally.  And now we do so much more than before.  From a pure event agency we have grown up to become a full service creative communications agency by integrating best-in-class design, digital and technical solutions to run alongside our core business.  </p> </div> </div> </div> </div> </div> </div> </header>  <div id="main" class="z-10 relative pointer-events-none"> <div data-step="2" class="z-50 w-1" style="height: 100vh; top: 0; left: 0;"></div> <div data-step="3" class="absolute z-50 w-1" style="height: 50vh; top: 99.9vh; left: 0;"></div> <div data-step="4" class="absolute z-50 w-1" style="height: 0.1vh; top: 199.9vh; left: 0;"></div> <div id="content-wrapper" class="fixed top-0 left-0 right-0 overflow-x-hidden pointer-events-none"> <div id="content" up-data='{"scrollTo": false}' class="content min-h-screen p-16 bg-ws-white text-ws-black pointer-events-auto" style="transform: translateX(100vw);"> <div id="content-replace" class="p-16 pb-0"> Replace with initial content... </div> </div> </div> </div>  <div id="drawer-container" class="z-20 fixed inset-0 pointer-events-none"> <div id="drawer-slider" class="absolute inset-0 pointer-events-auto bg-ws-black text-ws-white"> <div id="drawer-scroller" class="absolute inset-0 overflow-y-scroll"> <div class="content m-16 ml-24"> <div id="drawer-content"></div> </div> </div> <button id="drawer-close" class="absolute w-8 h-8 ml-8 bg-ws-white text-ws-black rounded-full" style="top: 50%; left: 0; transform: translateY(-50%);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/></svg></button> </div> </div>  <style> .accreditations_grid img { height: 1vh; margin-right: 1vh; margin-top: 0.5vh; } @media(min-width:768px){ .accreditations_grid{ justify-content: center; align-content: center; } .accreditations_grid img { height: 2.5vh!important; width: auto; margin: 1vh 1vh 0.25vh!important; } footer .fifth{ width: 20%; } footer .three-fifths{ width: 60%; } footer .social{ text-align: right; justify-content: flex-end; } } @media(min-width:1024px){ .accreditations_grid img { height: 1.5rem!important; margin: 0.5rem 0.5rem 0.25rem!important; } } @media (max-width:768px) { #menu-content { padding-bottom: 10vh; } footer.flex { display: block; text-align: center; justify-content: center; } footer .flex { text-align: center; justify-content: center; margin-top: .5vh; } } </style> <div id="menu-container" class="z-30 fixed inset-0 pointer-events-none"> <div id="menu-slider" class="absolute inset-0 pointer-events-auto bg-ws-black text-ws-white"> <div id="menu-scroller" class="absolute inset-0 overflow-y-scrol"> <nav id="menu-content" class="absolute inset-0 flex-1 flex flex-col items-center justify-center"> <a href="/" class="text-4xl">Home</a> <div class="parent is-block text-center"> <a class="text-4xl parent" href="#"> <span class="relative underline-grow">Services</span> </a> <ul class="children text-3xl"> <li class="is-block text-center"> <a href="/associations-government-and-not-for-profit/" class="relative"> <span class="relative underline-grow">Associations, Government & Not-for-profit</span> </a> </li> <li class="is-block text-center"> <a href="/corporates-business-brands/" class="relative"> <span class="relative underline-grow">Corporates, Brands & Businesses</span> </a> </li> </ul> </div> <div > <a class="text-4xl " href="/casestudies/"> <span class="relative underline-grow">Work</span> </a> </div> <div > <a class="text-4xl " href="/team/"> <span class="relative underline-grow">Team</span> </a> </div> <div > <a class="text-4xl " href="/blog/"> <span class="relative underline-grow">News</span> </a> </div> <div > <a class="text-4xl " href="/contact/"> <span class="relative underline-grow">Contact</span> </a> </div> <div > <a class="text-4xl " href="/careers/"> <span class="relative underline-grow">Careers</span> </a> </div> </nav> <footer class="flex"> <div class="fifth p-2"> </div> <div class="three-fifths p-2"> <div class="flex flex-wrap accreditations_grid"> <p style="display:flex"><img alt="" src="/media/gallery/accreditations_iip-gold-white.png" /> <img alt="" src="/media/gallery/menu-logos_iapco-white.png" /> <img alt="" src="/media/gallery/menu-logos_beam-white.png" /> <img alt="" src="/media/gallery/menu-logos_iata-white.png" /> <img alt="" src="/media/gallery/menu-logos_css.png" /> <img alt="" src="/media/gallery/menu-logos_iso-201212012.png" /> <img alt="" src="/media/gallery/menu-logos_ukas.png" /> </p> </div> </div> <div class="fifth p-2"> <div class="flex social"> <a class="text-ws-white mx-2" href="https://twitter.com/Worldspan_Event/" target="_blank"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg></a> <a class="text-ws-white mx-2" href="https://www.linkedin.com/company/worldspan-group/" target="_blank"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a> <a class="text-ws-white mx-2" href="https://www.instagram.com/worldspan_event/" target="_blank"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram icon</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg></a> </div> </div> </footer> </div> <button id="menu-close" class="absolute w-8 h-8 ml-8 bg-ws-white text-ws-black rounded-full" style="top: 50%; left: 0; transform: translateY(-50%);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/></svg></button> </div> <button id="menu-toggle" class="fixed top-0 right-0 pointer-events-auto w-8 h-8 mt-3 mr-4 text-ws-black fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></button> </div> <style type="text/css"> .CookiesPopup { transition: 1200ms; -webkit-transition: 1200ms; -moz-transition: 1200ms; color:#020307; background-color: rgba(250, 250, 250, 0.95); bottom: -1000px; /* bottom: 0; */ text-align:center; text-align: left; font-size: 14pt; position: fixed; width: 100%; z-index: 20000; } .CookiesPopup p { margin:0 0 10px 0px; } .CookiesPopup.loaded { bottom: 0; } .CookiesPopup .inner { padding: 20px; } .CookiesPopup .title { background: #020307; position: relative; } .CookiesPopup .title .inner { padding: 10px 20px; } .CookiesPopup .title .inner a { color: #ffffff; position: absolute; top: 20px; right: 20px; } .CookiesPopup .title .inner a:hover { text-decoration: underline; } .CookiesPopup .title .inner h2 { font-size: 16pt; color: #ffffff; margin: 5px 0 10px; } .CookiesPopup img { display: none; height: 15px; margin: -10px 10px; } .CookiesPopup button { background-color: #020307; width: 100%; display: block; margin: 5px 0; padding: 5px; border: none; text-align: center; transition: 200ms; -webkit-transition: 200ms; -moz-transition: 200ms; color: #ffffff; padding: 10px 15px; border: 1px solid #385696; border-radius: 5px; font-size: 14pt; width: 100%; text-align: center; } .CookiesPopup button:hover { background-color: #00a0aa; } .CookiesPopup .links span { font-size: 14pt; } .CookiesPopup .links a span, .CookiesPopup .links span { font-size: 14pt; cursor: pointer; } .CookiesPopup .links a span:hover, .CookiesPopup .links span:hover { text-decoration: underline; } .CookiesPopup .links .item { display: inline-block; margin: 20px 0px; width: auto; } .CookiesPopup input[type="checkbox"]:checked { background-image: url("../img/check.png"); background-position: center; background-repeat: no-repeat; background-size: 80%; } .CookiesPopup .more { transition: 200ms; -webkit-transition: 200ms; -moz-transition: 200ms; height: 0; overflow: hidden; } .CookiesPopup .more p, .CookiesPopup .more a { transition: 400ms; -moz-transition: 400ms; -webkit-transition: 400ms; opacity: 0; } .CookiesPopup .more p.active, .CookiesPopup .more a.active { opacity: 1; } .CookiesPopup .more.active { height: 100%; overflow: visible; padding-bottom: 5px; } .CookiesPopup .more.active p, .CookiesPopup .more.active a { opacity: 1; } @media (min-width: 768px) { .CookiesPopup { width: 50%; margin-left: 20px; } } @media (min-width: 1024px) { .CookiesPopup { width: 25vw; } .CookiesPopup .title .inner h2{ font-size: 1vw; } .CookiesPopup p, .CookiesPopup span, .CookiesPopup button, .CookiesPopup a, .CookiesPopup .title .inner a, .CookiesPopup .links a span, .CookiesPopup .links span { font-size: 0.8vw; } } </style> <div class="CookiesPopup" id="CookiesPopup"> <div class="title"> <div class="inner"> <h2>Cookies Policy</h2> </div> </div> <div class="inner"> <p>We'd like to set Google Analytics cookies to help us to improve our website by collecting and reporting information on how you use it.</p> <p>For more information our cookies and privacy policy, please click the links below. The cookies collect information in an anonymous form.<br><br></p> <a href="/?gdpr_accept=yes"><button type="button" name="button">I'm fine with this</button></a> <a href="/?gdpr_accept=no"><button type="button" name="button">Do Not Accept Third Party Cookies</button></a> <div class="links"> <div class="item"> <a href="/privacy-policy/"> <span>Click here to read more about our cookies policy.</span> </a><br> <a href="/privacy-policy/"> <span>Click here to read more about our privacy policy.</span> </a> </div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#CookiesPopup').addClass('loaded'); $('#CookiesPopup a').click(function(){ $('#CookiesPopup').removeClass('loaded'); }); $('#CookiesPopup button').click(function(){ $('#CookiesPopup').removeClass('loaded'); }); }); </script> <script src="/static/vendor/es6-promise/dist/es6-promise.auto.min.js"></script> <script src="/static/vendor/swiper/dist/js/swiper.min.js"></script> <script src="/static/vendor/unpoly/dist/unpoly.min.js"></script> <script src="/static/js/app.js"></script> <script type="text/javascript" src="/static/webpack_bundles/main-5000546fa3a92d242007.js" ></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-WW8BBYXJ44"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-WW8BBYXJ44'); </script> <script> up.replace('#content-replace', '/our-story/', { history: false }); $('#virtus').addClass('loaded'); $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 25) { $("#virtus").addClass("hide"); $("#virtus").css("opacity","0"); $("#virtus").css("bottom","100vh"); $(".cTitle").css("opacity","0"); $(".cTitle").css("top","-100vh"); $(".scrollArrow").css("opacity","0"); $("video").css("opacity","0"); } else { $("#virtus").removeClass("hide"); $("#virtus").css("opacity","1"); $("#virtus").css("bottom","10vh"); $(".cTitle").css("opacity","1"); $(".cTitle").css("top","1.5rem"); $(".scrollArrow").css("opacity","1"); $("video").css("opacity","1"); } if (scroll >= 400) { $("#virtus").css("display","none"); } else { $("#virtus").css("display","block"); } }); $('#menu-content .parent').click(function(){ $(this).toggleClass('open'); }) </script> <script> $(document).ready(function(){ $('#sidebar-nav a').removeClass('active') $('#menu-content .parent').click(function(){ $(this).toggleClass('open'); }) $('#sidebar-nav .parent').removeAttr("href"); $('#sidebar-nav .parent').click(function(){ $(this).toggleClass('open'); }) $('#menu-content .parent').click(function(){ $(this).toggleClass('open'); }) }) </script> </body> </html>

CINXE.COM

Event Management | Motivation Campaigns | Design Services | Worldspan Group