:root {  --light_grey: #efefef;  --dark_grey: #292931;  --black:  #020202;   --red:  #e2001a;   --cream: #ece7e4;  }  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {   margin:0;   padding:0;   border:0;   outline:0;   font-size:100%;   vertical-align:baseline;   background:transparent; } body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; } nav ul {   list-style:none; } a {   margin:0;   padding:0;   font-size:100%;   vertical-align:baseline;   background:transparent; outline: none; } input, select {   vertical-align: middle; } table, tbody, tfoot, thead, tr, th, td {  vertical-align: top; } table { border-spacing: 0; }  .clearfix:before, .clearfix:after {   content: "";   display: table; } .clearfix:after {   clear: both; } .clr { clear: both; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  .hidden { display: none; } .alignright { text-align: right !important; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .allowwrap { overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; } .clickable { cursor: pointer; }  body { background: #fff; color: #444; font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 17px; line-height: 1.5; } html, body{  min-height: 100%;  height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; } body {  position: relative;  max-width: 1920px;  margin: 0 auto; } body .overlay, body #overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1000;  background-color: rgba(0,0,0,0.5);  display: none; } body .overlay .preloader { width: 100%; height: 100%; background-image: url(../_shared/_img/preloader_rubiks.gif); background-repeat: no-repeat; background-position: center center; }  #globaltotop { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 5000; } #globaltotop a { background: rgba(18,64,104,0.8); display: inline-block;  color: #fff; padding: 10px 15px 5px 15px; border-top-left-radius:12px; border-top-right-radius:12px;  text-decoration: none; } #globaltotop a b { display: inline-block; width: 28px; height: 17px; background: url(../_img/to_top_arrow.png); }  #testmode { position: absolute; top: 8px; left: 5px; z-index: 1000; height: 24px; width: 24px; background: url(../_shared/_img/icons/testmode_icon_24px.png) no-repeat 0 0; opacity: 1; cursor: default; transition: opacity 2s ease-in; } .loaded #testmode { opacity: 0; } #testmode:hover { opacity: 1; transition: opacity 0.2s ease-in; } .grecaptcha-badge {  bottom: 50px !important; visibility: hidden; } @media(max-width: 1600px) { .grecaptcha-badge {  visibility: hidden;  } } @media (max-width: 1200px) {  #testmode { display: none; } }  @media (max-width: 740px) { html, body {  font-size: 15px;  line-height: 1.4; } #testmode {  display: none;  opacity: 0; }  body {  overflow-x: hidden; } } @media (max-width: 370px) { html, body {  font-size: 14px;  line-height: 1.4; }  } .wrapper--bg_white, .container--bg_white, .content--bg_white { background-color: #fff; } .wrapper--bg_cream, .container--bg_cream, .content--bg_cream { background-color: var(--cream); } .wrapper--bg_red, .container--bg_red, .content--bg_red { background-color: var(--red); } .wrapper--bg_cream_gradient, .container--bg_cream_gradient, .content--bg_cream_gradient { background: linear-gradient(to bottom, var(--cream) 0%,#ffffff 100%); } .wrapper--bg_white_gradient, .container--bg_white_gradient, .content--bg_white_gradient { background: linear-gradient(to bottom, #ffffff 0%, var(--cream) 100%); }  .wrapper--bg_dark_grey, .container--bg_dark_grey, .content--bg_dark_grey { background-color: var(--dark_grey); } .wrapper--bg_black, .container--bg_black, .content--bg_black { background-color: var(--black); } .wrapper--bg_white_50, .container--bg_white_50, .content--bg_white_50 { background-color: rgba(255,255,255,0.5); } .wrapper--bg_white_75, .container--bg_white_75, .content--bg_white_75 { background-color: rgba(255,255,255,0.75); } .wrapper--bg_white_90, .container--bg_white_90, .content--bg_white_90 { background-color: rgba(255,255,255,0.90); } .wrapper--bg_black_50, .container--bg_black_50, .content--bg_black_50 { background-color: rgba(0,0,0,0.5); }  .wrapper { margin-bottom: 30px; } .wrapper--bg, .wrapper--bg.wrapper--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .wrapper--bg_image { background-size: cover; background-position: center; position: relative; } .wrapper > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 1;  } .wrapper--mb_none { margin-bottom: 0; } .wrapper--mb_hairline { margin-bottom: 2px; } .wrapper--mb_normal { margin-bottom: 30px; } .wrapper--mb_medium { margin-bottom: 60px; } .wrapper--mb_large { margin-bottom: 90px; } .wrapper--mb_xlarge { margin-bottom: 120px; } .wrapper--padding_vert_none, .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal { padding-top: 0px; padding-bottom: 0px; } .wrapper--padding_vert_medium, .wrapper--bg.wrapper--padding_vert_medium { padding-top: 60px !important; padding-bottom: 60px !important; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large { padding-top: 90px !important; padding-bottom: 90px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge { padding-top: 120px !important; padding-bottom: 120px !important; } .wrapper--padding_vert_none_below, .wrapper--bg.wrapper--padding_vert_none_below { padding-bottom: 0 !important; } .wrapper--padding_vert_none_above, .wrapper--bg.wrapper--padding_vert_none_above { padding-top: 0 !important; } .wrapper--bg_light_grey_gradient.wrapper--padding_vert_medium, .wrapper--bg_light_grey_gradient.wrapper--padding_vert_large, .wrapper--bg_light_grey_gradient.wrapper--padding_vert_xlarge { padding-bottom: 0 !important; }   .wrapper--full.wrapper--limit_width_half  .content, .wrapper--full.wrapper--limit_width_half  .container > h1, .wrapper--full.wrapper--limit_width_half  .container > h2 {  max-width: 705px; } .wrapper--full.wrapper--limit_width_third  .content, .wrapper--limit_width_third .container > h1, .wrapper--limit_width_third .container > h2  {  max-width: 465px;  } .wrapper--full.wrapper--limit_width_two_thirds  .content, .wrapper--full.wrapper--limit_width_two_thirds  .container > h1, .wrapper--full.wrapper--limit_width_two_thirds  .container > h2  {  max-width: 930px; } .wrapper--full.wrapper--limit_width_three_quarters .content, .wrapper--full.wrapper--limit_width_three_quarters .container > h1, .wrapper--full.wrapper--limit_width_three_quarters .container > h2 {  max-width: 1035px; } .wrapper--full.wrapper--limit_width_five_sixths .content, .wrapper--full.wrapper--limit_width_five_sixths .container > h1, .wrapper--full.wrapper--limit_width_five_sixths .container > h2 {  max-width: 1170px; }  .wrapper--full.wrapper--limit_align_center  .content, .wrapper--full.wrapper--limit_align_center  .container > h1, .wrapper--full.wrapper--limit_align_center  .container > h2 {  margin-left: auto;  margin-right: auto; } .wrapper--full.wrapper--limit_align_right  .content, .wrapper--full.wrapper--limit_align_right  .container > h1, .wrapper--full.wrapper--limit_align_right  .container > h2 {  margin-left: auto;  margin-right: 0; }  .wrapper--limit_width_half   .container {  max-width: 705px; } .wrapper--limit_width_third  .container {  max-width: 465px;  } .wrapper--limit_width_two_thirds  .container {  max-width: 930px; } .wrapper--limit_width_three_quarters .container {  max-width: 1035px; } .wrapper--limit_width_five_sixths .container {  max-width: 1170px; }  .wrapper--full.wrapper--limit_width_half  .container, .wrapper--full.wrapper--limit_width_third  .container, .wrapper--full.wrapper--limit_width_two_thirds  .container, .wrapper--full.wrapper--limit_width_three_quarters .container, .wrapper--full.wrapper--limit_width_five_sixths .container {  max-width: 1410px; } .container { width: 95%; max-width: 1410px; margin: 0 auto; position: relative; z-index: 2; }   .container--bg { padding-top: 30px; padding-bottom: 30px; } .container--bg .section > .column > .content, .container--bg > h1, .container--bg > h2 { padding-left: 30px; padding-right: 30px; } .container--bg_image { background-size: cover; background-position: center; position: relative; } .container > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 3;  } .container--gutter_0 .section { margin-left: 0; } .container--gutter_0 .section > .column { padding-left: 0; } .container--gutter_2 .section { margin-left: -45px; } .container--gutter_2 .section > .column { padding-left: 45px; } .container--gutter_3 .section { margin-left: -60px; } .container--gutter_3 .section > .column { padding-left: 60px; } .container--gutter_4 .section { margin-left: -2px; } .container--gutter_4 .section > .column { padding-left: 2px; } .container--gutter_5 .section { margin-left: -5px; } .container--gutter_5 .section > .column { padding-left: 5px; } .container--gutter_6 .section { margin-left: -20px; } .container--gutter_6 .section > .column { padding-left: 20px; }   .container--two_col_wide_left > .section > .column:first-of-type {  width: 66.6667% !important; flex: none !important; }  .container--two_col_wide_right > .section > .column:first-of-type { width: 33.3333% !important; flex: none !important; }  .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type { width: 25% !important; flex: none !important; }   .section { display: flex; flex-wrap: nowrap;  margin-left: -30px;  }  .column { flex: 1; box-sizing: border-box; padding-left: 30px; display: flex;  position: relative; z-index: 4;   }  .content { width: 100%; box-sizing: border-box; position: relative; z-index: 5; }  .content--align_vert_middle { display: flex; flex-direction: column; justify-content: center; } .content--align_vert_bottom { display: flex; flex-direction: column; justify-content: flex-end; }  .content--bg { padding: 30px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .content > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 6;  }   .content > div > h2:last-child, .content > div > h3:last-child, .content > div > p:last-child, .content > div > hr:last-child, .content > div > ul:last-child, .content > div > ol:last-child, .content > div > table:last-child, .content > div > .video:last-child, .content > div > section > h2:last-child, .content > div > section > h3:last-child, .content > div > section:last-child > p:last-child, .content > div > section > hr:last-child, .content > div > section:last-child > ul:last-child, .content > div > section:last-child > ol:last-child, .content > div > section > table:last-child, .content > div > section > .video:last-child { margin-bottom: 0 !important; } .content > div > section.panel > p:last-child { margin-bottom: inherit !important; }  .content > div { position: relative; z-index: 6;   }  .content--align_left { text-align: left; } .content--align_center { text-align: center; } .content--align_right { text-align: right; } .content--align_right ul {  direction: rtl; }  .content--padding_vert_none { padding-top: 0 !important; padding-bottom: 0 !important; } .content--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .content--padding_vert_medium { padding-top: 45px !important; padding-bottom: 45px !important; } .content--padding_vert_large { padding-top: 90px !important; padding-bottom: 90px !important; } .content--padding_vert_xlarge { padding-top: 120px !important; padding-bottom: 120px !important; }  .content--padding_vert_medium_below { padding-bottom: 45px !important; } .content--padding_vert_large_below { padding-bottom: 90px !important; } .content--padding_vert_xlarge_below { padding-bottom: 120px !important; }  .content--padding_vert_medium_above { padding-top: 45px !important; } .content--padding_vert_large_above { padding-top: 90px !important; } .content--padding_vert_xlarge_above { padding-top: 120px !important; }  .content--padding_horiz_none { padding-left: 0 !important; padding-right: 0 !important; } .content--padding_horiz_normal { padding-left: 30px; padding-right: 30px; } .content--padding_horiz_medium { padding-left: 45px !important; padding-right: 45px !important; } .content--padding_horiz_large { padding-left: 60px !important; padding-right: 60px !important; } .content--padding_horiz_xlarge { padding-left: 120px !important; padding-right: 120px !important; }  .content--padding_horiz_medium_right { padding-right: 45px !important; } .content--padding_horiz_large_right { padding-right: 60px !important; } .content--padding_horiz_xlarge_right { padding-right: 120px !important; }  .content--padding_horiz_medium_left { padding-left: 45px !important; } .content--padding_horiz_large_left { padding-left: 60px !important; } .content--padding_horiz_xlarge_left { padding-left: 120px !important; }  .container--full .content--padding_horiz_xlarge { padding-left: 25% !important; padding-right: 25% !important; } .wrapper--limit_width_five_sixths .container--full .content--padding_horiz_xlarge { padding-left: 20% !important; padding-right: 20% !important; } .wrapper--limit_width_three_quarters .container--full .content--padding_horiz_xlarge { padding-left: 15% !important; padding-right: 15% !important; } .wrapper--limit_width_two_thirds .container--full .content--padding_horiz_xlarge { padding-left: 15% !important; padding-right: 15% !important; } .wrapper--limit_width_half .container--full .content--padding_horiz_xlarge { padding-left: 10% !important; padding-right: 10% !important; } .wrapper--limit_width_third .container--full .content--padding_horiz_xlarge { padding-left: 7% !important; padding-right: 7% !important; }   .content--bg div p.stretch_full_width { margin-left: -30px;  margin-right: -30px; } .content--bg div p.stretch_full_width:first-of-type { margin-top: -30px; } .content--border_1 { border: 1px solid #d6d6d6; } .content--border_2 { border-top: 2px solid #d6d6d6; border-bottom: 2px solid #d6d6d6; } .content--border_3 { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); } .content--border_4 { box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); } .content--border_5 { box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }   .content--corners_1 { border-radius: 10px; overflow: hidden; }   @media (max-width: 900px) { .section {  display: block;  margin-left: -30px; }  #col_swap .col1.emptybg {  display: none;  }  .section .column {  margin-bottom: 30px; } .section > .column:last-of-type {  margin-bottom: 0px; } .wrapper--mb_none .section > .column:last-of-type {  margin-bottom: 30px; } .wrapper--mb_none .section > .column.empty {  margin-bottom: 0 !important; }  .section .column, .container--two_col_wide_left > .section > .column:first-of-type, .container--two_col_wide_right > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type {  width: auto !important; } .container--three_callouts > .section, .container--four_callouts > .section, .container--four_col > .section {  display: flex;  flex-wrap: wrap;  } .container--three_callouts > .section > .column {  flex-basis: 33.333%; } .container--four_callouts > .section > .column, .container--four_col > .section > .column {  flex-basis: 50%; }   .emptybg .content > div {  height: 0;  padding-top: 40%;  } .wrapper--padding_vert_none_below, .wrapper--bg.wrapper--padding_vert_none_below {   } } @media (max-width: 740px) {  .container--three_callouts > .section,  .container--four_col > .section {  display: block; }  .wrapper--mb_medium {  margin-bottom: 30px; } .wrapper--mb_large {  margin-bottom: 45px; } .wrapper--mb_xlarge {  margin-bottom: 60px; }  .content--padding_horiz_xlarge , .container--full .content--padding_horiz_xlarge {  padding-left: 10% !important;  padding-right: 10% !important; }  .content--padding_vert_xlarge {  padding-top: 5% !important;  padding-bottom: 5% !important; }   } @media (max-width: 540px) { .container {  width: 90%; } .container--four_callouts .section {  margin-left: -10px; } .container--four_callouts .section > .column {  padding-left: 10px;  margin-bottom: 10px; } } #extra_nav { position: absolute; top: 22px;  width: 100%;  opacity: 0;   transition: opacity 300ms ease;  } .loaded #extra_nav { opacity: 1; } #mobile_extra_nav { display: none; } #extra_nav .container { height: auto; display: block; } #extra_nav .container ul { position: absolute; left: 280px;  display: flex; } #extra_nav .container ul li { margin-right: 10px; } #extra_nav .container ul a, #mobile_extra_nav .container ul a { text-decoration: none; display: inline-block; background: var(--red);  line-height: 26px; color: #fff; font-size: 15px; padding: 0 15px; border-radius: 5px; font-weight: 700; border: 2px solid var(--red); text-transform: uppercase; } #extra_nav .container ul li:first-of-type a, #mobile_extra_nav .container ul li:first-of-type a { background: #fff;  color: var(--red); } .fixed_header #extra_nav { top: 20px; } .fixed_header #extra_nav .container ul { left: 160px; } @media (max-width: 940px) { #extra_nav {  position: absolute;  top: 25px;  } #extra_nav .container ul {  left: auto;  right: 80px; } } @media (max-width: 670px) { #extra_nav {  display: none;  } #mobile_extra_nav {  display: block;  } #mobile_extra_nav .container ul {  display: flex;  justify-content: center;  text-align: center;  background: var(--cream);  padding-top: 5px;  padding-bottom: 5px;  box-shadow: 0 5px 5px rgba(0,0,0,0.3); } #mobile_extra_nav .container ul li {  margin: 5px;  } }  #top_bar { background: var(--black); color: #fff; line-height: 40px; height: 40px; display: none; } #top_bar .container { display: flex; justify-content: space-between; } #top_bar #tb_strap { font-weight: normal; font-family: "Grotesk", sans-serif; font-size: 15px; } #tb_dates_and_venue { font-size: 16px; color: var(--red); font-weight: 700; text-transform: none; } #tb_dates_and_venue .strap_venue { display: none; } #tb_dates_and_venue .strap_country { display: inline; }  header { height: 130px; height: 180px; background-color: #fff; z-index: 10; position: relative; } #header_prop { display: none; height: 170px; } header .container { position: relative; height: 130px; display: flex; justify-content: space-between; }  header h2 a { display: block; width: 280px; height: 130px; text-indent: -4560px; background-image: url(../_img/header/logo.png); background-position: 0 center; background-repeat: no-repeat; }  header #dates_and_venue { position: absolute; left: 280px; bottom: 25px; font-weight: 600; font-size: 18px; line-height: 22px; text-transform: none; } header #dates_and_venue .strap_country { display: none; } #mm_logo { position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url(../_img/header/messe_muenchen_logo.png); width: 150px; height: 90px; text-indent: -5600px; }  #globalnav { font-weight: 600; background: var(--black); height: 50px; }  #globalnav nav.container > ul {   margin-left: -40px; }   .fixed_header #header_and_nav { position: fixed;  width: 100%; z-index: 10; transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; top: -140px; opacity: 0; } .fixed_header #header_and_nav.onscreen { top: 0;  opacity: 1; box-shadow: 0 3px 10px rgba(0,0,0,0.4); } .fixed_header #header_and_nav header, .fixed_header #header_and_nav header .container { height: 70px; } .fixed_header #header_and_nav header h2 a {  width: 220px; height: 70px; background-size: auto 50px; } .fixed_header #globalnav { height: 40px; font-size: 0.9em; } .fixed_header #header_and_nav #globalnav nav > ul.gn > li > a { line-height: 40px; font-size: 1em;  }  .fixed_header header #dates_and_venue { position: absolute; left: 160px; bottom: 10px; font-weight: 600; font-size: 13px; line-height: 15px; display: none; } .fixed_header #mm_logo { position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url(../_img/header/messe_muenchen_logo.png); width: 100px; height: 60px; background-size: auto 60px; background-repeat: no-repeat; }   #globalnav ul.gn { list-style: none; margin: 0; display: block; } #globalnav ul.gn li { display: block; float: left; position: relative; } #globalnav ul.gn li a {  color: var(--black); font-size: 17px; line-height: 27px; text-decoration: none; }  #globalnav nav > ul.gn > li { padding-top: 0;  padding-bottom: 0;  } #globalnav nav > ul.gn > li > a { display: block; line-height: 50px; padding-left: 40px; padding-right: 20px; color: #fff; } #globalnav nav > ul.gn > li:hover > a { color: var(--red); }  #globalnav nav ul.gn li ul { display: none; visibility: hidden; opacity: 0; min-width: 300px; position: absolute; z-index: 120;  left: 20px; background: rgba(255,255,255,0.95); } #globalnav nav ul.gn li ul li { text-transform: none; } #globalnav nav ul.gn li ul a { display: block; padding: 7px 15px; font-size: 0.93em; font-weight: 400; color: var(--black); transition: all 0.1s ease-in-out; } #globalnav nav ul.gn li ul li:hover a { padding-left: 20px; padding-right: 10px; color: var(--red); }   #globalnav nav ul li:last-of-type ul { right: -30px; left: auto; }  #globalnav nav > ul > li:hover > ul, #globalnav nav > ul > li ul:hover { visibility: visible; display: block; opacity: 1; } #globalnav nav > ul > li:focus-within > ul { visibility: visible; display: block; opacity: 1; } #globalnav ul li ul li { clear: both; display: block; width: 100%; }   @media (max-width: 1280px) {  #globalnav nav > ul.gn > li > a {  } }  @media (max-width: 940px) {  header, header .container  {  height: auto;  padding: 0;  width: 100%; }  #mm_logo, #dates_and_venue {  display: none;  }  #top_bar {  display: block;  } header h2 a {  height: 80px;  background-size: auto 70px;  background-position: 15px 5px; }   #togglemenu {  position: absolute;  width: 46px;  height: 36px;  background: var(--red) url(../_img/mob_burger_lines_white.png) center center no-repeat;  right: 16px;  top: 20px;  cursor: pointer;  z-index: 4; }   #globalnav {  width: 100%;  position: absolute;  font-weight: 400;  display: none;  height: auto; } #globalnav nav {  width: 100%;  background: #fff;  height: auto;  display: block; } #globalnav nav.container > ul {  margin-left: 0; }  #globalnav ul.gn li {  float: none; }   #globalnav nav ul.gn li ul {  left: 0px; }  #globalnav nav > ul.gn > li > a {  line-height: 40px;  padding-left: 0px;  padding-right: 40px; } #globalnav nav > ul.gn > li:last-of-type a {  padding-right: 0; }   #globalnav nav > ul.gn > li > a {  padding-top: 4px;  padding-bottom: 4px;  font-size: 15px;  border-top: 1px solid var(--cream);  padding-left: 25px;  transition: none;  color: var(--black) !important;  font-weight: 600; }   #globalnav nav ul.gn li ul {  display: none;  visibility: visible;  opacity: 1;  left: auto;  position: relative;  margin-top: -10px; } #globalnav nav ul.gn li ul a {   font-size: 15px;  color: var(--dark_grey);  padding: 7px 0 7px 35px;  } #globalnav nav ul.gn li ul li:hover a {  color: #000;  padding: 7px 0 7px 25px; }  }  @media (max-width: 740px) { #header_and_nav {  z-index: 99; } #top_bar, header {  position: fixed;  width: 100%;  z-index: 99;  } header {  top: 40px;  box-shadow: 0 10px 10px rgba(0,0,0,0.1); } #header_prop {  height: 120px;  display: block;  } #tb_strap {  display: none;  }  }  @media (max-width: 620px) { #top_bar {  height: 30px;  line-height: 30px;  } #tb_strap {  display: none;  } #tb_dates_and_venue {  font-size: 13px;  font-weight: 600; } header {  top: 30px; } #header_prop {  height: 110px; }  } .wrapper--main_heading { position: relative; height: 400px; background-image: url(../_img/headings/singapore_blue_sky.jpg); background-size: cover; background-position: center; padding-bottom: 30px; } .wrapper--main_heading.wrapper--bg.wrapper--bg_image { background-image: none; } .wrapper--main_heading .content { text-align: left; } .container--main_heading { height: 100%; } .container--main_heading .section { position: absolute; left: 0; bottom: 0; } .wrapper--main_heading .content h1, .wrapper--main_heading .content h2 { font-family: 'Grotesk', sans-serif; color: var(--red); font-size: 3.4em; line-height: 1.1; position: relative; z-index: 4; font-weight: 600; max-width: 590px; margin: 0;  }  @media (max-width: 1475px) { .wrapper--main_heading .content h1,  .wrapper--main_heading .content h2 {  max-width: calc((100vw / 1410) * 590);  font-size: 3.9vw; } } @media (max-width: 940px) { .wrapper--main_heading {  height: 300px; } .wrapper.wrapper--main_heading > span.bg_image, .wrapper--main_heading {  background-position: calc(50% + 10vw), center; } } @media (max-width: 540px) { .wrapper--main_heading {  height: 200px;  padding-bottom: 15px; } .wrapper--main_heading .content h1,  .wrapper--main_heading .content h2 {  font-size: 4.2vw; } }  .content h1 {   font-weight: 600; font-size: 2.0em; line-height: 1.2; margin-bottom: 20px; clear: both; } .content h2, .content h2.ch0 { font-weight: 600; font-size: 1.4em; line-height: 1.2; margin-bottom: 20px; clear: both; }  .content h3, .content h2.ch1 { font-weight: 600; font-size: 1.1em; line-height: 1.2; margin-bottom: 10px;  clear: both; } .content h2.ch2 { font-weight: 600; font-size: 1.75em; line-height: 1.2; margin-bottom: 30px; clear: both; } .content h2.ch3 { font-size: 2.3em; font-weight: 500; margin-bottom: 30px; }  h2.ch3 + h2 {   margin-top: -20px; }  .content .fontsize_small { font-size: 0.9em; } .content .fontsize_medium { font-size: 1.1em; } .content .fontsize_large { font-size: 1.2em; } .content .fontsize_xlarge { font-size: 1.4em; font-weight: 300; }   .content .fw_300 { font-weight: 300; } .content .fw_400 { font-weight: 400; } .content .fw_500 { font-weight: 500; } .content .fw_600 { font-weight: 600; } .content .fw_700 { font-weight: 700; }  .content section.mb_none p:last-of-type { margin-bottom: 0; }  .col--black, .content--fontcol_1 * { color: var(--black) !important; } .col--white { color: #ffffff !important; } .col--beige { color: var(--beige) !important; } .col--red, .col--red span { color: var(--red) !important; }  .allcaps { text-transform: uppercase; }  .content small { font-size: 80%; font-weight: 400;  display: inline-block; } .content p small { font-size: 12px; line-height: 17px; } .content p, .content ul, .content ol, .content hr, .content table, section.panel { margin-bottom: 24px; } .content .mb0 { margin-bottom: 0px !important; } .content .mb5 { margin-bottom: 5px !important; } .content .mb6 { margin-bottom: 6px; } .content .mb10 { margin-bottom: 6px; } .content .mb12 { margin-bottom: 12px; } .content .mb15 { margin-bottom: 12px; } .content .mb18 { margin-bottom: 18px; } .content .mb20 { margin-bottom: 20px !important; } .content > div .mb20 { margin-bottom: 20px !important; } .content .mb24 { margin-bottom: 24px; } .content .mb30 { margin-bottom: 30px !important; } .content > div .mb30 { margin-bottom: 30px !important; } .content .mb36 { margin-bottom: 36px; } .content .mb40 { margin-bottom: 40px; }  .content .pb20 { padding-bottom: 20px; } .content .pb30 { padding-bottom: 30px; } .content .pl20 { padding-left: 20px; }  .wrapper--bg_red .content *, .container--bg_red .content *, .content--bg_red *, .wrapper--bg_red .content h3, .container--bg_red .content h3, .content.content--bg_red h3, .wrapper--bg_red .content a:hover, .container--bg_red .content a:hover, .content.content--bg_red a:hover, .wrapper--bg_red .content a, .container--bg_red .content a, .content.content--bg_red-bg a { color: #fff; } .wrapper--bg_red .content hr, .container--bg_red .content hr, .content.content--bg_red hr { border-bottom-color: #fff !important; }  .wrapper--bg_dark_grey .content *, .container--bg_dark_grey .content *, .content--bg_dark_grey *, .wrapper--bg_dark_grey .content h3, .container--bg_dark_grey .content h3, .content.content--bg_dark_grey h3, .wrapper--bg_dark_grey .content a:hover, .container--bg_dark_grey .content a:hover, .content.content--bg_dark_grey a:hover, .wrapper--bg_dark_grey .content a, .container--bg_dark_grey .content a, .content.content--bg_dark_grey a { color: #fff; } .wrapper--bg_dark_grey .content hr, .container--bg_dark_grey .content hr, .content.content--bg_dark_grey hr { border-bottom-color: #fff !important; }   .content a { color: var(--red); text-decoration: underline; } .content a:hover { color: var(--black); } .wrapper--bg_light_grey .content a, .container--bg_light_grey .content a, .content--bg_light_grey.content a { color: #222 } .content hr { clear: both; height: 0px; border: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 2px solid var(--red); } .content hr.subtle { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: var(--red); } .content hr.thick { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: var(--red); } .content hr.invisible { border: none; margin-bottom: 0; }   .content ul { list-style: none; margin-left: 0px; } .content ul li { background-image: url(../_img/list_bullet.png); background-repeat: no-repeat; background-position: 0 11px; padding-left: 16px;  background-size: 6px 6px; } .content ol { margin-left: 20px;  } .content ul li, .content ol li { padding-top: 1px; padding-bottom: 1px; }  .content .feature_list ul li { background-image: url(../_img/list_tick_black.png) !important; background-repeat: no-repeat; background-position: 0 15px; padding-left: 50px;  background-size: 24px auto; padding-top: 15px; padding-bottom: 15px; } .content .feature_list_small ul li { background-image: url(../_img/list_tick_black.png) !important; background-repeat: no-repeat; background-position: 0 15px; padding-left: 25px;  background-size: 14px auto; padding-top: 7px; padding-bottom: 7px; } .content .feature_list_smaller ul li { background-image: url(../_img/list_tick_black.png) !important; background-repeat: no-repeat; background-position: 0 10px; padding-left: 25px;  background-size: 13px auto; padding-top: 4px; padding-bottom: 4px; font-size: 0.9em; }  .content .panel_list ul li { background-image: none; border-left: 10px solid var(--red); padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; margin-bottom: 5px; background: linear-gradient(to right, var(--cream) 0%,#ffffff 100%);  } .content .panel_list ul li:last-of-type { margin-bottom: 0; } #contact_cards .content--bg, .container--three_col_contact_cards .content--bg, .container--four_col_contact_cards .content--bg { padding: 20px; } .container--three_col_contact_cards .emptybg, .container--four_col_contact_cards .emptybg { visibility: hidden; } .container--four_col_contact_cards .content--bg { padding: 13px; } #contact_cards .content .contact_card p strong, .container--three_col_contact_cards.content p strong, .container--four_col_contact_cards.content p strong { font-size: 1.2em; } .container--four_col_contact_cards .content p.image_full {  width: 100px;   height: 100px;   border-radius: 50%;   overflow: hidden; } .container--four_col_contact_cards .content p.image_full img {  width: 100%;   height: 100%;   object-fit: cover; } .container--four_col_contact_cards .content .fontsize_small { font-size: 0.77em; } #contact_cards .content .contact_card ul li, .container--three_col_contact_cards .content ul li, .container--four_col_contact_cards .content ul li  { padding-top: 10px; padding-bottom: 10px; padding-left: 30px; background-image: none; font-weight: 500; } #contact_cards .content .contact_card ul li.icon, .container--three_col_contact_cards .content ul li.icon, .container--four_col_contact_cards .content ul li.icon { background-size: 17px auto; background-position: 0 center; } #contact_cards .content .contact_card ul li.icon--tel, .container--three_col_contact_cards .content ul li.icon--tel, .container--four_col_contact_cards .content ul li.icon--tel  { background-image: url(../_shared/_img/icons/tel_mini_red.png); } #contact_cards .content .contact_card ul li.icon--email, .container--three_col_contact_cards .content ul li.icon--email, .container--four_col_contact_cards .content ul li.icon--email { background-image: url(../_shared/_img/icons/email_mini_red.png); } #contact_cards .content .contact_card ul li.icon--location, .container--three_col_contact_cards .content ul li.icon--location, .container--four_col_contact_cards .content ul li.icon--location { background-image: url(../_shared/_img/icons/location_mini_red.png); } #contact_cards .content .contact_card ul li a, .container--three_col_contact_cards .content ul li a, .container--four_col_contact_cards .content ul li a { text-decoration: none; color: #000; } #contact_cards .content .contact_card ul li a:hover, .container--three_col_contact_cards .content ul li a:hover, .container--four_col_contact_cards .content ul li a:hover { color: var(--red); } .content #sitemap a {  text-decoration: none; } .content #sitemap > ul > li { background: none; } .content #sitemap > ul > li > a { color: #000; font-weight: 600; font-size: 1.1em; } .content #sitemap > ul > li:not(:has(ul)) {   margin-bottom: 24px; } .wrapper--bg_dark_grey .content ul li, .container--bg_dark_grey .content ul li, .content--bg_dark_grey.content ul li,  .wrapper--bg_red .content ul li, .container--bg_red .content ul li, .content--bg_red.content ul li, .content--fontcol_2.content ul li { background-image: url(../_img/list_bullet_white.png); }  .content p.image_full img { display: block; width: 100%; height: auto; } .content p.image_full.stretch_none img { display: inline-block; width: auto; height: auto; } .content p.image_full.limit_width img { display: inline-block; }  .content p.image_right { float: right; margin: 0; padding: 0 0 10px 30px; } .content p.image_left { float: left; margin: 0; padding: 0 30px 10px 0px; } .content p.image_left.newline { clear: both; } .content p.image_right img, .content p.image_left img { max-width: 450px; height: auto; } .content p.image_right.stretch_size_medium img, .content p.image_left.stretch_size_medium img { max-width: 450px; } .content p.image_right.stretch_size_small img, .content p.image_left.stretch_size_small img { max-width: 300px; } .content p.image_right.stretch_size_very_small img, .content p.image_left.stretch_size_very_small img { max-width: 180px;  }   .content p.button { display: inline-block; } .content p.alignright.button { display: block; } .content p.button + p.button { margin-left: 3px; margin-right: 3px; } .content > div > p.button:not(:has(~ :not(p.button))) { margin-bottom: 6px;  margin-top: 4px; margin-left: 3px; margin-right: 3px; }  .content > div > p.button:last-child { margin-bottom: 0; } .content p.button input, .content p.button a, .content p.button span { border: none; display: inline-block; background: var(--red); color: #fff; text-decoration: none; padding: 10px 15px 10px 15px !important; transition: all 0.2s ease-in-out; cursor: pointer; font-weight: 500; border-radius: 6px; } .content .mp_desc p.button a { padding: 7px 15px 7px 15px !important; } .content p.button span { cursor: default; } .content p.button.allcaps { text-transform: uppercase; } .content p.button.large a, .content p.button.large span { font-size: 1.2em; padding: 10px 18px 10px 18px !important; } .content p.button.xlarge a, .content p.button.xlarge span{ font-size: 1.4em; padding: 12px 24px 12px 24px !important; }  .content p.button input {  text-transform: none; } .content p.button input:hover, .content p.button a:hover { background: var(--black); }   .content p.button.solid.red a, .content p.button.solid.red span { background: var(--red); color: #fff; } .content p.button.solid.black a, .content p.button.solid.black span { background: var(--black); color: #fff; } .content p.button.solid.white a, .content p.button.solid.white span { background: #fff; color: var(--red); }   .content p.button.solid.red a:hover, .content.clickable:hover p.button.solid.red a { background: var(--black); } .content p.button.solid.black a:hover, .content.clickable:hover p.button.solid.black a { background: var(--red); } .content p.button.solid.white a:hover, .content.clickable:hover p.button.solid.white a { background: rgba(255,255,255,0.75); color: var(--black); }  .content p.button.bordered.red a, .content p.button.bordered.red span { box-shadow: inset 0px 0px 0px 2px var(--red); color: var(--red); background-color: rgba(255,255,255,0.5); }  .content p.button.bordered.red a:hover, .content.clickable:hover p.button.bordered.red a { box-shadow: inset 0px 0px 0px 2px #444; color: var(--red); }   .content p.button.bordered a, .content p.button.bordered span { background: none; } .content p.button.bordered.black a, .content p.button.bordered.black span { box-shadow: inset 0px 0px 0px 2px #444; color: #444; } .content p.button.bordered.white a, .content p.button.bordered.white span { box-shadow: inset 0px 0px 0px 2px #ffffff; color: #ffffff; }  .content p.button.bordered.white a:hover, .content.clickable:hover p.button.bordered.white a { box-shadow: inset 0px 0px 0px 2px #ccc; color: #ccc; }  .content p.button.arrow a::after { content: "\a0»"; }   .container--three_col_feature_image .content { display: flex; } .container--three_col_feature_image .content h2 { margin-bottom: 20px; } .container--three_col_feature_image .content div { padding-bottom: 40px; } .container--three_col_feature_image .content p.button { position: absolute; bottom: 0px; } .container--three_col_feature_image .content.content--align_center p.button { white-space: nowrap; text-align: left;  left: 50%; transform: translateX(-50%); } .content table tr td, .content table tr th { text-align: left;  vertical-align: top; padding: 3px 15px; } .content table.layout tr td:first-of-type, .content table.layout tr th:first-of-type , .content table.bordered tr td:first-of-type, .content table.bordered tr th:first-of-type { padding-left: 0 !important; } .content table.layout tr td:last-of-type, .content table.layout tr th:last-of-type, .content table.bordered tr td:last-of-type, .content table.bordered tr th:last-of-type  { padding-right: 0 !important; } .content table.layout tr:first-of-type td, .content table.layout tr:first-of-type th, .content table.bordered tr:first-of-type td, .content table.bordered tr:first-of-type th { padding-top: 0 !important; } .content table.layout.tight tr td, .content table.layout.tight tr th { padding-left: 7px;  padding-right: 7px; } .content table.layout.multi_cbx tr td { padding-left: 4px;  padding-right: 2px;  padding-top: 2px; padding-bottom: 2px;  font-size: 0.9em; }  .content table.bordered tr td, .content table.bordered tr th { border-bottom: 1px solid #fff; padding-top: 5px; padding-bottom: 5px; } .content table.light_bg { background: rgba(255,255,255,0.3); } .content table.dark_bg { background: rgba(0,0,0,0.3); }  .content table.spacing--large tr td, .content table.spacing--large tr th { padding-top: 7px; padding-bottom: 7px; } .content table.spacing--large tr:first-of-type td, .content table.spacing--large tr:first-of-type th { padding-top: 15px; } .content table.spacing--large tr:last-of-type td, .content table.spacing--large tr:last-of-type th { padding-bottom: 15px; } .content table.spacing--large.bordered tr:last-of-type td, .content table.spacing--large.bordered tr:last-of-type th { padding-bottom: 7px; } .content table.spacing--large.light_bg tr td, .content table.spacing--large.light_bg tr th, .content table.spacing--large.dark_bg tr td, .content table.spacing--large.dark_bg tr th { padding-left: 25px; padding-right: 25px; }  .content table.spacing--xlarge tr td, .content table.spacing--xlarge tr th { padding-top: 10px; padding-bottom: 10px; } .content table.spacing--xlarge tr:first-of-type td, .content table.spacing--xlarge tr:first-of-type th { padding-top: 20px; } .content table.spacing--xlarge tr:last-of-type td, .content table.spacing--xlarge tr:last-of-type th { padding-bottom: 20px; } .content table.spacing--xlarge.bordered tr:last-of-type td, .content table.spacing--xlarge.bordered tr:last-of-type th { padding-bottom: 10px; } .content table.spacing--xlarge.light_bg tr td, .content table.spacing--xlarge.light_bg tr th, .content table.spacing--xlarge.dark_bg tr td, .content table.spacing--xlarge.dark_bg tr th { padding-left: 30px; padding-right: 30px; } .content table tr.smallprint td, .content table tr td.smallprint { border: 0; font-size: 12px; color: #777; } .content--align_center table { margin-left: auto; margin-right: auto; } .content section.panel { border: 1px solid #ccc; background: #fafafa; padding: 20px; border-radius: 6px; margin-bottom: 24px; position: relative; padding-bottom: 0; } .content section.panel section.panel { background: #fff; } .content section.panel.notice { background-color: #ececec; border-color: transparent; border-radius: 9px; background-image: url(../_shared/_img/dialogue/dialog_info.png); background-repeat: no-repeat; background-position: 16px 14px; padding-left: 76px; }   .content section.dialog { background-color: #ececec; background-image: url(../_shared/_img/dialogue/dialog_BG.png); background-repeat: no-repeat; background-position: right 0px; border-radius: 9px; margin-bottom: 24px; cursor: pointer; position: relative; opacity: 0.85; } .content section.dialog.permanent { background: #ececec; opacity: 1; cursor: default; } .content section.dialog i { position: absolute; left: 14px; top: 16px; width: 48px; height: 48px;  } .content section.dialog.confirm i { background-image: url(../_shared/_img/dialogue/dialog_confirm.png); } .content section.dialog.error i { background-image: url(../_shared/_img/dialogue/dialog_error.png); } .content section.query i { background-image: url(../_shared/_img/dialogue/dialog_query.png); } .content section.dialog.report i { background-image: url(../_shared/_img/dialogue/dialog_info.png); } .content section.dialog:hover { opacity: 1; } .content section.dialog p { padding: 27px 30px 27px 76px; margin: 0; color: #000; } .content section.dialog p b { font-weight: 400; color: #000; font-size: 1.2em; padding-bottom: 2px; display: block; } .fadingOut {  transition:opacity 0.6s linear;   opacity:0 !important; }   .content div.video { position: relative; padding-bottom: 56.25% !important; height: 0; overflow: hidden; margin-bottom: 10px; } .content div.video.nocaption { margin-bottom: 24px; } .content div.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .content blockquote.normal span::before { content: "“"; } .content blockquote.normal span::after { content: "”"; } .content blockquote cite i { display: block; } .content blockquote.feature, .content blockquote.feature_med {  text-align: center;   color: #333; font-size: 1.4em; line-height: 1.4;   background-image: url(../_img/quote-mark-grey.png);   background-repeat: no-repeat; background-position: center 15px; padding-top: 60px; padding-bottom: 40px; max-width: 690px; margin: 0 auto; } .content blockquote.feature p, .content blockquote.feature_med p { margin-bottom: 0; } .content blockquote.feature cite, .content blockquote.feature_med cite {   display: block;   padding-top: 15px;   font-style: normal;   letter-spacing: 0; font-size: 0.8em; font-weight: 600; } .content blockquote.feature_med { font-size: 1.1em; max-width: 630px; } .content blockquote.feature_med cite {  font-size: 0.8em;  }   .content a.fileicon { display: inline-block; padding-left: 40px; background-size: 32px 32px; min-height: 32px; background-repeat: no-repeat; padding-top: 3px; } .content .download_notes { position: relative; top: -10px; font-style: italic; display: inline-block; padding-left: 40px; font-size: 13px; line-height: 19px; color: #888; }  .content .press_release_holder, .content .white_paper_holder, .content .job_vacancy_holder {   border-left: 6px solid var(--red); padding-left: 30px;   margin-bottom: 60px; } .content .white_paper_holder h2 { font-size: 1.2em; } .content .press_release_holder .pr_date { font-size: 0.85em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;  margin-bottom: 0.5em; color: var(--red); }  .googlemap {   overflow:hidden;   padding-bottom:50%;   position:relative;   height:0; } .col2 .content .googlemap { padding-bottom:66%; } .googlemap iframe{   left:0;   top:0;   height:100%;   width:100%;   position:absolute; }  .content .blog_single_teaser.with_image { display: flex;  margin-left: -30px; } .content .blog_single_teaser.with_image > div { flex: 1; box-sizing: border-box; margin-left: 30px; display: flex; } .content .blog_single_teaser.with_image .blog_single_image { background-position: center center; background-size: cover; background-repeat: no-repeat; } .content .blog_single_teaser.with_image .blog_image { display: none; }  #event_teasers .content h2.ch3 { font-size: 2.2em; font-weight: 700; text-shadow: 4px 4px 0px #222; } #event_teasers .content h2 + h2 { margin-bottom: 2em;  } #event_teasers .content { transition: all 0.1s ease-in-out; } #event_teasers .content:hover { transform: scale(1.05); }  .content ul.pagination { padding-left: 0; text-align: right; list-style: none; margin-top: 20px; } .content ul.pagination li { display: inline-block; background-image: none; padding: 0;  vertical-align: middle; } .content ul.pagination li a { text-decoration: none; display: block; background: #eaeaea; color: #444; margin: 0 4px; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; } .content ul.pagination li.active a { background: var(--red); color: #fff; } .content ul.pagination li.prevnext a { font-size: 20px; border: none; } .content ul.pagination li.disabled a { opacity: 0.3; cursor: default; display: none; } @media (max-width: 740px) {   .content .blog_teaser_widget .blog_single_teaser {  display: block; } .content .blog_teaser_widget .blog_single_image {  display: none; }  #blog-article .content .image_right, #blog-article .content .image_left {  float: none;  padding: 0;  margin-bottom: 20px;  } #blog-article .content .image_right img, #blog-article .content .image_left img {  max-width: 100%;  height: auto; } }  @media(max-width: 660px) {  .content p.image_right.stretch_size_medium img, .content p.image_left.stretch_size_medium img, .content p.image_right.stretch_size_small img, .content p.image_left.stretch_size_small img  {  max-width: 240px; } } @media(max-width: 540px) {  .content p.image_right.stretch_size_medium img, .content p.image_left.stretch_size_medium img, .content p.image_right.stretch_size_small img, .content p.image_left.stretch_size_small img  {  max-width: 180px; } } .content a.pdf { background-image: url(../_shared/_img/file-icons/pdf.png) } .content a.xls, .content a.xlsx { background-image: url(../_shared/_img/file-icons/xls.png); } .content a.doc, .content a.docx { background-image: url(../_shared/_img/file-icons/doc.png); } .content a.ppt, .content a.pptx { background-image: url(../_shared/_img/file-icons/ppt.png); } .content a.png { background-image: url(../_shared/_img/file-icons/png.png); } .content a.jpeg, .content a.jpg { background-image: url(../_shared/_img/file-icons/jpg.png); } .content a.gif { background-image: url(../_shared/_img/file-icons/gif.png); } .content a.eps { background-image: url(../_shared/_img/file-icons/eps.png); } .content a.ics { background-image: url(../_shared/_img/file-icons/ics.png); } .content a.txt { background-image: url(../_shared/_img/file-icons/txt.png); } .content a.zip { background-image: url(../_shared/_img/file-icons/zip.png); }  .content a.icon32 { width: 32px; height: 32px; display: inline-block; text-indent: -3456px; background-size: 32px 32px; } .content a.icon32.facebook { background-image: url(../_shared/_img/social/facebook.png); } .content a.icon32.twitter { background-image: url(../_shared/_img/social/twitter.png); } .content a.icon32.linkedin { background-image: url(../_shared/_img/social/linkedin.png); } .content a.icon32.youtube { background-image: url(../_shared/_img/social/youtube.png); } .content a.icon32.instagram { background-image: url(../_shared/_img/social/instagram.png); } .content a.icon32.googleplus { background-image: url(../_shared/_img/social/googleplus.png); } footer { margin-top: 100px; position: relative; color: #fff; } footer #footer_signup { color: #fff; } #mailing_list_button { position: fixed; z-index: 8; bottom: 0; right: 0; } #contact-join-our-mailing-list #mailing_list_button { display: none; } #mailing_list_button a { font-size: 0.9em; display: inline-block; background: var(--red); color: #fff; text-decoration: none; padding: 7px 15px 7px 15px; transition: all 0.2s ease-in-out; cursor: pointer; font-weight: 500; border-top-left-radius: 6px; border: 1px solid rgba(0,0,0,0); border-right: none; border-bottom: none; } #mailing_list_button a:hover { background: rgba(255,255,255,0.7); border-color:rgba(0,0,0,0.4); color: #000; } @media (max-width: 1280px) { #mailing_list_button {  right: auto;  left: 50%;  transform: translateX(-50%); } #mailing_list_button a {  border-top-right-radius: 6px;  border: 1px solid rgba(0,0,0,0);  border-right: 1px solid rgba(0,0,0,0);  border-bottom: none; } #mailing_list_button a:hover {  background: rgba(255,255,255,0.9);  border-color:rgba(0,0,0,0.4);  color: #000; } }   footer #footer_logos .partner_logos_list { margin-bottom: 1em; } footer #footer_logos .content .partner_logos_list { justify-content: center; }   footer #footer { background: var(--cream);  color: #000;  padding: 0; padding-top: 60px; padding-bottom: 50px; margin-bottom: 0; } .butt_footer footer { margin-top: 0; } footer .container { position: relative; } footer .content a { color: #000;  text-decoration: none; } footer .content a:hover { color: var(--red); text-decoration: none; } #footer .content h3 { margin-bottom: 20px; text-transform: uppercase; font-weight: 700; font-size: 1.2em; } footer .content ul { margin-left: 0; } footer .content table { width: 95%; } footer .content table tr td { border-bottom: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.3);  padding: 10px 10px !important; }  footer .content ul li { background-image: url(../_img/list_bullet_white.png); background-image: url(../_img/list_bullet.png); }  footer .footer_2 { padding-top: 80px; background: var(--black); text-transform: uppercase; margin-bottom: 0;  border-top: 8px solid var(--black); padding-bottom: 30px; color: #fff;  } footer .footer_2 .content a { color: #fff; } footer .footer_2 .content a:hover { color: var(--red); } footer b { display: inline-block; padding: 0 10px; }  #flogo { position: absolute; left: 0px; bottom: 0px; display: none; } #flogo, #flogo > div { display: inline-block; display: none; } #flogo > div { margin-right: 65px; }  #flogo > div:last-of-type { margin-right: 0; } #flogo #f-orglogo img { max-width: 100px; height: auto; }  #flogo_above_footer { display: flex; justify-content: center; padding: 40px 0; } #flogo_above_footer > div a { display: block; width: 140px; margin-left: 40px; margin-right: 40px; aspect-ratio: 100/85; background-size: contain; } #flogo_above_footer > div img { display: none; } #flogo_above_footer > div.f-logo_1 a { background-image: url(../_img/footer_organised_by_messe_munchen_COLOR.png); } #flogo_above_footer > div.f-logo_2 a { background-image: url(../_img/footer_logo_held_in_singapore_COLOR.png) } #flogo_above_footer > div.f-logo_3 a { background-image: url(../_img/footer_logo_supported_by_SECB_COLOR.png); } @media (max-width: 1280px) {  footer #footer_logos_three {  max-width: 33vw; } footer .container--four_col .section {  flex-wrap: wrap; } footer .container--four_col .section .column {  width: 33.333%; }  footer .container--four_col .section .column.col1 {  display: none; }  .footer_2 #flogo {  position: relative;  text-align: center;  display: block; } .footer_2 p {  padding-top: 60px;  padding-bottom: 20px;  text-align: center;  margin-bottom: 0; } .footer_2 .section .column {  margin-bottom: 0;  }   }   @media (max-width: 600px) { footer #footer .col2 ul li {  background-image: none;  padding: 0;  margin-bottom: 5px; } footer #footer .col2 ul li a {  display: block;  max-width: 250px;  background: rgba(255,255,255,0.2);  padding: 10px 10px; } footer #footer .col2 ul li a:hover {  background: rgba(0,0,0,100); }  footer .footer_2 {  padding-top: 30px; }   #flogo > div {  margin-right: 30px;  }  #flogo > div:last-of-type {  margin-right: 0;  }  #flogo > div img {   max-width:auto;  max-height: 60px; } .footer_2 p {  font-size: 0.8em; }   #flogo_above_footer { padding: 40px 0; } #flogo_above_footer > div a { display: block; width: 100px; margin-left: 10px; margin-right: 10px; aspect-ratio: 100/85; background-size: contain; } } .content .callout a { display: block; width: 100%;  position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } .content .callout a span { display: block; position: absolute; bottom: 0px; width: 100%; } .content .callout a h3 { position: absolute; width: 100%; font-weight: 500; } .content .callout a p { position: absolute; font-weight: 500; text-decoration: none; } .content .callout.callout--standard a { padding-top: 54.545%; overflow:hidden; } .content .callout.callout--standard a span { display: block; position: absolute; bottom: 0px; height: 100%; width: 100%; background: rgba(51,51,51,0.5); transition: all 0.2s ease-in-out; } .content .callout.callout--standard a h3 { bottom: 50%; width: 100%; transform: translateY(50%); text-align: center; color: #fff;  font-weight: 700; text-shadow: 1px 1px 0px rgba(0,0,0,0.4); font-size: 1.3em; padding: 10px 20px; transition: all 0.2s ease-in-out; margin-bottom: 0; } .content .callout.callout--standard a:hover span { background: rgba(255,255,255,0); } .content .callout.callout--standard a:hover h3 { background: rgba(0,0,0,0.90); bottom: 0%; transform: translateY(0%);  } .content .callout.callout--standard a .cta { display: none; }  .content .callout.callout--simple a { padding-top: 54.545%; transition: all 0.1s ease-in-out; } .content .callout.callout--simple a:hover { transform: scale(1.05); } .content .callout.callout--simple a span { display: none; } .content .callout.callout--simple a h3 { bottom: 0; left: 0; padding: 10px 20px 10px 24px; color: #fff;  transition: all 0.2s ease-in-out; margin-bottom: 0; font-weight: 500; font-size: 1.1em; } .content .callout.callout--simple a h3 { background: rgba(0,0,0,0.9); } .content .callout.callout--simple a:hover h3 { background: var(--red); } .content .callout.callout--simple a .cta { display: none; }  .content .callout.callout--deep a { padding-top: 66%; transition: all 0.1s ease-in-out; } .content .callout.callout--deep a:hover { transform: scale(1.05); } .content .callout.callout--deep a span { display: none; } .content .callout.callout--deep a h3 { bottom: 0; left: 0; padding: 10px 20px 10px 24px; color: #fff;  transition: all 0.2s ease-in-out; margin-bottom: 0; font-weight: 500; font-size: 1.1em; } .content .callout.callout--deep a h3 { background: rgba(0,0,0,0.9); } .content .callout.callout--deep a:hover h3 { background: var(--red); } .content .callout.callout--deep a .cta { display: none; }  #home .content .callout.callout--deep a h3 { top: 0; bottom: auto; }  .callout.callout--allcaps a h3 { text-transform: uppercase; }  .callout.callout--arrow a p.cta::after { content: "\a0»"; }  .container--four_callouts .content .callout.callout--simple a h3, .container--four_callouts .content .callout.callout--standard a h3, .container--four_callouts .content .callout.callout--deep a h3 { font-size: 1.1em; } @media (max-width: 1300px) { .container--four_callouts .content .callout.callout--simple a h3, .container--four_callouts .content .callout.callout--standard a h3, .container--four_callouts .content .callout.callout--deep a h3{  font-size: 1em;  padding: 5px 10px 5px 10px; }  } @media (max-width: 540px) {  .container--four_callouts .content .callout.callout--simple a h3, .container--four_callouts .content .callout.callout--standard a h3, .container--four_callouts .content .callout.callout--deep a h3 {  padding: 5px 10px 5px 10px;  font-size: 2.8vw; }  } .content .photogallery { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -10px 0 -10px; } #content .photogallery p, .content .photogallery p { flex: 1; flex-basis: 33%; margin: 0; padding: 10px; box-sizing:border-box; } .content .photogallery p img { display: block; width: 100%; height: auto; } .content .photogallery p a { transition: all 0.2s ease-in-out; } .content .photogallery p a:hover { opacity: 0.85; }  .content .photogallery.pg--gutters_1 { margin: 0 -10px 0 -10px; } .content .photogallery.pg--gutters_1 p { padding: 10px; }  .content .photogallery.pg--gutters_2 { margin: 0 -1px 0 -1px; } .content .photogallery.pg--gutters_2 p { padding: 1px; }  .content .photogallery.pg--gutters_0 { margin: 0; } .content .photogallery.pg--gutters_0 p { padding: 0px; }   .content .photogallery.pg--cols_3 p { flex-basis: 33%; } .content .photogallery.pg--cols_4 p { flex-basis: 25%; } .content .photogallery.pg--cols_5 p { flex-basis: 20%; } .content .photogallery.pg--cols_6 p { flex-basis: 16.667%; }   @media (max-width: 1000px) { #content .photogallery p {  width: 220px;   } #content .photogallery img {  max-width: 100%;  height: auto; } }  @media (max-width: 740px) { #content .photogallery p {  width: 48%;  margin-right: 4%;  margin-bottom: 4%; } #content .photogallery img {  width: 100%;  height: auto; } }  @media (max-width: 400px) { #content .photogallery p {  width: 100%;  margin: 0 0 20px 0;  float: none; } } .wrapper--full .column, .wrapper--two_col .column { width: 100%;  min-height: 0; min-width: 0; } .column .content .partner_logos, .column .content .exhibitor_banners { width: 100%; overflow: hidden; max-width: 1410px; min-height: 0; min-width: 0; } .wrapper--two_col .column .content .partner_logos {   max-width: 100%; width: auto; }   .content .partner_logos p, .content .partner_logos_list p, .content .exhibitor_banners p { width: 210px; height: 120px; padding: 0; box-sizing:border-box; position: relative; background: #fff; } .content .partner_logos p, .content .partner_logos_list p {  margin-left: auto; margin-right: auto; } .wrapper--bg_light_grey .content .partner_logos p, .wrapper--bg_light_grey .content .partner_logos_list p, .wrapper--bg_light_grey_gradient .content .partner_logos p, .wrapper--bg_light_grey_gradient .content .partner_logos_list p, #conference-speakers .content .partner_logos p, #conference-speakers .content .partner_logos_list p { border: none; } .content .partner_logos p img, .content .partner_logos_list p img, .content .exhibitor_banners p img { display: block;  max-height: 100%;  max-width: 100%;  width: auto; height: auto; position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto !important; }  .partner_logos .slick-track {   display: flex !important; }  .partner_logos .slick-slide { float: none !important;   display: flex !important;   justify-content: center;   align-items: center;   padding: 0;   box-sizing: border-box; } .content .slick-list {   margin: 0 -15px; } .content .slick-prev, .content .slick-next, .content ul.slick-dots { display: none !important; }  .content .partner_logos_list { display: flex;  flex-wrap: wrap; margin-left: -30px; justify-content: center; } .content .partner_logos_list > div { padding-left: 30px; }  .content .partner_logos_full .mp_holder { margin-bottom: 24px;  border-bottom: 1px solid #cfcfcf; min-height: 174px; } .content .partner_logos_full .mp_holder:last-of-type { border-bottom: none; margin-bottom: 0; } .content .partner_logos_full .mp_content { display: flex; } .content .partner_logos_full .mp_logo { flex-grow: 0; flex-shrink: 0;  } .content .partner_logos_full .mp_desc { padding-left: 30px; } .content .partner_logos_full .mp_desc h3 {   font-weight: 700;   font-size: 1.3em;   line-height: 1.2;   margin-bottom: 10px;   clear: both; } .content .partner_logos_full figure { width: 210px; height: 150px;  padding: 0; box-sizing:border-box; position: relative; background: #fff; } .content .partner_logos_full figure img { display: block;  max-height: 100%;  max-width: 100%;  width: auto; height: auto; position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto !important; } @media (max-width: 740px) { .content .partner_logos_full .mp_content {  display: block;  text-align: center; } .content .partner_logos_full .mp_desc {  padding-left: 0; } .content .partner_logos_full .mp_logo {  margin: 0 auto 20px auto; } } @media (max-width: 450px) { .content .partner_logos p, .content .exhibitor_banners p{  width: 150px;  height: 107px;  padding: 0;  box-sizing:border-box;  position: relative;  background: #fff; }  .content .partner_logos p img, .content .exhibitor_banners p img {  display: block;  max-height: 100%;   max-width: 130px;  width: auto;  height: auto;  position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   margin: auto !important; }  .content .slick-slide {  margin: 0 7px;  text-align: center; } .content .slick-list {  margin: 0 -7px; } }  .content .sm-widget { padding-bottom: 30px; } .content .sm-widget p { margin-bottom: 10px; } .content .sm-widget p a { display: block; border: 1px solid #fff; padding: 10px; height: 70px; overflow: hidden; position: relative; text-decoration: none; color: #666; transition: all 0.1s linear; background: #f2f2f2; } .content .sm-widget p i { position: absolute; width: 50px; height: 50px; background-size: 50px 50px; } .content .sm-widget p a span { display: block; padding-left: 60px;  font-size: 110%; line-height: 24px; padding-top: 10px; transition: all 0.1s linear; } .content .sm-widget p a span em { display: block; font-size: 90%; font-style: normal; opacity: 0; transition: all 0.1s linear; } .content .sm-widget p a:hover { background: #ececec; } .content .sm-widget p a:hover span { padding-top: 0; color: #000; } .content .sm-widget p a:hover span em { opacity: 1; } .content .sm-widget p.sm-widget-twitter i, .content .sm-widget-inline p.sm-widget-twitter i { background-image: url(../_shared/_img/social/twitter.png); } .content .sm-widget p.sm-widget-facebook i, .content .sm-widget-inline p.sm-widget-facebook i { background-image: url(../_shared/_img/social/facebook_grayscale.png); } .content .sm-widget p.sm-widget-linkedin i, .content .sm-widget-inline p.sm-widget-linkedin i { background-image: url(../_shared/_img/social/linkedin_grayscale.png); } .content .sm-widget p.sm-widget-youtube i, .content .sm-widget-inline p.sm-widget-youtube i { background-image: url(../_shared/_img/social/youtube_grayscale.png); } .content .sm-widget p.sm-widget-xing i, .content .sm-widget-inline p.sm-widget-xing i { background-image: url(../_shared/_img/social/xing.png); } .content .sm-widget p.sm-widget-foursquare i, .content .sm-widget-inline p.sm-widget-foursquare i { background-image: url(../_shared/_img/social/foursquare.png); } .content .sm-widget p.sm-widget-instagram i, .content .sm-widget-inline p.sm-widget-instagram i { background-image: url(../_shared/_img/social/instagram.png); } .content .sm-widget p.sm-widget-googleplus i, .content .sm-widget-inline p.sm-widget-googleplus i { background-image: url(../_shared/_img/social/googleplus.png); }  .content .sm-widget-inline { display: flex; } .content .sm-widget-inline p { width: 40px; margin-right: 10px; } .content .sm-widget-inline a span, .content .sm-widget-inline a em { display: none; } .content .sm-widget-inline i { display: block; width: 40px; height: 40px; background-size: 40px 40px; } .content input, .content textarea, .content select,  .content select option { font-family: inherit; color: #444; font-size: inherit; line-height: inherit; } .content input[type='text'], .content input[type='email'], .content input[type='url'], .content input[type='password'], .content input[type='number'], .content textarea { box-sizing: border-box; border: 1px solid #A5ACB2; padding: 2px 3px; border-radius: 3px; font-size: inherit; } .content input[type='submit'] {  line-height: inherit; } .content input[type=checkbox], .content input[type=radio] {  vertical-align: middle;  position: relative;  bottom: 1px; } .content input[type=radio] {  bottom: 3px; } .content form option { padding-right: 0.8em; font-size: inherit; line-height: inherit; } .content form select { font-size: inherit; line-height: 1; } .content form .no_minwidth { min-width: 0 !important; } .content form .sz_100 { width: 100%; min-width: 500px; } .content .grid2 form .sz_100 { min-width: 0; } .content form .sz_80 { width: 80%;  min-width: 100px; } .content form .sz_60 { width: 60%;  min-width: 100px; } .content form .sz_40 { width: 40%;  min-width: 100px; } .content form .sz_40 { width: 30%;  min-width: 100px; } .content form .sz_20 { width: 20%;  min-width: 100px; } .content form .sz_5char { width: 60px; } .content form .sz_3char { width: 40px; } .content form .mw200 { min-width: 200px; } .content form .mw100 { min-width: 100px; }  div.file_upload_button { position: relative;   overflow: hidden; height: 32px; line-height: 32px; display: inline-block; background: #e5e5e4; border-radius: 4px; font-size: 14px; font-weight: 400; } div.file_upload_button:hover { background: #d5d5d5; } div.file_upload_button i { display: none; } div.file_upload_button span { display: inline-block; height: 32px; padding-right: 10px; padding-left: 15px; } div.file_upload_button input.upload {   position: absolute;   top: 0;   right: 0;   margin: 0;   padding: 0; height: 32px;   cursor: pointer;   opacity: 0;   filter: alpha(opacity=0); } span.file_upload_name { display: inline-block; line-height: 32px; height: 32px; padding-left: 10px; font-size: 13px; max-width: 380px; overflow: hidden; }  .content form.validateme { padding: 10px; } .content form table tr td.req, .content form h3.req, .content form p.req, .content form table tr td.required, .content form h3.required, .content form p.required   { text-indent: -12px; } .content form table tr td.req::before, .content form h3.req::before , .content form p.req::before, .content form table tr td.required::before, .content form h3.required::before , .content form p.required::before { content: '* '; } .content .notreq { display: none !important; } .content input.error, .content textarea.error, .content select.error { border: 1px solid red; background-color: #fefad6; color: red; } .content form label.error {  display: none; position: absolute; left: -5555px; } .content form .show_errors label.error {  position: relative; left: 0px; display: block; color: red; } .content input[name="privacy"].error+label+span, .content input[name="privacy"].error+label+span a { color: red; background-color: #fefad6; }   .content form .formgroup p:first-of-type { margin-bottom: 10px; } .content form .formgroup { border-left: 5px solid #fff; padding-left: 15px; } .content--align_center form .formgroup { border-left: none; padding-left: 0; } .content form .formgroup {  } .content form p.fg_detail { opacity: 0.7; font-size: 0.8em; margin-left: auto; margin-right: auto; }  input::placeholder {   font-size: 0.8em;   color: #B0B0B0; } .content form  p.button { margin-bottom: 0; } .content form  #response, .content .ticket_form_holder .response { display: none;  padding-top: 12px; padding-bottom: 24px; } .content form #response p, .content .ticket_form_holder .response p { padding-left: 60px;  background-repeat: no-repeat; background-position: 0 center; margin-bottom: 0; text-align: left; padding-top: 12px; padding-bottom: 12px; } .content form #response p.success, .content .ticket_form_holder .response p.success { background-image: url(../_shared/_img/dialogue/dialog_confirm.png); } .content form #response p.failure, .content .ticket_form_holder .response p.failure { background-image: url(../_shared/_img/dialogue/dialog_error.png); }  .content p.button input[type='submit'] { background: var(--red); color: #fff; } .content p.button input[type='submit']:hover { background: var(--black); color: #fff; }  @media (max-width: 740px) {   .content #register_interest table ,  .content #register_interest table thead,  .content #register_interest table tbody,  .content #register_interest table th,  .content #register_interest table tr td,  .content #register_interest table tr {  display: block;  border: 0;  padding-left: 0;  padding-right: 0; } .content #register_interest table tr td:last-of-type {  padding-bottom: 1em; } .content form .sz_100 {  width: 100%;  min-width: 300px;  }  }  @media (max-width: 640px) {   .content .ticket_form_holder table ,  .content .ticket_form_holder table thead,  .content .ticket_form_holder table tbody,  .content .ticket_form_holder table th,  .content .ticket_form_holder table tr td,  .content .ticket_form_holder table tr {  display: block;  border: 0;  padding-left: 0;  padding-right: 0; } .content .ticket_form_holder table tr td:last-of-type {  padding-bottom: 1em; }   .content form table ,  .content form table thead,  .content form table tbody,  .content form table th,  .content form table tr td,  .content .form table tr {  display: block;  border: 0;  padding-left: 0;  padding-right: 0; } .content form table tr td:last-of-type {  padding-bottom: 1em; } .content .form table.multi_cbx tr {  display: table-row;  } .content form table.multi_cbx tr td {  display: table-cell;  } .content form table.multi_cbx tr td:last-of-type {  padding-bottom: 3px; }   .content select {  max-width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; }   }   @media (max-width: 520px) { .content form .sz_100 {  width: 100%;  min-width: 0;  } } .modal #globalnav, .modal #header_and_nav, .modal header, .modal footer, .modal #header_prop, .modal #mobile_strap, .modal .wrapper--main_heading { display: none !important; }  .content .conference_schedule .conference_day { margin-top: 60px; text-align: center; font-size: 1.2em; } .content .conference_schedule .conference_day:first-of-type { margin-top: 0px; } .content .conference_schedule h3.session_heading { margin-bottom: 10px; } .content .conference_schedule .session_time_slot { display: flex; margin-bottom: 10px; } .content .conference_schedule .session_start_time { background: var(--cream); padding: 20px; width: 15%; white-space: nowrap; color: #fff; font-weight: 600; } .content .conference_schedule .sts_2 .session_start_time { background: var(--red); } .content .conference_schedule .sts_3 .session_start_time { background: var(--cream); } .content .conference_schedule .session { background: #f0f0f0; padding: 20px; width: 100%; margin-left: 10px; } .content .conference_schedule .sessions.sessnum_2 .session { width: 50%; } .content .conference_schedule .sessions.sessnum_3 .session { width: 33%; } .content .conference_schedule .sessions { width: 85%; display: flex; flex-wrap: nowrap; }  .content .conference_schedule .session_time_slot.is_break .session_start_time { background: #fff; color: #222; } .content .conference_schedule .session_time_slot.is_break .session { background: #fff; color: #222; }  .content .conference_schedule .session h4.dur { font-weight: 400; margin-bottom: 5px; font-size: 0.90em; background-image: url(../_shared/_img/icons/mini_clock.png); background-position: 0 2px; background-repeat: no-repeat; padding-left: 24px; margin-right: 20px; } .content .conference_schedule .session h4 { font-weight: 400; margin-bottom: 5px; font-size: 0.90em; background-image: url(../_shared/_img/icons/mini_location_marker.png); background-position: 0 2px; background-repeat: no-repeat; padding-left: 22px; }  .content .conference_schedule .session_details strong { font-weight: 600; } .content .conference_schedule .speaker_holder { margin-bottom: -10px; } .content .conference_schedule .session_heading a { color: #444; text-decoration: none; cursor: default; font-size: 1em; font-weight: 700; } .content .conference_schedule .conference_speaker { padding-bottom: 0; } .content .conference_schedule .conference_speaker a { display: inline-flex; align-items: center; color: #444; text-decoration: none; } .content .conference_schedule .conference_speaker a .speaker_image { position: relative; width: 40px; height: 40px; border-radius: 50px; overflow: hidden; margin-right: 15px; } .content .conference_schedule .conference_speaker a .speaker_text { font-size: 0.9em; font-weight: 400; } .content .conference_schedule .conference_speaker a img {  position: absolute;  width: 100%;  height: 100%;  object-fit: cover; } .content .conference_schedule .session_reveal.button { margin-bottom: 0; text-transform: uppercase; font-size: 0.9em; margin-top: 20px; } .content .conference_schedule .session_reveal.button a { padding: 3px 12px !important; }   #conferences-overview .conference_list { text-align: center; } #conferences-overview .content .conference_list h2.event_name { font-size: 1.8em;  margin-bottom: 20px; margin-top: 40px; font-weight: 700; } #conferences-overview .content .conference_list h3 { font-size: 1.6em; font-weight: 400; } #conferences-overview .content .conference_list h4.conference_days { margin-bottom: 20px; } #conferences-overview .conference_tile { background: #dde6c8; margin-bottom: 1em; padding: 30px; } #conferences-overview .conference_tile .button { margin-bottom: 0; }  #conferences-schedule .conference_days { display: none; }  #conferences-session {  } #conferences-session .session_location, #conferences-session .session_time { font-weight: 400; margin-bottom: 5px; font-size: 0.90em; background-image: url(../_shared/_img/icons/mini_location_marker.png); background-position: 0 2px; background-repeat: no-repeat; padding-left: 22px; line-height: 1.6; } #conferences-session .session_time { background-image: url(../_shared/_img/icons/mini_clock.png); background-position: 0 5px; } #conferences-session .session_date { font-weight: 600; font-size: 1.1em; margin-bottom: 5px; } #conferences-session .content .session_details { padding-top: 10px; } #conferences-session .content .session_details strong { font-weight: 500; }  #conferences-session .content .conference_speaker { padding-bottom: 5px; } #conferences-session .content .conference_speaker a { display: inline-flex; align-items: center; color: #444; text-decoration: none; } #conferences-session .content .conference_speaker a .speaker_image { position: relative; width: 60px; height: 60px; border-radius: 100px; overflow: hidden; margin-right: 15px; } #conferences-session .content .conference_speaker a .speaker_text { font-size: 0.9em; font-weight: 300; } #conferences-session .content .conference_speaker a img {  position: absolute;  width: 100%;  height: 100%;  object-fit: cover; }  @media (max-width: 740px) {  .content .conference_schedule .session_start_time {  width: 25%; }  .content .conference_schedule .sessions {  flex-wrap: wrap;  width: 75%; }  .content .conference_schedule .sessions.sessnum_2 .session {  width: 100%; } .content .conference_schedule .sessions.sessnum_2 .session + .session {  margin-top: 10px;  } .content .conference_schedule .session.sessnum_3 .session {  width: 100%; } }   @media (max-width: 540px) {  .content .conference_schedule .session_start_time {  width: 100%;  font-size: 1.1em;  padding: 10px 20px;  background: #f0a07c;  color: #222;  font-weight: 600; }  .content .conference_schedule .sessions {  display: block;  width: 100%; } .content .conference_schedule .session_time_slot {  display: block;  margin-bottom: 10px; }  .content .conference_schedule .session {  margin-left: 0; }  }  .column .content .speaker_slideshow { width: 100%; overflow: hidden; max-width: 1410px; min-height: 0; min-width: 0; } .column .content .speaker_slideshow .conference_speaker { width: 210px; height: auto; padding: 0; box-sizing:border-box; position: relative; border: none; text-align: center; background-color: transparent; } .content .speaker_slideshow .conference_speaker a { display: block; width: 150px; margin: 0 auto; color: #444; text-decoration: none; } .content .speaker_slideshow .conference_speaker a .speaker_image { position: relative; width: 150px; height: 150px; border-radius: 150px; overflow: hidden; margin-bottom: 10px; } .content .speaker_slideshow .conference_speaker a img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .content .speaker_slideshow .conference_speaker a .speaker_text { text-align: center; font-size: 0.9em; font-weight: 600; } .content .speaker_slideshow .conference_speaker a .speaker_text .s_title, .content .speaker_slideshow .conference_speaker a .speaker_text .s_company { font-size: 0.9em; font-weight: 300; } .content .speaker_slideshow ul.slick-dots { display: none; }  .content .speaker_list { display: flex;  flex-wrap: wrap; } .content .speaker_list--min { margin-left: auto; margin-right: auto; } .content.content--align_left .speaker_list--min { margin-left: 0; margin-right: auto; } .content.content--align_right .speaker_list--min { margin-left: auto; margin-right: 0; } .content .speaker_list--min.speaker_list_cols--6 { max-width: 1242px; } .content .speaker_list--min.speaker_list_cols--5 { max-width: 1035px; } .content .speaker_list--min.speaker_list_cols--4 { max-width: 828px; } .content .speaker_list .conference_speaker { width: 207px; margin-bottom: 30px; } .content .speaker_list.speaker_list--min .conference_speaker a { display: block; width: 150px; margin: 0 auto; color: #444; text-decoration: none; } .content .speaker_list .conference_speaker a div.speaker_image { position: relative; width: 150px; height: 150px; border-radius: 150px; overflow: hidden; margin-bottom: 10px; text-align: left; } .content .speaker_list .conference_speaker a img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .content .speaker_list .conference_speaker a .speaker_text { text-align: center; font-size: 0.9em; font-weight: 600; } .content .speaker_list .conference_speaker a .speaker_text .s_title, .content .speaker_list .conference_speaker a .speaker_text .s_company { font-size: 0.9em; font-weight: 300; }  .content .speaker_list--summary { display: grid; grid-column-gap: 30px; } .speaker_list_cols--4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .speaker_list--summary.speaker_list_cols--3, .wrapper--limit_width_two_thirds .content .speaker_list--summary.speaker_list_cols--4 { grid-template-columns: 1fr 1fr 1fr; } .speaker_list--summary.speaker_list_cols--2, .wrapper--limit_width_half .content .speaker_list--summary.speaker_list_cols--4, .wrapper--limit_width_third .content .speaker_list--summary.speaker_list_cols--4 { grid-template-columns: 1fr 1fr ; } @media (max-width: 1060px) { .speaker_list_cols--4 {  grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 860px) { .speaker_list_cols--4, .speaker_list--summary.speaker_list_cols--3, .wrapper--limit_width_two_thirds .content .speaker_list--summary.speaker_list_cols--4  {  grid-template-columns: 1fr 1fr; } } .content .speaker_list.speaker_list--summary .conference_speaker { width: auto; margin-bottom: 30px; background: rgba(255,255,255,0.8); padding: 20px; position: relative; padding-bottom: 50px; } .content .speaker_list.speaker_list--summary .speaker_image { position: relative; width: 100%; padding-top: 100%;  overflow: hidden; } .content .speaker_list.speaker_list--summary .speaker_image img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } .content .speaker_list.speaker_list--summary .conference_speaker p.speaker_name { padding-top: 10px; margin-bottom: 0; padding-bottom: 10px; } .content .speaker_list.speaker_list--summary .conference_speaker p.speaker_summary { font-size: 0.9em; } .content .speaker_list.speaker_list--summary .conference_speaker p.button { margin-bottom: 0;  position: absolute; font-size: 0.9em; bottom: 20px; left: 50%; transform: translateX(-50%); white-space: nowrap; }  #speaker-detail .speaker_details { display: flex; } .modal.speakers .content { padding: 30px 0; } .modal.speakers .content h1 { margin-bottom: 20px; } .modal.speakers .content h2 { margin-bottom: 15px; } #speaker-detail .speaker_details .speaker_photo { margin-right: 45px; }  @media (max-width: 1120px) { .content .speaker_list {  justify-content: center; } } @media (max-width: 740px) { #speaker-detail .speaker_details .speaker_photo {  margin-right: 30px; } } @media (max-width: 640px) { #speaker-detail .speaker_details {  display: block;  } #speaker-detail .speaker_details .speaker_photo {  margin-right: 0;  margin-bottom: 20px; } } @media (max-width: 540px) { .content .speaker_list.speaker_list--min .conference_speaker, .content .speaker_slideshow .conference_speaker {  width: 130px; } .content .speaker_list.speaker_list--min .conference_speaker a, .content .speaker_slideshow .conference_speaker a {  width: 110px; } .content .speaker_list.speaker_list--min .conference_speaker a .speaker_image, .content .speaker_slideshow .conference_speaker a .speaker_image {  width: 110px;  height: 110px; } .content .speaker_list.speaker_list--min .conference_speaker a .speaker_text, .content .speaker_slideshow .conference_speaker a .speaker_text {  font-size: 0.8em; } } @media(max-width: 500px) { .wrapper--limit_width_two_thirds .content .speaker_list--summary.speaker_list_cols--4, .wrapper--limit_width_two_thirds .content .speaker_list--summary.speaker_list_cols--3 {  grid-template-columns: 1fr;  max-width: 300px;  margin-left: auto;  margin-right: auto;   } }body.japanese { font-family: "Noto Sans JP", sans-serif; } body.japanese #hero .container .content h1 { font-family: "Noto Sans JP", sans-serif; }  body.korean { font-family: "Noto Sans KR", sans-serif; } body.korean #hero .container .content h1 { font-family: "Noto Sans KR", sans-serif; } #promo_widget { --widget_padding: 0px; --widget_width: 300px; } #promo_widget {  position: fixed; max-width: calc(var(--widget_padding) + var(--widget_width)); width: 87.5%; height: auto; right: 3.125%; bottom: 0; z-index: 99999; box-shadow: 0 7px 16px rgba(0,0,0,.4); background: #fff; padding: var(--widget_padding); font-size: 18px; display: none; } #promo_widget a img { display: block; } #promo_widget_close { display: block; position: absolute; font-size: 24px; line-height: 32px; text-align: center; background: var(--red); color: #fff; font-weight: 600; box-shadow: 0 2px 4px rgba(0,0,0,.25); width: 32px; height: 32px; border-radius: 50%; cursor: pointer; right: -.5em; top:-.5em; } #promo_widget_close:hover{ background-color: var(--black); }