Plan Your Visit - Griffin Museum of Science and Industry

<!DOCTYPE html> <html lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <head> <meta charset="utf-8">  <title>Plan Your Visit - Griffin Museum of Science and Industry</title> <meta name="generator" content="TYPO3 CMS"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Answer a few questions to start planning your Museum exploration. The visit planner recommends exhibits, tours, experiences and events based on your interests."> <meta property="og:title" content="Plan Your Visit"> <meta property="og:description" content="Answer a few questions to start planning your Museum exploration. The visit planner recommends exhibits, tours, experiences and events based on your interests."> <meta name="twitter:card" content="summary"> <meta name="handheldfriendly" content="True"> <meta name="mobileoptimized" content="320"> <meta http-equiv="cleartype" content="on"> <meta http-equiv="cleartype:http-equiv" content="cleartype"> <link rel="preload" href="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/fonts.1732227885.css" as="style" /> <link rel="preload" href="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/all.1732227885.css" as="style" /> <link rel="preload" href="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" as="script" /> <link rel="preload" href="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/JavaScript/all.1732227885.js" as="script" /> <link rel="preconnect" href="https://gstatic.com" /> <link rel="preconnect" href="https://translate.google.com" /> <style> @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Raleway:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap'); </style> <link rel="canonical" href="https://www.msichicago.org/visit/plan-your-visit"/>  <link rel="stylesheet" href="/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/fonts.1732227885.css" /> <link rel="stylesheet" href="/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/all.1732227885.css" /> <style type="text/css"> :root { --theme-color-1: #FE5000; --theme-color-1-alt: #1F9FD6; --theme-color-2: #001E60; --theme-color-3: #060E2C; --theme-color-2-text-light: #858fa9; --theme-color-3-text-light: #818693; --theme-color-1--alpha-8: rgba(254, 80, 0, 0.8); --theme-color-2--alpha-8: rgba(0, 30, 96, 0.8); --theme-color-3--alpha-8: rgba(6, 14, 44, 0.8); --theme-color-3--alpha-95: rgba(6, 14, 44, 0.95); --theme-color-3--alpha-0: rgba(6, 14, 44, 0); --theme-color-2-theme-color-1--mix-15: #6b3337; --theme-color-2-theme-color-1--mix-40: #4c2d43; --theme-color-1-white--mix-80: #fe6119; --theme-color-1-white--mix-70: #fe6a26; --theme-color-2-white--mix-50: #3f5687; --theme-color-3-white--mix-50: #444a60; --theme-color-1--lighten-40: #321000; --theme-color-2--lighten-20: #000000; --theme-color-1--darken-15: #b23800; --theme-color-2--lighten-20-desaturate-33: #000000; --theme-color-1-theme-color-2--mix-70: #d7480e; --theme-color-1--scale-color-minus-14: #da4500; --theme-color-1--scale-color-minus-12: #e04600; --theme-color-1--scale-color-94: #fff4f0; --theme-color-2--scale-color-35: #004bf1; } </style> <style type="text/css"></style> <script type="text/javascript"> WebFontConfig = { custom: { families: ['proxima-nova:n4,i4,n6,n7,i7', 'Playfair Display:n4,i4', 'icons'], urls: ['/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/fonts.css'] } }; /* Web Font Loader v1.6.16 - (c) Adobe Systems, Google. License: Apache 2.0 */ (function(){function aa(a,b,c){return a.call.apply(a.bind,arguments)}function ba(a,b,c){if(!a)throw Error();if(2<arguments.length){var d=Array.prototype.slice.call(arguments,2);return function(){var c=Array.prototype.slice.call(arguments);Array.prototype.unshift.apply(c,d);return a.apply(b,c)}}return function(){return a.apply(b,arguments)}}function n(a,b,c){n=Function.prototype.bind&&-1!=Function.prototype.bind.toString().indexOf("native code")?aa:ba;return n.apply(null,arguments)}var p=Date.now||function(){return+new Date};function r(a,b){this.F=a;this.k=b||a;this.H=this.k.document}var ca=!!window.FontFace;r.prototype.createElement=function(a,b,c){a=this.H.createElement(a);if(b)for(var d in b)b.hasOwnProperty(d)&&("style"==d?a.style.cssText=b[d]:a.setAttribute(d,b[d]));c&&a.appendChild(this.H.createTextNode(c));return a};function s(a,b,c){a=a.H.getElementsByTagName(b)[0];a||(a=document.documentElement);a.insertBefore(c,a.lastChild)} function t(a,b,c){b=b||[];c=c||[];for(var d=a.className.split(/\s+/),e=0;e<b.length;e+=1){for(var f=!1,g=0;g<d.length;g+=1)if(b[e]===d[g]){f=!0;break}f||d.push(b[e])}b=[];for(e=0;e<d.length;e+=1){f=!1;for(g=0;g<c.length;g+=1)if(d[e]===c[g]){f=!0;break}f||b.push(d[e])}a.className=b.join(" ").replace(/\s+/g," ").replace(/^\s+|\s+$/,"")}function u(a,b){for(var c=a.className.split(/\s+/),d=0,e=c.length;d<e;d++)if(c[d]==b)return!0;return!1} function v(a){if("string"===typeof a.fa)return a.fa;var b=a.k.location.protocol;"about:"==b&&(b=a.F.location.protocol);return"https:"==b?"https:":"http:"}function x(a,b,c){function d(){l&&e&&f&&(l(g),l=null)}b=a.createElement("link",{rel:"stylesheet",href:b,media:"all"});var e=!1,f=!0,g=null,l=c||null;ca?(b.onload=function(){e=!0;d()},b.onerror=function(){e=!0;g=Error("Stylesheet failed to load");d()}):setTimeout(function(){e=!0;d()},0);s(a,"head",b)} function y(a,b,c,d){var e=a.H.getElementsByTagName("head")[0];if(e){var f=a.createElement("script",{src:b}),g=!1;f.onload=f.onreadystatechange=function(){g||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(g=!0,c&&c(null),f.onload=f.onreadystatechange=null,"HEAD"==f.parentNode.tagName&&e.removeChild(f))};e.appendChild(f);setTimeout(function(){g||(g=!0,c&&c(Error("Script load timeout")))},d||5E3);return f}return null};function z(){this.S=0;this.K=null}function A(a){a.S++;return function(){a.S--;B(a)}}function C(a,b){a.K=b;B(a)}function B(a){0==a.S&&a.K&&(a.K(),a.K=null)};function D(a){this.ea=a||"-"}D.prototype.d=function(a){for(var b=[],c=0;c<arguments.length;c++)b.push(arguments[c].replace(/[\W_]+/g,"").toLowerCase());return b.join(this.ea)};function E(a,b){this.Q=a;this.M=4;this.L="n";var c=(b||"n4").match(/^([nio])([1-9])$/i);c&&(this.L=c[1],this.M=parseInt(c[2],10))}E.prototype.getName=function(){return this.Q};function da(a){return F(a)+" "+(a.M+"00")+" 300px "+G(a.Q)}function G(a){var b=[];a=a.split(/,\s*/);for(var c=0;c<a.length;c++){var d=a[c].replace(/['"]/g,"");-1!=d.indexOf(" ")||/^\d/.test(d)?b.push("'"+d+"'"):b.push(d)}return b.join(",")}function I(a){return a.L+a.M} function F(a){var b="normal";"o"===a.L?b="oblique":"i"===a.L&&(b="italic");return b}function ea(a){var b=4,c="n",d=null;a&&((d=a.match(/(normal|oblique|italic)/i))&&d[1]&&(c=d[1].substr(0,1).toLowerCase()),(d=a.match(/([1-9]00|normal|bold)/i))&&d[1]&&(/bold/i.test(d[1])?b=7:/[1-9]00/.test(d[1])&&(b=parseInt(d[1].substr(0,1),10))));return c+b};function fa(a,b){this.a=a;this.j=a.k.document.documentElement;this.O=b;this.f="wf";this.e=new D("-");this.da=!1!==b.events;this.u=!1!==b.classes}function ga(a){a.u&&t(a.j,[a.e.d(a.f,"loading")]);J(a,"loading")}function K(a){if(a.u){var b=u(a.j,a.e.d(a.f,"active")),c=[],d=[a.e.d(a.f,"loading")];b||c.push(a.e.d(a.f,"inactive"));t(a.j,c,d)}J(a,"inactive")}function J(a,b,c){if(a.da&&a.O[b])if(c)a.O[b](c.getName(),I(c));else a.O[b]()};function ha(){this.t={}}function ia(a,b,c){var d=[],e;for(e in b)if(b.hasOwnProperty(e)){var f=a.t[e];f&&d.push(f(b[e],c))}return d};function L(a,b){this.a=a;this.h=b;this.m=this.a.createElement("span",{"aria-hidden":"true"},this.h)}function M(a,b){var c=a.m,d;d="display:block;position:absolute;top:-9999px;left:-9999px;font-size:300px;width:auto;height:auto;line-height:normal;margin:0;padding:0;font-variant:normal;white-space:nowrap;font-family:"+G(b.Q)+";"+("font-style:"+F(b)+";font-weight:"+(b.M+"00")+";");c.style.cssText=d}function N(a){s(a.a,"body",a.m)}L.prototype.remove=function(){var a=this.m;a.parentNode&&a.parentNode.removeChild(a)};function O(a,b,c,d,e,f){this.G=a;this.J=b;this.g=d;this.a=c;this.v=e||3E3;this.h=f||void 0}O.prototype.start=function(){function a(){p()-d>=c.v?c.J(c.g):b.fonts.load(da(c.g),c.h).then(function(b){1<=b.length?c.G(c.g):setTimeout(a,25)},function(){c.J(c.g)})}var b=this.a.k.document,c=this,d=p();a()};function P(a,b,c,d,e,f,g){this.G=a;this.J=b;this.a=c;this.g=d;this.h=g||"BESbswy";this.s={};this.v=e||3E3;this.Z=f||null;this.D=this.C=this.A=this.w=null;this.w=new L(this.a,this.h);this.A=new L(this.a,this.h);this.C=new L(this.a,this.h);this.D=new L(this.a,this.h);M(this.w,new E(this.g.getName()+",serif",I(this.g)));M(this.A,new E(this.g.getName()+",sans-serif",I(this.g)));M(this.C,new E("serif",I(this.g)));M(this.D,new E("sans-serif",I(this.g)));N(this.w);N(this.A);N(this.C);N(this.D)} var Q={ia:"serif",ha:"sans-serif"},R=null;function S(){if(null===R){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent);R=!!a&&(536>parseInt(a[1],10)||536===parseInt(a[1],10)&&11>=parseInt(a[2],10))}return R}P.prototype.start=function(){this.s.serif=this.C.m.offsetWidth;this.s["sans-serif"]=this.D.m.offsetWidth;this.ga=p();ja(this)};function ka(a,b,c){for(var d in Q)if(Q.hasOwnProperty(d)&&b===a.s[Q[d]]&&c===a.s[Q[d]])return!0;return!1} function ja(a){var b=a.w.m.offsetWidth,c=a.A.m.offsetWidth,d;(d=b===a.s.serif&&c===a.s["sans-serif"])||(d=S()&&ka(a,b,c));d?p()-a.ga>=a.v?S()&&ka(a,b,c)&&(null===a.Z||a.Z.hasOwnProperty(a.g.getName()))?T(a,a.G):T(a,a.J):la(a):T(a,a.G)}function la(a){setTimeout(n(function(){ja(this)},a),50)}function T(a,b){setTimeout(n(function(){this.w.remove();this.A.remove();this.C.remove();this.D.remove();b(this.g)},a),0)};function U(a,b,c){this.a=a;this.p=b;this.P=0;this.ba=this.Y=!1;this.v=c}var V=null;U.prototype.V=function(a){var b=this.p;b.u&&t(b.j,[b.e.d(b.f,a.getName(),I(a).toString(),"active")],[b.e.d(b.f,a.getName(),I(a).toString(),"loading"),b.e.d(b.f,a.getName(),I(a).toString(),"inactive")]);J(b,"fontactive",a);this.ba=!0;ma(this)}; U.prototype.W=function(a){var b=this.p;if(b.u){var c=u(b.j,b.e.d(b.f,a.getName(),I(a).toString(),"active")),d=[],e=[b.e.d(b.f,a.getName(),I(a).toString(),"loading")];c||d.push(b.e.d(b.f,a.getName(),I(a).toString(),"inactive"));t(b.j,d,e)}J(b,"fontinactive",a);ma(this)};function ma(a){0==--a.P&&a.Y&&(a.ba?(a=a.p,a.u&&t(a.j,[a.e.d(a.f,"active")],[a.e.d(a.f,"loading"),a.e.d(a.f,"inactive")]),J(a,"active")):K(a.p))};function na(a){this.F=a;this.q=new ha;this.$=0;this.T=this.U=!0}na.prototype.load=function(a){this.a=new r(this.F,a.context||this.F);this.U=!1!==a.events;this.T=!1!==a.classes;oa(this,new fa(this.a,a),a)}; function pa(a,b,c,d,e){var f=0==--a.$;(a.T||a.U)&&setTimeout(function(){var a=e||null,l=d||null||{};if(0===c.length&&f)K(b.p);else{b.P+=c.length;f&&(b.Y=f);var h,k=[];for(h=0;h<c.length;h++){var m=c[h],w=l[m.getName()],q=b.p,H=m;q.u&&t(q.j,[q.e.d(q.f,H.getName(),I(H).toString(),"loading")]);J(q,"fontloading",H);q=null;null===V&&(V=window.FontFace?(q=/Gecko.*Firefox\/(\d+)/.exec(window.navigator.userAgent))?42<parseInt(q[1],10):!0:!1);q=V?new O(n(b.V,b),n(b.W,b),b.a,m,b.v,w):new P(n(b.V,b),n(b.W,b), b.a,m,b.v,a,w);k.push(q)}for(h=0;h<k.length;h++)k[h].start()}},0)}function oa(a,b,c){var d=[],e=c.timeout;ga(b);var d=ia(a.q,c,a.a),f=new U(a.a,b,e);a.$=d.length;b=0;for(c=d.length;b<c;b++)d[b].load(function(b,c,d){pa(a,f,b,c,d)})};function qa(a,b,c){this.N=a?a:b+ra;this.o=[];this.R=[];this.ca=c||""}var ra="//fonts.googleapis.com/css";function sa(a,b){for(var c=b.length,d=0;d<c;d++){var e=b[d].split(":");3==e.length&&a.R.push(e.pop());var f="";2==e.length&&""!=e[1]&&(f=":");a.o.push(e.join(f))}} qa.prototype.d=function(){if(0==this.o.length)throw Error("No fonts to load!");if(-1!=this.N.indexOf("kit="))return this.N;for(var a=this.o.length,b=[],c=0;c<a;c++)b.push(this.o[c].replace(/ /g,"+"));a=this.N+"?family="+b.join("%7C");0<this.R.length&&(a+="&subset="+this.R.join(","));0<this.ca.length&&(a+="&text="+encodeURIComponent(this.ca));return a};function ta(a){this.o=a;this.aa=[];this.I={}} var ua={latin:"BESbswy",cyrillic:"йяЖ",greek:"αβΣ",khmer:"កខគ",Hanuman:"កខគ"},va={thin:"1",extralight:"2","extra-light":"2",ultralight:"2","ultra-light":"2",light:"3",regular:"4",book:"4",medium:"5","semi-bold":"6",semibold:"6","demi-bold":"6",demibold:"6",bold:"7","extra-bold":"8",extrabold:"8","ultra-bold":"8",ultrabold:"8",black:"9",heavy:"9",l:"3",r:"4",b:"7"},wa={i:"i",italic:"i",n:"n",normal:"n"},xa=/^(thin|(?:(?:extra|ultra)-?)?light|regular|book|medium|(?:(?:semi|demi|extra|ultra)-?)?bold|black|heavy|l|r|b|[1-9]00)?(n|i|normal|italic)?$/; ta.prototype.parse=function(){for(var a=this.o.length,b=0;b<a;b++){var c=this.o[b].split(":"),d=c[0].replace(/\+/g," "),e=["n4"];if(2<=c.length){var f;var g=c[1];f=[];if(g)for(var g=g.split(","),l=g.length,h=0;h<l;h++){var k;k=g[h];if(k.match(/^[\w-]+$/))if(k=xa.exec(k.toLowerCase()),null==k)k="";else{var m;m=k[1];if(null==m||""==m)m="4";else{var w=va[m];m=w?w:isNaN(m)?"4":m.substr(0,1)}k=k[2];k=[null==k||""==k?"n":wa[k],m].join("")}else k="";k&&f.push(k)}0<f.length&&(e=f);3==c.length&&(c=c[2],f= [],c=c?c.split(","):f,0<c.length&&(c=ua[c[0]])&&(this.I[d]=c))}this.I[d]||(c=ua[d])&&(this.I[d]=c);for(c=0;c<e.length;c+=1)this.aa.push(new E(d,e[c]))}};function ya(a,b){this.a=a;this.c=b}var za={Arimo:!0,Cousine:!0,Tinos:!0};ya.prototype.load=function(a){var b=new z,c=this.a,d=new qa(this.c.api,v(c),this.c.text),e=this.c.families;sa(d,e);var f=new ta(e);f.parse();x(c,d.d(),A(b));C(b,function(){a(f.aa,f.I,za)})};function W(a,b){this.a=a;this.c=b;this.X=[]}W.prototype.B=function(a){var b=this.a;return v(this.a)+(this.c.api||"//f.fontdeck.com/s/css/js/")+(b.k.location.hostname||b.F.location.hostname)+"/"+a+".js"}; W.prototype.load=function(a){var b=this.c.id,c=this.a.k,d=this;b?(c.__webfontfontdeckmodule__||(c.__webfontfontdeckmodule__={}),c.__webfontfontdeckmodule__[b]=function(b,c){for(var g=0,l=c.fonts.length;g<l;++g){var h=c.fonts[g];d.X.push(new E(h.name,ea("font-weight:"+h.weight+";font-style:"+h.style)))}a(d.X)},y(this.a,this.B(b),function(b){b&&a([])})):a([])};function X(a,b){this.a=a;this.c=b}X.prototype.B=function(a){return(this.c.api||"https://use.typekit.net")+"/"+a+".js"};X.prototype.load=function(a){var b=this.c.id,c=this.a.k;b?y(this.a,this.B(b),function(b){if(b)a([]);else if(c.Typekit&&c.Typekit.config&&c.Typekit.config.fn){b=c.Typekit.config.fn;for(var e=[],f=0;f<b.length;f+=2)for(var g=b[f],l=b[f+1],h=0;h<l.length;h++)e.push(new E(g,l[h]));try{c.Typekit.load({events:!1,classes:!1,async:!0})}catch(k){}a(e)}},2E3):a([])};function Y(a,b){this.a=a;this.c=b}Y.prototype.B=function(a,b){var c=v(this.a),d=(this.c.api||"fast.fonts.net/jsapi").replace(/^.*http(s?):(\/\/)?/,"");return c+"//"+d+"/"+a+".js"+(b?"?v="+b:"")}; Y.prototype.load=function(a){function b(){if(e["__mti_fntLst"+c]){var d=e["__mti_fntLst"+c](),g=[],l;if(d)for(var h=0;h<d.length;h++){var k=d[h].fontfamily;void 0!=d[h].fontStyle&&void 0!=d[h].fontWeight?(l=d[h].fontStyle+d[h].fontWeight,g.push(new E(k,l))):g.push(new E(k))}a(g)}else setTimeout(function(){b()},50)}var c=this.c.projectId,d=this.c.version;if(c){var e=this.a.k;y(this.a,this.B(c,d),function(c){c?a([]):b()}).id="__MonotypeAPIScript__"+c}else a([])};function Aa(a,b){this.a=a;this.c=b}Aa.prototype.load=function(a){var b,c,d=this.c.urls||[],e=this.c.families||[],f=this.c.testStrings||{},g=new z;b=0;for(c=d.length;b<c;b++)x(this.a,d[b],A(g));var l=[];b=0;for(c=e.length;b<c;b++)if(d=e[b].split(":"),d[1])for(var h=d[1].split(","),k=0;k<h.length;k+=1)l.push(new E(d[0],h[k]));else l.push(new E(d[0]));C(g,function(){a(l,f)})};var Z=new na(window);Z.q.t.custom=function(a,b){return new Aa(b,a)};Z.q.t.fontdeck=function(a,b){return new W(b,a)};Z.q.t.monotype=function(a,b){return new Y(b,a)};Z.q.t.typekit=function(a,b){return new X(b,a)};Z.q.t.google=function(a,b){return new ya(b,a)};var $={load:n(Z.load,Z)};"function"===typeof define&&define.amd?define(function(){return $}):"undefined"!==typeof module&&module.exports?module.exports=$:(window.WebFont=$,window.WebFontConfig&&Z.load(window.WebFontConfig));}()); </script></head>  <body id="f1a" class="interior wide">  <img height="1" width="1" style="border-style:none;display:inline;position:absolute" alt="" src="https://insight.adsrvr.org/track/pxl/?adv=e4d5x4y&ct=0:xyhf7i8&fmt=3"/> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=689788832992094&ev=PageView&noscript=1" /></noscript>  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WKGLGG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WKGLGG');</script>  <div class="ribbon"></div> <div> <div class="inner-wrap" id="page-inner-wrap"> <div id="header-outer-wrap"> <header id="header" class="row"> <div class="medium-24 columns header-inner-wrap"> <a href="/"><h1 class="site-id">Griffin Museum of Science and Industry</h1></a>  <nav class="nav-global" role="navigation"> <ul class="nav-global__list inline-list"> <li class="nav-global__item trigger "> <a class="nav-global__link" title="Explore" href="/explore">Explore</a> <a tabindex="0" class="keyboard-open-menu" data-skip-link title="See more pages under Explore" aria-label="See more pages under Explore"><i class="icon icon-anglebracket-down"></i></a> </li> <li class="nav-global__item trigger active"> <a class="nav-global__link" title="Visit" href="/visit">Visit</a> <a tabindex="0" class="keyboard-open-menu" data-skip-link title="See more pages under Visit" aria-label="See more pages under Visit"><i class="icon icon-anglebracket-down"></i></a> </li> <li class="nav-global__item trigger "> <a class="nav-global__link" title="Join + Give" href="/support">Join + Give</a> <a tabindex="0" class="keyboard-open-menu" data-skip-link title="See more pages under Join + Give" aria-label="See more pages under Join + Give"><i class="icon icon-anglebracket-down"></i></a> </li> <li class="nav-global__item nav-global__item--search"><a role="search" data-search-modal="1" class="nav-global__link" title="Search" href="/search"><span class="hidden">Search</span></a></li> <li data-cart-open-container class="nav-global__item button-group"> <a href="/buy-tickets" target="_blank" title="Buy Tickets" class="nav-global__link button tickets"> Buy Tickets </a> <a href="#" id="my-visit-opener" class="nav-global__link button" data-cart-open style="display: none;"> <span class="first-icon-cell"> <i class="icon icon-add-to-visit"></i> </span> <span class="text-circle"> <span class="text-wrap"> <span class="text-inner-wrap" data-cart-button-count> - </span> </span> </span> </a> </li> </ul> <script> var isLocalStorageAvailable = (function() { var test = 'MSILocalStorageTest'; try { localStorage.setItem(test, test); localStorage.removeItem(test); return true; } catch (e) { return false; } })(); var showMyVisitButton = false if (isLocalStorageAvailable) { var cartItems = window.localStorage.getItem('MSICart'); showMyVisitButton = cartItems && (cartItems !== "[]"); } else { showMyVisitButton = true; } if (showMyVisitButton) { document.getElementById('my-visit-opener').style.display = 'block'; var body = document.querySelector('body'); var hasClass = (' ' + body.className + ' ').indexOf(' my-visit-button-shown ') > -1; if (!hasClass) { body.className += ' my-visit-button-shown'; } var containers = document.querySelectorAll('[data-cart-open-container]'); for (var i = 0; i < containers.length; i++) { containers[i].className += ' my-visit-button-appear'; } } </script> <div class="content explore"> <div class="arrow-up"></div> <div class="column-wrapper"> <div class="column-wrapper__column column-1"> <nav class="dropdown-arrow-list"><ul><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Exhibit">Exhibits</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Film&cHash=f3c9f1dc5fc0e12c45b4ce22a5326dbf">Giant Dome Theater</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Tour&cHash=5238b0d123ced8f8159d0e01cf1db48a">Tours and Experiences</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Event">Events</a></li></ul></nav> </div> <div class="column-wrapper__column column-2"> <section id="c1550" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-left tai__image-intext tai__image-beside-text "> <div class="ce-content rte-content rte-text-smaller "> <div class="headline-group "> <h3 class="title">What's Here</h3> </div> <p>Providing unique experiences designed to spark scientific inquiry and creativity since 1933.</p> <p><a href="/explore/about-us" class="arrow-link internal-link">Learn more</a></p> </div> </section> </div> </div> <a href="/explore/about-us/about-the-museum" class="nav-global__button button--full-width button--transparent"> More about the museum <i class="icon tiny icon-arrow-right"></i> </a> <a tabindex="0" class="keyboard-close-menu" data-skip-link title="Exit menu" aria-label="Exit menu"><span>×</span></a> </div> <div class="content visit"> <div class="arrow-up"></div> <div class="column-wrapper"> <div class="column-wrapper__column column-1"> <section id="c59687" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above "> <div class="ce-content rte-content rte-text-medium "> <h3>Visit us</h3> <p>5700 S. DuSable<br>Lake Shore Drive<br>Chicago, IL 60637</p> <p><a href="/visit/getting-here" class="link-with-bottom-border">Getting here</a></p> </div> </section> </div> <div class="column-wrapper__column column-2"> <nav class="dropdown-arrow-list visit-menu"><ul><li class="visit-menu__item"><a href="/visit"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M16,2.66666667 C8.64,2.66666667 2.66666667,8.64 2.66666667,16 C2.66666667,23.36 8.64,29.3333333 16,29.3333333 C23.36,29.3333333 29.3333333,23.36 29.3333333,16 C29.3333333,8.64 23.36,2.66666667 16,2.66666667 L16,2.66666667 Z M17.3333333,25.3333333 L14.6666667,25.3333333 L14.6666667,22.6666667 L17.3333333,22.6666667 L17.3333333,25.3333333 L17.3333333,25.3333333 Z M20.0933333,15 L18.8933333,16.2266667 C17.9333333,17.2 17.3333333,18 17.3333333,20 L14.6666667,20 L14.6666667,19.3333333 C14.6666667,17.8666667 15.2666667,16.5333333 16.2266667,15.56 L17.88,13.88 C18.3733333,13.4 18.6666667,12.7333333 18.6666667,12 C18.6666667,10.5333333 17.4666667,9.33333333 16,9.33333333 C14.5333333,9.33333333 13.3333333,10.5333333 13.3333333,12 L10.6666667,12 C10.6666667,9.05333333 13.0533333,6.66666667 16,6.66666667 C18.9466667,6.66666667 21.3333333,9.05333333 21.3333333,12 C21.3333333,13.1733333 20.8533333,14.24 20.0933333,15 L20.0933333,15 Z" id="question-path-1"></path></defs><g id="question-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="question-Nav/Menu/Visit" transform="translate(-49.000000, -264.000000)"><g id="question-Group-2" transform="translate(33.000000, 248.000000)"><g id="question-help" transform="translate(14.000000, 14.000000)"><mask id="question-mask-2" fill="white"><use xlink:href="#question-path-1"></use></mask><g id="question-Mask"></g><g id="question-Colors/Blue" mask="url(#question-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="question-Colors/Black"><g><rect id="question-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="question-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit">Visitor Information</a></li><li class="visit-menu__item"><a href="/visit/tickets"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><defs><path d="M29.3333333,13.3333333 L29.3333333,8 C29.3333333,6.52 28.1333333,5.33333333 26.6666667,5.33333333 L5.33333333,5.33333333 C3.86666667,5.33333333 2.68,6.52 2.68,8 L2.68,13.3333333 C4.14666667,13.3333333 5.33333333,14.5333333 5.33333333,16 C5.33333333,17.4666667 4.14666667,18.6666667 2.66666667,18.6666667 L2.66666667,24 C2.66666667,25.4666667 3.86666667,26.6666667 5.33333333,26.6666667 L26.6666667,26.6666667 C28.1333333,26.6666667 29.3333333,25.4666667 29.3333333,24 L29.3333333,18.6666667 C27.8666667,18.6666667 26.6666667,17.4666667 26.6666667,16 C26.6666667,14.5333333 27.8666667,13.3333333 29.3333333,13.3333333 L29.3333333,13.3333333 Z M17.3333333,23.3333333 L14.6666667,23.3333333 L14.6666667,20.6666667 L17.3333333,20.6666667 L17.3333333,23.3333333 L17.3333333,23.3333333 Z M17.3333333,17.3333333 L14.6666667,17.3333333 L14.6666667,14.6666667 L17.3333333,14.6666667 L17.3333333,17.3333333 L17.3333333,17.3333333 Z M17.3333333,11.3333333 L14.6666667,11.3333333 L14.6666667,8.66666667 L17.3333333,8.66666667 L17.3333333,11.3333333 L17.3333333,11.3333333 Z" id="ticket-path-1"></path></defs><style> .primary-color { fill: #1F9FD6; } </style><g id="ticket-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="ticket-Nav/Menu/Visit" transform="translate(-47.000000, -337.000000)"><g id="ticket-Group-2" transform="translate(33.000000, 248.000000)"><g id="ticket-confirmation_number" transform="translate(30.000000, 105.000000) rotate(-315.000000) translate(-30.000000, -105.000000) translate(14.000000, 89.000000)"><mask id="ticket-mask-2" fill="white"><use xlink:href="#ticket-path-1"></use></mask><g id="ticket-Mask"></g><g id="ticket-Colors/Blue" mask="url(#ticket-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="ticket-Colors/Black"><g><rect id="ticket-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="ticket-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit/tickets">Ticket & Offers</a></li><li class="visit-menu__item"><a href="/support/membership"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="26px" height="29px" viewBox="0 0 26 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M5.33333333,13.3333333 L5.33333333,22.6666667 L9.33333333,22.6666667 L9.33333333,13.3333333 L5.33333333,13.3333333 L5.33333333,13.3333333 Z M13.3333333,13.3333333 L13.3333333,22.6666667 L17.3333333,22.6666667 L17.3333333,13.3333333 L13.3333333,13.3333333 L13.3333333,13.3333333 Z M2.66666667,29.3333333 L28,29.3333333 L28,25.3333333 L2.66666667,25.3333333 L2.66666667,29.3333333 L2.66666667,29.3333333 Z M21.3333333,13.3333333 L21.3333333,22.6666667 L25.3333333,22.6666667 L25.3333333,13.3333333 L21.3333333,13.3333333 L21.3333333,13.3333333 Z M15.3333333,1.33333333 L2.66666667,8 L2.66666667,10.6666667 L28,10.6666667 L28,8 L15.3333333,1.33333333 L15.3333333,1.33333333 Z" id="museum-path-1"></path></defs><g id="museum-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="museum-Nav/Menu/Visit" transform="translate(-49.000000, -413.000000)"><g id="museum-Group-2" transform="translate(33.000000, 248.000000)"><g id="museum-account_balance" transform="translate(14.000000, 164.000000)"><mask id="museum-mask-2" fill="white"><use xlink:href="#museum-path-1"></use></mask><g id="museum-Mask"></g><g id="museum-Colors/Blue" mask="url(#museum-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="museum-Colors/Black"><g><rect id="museum-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="museum-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/support/membership">Member Information</a></li></ul></nav> </div> </div> <a href="/visit/plan-your-visit" class="nav-global__button button--full-width button--transparent"> Need help planning your visit? <i class="icon tiny icon-arrow-right"></i> </a> <a tabindex="0" class="keyboard-close-menu" data-skip-link title="Exit menu" aria-label="Exit menu"><span>×</span></a> </div> <div class="content support"> <div class="arrow-up"></div> <div class="column-wrapper"> <div class="column-wrapper__column column-1"> <nav class="dropdown-arrow-list"><ul><li><a href="/support/membership">Become a Member</a></li><li><a href="/support/donate">Individual Giving</a></li><li><a href="/support/corporate-and-foundation/corporate-support">Corporate Giving</a></li><li><a href="/support/volunteer">Volunteer</a></li></ul></nav> </div> <div class="column-wrapper__column column-2"> <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> <div class="ce-content rte-content rte-text-medium "> <div class="headline-group "> <h3 class="title">Donate</h3> </div> <p>Inspire the next generation of scientific leaders and thinkers with a gift today.</p> <p><a href="/support/donate/support-msi/donate-now" class="arrow-link"><strong>Donate Now</strong></a></p> </div> </section> </div> </div> <a tabindex="0" class="keyboard-close-menu" data-skip-link title="Exit menu" aria-label="Exit menu"><span>×</span></a> </div> </nav> <div class="breadcrumb-share-wrap"> <div class="breadcrumb"> <span></span> <a class="breadcrumb__link" title="Home" href="/"><i class="icon icon-arrow-left"></i> <span>Home</span></a> </div> <div class="share"> </div> </div> </div> </header> </div> <div id="feature" class="row collapse text-light "> <div class="inner-wrap medium-24 columns">  <div id="c3864" class="row collapse " data-theme-class=""><div class="columns"><section class="big-header bh__height-size-1 text-light"><div class="bh__background bh__background-color bh__theme-color-2" ><div class="bh__background-image blur-up lazyload bh__height-size-1 bh__bg-image-top-center " style="background-image: url();" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/8/e/csm_header_ayb_youblood_c6c734716a.jpg 320w, https://www.msichicago.org/fileadmin/assets/_processed_/8/e/csm_header_ayb_youblood_6b1bdbe93d.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/8/e/csm_header_ayb_youblood_5309b4082c.jpg 600w, https://www.msichicago.org/fileadmin/assets/general_msi/global_blue_headers/header_ayb_youblood.jpg 800w" data-sizes="auto"></div></div><div class="bh__content-wrap"><div class="bh__content "><div class="bh__content-inner-wrap"><h1 class="bh__title "><span class="line-wrap"><span class="line">Plan Your Visit</span></span></h1><div class="bh__description "><p>A few simple questions will get us started.</p></div></div></div></div></section></div></div>  </div> </div> <div id="content-wrap" class="row"> <a id="skip-feature"></a> <div class="medium-24 columns"> <script> if (window.location.pathname !== '/') { var isLocalStorageAvailable = (function() { var test = 'MSIHeaderTest'; try { localStorage.setItem(test, test); localStorage.removeItem(test); return true; } catch (e) { return false; } })(); if (isLocalStorageAvailable) { var lastHeaderId = window.localStorage.getItem('MSIHeader'); var headerElement = document.querySelector('#feature [id]'); var hasEmptyLocationHash = window.location.hash === ''; var hasSkipFeatureHash = window.location.hash === '#skip-feature'; if (headerElement) { var currentHeaderId = headerElement.id; if (hasSkipFeatureHash) { if (!lastHeaderId || (lastHeaderId !== currentHeaderId)) { window.location.hash = ''; window.localStorage.setItem('MSIHeader', currentHeaderId) } } else if (hasEmptyLocationHash) { // We've seen this header before. Skip it. if (lastHeaderId && (lastHeaderId === currentHeaderId)) { var url = window.location.href; document.getElementById("header-outer-wrap").style.display = "none"; document.getElementById("feature").style.display = "none"; var skipFeaturePosition = document.getElementById('skip-feature').offsetTop; var skippedFeature = false; if (skipFeaturePosition > 0) { skippedFeature = true; window.scrollTo(0, skipFeaturePosition); } document.addEventListener("DOMContentLoaded", function(event) { document.getElementById("header-outer-wrap").style.display = "block"; document.getElementById("feature").style.display = "block"; if (!skippedFeature) { skipFeaturePosition = document.getElementById('skip-feature').offsetTop; if (skipFeaturePosition > 0) { window.scrollTo(0, skipFeaturePosition); } } }); } else { window.localStorage.setItem('MSIHeader', currentHeaderId) } } } } } </script> <div id="content-inner-wrap"> <main id="content-block-1" class="row"> <div class="content-block-1-inner-wrap medium-24 columns">  <div id="c83" class=" "> <div id="plan-visit-outer-wrap" data-plan-your-visit xmlns:f="http://www.w3.org/1999/html"> <div class="column column-1 third"> <div class="mobile-handler"> <h3 class="rte-content rte-text-large">Get a personalized offer</h3> <button id="filterActivities" class="button button-border button-table expand"> <span class="text-cell">Filter activities</span> </button> </div> <div class="panel tabs-plan-visit-tool-wrap"> <form method="post" name="visit" class="tabs-plan-visit-tool" action="/visit/plan-your-visit?tx_experiences_planyourvisit%5Bcontroller%5D=Experience&cHash=69565202923957d39362f0f265295e40"> <div> <input type="hidden" name="tx_experiences_planyourvisit[__referrer][@extension]" value="Experiences" /> <input type="hidden" name="tx_experiences_planyourvisit[__referrer][@controller]" value="Experience" /> <input type="hidden" name="tx_experiences_planyourvisit[__referrer][@action]" value="planYourVisit" /> <input type="hidden" name="tx_experiences_planyourvisit[__referrer][arguments]" value="YTowOnt970c2bfb90c4a66257a1977e8dc09f978e20e14a8" /> <input type="hidden" name="tx_experiences_planyourvisit[__referrer][@request]" value="{"@extension":"Experiences","@controller":"Experience","@action":"planYourVisit"}259c84eb609fc7871bab7cdcb4ef23ac40ce6bd5" /> <input type="hidden" name="tx_experiences_planyourvisit[__trustedProperties]" value="{"visit":{"date":1,"duration":1,"ageRanges":[1,1,1,1],"topics":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}}7dae643c42de1974fa154ebb98285072b15ad85b" /> </div> <ul class="tabs-plan-visit-tool-page" aria-hidden="true" data-tab data-options="deep_linking:false; scroll_to_content: false;"> <li class="tab-title active"><a href="#step1" tabindex="-1">1</a></li> <li class="tab-title"><a href="#step2" tabindex="-1">2</a></li> <li class="tab-title"><a href="#step3" tabindex="-1">3</a></li> <li class="tab-title"><a href="#step4" tabindex="-1">4</a></li> </ul> <div class="tabs-content tabs-plan-visit-tool-content"> <div class="content active" id="step1" role="tabpanel" aria-hidden="false" aria-labelledby="step1_header"> <h3 id="step1_header">What day are you coming to MSI?</h3> <label for="datepicker" class="hide-visual">Select the date you are coming to MSI</label> <button data-calendar-date="today" class="button button-table button-hollow expand"> <span class="text-cell">Today</span> </button> <button data-calendar-date="tomorrow" class="button button-table button-hollow expand"> <span class="text-cell">Tomorrow</span> </button> <button data-calendar-open class="button button-table button-hollow expand"> <span class="text-cell">Another day</span> </button> <div data-datepicker class="button expand button-table button-hollow datepicker-button secondary" style="display: none" > <span class="input-cell"> <input aria-label="Select date using arrow keys." aria-live="assertive" data-update-on-change="1" data-addtovisit-date="1" placeholder="Click here and pick a date" id="datepicker" type="text" name="tx_experiences_planyourvisit[visit][date]" value="" /> </span> </div> <a href="#step2" class="next-link" data-plan-visit-nav aria-controls="step2"> <span class="text-cell">I don't know yet</span><span class="icon-circle"><i class="icon small icon-anglebracket-right"></i></span> </a> </div> <div class="content" id="step2" role="tabpanel" aria-hidden="false" aria-labelledby="step2_header"> <h3 id="step2_header">How much time will you have at MSI?</h3> <button class="button button-table button-hollow expand" data-duration="3" > <span class="text-cell">Less than 3 hours</span> </button> <button class="button button-table button-hollow expand" data-duration="5" > <span class="text-cell">Between 3 and 5 hours</span> </button> <button class="button button-table button-hollow expand" data-duration="8" > <span class="text-cell">More than 5 hours</span> </button> <input data-duration-in-minutes="1" data-update-on-change="1" type="hidden" name="tx_experiences_planyourvisit[visit][duration]" value="240" /> <a href="#step3" class="next-link" data-plan-visit-nav aria-controls="step3"> <span class="text-cell">I don't know yet</span><span class="icon-circle"><i class="icon small icon-anglebracket-right"></i></span> </a> <a href="#step1" class="previous-link" data-plan-visit-nav aria-controls="step1"> <span class="icon-circle"><i class="icon small icon-anglebracket-left"></i></span><span class="text-cell">Previous step</span> </a> </div> <div class="content" id="step3" role="tabpanel" aria-hidden="false" aria-labelledby="step3_header"> <h3 id="step3_header">What ages do you have in your group?</h3> <p>Select at least one age range.</p>  <input type="hidden" name="tx_experiences_planyourvisit[visit][ageRanges]" value="" /><input data-update-on-change="1" id="agerange-3" type="checkbox" name="tx_experiences_planyourvisit[visit][ageRanges][]" value="3" /> <label for="agerange-3" class="button expand button-table button-hollow"> <span class="text-cell"> Under 10 </span> </label>  <input data-update-on-change="1" id="agerange-4" type="checkbox" name="tx_experiences_planyourvisit[visit][ageRanges][]" value="4" /> <label for="agerange-4" class="button expand button-table button-hollow"> <span class="text-cell"> Ages 10-13 </span> </label>  <input data-update-on-change="1" id="agerange-5" type="checkbox" name="tx_experiences_planyourvisit[visit][ageRanges][]" value="5" /> <label for="agerange-5" class="button expand button-table button-hollow"> <span class="text-cell"> Ages 14-17 </span> </label>  <input data-update-on-change="1" id="agerange-6" type="checkbox" name="tx_experiences_planyourvisit[visit][ageRanges][]" value="6" /> <label for="agerange-6" class="button expand button-table button-hollow"> <span class="text-cell"> Adults </span> </label> <a href="#step4" class="next-link" data-plan-visit-nav aria-controls="step4"> <span class="text-cell">Next step</span><span class="icon-circle"><i class="icon small icon-anglebracket-right"></i></span> </a> <a href="#step2" class="previous-link" data-plan-visit-nav aria-controls="step2"> <span class="icon-circle"><i class="icon small icon-anglebracket-left"></i></span><span class="text-cell">Previous step</span> </a> </div> <div class="content" id="step4" role="tabpanel" aria-hidden="false" aria-labelledby="step4_header"> <h3 id="step4_header">What subject areas interest you?</h3> <p>Select as many as you want.</p> <div class="topic__label --all"> <input type="checkbox" id="topic_all" value="" checked="checked" data-topic-all="1" /> <label for="topic_all"> All subjects </label> </div> <div class="topic__label"> <input type="hidden" name="tx_experiences_planyourvisit[visit][topics]" value="" /><input data-topic-all="0" id="topic_1" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="1" /> <label for="topic_1"> Chemistry </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_2" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="2" /> <label for="topic_2"> Design </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_3" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="3" /> <label for="topic_3"> Energy </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_4" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="4" /> <label for="topic_4"> Engineering </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_5" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="5" /> <label for="topic_5"> Environmental Science </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_13" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="13" /> <label for="topic_13"> Health </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_6" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="6" /> <label for="topic_6"> History </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_7" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="7" /> <label for="topic_7"> Innovation </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_8" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="8" /> <label for="topic_8"> Life Sciences </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_9" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="9" /> <label for="topic_9"> Manufacturing </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_10" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="10" /> <label for="topic_10"> Math </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_11" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="11" /> <label for="topic_11"> Physics </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_12" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="12" /> <label for="topic_12"> Space </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_14" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="14" /> <label for="topic_14"> Technology </label> </div> <div class="topic__label"> <input data-topic-all="0" id="topic_15" type="checkbox" name="tx_experiences_planyourvisit[visit][topics][]" value="15" /> <label for="topic_15"> Transportation </label> </div> <a href="#step3" class="previous-link" data-plan-visit-nav aria-controls="step3"> <span class="icon-circle"><i class="icon small icon-anglebracket-left"></i></span><span class="text-cell">Previous step</span> </a> </div> </div> </form> <div class="results-button-wrap"> <a id="show-results" href="#plan-your-visit-results" class="button button-table expand"> <span class="text-cell align-center"><b>Show activities</b></span> </a> </div> </div> </div> <div id="plan-your-visit-results" class="column column-2 two-third" data-search-results> <h3 class="pyv-count base-section-title"><b>42 activities </b> <span class="pyv-count-text">just for you</span></h3> <hr/> <ul class="responsive-block-grid-1 teaser-block-grid teaser-medium-rejig"> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="605" href="#" aria-label="Add 007 Science: Inventing the World of James Bond to visit"> <img class="box-teaser-image lazyload" alt="007 Science: Inventing the World of James Bond" src="https://www.msichicago.org/fileadmin/assets/_processed_/c/2/csm_No_Time_to_Die_1_-_Image_Credit__Eon_Productions_6de5f4005d.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/c/2/csm_No_Time_to_Die_1_-_Image_Credit__Eon_Productions_cb9ab6dcdd.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="605" href="#" aria-label="Add 007 Science: Inventing the World of James Bond to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">007 Science: Inventing the World of James Bond</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Explore the iconic cars, gadgets and props of the James Bond film series.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Not included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="605" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add 007 Science: Inventing the World of James Bond to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="41" href="#" aria-label="Add Christmas Around the World and Holidays of Light to visit"> <img class="box-teaser-image lazyload" alt="Christmas Around the World and Holidays of Light" src="https://www.msichicago.org/fileadmin/assets/_processed_/d/1/csm_CATW2023_GrandTree_Hero1_89cee045d5.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/d/1/csm_CATW2023_GrandTree_Hero1_fe32963d9c.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="41" href="#" aria-label="Add Christmas Around the World and Holidays of Light to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Christmas Around the World and Holidays of Light</h3> <div class="subtitle">through Jan 6</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Celebrate with the entire family at this beloved annual holiday tradition.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="41" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Christmas Around the World and Holidays of Light to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="649" href="#" aria-label="Add Member Holiday Hours to visit"> <img class="box-teaser-image lazyload" alt="Member Holiday Hours" src="https://www.msichicago.org/fileadmin/assets/_processed_/b/3/csm_221116_FM_959-grand-tree_f7d77d4527.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/b/3/csm_221116_FM_959-grand-tree_c132a5a556.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="649" href="#" aria-label="Add Member Holiday Hours to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Member Holiday Hours</h3> <div class="subtitle">next date Dec 5</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Enjoy our annual holiday displays during exclusive member hours.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Member Event - Free but Res Required </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="649" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Member Holiday Hours to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="667" href="#" aria-label="Add Aviation Days to visit"> <img class="box-teaser-image lazyload" alt="Aviation Days" src="https://www.msichicago.org/fileadmin/assets/_processed_/8/8/csm_TakeFlight_DP3_9228_fae333f316.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/8/8/csm_TakeFlight_DP3_9228_ae0a2c1843.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="667" href="#" aria-label="Add Aviation Days to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Aviation Days</h3> <div class="subtitle">Dec 7</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Meet airline pilots and try out flight simulators at this aviation event.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="667" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Aviation Days to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="621" href="#" aria-label="Add Griffin MSI Camps to visit"> <img class="box-teaser-image lazyload" alt="Griffin MSI Camps" src="https://www.msichicago.org/fileadmin/assets/_processed_/5/d/csm_MSICamps_CircuitBending01_4ac0ed8306.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/5/d/csm_MSICamps_CircuitBending01_d2315e3b83.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="621" href="#" aria-label="Add Griffin MSI Camps to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Griffin MSI Camps</h3> <div class="subtitle">Experience</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Single- and multi-day camps to engage your youth in science, making, and our exciting Museum!</p> </div> <div class="bm__footer"> <a data-visit-preview-uid="621" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Griffin MSI Camps to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="24" href="#" aria-label="Add Henry Crown Space Center to visit"> <img class="box-teaser-image lazyload" alt="Henry Crown Space Center" src="https://www.msichicago.org/fileadmin/assets/_processed_/7/b/csm_RS25621_HCSC_012_8fd8fad136.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/7/b/csm_RS25621_HCSC_012_ee754201e7.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="24" href="#" aria-label="Add Henry Crown Space Center to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Henry Crown Space Center</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">From the Space Race to SpaceX, discover the history and future of space exploration.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="24" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Henry Crown Space Center to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="647" href="#" aria-label="Add Naughty or Nice to visit"> <img class="box-teaser-image lazyload" alt="Naughty or Nice" src="https://www.msichicago.org/fileadmin/assets/_processed_/1/3/csm_Naughty_or_Nice_-_Griffin_MSI_logo_4a48f591b8.png" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/1/3/csm_Naughty_or_Nice_-_Griffin_MSI_logo_437f7133d4.png" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="647" href="#" aria-label="Add Naughty or Nice to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Naughty or Nice</h3> <div class="subtitle">Dec 12</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Celebrate the most wonderful time of the year at Griffin MSI, 21-and-up style.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Event - Ticket Required </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="647" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Naughty or Nice to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="658" href="#" aria-label="Add Notes to Neurons to visit"> <img class="box-teaser-image lazyload" alt="Notes to Neurons" src="https://www.msichicago.org/fileadmin/assets/_processed_/6/f/csm_notes-to-neurons-purple-stereo-room-RS25178_SMK_MSINameChangePreview-118_lpr_bb9eaddba1.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/6/f/csm_notes-to-neurons-purple-stereo-room-RS25178_SMK_MSINameChangePreview-118_lpr_64db82f596.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="658" href="#" aria-label="Add Notes to Neurons to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Notes to Neurons</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Experience the power of music in our lives and our connections with each other.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="658" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Notes to Neurons to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="654" href="#" aria-label="Add SpaceX Dragon Spacecraft to visit"> <img class="box-teaser-image lazyload" alt="SpaceX Dragon Spacecraft" src="https://www.msichicago.org/fileadmin/assets/_processed_/5/6/csm_iss059e043283_orig__3__3d30573230.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/5/6/csm_iss059e043283_orig__3__d43622bc6c.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="654" href="#" aria-label="Add SpaceX Dragon Spacecraft to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">SpaceX Dragon Spacecraft</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">A flight-proven Dragon Spacecraft has arrived at Griffin MSI.</p> </div> <div class="bm__footer"> <a data-visit-preview-uid="654" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add SpaceX Dragon Spacecraft to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="638" href="#" aria-label="Add The Blue Paradox to visit"> <img class="box-teaser-image lazyload" alt="The Blue Paradox" src="https://www.msichicago.org/fileadmin/assets/_processed_/e/c/csm_Blue_Paradox_7_32604b53b1.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/e/c/csm_Blue_Paradox_7_3e5d5bd6a0.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="638" href="#" aria-label="Add The Blue Paradox to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">The Blue Paradox</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">A powerful, immersive look inside the ocean plastic crisis.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Free Timed-Entry Exhibit </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="638" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add The Blue Paradox to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="360" href="#" aria-label="Add U-505 On-board Tour to visit"> <img class="box-teaser-image lazyload" alt="U-505 On-board Tour" src="https://www.msichicago.org/fileadmin/assets/_processed_/4/b/csm_U-505_RadioRoom_007_98906cb22e.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/4/b/csm_U-505_RadioRoom_007_58a357ba8c.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="360" href="#" aria-label="Add U-505 On-board Tour to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">U-505 On-board Tour</h3> <div class="subtitle">Tour</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">An interactive walk through a piece of history that you'll never forget.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Ticket purchases are required for entry. </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="360" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add U-505 On-board Tour to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="14" href="#" aria-label="Add U-505 Submarine to visit"> <img class="box-teaser-image lazyload" alt="U-505 Submarine" src="https://www.msichicago.org/fileadmin/assets/_processed_/d/6/csm_U-505_1_ef72e73ff1.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/d/6/csm_U-505_1_d352967e4f.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="14" href="#" aria-label="Add U-505 Submarine to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">U-505 Submarine</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Experience the real U-505, the only German submarine in the United States.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="14" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add U-505 Submarine to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="601" href="#" aria-label="Add Antarctica to visit"> <img class="box-teaser-image lazyload" alt="Antarctica" src="https://www.msichicago.org/fileadmin/assets/_processed_/1/7/csm_Antarctica_sealpup_4668043493.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/1/7/csm_Antarctica_sealpup_9ba16a6c72.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="601" href="#" aria-label="Add Antarctica to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Antarctica</h3> <div class="subtitle">Giant Dome Theater</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Journey into the wild and awe-inspiring continent at the bottom of the world.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Not included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="601" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Antarctica to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="23" href="#" aria-label="Add Coal Mine to visit"> <img class="box-teaser-image lazyload" alt="Coal Mine" src="https://www.msichicago.org/fileadmin/assets/_processed_/3/6/csm_CoalMine_0009_6b1a068297.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/3/6/csm_CoalMine_0009_33b7e109c4.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="23" href="#" aria-label="Add Coal Mine to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Coal Mine</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Ride down the elevator and along the rails to learn about coal mining technology.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Ticket purchases are required for entry. </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="23" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Coal Mine to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="358" href="#" aria-label="Add Flight and Motion Simulators to visit"> <img class="box-teaser-image lazyload" alt="Flight and Motion Simulators" src="https://www.msichicago.org/fileadmin/assets/_processed_/7/6/csm_Flight_Simulators_0025_bad1edfd3b.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/7/6/csm_Flight_Simulators_0025_0c8757645a.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="358" href="#" aria-label="Add Flight and Motion Simulators to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Flight and Motion Simulators</h3> <div class="subtitle">Experience</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Experience and even control the flights of aircraft from throughout history.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Ticket purchases are required for entry. </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="358" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Flight and Motion Simulators to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="622" href="#" aria-label="Add Mold-A-Rama™: Molded for the Future to visit"> <img class="box-teaser-image lazyload" alt="Mold-A-Rama™: Molded for the Future" src="https://www.msichicago.org/fileadmin/assets/_processed_/d/c/csm_Moldarama_Machine_4090_75e48f5653.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/d/c/csm_Moldarama_Machine_4090_0e64148f19.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="622" href="#" aria-label="Add Mold-A-Rama™: Molded for the Future to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Mold-A-Rama™: Molded for the Future</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Explore six decades of the iconic plastic souvenirs and add some to your own collection.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="622" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Mold-A-Rama™: Molded for the Future to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="643" href="#" aria-label="Add NASCAR Next Gen Ford Mustang to visit"> <img class="box-teaser-image lazyload" alt="NASCAR Next Gen Ford Mustang" src="https://www.msichicago.org/fileadmin/assets/_processed_/2/5/csm_RS19062_230815_FM_0011_93b813c421.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/2/5/csm_RS19062_230815_FM_0011_5f08b61818.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="643" href="#" aria-label="Add NASCAR Next Gen Ford Mustang to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">NASCAR Next Gen Ford Mustang</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Check out a stock car that's been transformed into a mobile masterpiece.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="643" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add NASCAR Next Gen Ford Mustang to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="478" href="#" aria-label="Add Oceans: Our Blue Planet to visit"> <img class="box-teaser-image lazyload" alt="Oceans: Our Blue Planet" src="https://www.msichicago.org/fileadmin/assets/_processed_/7/7/csm_OceansOBP_2_255abf273e.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/7/7/csm_OceansOBP_2_d344242679.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="478" href="#" aria-label="Add Oceans: Our Blue Planet to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Oceans: Our Blue Planet</h3> <div class="subtitle">Giant Dome Theater</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Discover the oceans' most astonishing creatures.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Not included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="478" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Oceans: Our Blue Planet to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="27" href="#" aria-label="Add Pioneer Zephyr to visit"> <img class="box-teaser-image lazyload" alt="Pioneer Zephyr" src="https://www.msichicago.org/fileadmin/assets/_processed_/2/a/csm_Zephyr_2021_DP3_3912_af1ccaf853.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/2/a/csm_Zephyr_2021_DP3_3912_d11edc803f.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="27" href="#" aria-label="Add Pioneer Zephyr to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Pioneer Zephyr</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Step aboard one of America’s first diesel-electric streamlined passenger trains.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="27" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Pioneer Zephyr to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="34" href="#" aria-label="Add Science Storms to visit"> <img class="box-teaser-image lazyload" alt="Science Storms" src="https://www.msichicago.org/fileadmin/assets/_processed_/1/d/csm_science_storms_tornado_exhibit_483bb9f7d3.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/1/d/csm_science_storms_tornado_exhibit_9f85371a19.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="34" href="#" aria-label="Add Science Storms to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Science Storms</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Feel the physics and consider the chemistry of natural phenomena like tornados and avalanches.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="34" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Science Storms to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="656" href="#" aria-label="Add Space: The New Frontier to visit"> <img class="box-teaser-image lazyload" alt="Space: The New Frontier" src="https://www.msichicago.org/fileadmin/assets/_processed_/f/a/csm_SPACETHENEWFRONTIER_Still056_836f5fcfba.png" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/f/a/csm_SPACETHENEWFRONTIER_Still056_d7fba084e2.png" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="656" href="#" aria-label="Add Space: The New Frontier to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Space: The New Frontier</h3> <div class="subtitle">Giant Dome Theater</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Journey into the not-so-distant future of spaceflight.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Not included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="656" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Space: The New Frontier to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="597" href="#" aria-label="Add Take Flight to visit"> <img class="box-teaser-image lazyload" alt="Take Flight" src="https://www.msichicago.org/fileadmin/assets/_processed_/c/3/csm_TakeFlight_DP3_9220_734e179ac2.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/c/3/csm_TakeFlight_DP3_9220_f20b84bbd0.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="597" href="#" aria-label="Add Take Flight to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Take Flight</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Explore modern aviation in a real 727 restored to its original 1960s look.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="597" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Take Flight to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="429" href="#" aria-label="Add VR Transporter to visit"> <img class="box-teaser-image lazyload" alt="VR Transporter" src="https://www.msichicago.org/fileadmin/assets/_processed_/8/3/csm_vr_iss_e73da102e2.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/8/3/csm_vr_iss_4399517795.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="429" href="#" aria-label="Add VR Transporter to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">VR Transporter</h3> <div class="subtitle">Experience</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Be transported into space or the sea with state-of-the-art motion-based virtual reality.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Ticket purchases are required for entry. </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="429" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add VR Transporter to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="33" href="#" aria-label="Add YOU! The Experience to visit"> <img class="box-teaser-image lazyload" alt="YOU! The Experience" src="https://www.msichicago.org/fileadmin/assets/_processed_/1/1/csm_You__0237_2b57f42cee.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/1/1/csm_You__0237_9aeac8c44f.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="33" href="#" aria-label="Add YOU! The Experience to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">YOU! The Experience</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Examine the experience of life itself and the connection between mind, body and spirit.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="33" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add YOU! The Experience to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="637" href="#" aria-label="Add 90 & Beyond: Our Stories, Your MSI to visit"> <img class="box-teaser-image lazyload" alt="90 & Beyond: Our Stories, Your MSI" src="https://www.msichicago.org/fileadmin/assets/_processed_/c/5/csm_1200x1200_f145201d7c.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/c/5/csm_1200x1200_42a0239341.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="637" href="#" aria-label="Add 90 & Beyond: Our Stories, Your MSI to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">90 & Beyond: Our Stories, Your MSI</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Celebrate our 90th year with artifacts from all nine decades.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="637" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add 90 & Beyond: Our Stories, Your MSI to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="603" href="#" aria-label="Add Black Creativity: Architecture to visit"> <img class="box-teaser-image lazyload" alt="Black Creativity: Architecture" src="https://www.msichicago.org/fileadmin/assets/_processed_/9/c/csm_BCArch_8242_13065f5539.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/9/c/csm_BCArch_8242_26f2a09a24.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="603" href="#" aria-label="Add Black Creativity: Architecture to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Black Creativity: Architecture</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Discover how past and present Black architects respond to the ever-changing needs of humanity.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="603" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Black Creativity: Architecture to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="21" href="#" aria-label="Add Colleen Moore's Fairy Castle to visit"> <img class="box-teaser-image lazyload" alt="Colleen Moore's Fairy Castle" src="https://www.msichicago.org/fileadmin/assets/_processed_/a/1/csm_fairycastle_castlefront_4f687f7336.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/a/1/csm_fairycastle_castlefront_d4c24c197b.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="21" href="#" aria-label="Add Colleen Moore's Fairy Castle to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Colleen Moore's Fairy Castle</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Experience the enchantment of a fairy’s dream home in Colleen Moore’s Fairy Castle.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="21" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Colleen Moore's Fairy Castle to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="395" href="#" aria-label="Add Extreme Ice to visit"> <img class="box-teaser-image lazyload" alt="Extreme Ice" src="https://www.msichicago.org/fileadmin/assets/_processed_/9/e/csm_EI-FPO-FINAL_fbbde65e29.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/9/e/csm_EI-FPO-FINAL_3e813838e7.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="395" href="#" aria-label="Add Extreme Ice to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Extreme Ice</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Go to extremes with a photographer chasing our diminishing glaciers.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="395" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Extreme Ice to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="38" href="#" aria-label="Add Numbers in Nature: A Mirror Maze to visit"> <img class="box-teaser-image lazyload" alt="Numbers in Nature: A Mirror Maze" src="https://www.msichicago.org/fileadmin/assets/_processed_/d/f/csm_NiN_maze_ForMap_359fc4ed95.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/d/f/csm_NiN_maze_ForMap_5e20f3ac35.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="38" href="#" aria-label="Add Numbers in Nature: A Mirror Maze to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Numbers in Nature: A Mirror Maze</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Discover the mathematical patterns that abound in the natural world.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Free Timed-Entry Exhibit </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="38" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Numbers in Nature: A Mirror Maze to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="26" href="#" aria-label="Add Ships Gallery to visit"> <img class="box-teaser-image lazyload" alt="Ships Gallery" src="https://www.msichicago.org/fileadmin/assets/_processed_/3/8/csm_Ships_Vasa_0026_a348120292.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/3/8/csm_Ships_Vasa_0026_23cc61a1b0.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="26" href="#" aria-label="Add Ships Gallery to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Ships Gallery</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Follow the story of man's quest to travel the seas with the Museum’s collection of model ships.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="26" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Ships Gallery to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="20" href="#" aria-label="Add The Great Train Story to visit"> <img class="box-teaser-image lazyload" alt="The Great Train Story" src="https://www.msichicago.org/fileadmin/assets/_processed_/9/8/csm_GreatTrain_Bridges13-14clouds_c5a5bc0c90.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/9/8/csm_GreatTrain_Bridges13-14clouds_7853c312e4.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="20" href="#" aria-label="Add The Great Train Story to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">The Great Train Story</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Travel from Chicago to Seattle in intricate detail on this massive model railroad.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="20" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add The Great Train Story to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="17" href="#" aria-label="Add Transportation Gallery to visit"> <img class="box-teaser-image lazyload" alt="Transportation Gallery" src="https://www.msichicago.org/fileadmin/assets/_processed_/9/c/csm_United_727_0011_1_9632ec8418.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/9/c/csm_United_727_0011_1_8db639d43c.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="17" href="#" aria-label="Add Transportation Gallery to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Transportation Gallery</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Explore how humankind has flown, soared, sped and chugged throughout the years.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="17" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Transportation Gallery to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="22" href="#" aria-label="Add Farm Tech to visit"> <img class="box-teaser-image lazyload" alt="Farm Tech" src="https://www.msichicago.org/fileadmin/assets/_processed_/3/8/csm_FarmTech_Combine_820dab4251.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/3/8/csm_FarmTech_Combine_45a4a54fb7.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="22" href="#" aria-label="Add Farm Tech to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Farm Tech</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Step into a modern farm and explore the innovations that bring food to your table.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="22" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Farm Tech to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="105" href="#" aria-label="Add Science Snoozeum to visit"> <img class="box-teaser-image lazyload" alt="Science Snoozeum" src="https://www.msichicago.org/fileadmin/assets/_processed_/3/b/csm_RotundaLighting_048_4d5aa0cf10.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/3/b/csm_RotundaLighting_048_e00d2253ae.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="105" href="#" aria-label="Add Science Snoozeum to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Science Snoozeum</h3> <div class="subtitle">next date Mar 7</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Stay overnight in the Griffin Museum of Science and Industry!</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Event - Ticket Required </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="105" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Science Snoozeum to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="35" href="#" aria-label="Add The Art of the Bicycle to visit"> <img class="box-teaser-image lazyload" alt="The Art of the Bicycle" src="https://www.msichicago.org/fileadmin/assets/_processed_/f/2/csm_ArtOfTheBicycle_0028_2be3e586e1.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/f/2/csm_ArtOfTheBicycle_0028_2d3f3c2856.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="35" href="#" aria-label="Add The Art of the Bicycle to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">The Art of the Bicycle</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">See the art and function of rarely displayed historic bikes alongside new cutting-edge bicycles.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="35" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add The Art of the Bicycle to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="595" href="#" aria-label="Add We Can Beat the Pandemic. Together. to visit"> <img class="box-teaser-image lazyload" alt="We Can Beat the Pandemic. Together." src="https://www.msichicago.org/fileadmin/assets/_processed_/0/5/csm_COVID_vaccine_ba24276794.png" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/0/5/csm_COVID_vaccine_794969ecef.png" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="595" href="#" aria-label="Add We Can Beat the Pandemic. Together. to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">We Can Beat the Pandemic. Together.</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">An exhibit about humanity’s response to the COVID-19 pandemic.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="595" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add We Can Beat the Pandemic. Together. to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="15" href="#" aria-label="Add Earth Revealed to visit"> <img class="box-teaser-image lazyload" alt="Earth Revealed" src="https://www.msichicago.org/fileadmin/assets/_processed_/5/0/csm_EarthRevealed_3bc9f09dca.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/5/0/csm_EarthRevealed_4e31fd96d1.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="15" href="#" aria-label="Add Earth Revealed to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Earth Revealed</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Get an up-close and near “real-time” view of our planet Earth.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="15" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Earth Revealed to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="19" href="#" aria-label="Add Swiss Jolly Ball to visit"> <img class="box-teaser-image lazyload" alt="Swiss Jolly Ball" src="https://www.msichicago.org/fileadmin/assets/_processed_/8/e/csm_SwissJollyBall_2015_0084_741f4de6e8.jpg" data-src="https://www.msichicago.org/fileadmin/assets/whats_here/exhibits/swiss_jollyball/SwissJollyBall_2015_0084.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="19" href="#" aria-label="Add Swiss Jolly Ball to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Swiss Jolly Ball</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">See the world’s largest pinball machine right before your eyes.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="19" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Swiss Jolly Ball to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="28" href="#" aria-label="Add The Idea Factory to visit"> <img class="box-teaser-image lazyload" alt="The Idea Factory" src="https://www.msichicago.org/fileadmin/assets/_processed_/1/0/csm_IdeaFactory_012_9a939824a6.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/1/0/csm_IdeaFactory_012_58eb9ae230.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="28" href="#" aria-label="Add The Idea Factory to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">The Idea Factory</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Young children can splash, stack and spin their way to testing scientific principles.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Free Timed-Entry Exhibit </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="28" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add The Idea Factory to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="18" href="#" aria-label="Add Whispering Gallery to visit"> <img class="box-teaser-image lazyload" alt="Whispering Gallery" src="https://www.msichicago.org/fileadmin/assets/_processed_/1/a/csm_whispering_gallery_exhibit_c68d42b798.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/1/a/csm_whispering_gallery_exhibit_0ec4b5ed6c.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="18" href="#" aria-label="Add Whispering Gallery to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Whispering Gallery</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Investigate the reflection and focus of sound by sending the tiniest whisper across the room.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="18" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Whispering Gallery to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="25" href="#" aria-label="Add Yesterday's Main Street to visit"> <img class="box-teaser-image lazyload" alt="Yesterday's Main Street" src="https://www.msichicago.org/fileadmin/assets/_processed_/9/4/csm_YesterdaysMainSt_0002_47d2c0b3d4.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/9/4/csm_YesterdaysMainSt_0002_d74fcdceb4.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="25" href="#" aria-label="Add Yesterday's Main Street to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">Yesterday's Main Street</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">Journey back in time and experience America in the early 1900s.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="25" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add Yesterday's Main Street to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> <li xmlns:f="http://www.w3.org/1999/html"> <div class="box-module box-module-pyv basic bm__horizontal bm__bottom-border-none"> <div class="bm__image-wrap"> <a data-visit-preview-uid="16" href="#" aria-label="Add ToyMaker 3000 to visit"> <img class="box-teaser-image lazyload" alt="ToyMaker 3000" src="https://www.msichicago.org/fileadmin/assets/_processed_/4/5/csm_GlowInTheDark_Gravitron_4966c936ad.jpg" data-src="https://www.msichicago.org/fileadmin/assets/_processed_/4/5/csm_GlowInTheDark_Gravitron_be62194e1f.jpg" /> </a> </div> <div class="bm__content-wrap"> <a data-visit-preview-uid="16" href="#" aria-label="Add ToyMaker 3000 to visit"> <div data-mh="mh__headline-group" class="mh__headline-group"> <div class="headline-group"> <h3 class="title">ToyMaker 3000</h3> <div class="subtitle">Exhibit</div> </div> <div class="icon-table-cell"> <i class="icon icon-anglebracket-right"></i> </div> </div> <div class="bm__teaser-module-content"> <p class="description">LIMITED DATES: This robotic assembly line manufactures custom toy tops before your eyes.</p> <p class="small-note rte-text-smaller"> <span class="icon-info"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>info-mask</title> <desc>Created with Sketch.</desc> <defs> <path d="M8,0 C3.584,0 0,3.584 0,8 C0,12.416 3.584,16 8,16 C12.416,16 16,12.416 16,8 C16,3.584 12.416,0 8,0 L8,0 Z M8.8,12 L7.2,12 L7.2,7.2 L8.8,7.2 L8.8,12 L8.8,12 Z M8.8,5.6 L7.2,5.6 L7.2,4 L8.8,4 L8.8,5.6 L8.8,5.6 Z" id="info-path-1"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Planning/List" transform="translate(-302.000000, -124.000000)"> <g id="Group-3" transform="translate(301.000000, 0.000000)"> <g id="Group" transform="translate(1.000000, 121.000000)"> <g id="info" transform="translate(0.000000, 3.000000)"> <mask id="info-mask-2" fill="white"> <use xlink:href="#info-path-1"></use> </mask> <use id="info-mask" fill="#0A1F54" xlink:href="#info-path-1"></use> </g> </g> </g> </g> </g> </svg> </span> Included in Museum Entry </p> </div> <div class="bm__footer"> <a data-visit-preview-uid="16" class="pyv-add-button add-button button button-table large" href="#" aria-label="Add ToyMaker 3000 to visit"> <span class="text-cell">Add to my visit</span><span class="last-icon-cell"><i class="icon tiny icon-add"></i></span> </a> </div> </a> </div> </div> </li> </ul> </div> </div> </div>  </div> </main> </div> </div> </div> <footer id="footer"> <div class="newsletter-social-wrap row"> <div class="large-24 columns">  <a href="/subscribe"><div class="newsletter-form"><p class="email">Subscribe to our newsletter</p><button class="button tiny">Register</button></div></a> <ul class="social-wrap inline-list"> <li> <a href="//fb.me/msichicago" class="icon-circle icon-circle-facebook"> <i class="icon icon-facebook"></i><span class="icon-label">Facebook</span> </a> </li> <li> <a href="//twitter.com/msichicago" class="icon-circle icon-circle-twitter"> <i class="icon icon-twitter"></i><span class="icon-label">Twitter</span> </a> </li> <li> <a href="//instagram.com/msichicago" class="icon-circle icon-circle-instagram"> <i class="icon icon-instagram"></i><span class="icon-label">Instagram</span> </a> </li> <li> <a href="//youtube.com/msichicago" class="icon-circle icon-circle-youtube"> <i class="icon icon-youtube"></i><span class="icon-label">YouTube</span> </a> </li> </ul> <div class="divider"></div> </div> </div> <div class="row footer-link"> <div class="xlarge-6 columns"> <h5 class="column-header title-open">Support Us</h5><div class="footer-link-container content-open"><p class="intro">Help transform lives through the power of science and science education.<p><ul class="arrow-list footer-support-links"><li><a href="/support/membership">Become a member</a></li><li><a href="/support/donate">Donate now</a></li></ul></div> </div> <div class="xlarge-6 columns"> <h5 class="column-header">Visit</h5><div class="footer-link-container"><ul class="footer-list"><li><a href="/visit/plan-your-visit">Plan a Visit</a></li><li><a href="/visit/tickets">Ticket Prices</a></li><li><a href="/visit/museum-map">Map</a></li><li><a href="/visit/groups-and-field-trips">Groups + Field Trips</a></li><li><a href="/visit/private-events">Host an Event</a></li><li><a href="https://store.msichicago.org">Museum Store</a></li></ul></div> </div> <div class="xlarge-6 columns"> <h5 class="column-header">Explore</h5><div class="footer-link-container"><ul class="footer-list"><li><a href="/explore/whats-here">What's Here</a></li><li><a href="/education">Education</a></li><li><a href="/science-at-home">Experiment</a></li><li><a href="/explore/about-us">About Us</a></li><li><a href="/explore/about-us/careers">Careers</a></li><li><a href="/press">Press</a></li></ul></div> </div> <div class="xlarge-6 columns"> <h5 class="column-header">Location + Hours</h5><div class="footer-link-container"><p class="location" translate="no" typeof="schema:PostalAddress"><span property="schema:name" style="display: none;">Museum of Science & Industry</span><span property="schema:streetAddress">5700 S. DuSable <br /> Lake Shore Drive</span><br/><span property="schema:addressLocality">Chicago</span>, <abbr title="Illinois" property="schema:addressRegion">IL</abbr>  <span property="schema:postalCode">60637</span><abbr style="display: none;" property="schema:addressCountry">USA</abbr></p><p class="open-hours"><a href="/visit/museum-hours"><span data-hours-today style="display: none;"><strong>Open today</strong><br/><span class="sub-text">from <b> 9:30 </b> a.m. to <b> 5:30 </b> p.m.</span></span><span data-hours-tomorrow style="display: none;"><strong>Open tomorrow</strong><br/><span class="sub-text">from <b> 9:30 </b> a.m. to <b> 4:00 </b> p.m.</span></span></a></p><a class="map-link" href="/visit/getting-here"><i class="icon tiny icon-map-pin"></i> Getting Here</a></div> </div> </div> <div data-footer-end class="footer-end row"> <div class="medium-24 columns translate-btn-column"> <div id="mobileHeader"></div> </div> <div class="xlarge-10 xlarge-push-8 large-24 columns"> <ul class="nav-utility inline-list privacy"> <li> <a href="/privacy-policy">Privacy Policy</a> </li> <li> <a href="/terms-of-use">Terms of Use</a> </li> <li> <a href="/contact">Contact us</a> </li> </ul> </div> <div class="xlarge-8 large-pull-10 large-24 columns copyright"> <span>© 2024 Kenneth C. Griffin Museum of Science and Industry</span> </div> <div class="large-6 columns translate-btn-column"> <div id="m_google_translate_element"> <div data-translate-btn class="translate-btn" style="display: none;" id="g_translater"> <span class="last-icon-cell"><i class="icon small icon-anglebracket-down"></i></span> <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { if ($('[data-translate-btn-in-page]').length) { $('[data-translate-btn-in-page]').show(); new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element_in_page'); $('[data-translate-btn-in-page] select > option:first-child').text('Translate'); $('select.goog-te-combo').on('change', toggleTranslationBar()); if ($('select.goog-te-combo').val() != "") { toggleTranslationBar(); } } else { $('[data-footer-end]').addClass('translate-on'); $('[data-translate-btn]').show(); new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); $('#footer .translate-btn select > option:first-child').text('Translate'); $('select.goog-te-combo').on('change', toggleTranslationBar()); if ($('select.goog-te-combo').val() != "") { toggleTranslationBar(); } } } function toggleTranslationBar() { setInterval(function(){ if ($('body > .skiptranslate:first-child').css('display') == 'block') { $('body').addClass('translation-bar-on'); } else { $('body').removeClass('translation-bar-on'); } }, 1000); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div> </div> </div> </div> </footer> </div> <div class="reveal-modal content search full" id="searchModal" data-reveal aria-label="Search" aria-hidden="true" role="dialog" style="display:none;"> <div class="row"> <div class="medium-24 columns" data-search> <h1 class="sticky-footer__title--white sticky-footer__title--search text-center">How can we help you?</h1> <form data-search-form action="/index.php?id=122" method="get" class="search-form tx-solr-form row"> <div class="small-20 columns collapse"> <input class="search-input tx-solr-q" type="text" name="q" placeholder="Ex: U-505, Christmas, …" autocomplete="off"> </div> <div class="small-4 columns collapse"> <button class="search-submit" type="submit"> <span class="hidden">Submit Search</span> </button> <div class="search-spinner" data-spinner style="display:none;"></div> </div> </form> <div class="search-results-wrapper" style="display: none;"> <div data-search-results> <ol class="results-list"> </ol> </div> <p id="loading-search-results" style="opacity: 0;"> Loading more results ... </p> <p id="no-more-results" style="opacity: 0;"> No more results to load </p> </div> </div> </div> <button class="close-button close-reveal-modal" data-close aria-label="Close reveal" type="button"> <img class="svg" src="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/Icons/Sticky/menuclose.svg"/> </button> </div> <div class="sticky-footer-wrapper" x-cloak x-data="MSI.StickyFooterMobile.menu()" x-init="() => { $(window).on('addToVisitSidebarReady', function(){ updateItems(); }); add = $('[data-addtovisit-add-uid]'); add.on('click', (event) => { totalItems++; }); removeItem = $('#my-visit-container,[data-mobile-cart-items-list]'); removeItem.on('click', '[data-addtovisit-delete-uid]', (event) => { totalItems--; updateBullets(); }); $watch('currentMenu', (value) => { if(value == null){ document.body.style.position = ''; document.body.style.top = ''; window.scrollTo(0, parseInt(scrollY || '0') * -1); }else{ document.body.style.position = 'fixed'; document.body.style.top = `-${window.scrollY}px`; } }); $watch('subMenu', (value) => { if(value == null){ if($('.to-restore-height').length){ $('.to-restore-height')[0].style=''; $('.to-restore-height').removeClass('to-restore-height'); } }else{ $nextTick(()=>{ let height = $('.sticky-footer__panel--active').height(); let interiorHeight = $('.sticky-footer__panel--active .sticky-footer__panel-interior div').height(); if(interiorHeight>height){ $('.sticky-footer__panel--active .sticky-footer__panel-interior').addClass('to-restore-height'); $('.sticky-footer__panel--active .sticky-footer__panel-interior').height(height); $('.sticky-footer__panel--active .sticky-footer__panel-interior').css('padding-bottom',$('.sticky-footer').outerHeight(true)); } }); } }); }" > <div class="sticky-footer-container" :class="{ 'active': (currentMenu != null && currentMenu != 'search'), 'hidden': !(currentMenu != null && currentMenu != 'search') }" > <span style="position: fixed; top:15px; right:20px;" @click="close()"> <span class="svg"> <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <polygon id="close-path-1" points="25.3333333 8.54666667 23.4533333 6.66666667 16 14.12 8.54666667 6.66666667 6.66666667 8.54666667 14.12 16 6.66666667 23.4533333 8.54666667 25.3333333 16 17.88 23.4533333 25.3333333 25.3333333 23.4533333 17.88 16"></polygon> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav/Visit" transform="translate(-333.000000, -26.000000)"> <g id="close" transform="translate(327.000000, 20.000000)"> <mask id="close-mask-2" fill="white"> <use xlink:href="#close-path-1"></use> </mask> <g id="Mask"></g> <g id="Colors/White" mask="url(#close-mask-2)" fill="#FFFFFF" fill-rule="evenodd"> <g transform="translate(-17.333333, -17.333333)" id="Rectangle"> <rect x="0" y="0" width="66.6666667" height="66.6666667"></rect> </g> </g> </g> </g> </g> </svg> </span> </span> <div class="overlay-clickable" @click="close()" ></div> <div class="sticky-footer__panel visit-tickets text-center" :class="{ 'active': (subMenu == null && currentMenu == 'visit'), 'hidden': !(subMenu == null && currentMenu == 'visit') }" > <h1 class="sticky-footer__title text-center">My Visit</h1> <div class="sticky-footer__clear" x-show="totalItems > 0"><a @click="clear()">Clear</a></div> <div data-mobile-cart-items-list class="glide" x-show="totalItems > 0"> <div class="glide__track" data-glide-el="track"> <ul class="glide__slides"> <template x-for="(item, index) in items" :key="index" class="glide__slide--clone"> <li class="glide__slide"> <div x-html="item"></div> </li> </template> </ul> </div> <div class="glide__bullets" id="footer-glide__bullets" data-glide-el="controls[nav]"> </div> </div> <div x-show="totalItems == 0"> <h4>No Items</h4> </div> <a class="button button--blue-border sticky-footer__button button--full-width" href="/visit/tickets"> Buy tickets now </a> <div class="link-with-bottom-border sticky-footer__link"> <a href="/explore/whats-here"> Find more activities </a> </div> </div> <template x-show="subMenu == null && currentMenu == 'tickets'"> </template> <div class="sticky-footer__panel" :class="{ 'active': (subMenu == null && currentMenu == 'menu'), 'hidden': !(subMenu == null && currentMenu == 'menu') }" > <ul class="mobile-nav-global"> <li class="sticky-footer__menu-item" data-uid="1" @click="showSubMenu(1)"> <a class="sticky-footer__title" href="/">Home</a> <i class="icon icon-anglebracket-right"></i> </li> <li class="sticky-footer__menu-item" data-uid="2" @click="showSubMenu(2)"> <a class="sticky-footer__title" href="#">Explore</a> <i class="icon icon-anglebracket-right"></i> </li> <li class="sticky-footer__menu-item" data-uid="3" @click="showSubMenu(3)"> <a class="sticky-footer__title" href="#">Visit</a> <i class="icon icon-anglebracket-right"></i> </li> <li class="sticky-footer__menu-item" data-uid="4" @click="showSubMenu(4)"> <a class="sticky-footer__title" href="#">Join + Give</a> <i class="icon icon-anglebracket-right"></i> </li> </ul> </div> <div class="sticky-footer__panel explore" :class="getClass(2)"> <a class="sticky-footer__title sticky-footer__submenu__title" @click="showSubMenu(null)"> <span> <i class="icon tiny icon-arrow-left"></i> Explore </span> </a> <div class="sticky-footer__panel-interior"> <div> <div class="sticky-footer__submenu__item"> <nav class="dropdown-arrow-list"><ul><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Exhibit">Exhibits</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Film&cHash=f3c9f1dc5fc0e12c45b4ce22a5326dbf">Giant Dome Theater</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Tour&cHash=5238b0d123ced8f8159d0e01cf1db48a">Tours and Experiences</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Event">Events</a></li></ul></nav> </div> <div class="sticky-footer__submenu__content"> <section id="c1550" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-left tai__image-intext tai__image-beside-text "> <div class="ce-content rte-content rte-text-smaller "> <div class="headline-group "> <h3 class="title">What's Here</h3> </div> <p>Providing unique experiences designed to spark scientific inquiry and creativity since 1933.</p> <p><a href="/explore/about-us" class="arrow-link internal-link">Learn more</a></p> </div> </section> </div> </div> <a href="/explore/about-us/about-the-museum" class="button button--blue-border button--full-width button--transparent"> More about the museum <i class="icon icon-arrow-right"></i> </a> </div> </div> <div class="sticky-footer__panel visit" :class="getClass(3)"> <a class="sticky-footer__title sticky-footer__submenu__title" @click="showSubMenu(null)"> <span> <i class="icon tiny icon-arrow-left"></i> Visit </span> </a> <div class="sticky-footer__panel-interior"> <div> <div class="sticky-footer__submenu__item"> <section id="c59687" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above "> <div class="ce-content rte-content rte-text-medium "> <h3>Visit us</h3> <p>5700 S. DuSable<br>Lake Shore Drive<br>Chicago, IL 60637</p> <p><a href="/visit/getting-here" class="link-with-bottom-border">Getting here</a></p> </div> </section> </div> <div class="sticky-footer__submenu__content"> <nav class="dropdown-arrow-list visit-menu"><ul><li class="visit-menu__item"><a href="/visit"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M16,2.66666667 C8.64,2.66666667 2.66666667,8.64 2.66666667,16 C2.66666667,23.36 8.64,29.3333333 16,29.3333333 C23.36,29.3333333 29.3333333,23.36 29.3333333,16 C29.3333333,8.64 23.36,2.66666667 16,2.66666667 L16,2.66666667 Z M17.3333333,25.3333333 L14.6666667,25.3333333 L14.6666667,22.6666667 L17.3333333,22.6666667 L17.3333333,25.3333333 L17.3333333,25.3333333 Z M20.0933333,15 L18.8933333,16.2266667 C17.9333333,17.2 17.3333333,18 17.3333333,20 L14.6666667,20 L14.6666667,19.3333333 C14.6666667,17.8666667 15.2666667,16.5333333 16.2266667,15.56 L17.88,13.88 C18.3733333,13.4 18.6666667,12.7333333 18.6666667,12 C18.6666667,10.5333333 17.4666667,9.33333333 16,9.33333333 C14.5333333,9.33333333 13.3333333,10.5333333 13.3333333,12 L10.6666667,12 C10.6666667,9.05333333 13.0533333,6.66666667 16,6.66666667 C18.9466667,6.66666667 21.3333333,9.05333333 21.3333333,12 C21.3333333,13.1733333 20.8533333,14.24 20.0933333,15 L20.0933333,15 Z" id="question-path-1"></path></defs><g id="question-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="question-Nav/Menu/Visit" transform="translate(-49.000000, -264.000000)"><g id="question-Group-2" transform="translate(33.000000, 248.000000)"><g id="question-help" transform="translate(14.000000, 14.000000)"><mask id="question-mask-2" fill="white"><use xlink:href="#question-path-1"></use></mask><g id="question-Mask"></g><g id="question-Colors/Blue" mask="url(#question-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="question-Colors/Black"><g><rect id="question-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="question-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit">Visitor Information</a></li><li class="visit-menu__item"><a href="/visit/tickets"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><defs><path d="M29.3333333,13.3333333 L29.3333333,8 C29.3333333,6.52 28.1333333,5.33333333 26.6666667,5.33333333 L5.33333333,5.33333333 C3.86666667,5.33333333 2.68,6.52 2.68,8 L2.68,13.3333333 C4.14666667,13.3333333 5.33333333,14.5333333 5.33333333,16 C5.33333333,17.4666667 4.14666667,18.6666667 2.66666667,18.6666667 L2.66666667,24 C2.66666667,25.4666667 3.86666667,26.6666667 5.33333333,26.6666667 L26.6666667,26.6666667 C28.1333333,26.6666667 29.3333333,25.4666667 29.3333333,24 L29.3333333,18.6666667 C27.8666667,18.6666667 26.6666667,17.4666667 26.6666667,16 C26.6666667,14.5333333 27.8666667,13.3333333 29.3333333,13.3333333 L29.3333333,13.3333333 Z M17.3333333,23.3333333 L14.6666667,23.3333333 L14.6666667,20.6666667 L17.3333333,20.6666667 L17.3333333,23.3333333 L17.3333333,23.3333333 Z M17.3333333,17.3333333 L14.6666667,17.3333333 L14.6666667,14.6666667 L17.3333333,14.6666667 L17.3333333,17.3333333 L17.3333333,17.3333333 Z M17.3333333,11.3333333 L14.6666667,11.3333333 L14.6666667,8.66666667 L17.3333333,8.66666667 L17.3333333,11.3333333 L17.3333333,11.3333333 Z" id="ticket-path-1"></path></defs><style> .primary-color { fill: #1F9FD6; } </style><g id="ticket-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="ticket-Nav/Menu/Visit" transform="translate(-47.000000, -337.000000)"><g id="ticket-Group-2" transform="translate(33.000000, 248.000000)"><g id="ticket-confirmation_number" transform="translate(30.000000, 105.000000) rotate(-315.000000) translate(-30.000000, -105.000000) translate(14.000000, 89.000000)"><mask id="ticket-mask-2" fill="white"><use xlink:href="#ticket-path-1"></use></mask><g id="ticket-Mask"></g><g id="ticket-Colors/Blue" mask="url(#ticket-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="ticket-Colors/Black"><g><rect id="ticket-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="ticket-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit/tickets">Ticket & Offers</a></li><li class="visit-menu__item"><a href="/support/membership"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="26px" height="29px" viewBox="0 0 26 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M5.33333333,13.3333333 L5.33333333,22.6666667 L9.33333333,22.6666667 L9.33333333,13.3333333 L5.33333333,13.3333333 L5.33333333,13.3333333 Z M13.3333333,13.3333333 L13.3333333,22.6666667 L17.3333333,22.6666667 L17.3333333,13.3333333 L13.3333333,13.3333333 L13.3333333,13.3333333 Z M2.66666667,29.3333333 L28,29.3333333 L28,25.3333333 L2.66666667,25.3333333 L2.66666667,29.3333333 L2.66666667,29.3333333 Z M21.3333333,13.3333333 L21.3333333,22.6666667 L25.3333333,22.6666667 L25.3333333,13.3333333 L21.3333333,13.3333333 L21.3333333,13.3333333 Z M15.3333333,1.33333333 L2.66666667,8 L2.66666667,10.6666667 L28,10.6666667 L28,8 L15.3333333,1.33333333 L15.3333333,1.33333333 Z" id="museum-path-1"></path></defs><g id="museum-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="museum-Nav/Menu/Visit" transform="translate(-49.000000, -413.000000)"><g id="museum-Group-2" transform="translate(33.000000, 248.000000)"><g id="museum-account_balance" transform="translate(14.000000, 164.000000)"><mask id="museum-mask-2" fill="white"><use xlink:href="#museum-path-1"></use></mask><g id="museum-Mask"></g><g id="museum-Colors/Blue" mask="url(#museum-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="museum-Colors/Black"><g><rect id="museum-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="museum-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/support/membership">Member Information</a></li></ul></nav> </div> </div> <a href="/visit/plan-your-visit" class="button button--blue-border button--full-width button--transparent"> Need help planning your visit? <i class="icon icon-arrow-right"></i> </a> </div> </div> <div class="sticky-footer__panel support" :class="getClass(4)"> <a class="sticky-footer__title sticky-footer__submenu__title" @click="showSubMenu(null)"> <span> <i class="icon tiny icon-arrow-left"></i> Support </span> </a> <div class="sticky-footer__panel-interior"> <div> <div class="sticky-footer__submenu__item"> <nav class="dropdown-arrow-list"><ul><li><a href="/support/membership">Become a Member</a></li><li><a href="/support/donate">Individual Giving</a></li><li><a href="/support/corporate-and-foundation/corporate-support">Corporate Giving</a></li><li><a href="/support/volunteer">Volunteer</a></li></ul></nav> </div> <div class="sticky-footer__submenu__content"> <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> <div class="ce-content rte-content rte-text-medium "> <div class="headline-group "> <h3 class="title">Donate</h3> </div> <p>Inspire the next generation of scientific leaders and thinkers with a gift today.</p> <p><a href="/support/donate/support-msi/donate-now" class="arrow-link"><strong>Donate Now</strong></a></p> </div> </section> </div> </div> </div> </div> <div class="sticky-footer__panel text-center" :class="{ 'active': (subMenu == null && currentMenu == 'location'), 'hidden': !(subMenu == null && currentMenu == 'location') }" > <h1 class="sticky-footer__title text-center">Location</h1> <p class="sticky-footer__text">5700 S. DuSable Lake Shore Drive<br> Chicago, IL 60637</p> <a href="/visit/getting-here" title="Getting Here" class="button button--blue-border sticky-footer__button">Getting Here</a> <div class="link-with-bottom-border sticky-footer__link"> <a href="/visit/museum-hours" title="Museum Hours">Museum Hours</a> </div> </div> </div> <div class="sticky-footer"> <a href="#" class="sticky-footer__item" :class="{ 'sticky-footer__item--active': currentMenu === 'visit' }" @click="toggle('visit')"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="56px" height="49px" viewBox="0 0 56 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M21,5 C19.89,4.65 18.67,4.5 17.5,4.5 C15.55,4.5 13.45,4.9 12,6 C10.55,4.9 8.45,4.5 6.5,4.5 C4.55,4.5 2.45,4.9 1,6 L1,20.65 C1,20.9 1.25,21.15 1.5,21.15 C1.6,21.15 1.65,21.1 1.75,21.1 C3.1,20.45 5.05,20 6.5,20 C8.45,20 10.55,20.4 12,21.5 C13.35,20.65 15.8,20 17.5,20 C19.15,20 20.85,20.3 22.25,21.05 C22.35,21.1 22.4,21.1 22.5,21.1 C22.75,21.1 23,20.85 23,20.6 L23,6 C22.4,5.55 21.75,5.25 21,5 L21,5 Z M21,18.5 C19.9,18.15 18.7,18 17.5,18 C15.8,18 13.35,18.65 12,19.5 L12,8 C13.35,7.15 15.8,6.5 17.5,6.5 C18.7,6.5 19.9,6.65 21,7 L21,18.5 L21,18.5 Z" id="path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-15.000000, 3.000000)"> <g id="Group-11" filter="url(#filter-1)"> <g id="Visit-Tab" transform="translate(22.000000, 16.000000)"> <g id="import_contacts" transform="translate(9.000000, 0.000000)"> <mask id="mask-3" fill="white"> <use xlink:href="#path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> <span x-show="getNumber() > 0" x-text="getNumber()" class="number-items"></span> </span> <span class="sticky-footer__item-label"> My Visit </span> </a> <a href="/buy-tickets" target="_blank" title="Buy Tickets" class="sticky-footer__item"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="52px" height="50px" viewBox="0 0 52 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="tickets-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M20,12 C20,10.9 20.9,10 22,10 L22,6 C22,4.9 21.1,4 20,4 L4,4 C2.9,4 2.01,4.9 2.01,6 L2.01,10 C3.11,10 4,10.9 4,12 C4,13.1 3.11,14 2,14 L2,18 C2,19.1 2.9,20 4,20 L20,20 C21.1,20 22,19.1 22,18 L22,14 C20.9,14 20,13.1 20,12 L20,12 Z M15.58,16.8 L12,14.5 L8.42,16.8 L9.5,12.68 L6.21,9.99 L10.45,9.74 L12,5.8 L13.54,9.75 L17.78,10 L14.49,12.69 L15.58,16.8 L15.58,16.8 Z" id="tickets-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-89.000000, 4.000000)"> <g id="Group-11" filter="url(#tickets-filter-1)"> <g id="Tickets-Tab" transform="translate(97.000000, 16.000000)"> <g id="local_activity" transform="translate(6.000000, 0.000000)"> <mask id="tickets-mask-3" fill="white"> <use xlink:href="#tickets-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#tickets-mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </span> <span class="sticky-footer__item-label"> Tickets </span> </a> <a href="#" class="sticky-footer__item sticky-footer__item--home" @click="toggle('menu')"> <span class="sticky-footer__item-icon sticky-footer__item-icon--hamburger"> <template x-if="subMenu != null || currentMenu == 'menu'"> <span class="svg svg--close"> <svg width="46px" height="46px" viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="menuclose-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <polygon id="menuclose-path-2" points="19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12"></polygon> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Nav-bar" transform="translate(-165.000000, -5.000000)"> <g id="Group-11"> <g filter="url(#menuclose-filter-1)"> <g id="close" transform="translate(176.000000, 23.000000)"> <mask id="menuclose-mask-3" fill="white"> <use xlink:href="#menuclose-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/White" mask="url(#menuclose-mask-3)" fill="#FFFFFF" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Rectangle"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </template> <template x-if="!(subMenu != null || currentMenu == 'menu')"> <span class="svg"> <svg width="52px" height="46px" viewBox="0 0 52 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="menu-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M3,18 L21,18 L21,16 L3,16 L3,18 L3,18 Z M3,13 L21,13 L21,11 L3,11 L3,13 L3,13 Z M3,6 L3,8 L21,8 L21,6 L3,6 L3,6 Z" id="menu-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Nav-bar" transform="translate(-162.000000, -5.000000)"> <g id="Group-11" filter="url(#menu-filter-1)"> <g id="menu" transform="translate(176.000000, 23.000000)"> <mask id="menu-mask-3" fill="white"> <use xlink:href="#menu-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/White" mask="url(#menu-mask-3)" fill="#FFFFFF" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Rectangle"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </svg> </span> </template> </span> </a> <a href="#" class="sticky-footer__item" :class="{ 'sticky-footer__item--active': currentMenu === 'search' }" @click="toggle('search')"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="47px" height="47px" viewBox="0 0 47 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="search-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M15.5,14 L14.71,14 L14.43,13.73 C15.41,12.59 16,11.11 16,9.5 C16,5.91 13.09,3 9.5,3 C5.91,3 3,5.91 3,9.5 C3,13.09 5.91,16 9.5,16 C11.11,16 12.59,15.41 13.73,14.43 L14,14.71 L14,15.5 L19,20.49 L20.49,19 L15.5,14 L15.5,14 Z M9.5,14 C7.01,14 5,11.99 5,9.5 C5,7.01 7.01,5 9.5,5 C11.99,5 14,7.01 14,9.5 C14,11.99 11.99,14 9.5,14 L9.5,14 Z" id="search-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-233.000000, 4.000000)"> <g id="Group-11" filter="url(#search-filter-1)"> <g id="Search-Tab" transform="translate(242.000000, 16.000000)"> <g id="search" transform="translate(4.000000, 0.000000)"> <mask id="search-mask-3" fill="white"> <use xlink:href="#search-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#search-mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </span> <span class="sticky-footer__item-label"> Search</span> </a> <a href="#" class="sticky-footer__item" :class="{ 'sticky-footer__item--active': currentMenu === 'location' }" @click="toggle('location')"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="46px" height="50px" viewBox="0 0 46 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="location-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M12,2 C8.13,2 5,5.13 5,9 C5,14.25 12,22 12,22 C12,22 19,14.25 19,9 C19,5.13 15.87,2 12,2 L12,2 Z M12,11.5 C10.62,11.5 9.5,10.38 9.5,9 C9.5,7.62 10.62,6.5 12,6.5 C13.38,6.5 14.5,7.62 14.5,9 C14.5,10.38 13.38,11.5 12,11.5 L12,11.5 Z" id="location-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-308.000000, 5.000000)"> <g id="Group-11" filter="url(#location-filter-1)"> <g id="Location-Tab" transform="translate(309.000000, 16.000000)"> <g id="location_on" transform="translate(10.000000, 0.000000)"> <mask id="location-mask-3" fill="white"> <use xlink:href="#location-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#location-mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </span> <span class="sticky-footer__item-label"> Location </span> </a> </div> </div> <div id="my-visit-container"></div> <script type="text/javascript" src="https://skipto-landmarks-headings.github.io/page-script-5/dist/skipto.min.js"></script> <script type="text/javascript"> var SkipToConfig = { "settings": { "skipTo": { "displayOption": "popup", "headings": "h1, h2.h1-match", "main": "main, [role=main]", "landmarks": "[role=navigation], [role=search]", "customClass": "skip-to-menu", } } }; </script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script type="text/javascript" src="/_assets/16c122cebb6dd10fd754319ee821f8f8/JavaScript/all.1732227885.js"></script> <script type="text/javascript" src="https://js.adsrvr.org/up_loader.1.1.0.js"></script> <script type="text/javascript"> ttd_dom_ready( function() { if (typeof TTDUniversalPixelApi === 'function') { var universalPixelApi = new TTDUniversalPixelApi(); universalPixelApi.init("e4d5x4y", ["ebtbxhy"], "https://insight.adsrvr.org/track/up"); } }); </script> <script type="text/javascript"></script></body> </html>

CINXE.COM

Plan Your Visit - Griffin Museum of Science and Industry