:root {  --dark_blue: #002a75;  --dark_blue_75: rgba(0,42,117,0.75);  --sky_blue: #b5e1f3;  --pale_blue: #ecf7fc;  --blue: #01aef3;  --orange: #f15725;  --light_grey: #efefef;  --dark_grey: #292931;  --black:  #001122;   }   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; text-decoration: none; } input, select {   vertical-align:middle; } table { border-spacing: 0; } .clearfix:before, .clearfix:after {   content: "";   display: table; } .clearfix:after {   clear: both; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  .hidden { display: none; } .alignright { text-align: right !important; } .align_left { text-align: left !important; } .align_center { text-align: center; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .clickable { cursor: pointer; }   body { background: #fff; position: relative; color: #5b5b5b; font: normal normal 18px/38px 'Roboto', sans-serif; line-height: 1.5; } html, body{  min-height: 100%;  height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; } @media (max-width: 1200px) { body {  font-size: 17px;  line-height: 1.5; } } @media (max-width: 740px) { body {  font-size: 16px;  line-height: 1.5; } } .wrapper { padding-bottom: 6em; padding-top: 3em; position: relative; }   .container { width: 90%; max-width: 720px; margin: 0 auto; position: relative; z-index: 2; } .container--medium { max-width: 900px; } .container--wide { max-width: 1650px;  width: 94%; margin: 0 auto; position: relative; z-index: 2; }   .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;  }  .container--two_col_wide_right > .section > .column:first-of-type { width: 33.3333% !important; flex: none !important; } .container--two_col_widish_right > .section > .column:first-of-type { width: 40% !important; flex: none !important; }   .content { width: 100%; box-sizing: border-box; position: relative; z-index: 5; } .content--align_center{ text-align: center; } .content--bordered { border: 2px solid #5b5b5b; border-bottom-width: 35px; padding: 70px; }  .content > h2:last-child, .content > h3:last-child, .content > p:last-child, .content > hr:last-child, .content > ul:last-child, .content > ol:last-child, .content > table:last-child, .content > .video:last-child { margin-bottom: 0 !important; } @media (max-width: 740px) { .section {  display: block; }  .column {  flex: none !important; }   .container--two_col_wide_right > .section > .column:first-of-type, .container--two_col_widish_right > .section > .column:first-of-type {  width: auto !important;  margin-bottom: 45px; }  .content--bordered {  padding: 25px; } }#globalnav { background: var(--dark_blue); position: fixed; width: 100%; z-index: 100; box-shadow: 0 20px 14px -20px rgba(0,0,0,0.3)  } #close_nav { display: none; } #globalnav, #fixy_height_nav { height: 60px; } #globalnav ul { display: flex;  justify-content: space-around; max-width: 990px; margin: 0 auto; } #globalnav ul li a { color: var(--blue); font-size: 18px; line-height: 60px; font-weight: 700;  display: block; padding: 0 10px; text-transform: uppercase; } #totop a { position: absolute; right: 0; top: 0; width: 60px; height: 60px; background-color: rgba(255,255,255, 1); text-indent: -5600px; background-image: url(../_img/up_arrow_color_200px.png); background-position: center center; background-repeat: no-repeat; background-size: 35px auto; opacity: 0.5; }  #globalnav ul li ul { display: none;  position: absolute;  background: var(--dark_blue_75); z-index: 1001; } #globalnav ul li ul li { padding: 0; } #globalnav ul li ul li a { color: #fff; font-size: 1em; font-weight: 400; line-height: 25px; display: block; padding: 10px 25px; text-transform: none; border-top: none; transition: color 0.2s ease-in-out; } #globalnav ul li ul li a:hover { color: #fff; }  #globalnav div > ul > li:hover > ul, #globalnav div > ul > li ul:hover { visibility: visible; display: block; opacity: 1; } #globalnav div > ul > li:focus-within > ul { visibility: visible; display: block; opacity: 1; }  header { background-image: url(../_img/header_BG_light.png); background-repeat: repeat-x; position: relative; background-position: 0 0; transition: background-position 0.4s ease-in-out; } header h2 { max-width: 600px; height: 0; margin: 0 auto; } header h2 a { display: block; padding-bottom: 26%; position: relative; top: 60px; overflow: hidden; } header h2 a span { position: absolute; display: block; left: 0; width: 100%; height: 100%; z-index: 10; text-indent: -4567px; background-image: url(../_img/iff_logo_trans.png); background-repeat: no-repeat; background-size: cover; } header .strap, header .sponsor { position: absolute;  right: 0; text-align: right; font-size: 20px; line-height: 24px; } header .strap { top: 95px; color: var(--dark_blue); } header .strap h3 { font-weight: 700; color: var(--blue); } header .strap p { font-weight: 700; } header .strap p b { display: block; }  header #event_nav { position: absolute; top: 237px; left: 50%; transform: translateX(-50%); } header #event_nav ul { display: flex; justify-content: center; } header #event_nav ul li { margin: 0 5px; } header #event_nav ul li a { display: inline-block; text-transform: uppercase;  font-size: 22px; line-height: 22px; background-color: #b4e6fa; color: var(--blue); padding: 6px 14px 4px 14px; transition: all 0.2s ease-in-out; } header #event_nav ul li a:hover { color: var(--dark_blue); background-color: #fff; } .brussels #event_nav ul li.en-brussels a, .bangkok #event_nav ul li.en-bangkok a { background: var(--dark_blue); color: #fff; } header .slides { margin-top: 290px;  background: #fff; margin-bottom: 1em; } header .slick-slide { } .slick-slide img { max-width: 100%; height: auto; } .slick-prev, .slick-next { display: none !important; } ul.slick-dots {   display: block;   width: 100%;   padding-top: 30px;   margin: 0; list-style: none;   text-align: center; display: none; } ul.slick-dots li {   position: relative;   display: inline-block;   width: 24px;   height: 24px;   margin: 0 2px;   padding: 0;   cursor: pointer; background-image: url(../_img/slideshow_pager.png); background-size: auto; background-position: -24px 0; } ul.slick-dots li.slick-active, ul.slick-dots li:hover { background-position: 0 0; } .slick-dots li button {   font-size: 0;   line-height: 0;   display: none; } @media (max-width: 1200px) { #globalnav .container--wide, header .container--wide {  width: 100%;  }  header h2 {  width: 350px; } header h2 a {  top: 25px; } header #event_nav {  top: 135px; } header #event_nav ul li a {  font-size: 19px;  line-height: 19px;  padding: 6px 14px 4px 14px; } header .slides {  margin-top: 180px;  }  header .strap,  header .sponsor {  right: 20px;  font-size: 19px;  line-height: 23px; } header .strap {  top: 50px; } .bangkok header .strap {  top: 30px; } #totop {  display: none;  } }   @media (max-width: 940px) { #globalnav ul li a {  font-size: 17px; } header h2 {  width: 280px; } header h2 a {  top: 25px; } header #event_nav {  top: 115px; } header #event_nav ul li a {  font-size: 16px;  line-height: 16px;  padding: 6px 12px 4px 12px; } header .slides {  margin-top: 150px;  } header .strap,  header .sponsor {  font-size: 15px;  line-height: 19px; } header .strap {  top: 35px; }  }  @media (max-width: 740px) { #globalnav, #fixy_height_nav, header .sponsor, #totop, #globalnav ul li ul  {  display: none; } body:not(#home) header h2 {  width: 240px;  height: 100px;  margin: 0; } body:not(#home) header h2 a {  top: 15px;  left: 15px;  padding-bottom: 0;  height: 90px; } header #event_nav {  top: 25px;  transform: none;  left: auto;  right: 65px }  header h2 a span {  background-size: contain; } header .slides {  margin-top: 0; } ul.slick-dots {  display: none;  visibility: hidden;  padding: 0; margin: 0; height: 0; opacity: 0; } header .strap {  top: 11px;  left: 220px;  font-size: 15px;  line-height: 20px;  display: none; }  header #open_nav {  position: absolute;  top: 25px;  right: 10px;  background-image: url(../_img/mob_burger_lines_white.png);  background-repeat: no-repeat;  background-position: center;  width: 50px;  height: 40px;  cursor: pointer;  background-color: var(--blue);   }   #close_nav {  display: block;  color: #fff;  position: absolute;  top: -15px;  right: 13px;  font-size: 80px;  cursor: pointer; }   nav#globalnav {  height: 0;  width: 0;  display: block;  position: fixed;  z-index: 1;  left: 50%;  top: 50%;  background-color: rgba(0,0,0, 0.69);  overflow-x: hidden;  transition: 0.3s;  opacity: 0;  backdrop-filter: blur(15px) saturate(200%); } nav#globalnav.mob_open {  height: 100%;  width: 100%;  left: 0;  top: 0;  opacity: 1;  z-index: 200; }  nav#globalnav .container--wide {  height: 100%;   }  nav#globalnav ul {  display: block;  position: absolute;  top: 50%;  transform: translateY(-50%);  width: 100%;  text-align: center;  padding-right: 0;   }  nav#globalnav ul li {  display: block;  text-align: center; }  #globalnav ul li a {  color: var(--blue);  display: inline;  width: 100%;  text-align: center;  height: auto;  font-size: 25px;  line-height: 60px; }  #globalnav div > ul > li:hover > ul, #globalnav div > ul > li ul:hover {  display: none;  } } @media(max-width: 560px) { header #event_nav ul li a {  font-size: 12px;  line-height: 12px;  padding: 6px 8px 4px 8px; } } @media(max-width: 500px) { header #event_nav ul {  display: flex;  justify-content: center;  flex-direction: column; } header #event_nav ul li {  margin: 0 0px 2px 0;  display: flex; }  header #event_nav ul li a {  font-size: 12px;  line-height: 12px;  padding: 4px 8px 3px 8px;  width: 100%; } } @media(max-width: 420px) { header #event_nav {  display: none; } } .wrapper.wrapper--parallax { padding: 0; } .wrapper--bg_white { background-color: #fff;  } .wrapper--bg_pattern { background-image: url(../_img/iff_tile.png); background-size: 90px; background-position: -45px center; } .wrapper--bg_pale_blue, .content--bg_pale_blue { background: var(--pale_blue); background-image: linear-gradient(to bottom, #b5e1f3, #c3e6f5, #d1ecf8, #dff1fa, #ecf7fc); background-image: linear-gradient(to top, #b5e1f3, #c3e6f5, #d1ecf8, #dff1fa, #ecf7fc); } .wrapper#about {   padding-bottom: 3em; } .wrapper#brands {  padding-top: 9em;   padding-bottom: 9em; }  .container--three_col_feature_image .column .content { background: #fff; padding: 30px; box-shadow: 15px 15px 10px rgba(0,0,0,0.1); } .container--three_col_feature_image .col .content p { font-size: 0.95em; } .container--three_col_feature_image .content p.image_full { margin-left: -30px;  margin-right:-30px;  margin-top: -30px; } .container--three_col_feature_image .content h3 { margin-bottom: 15px; font-size: 1.2em; }   .content p.button_longtext { padding-top: 10px; } .content p.button_longtext a { background: var(--blue); color: #fff; padding: 10px 20px; border-radius: 2px;  transition: all 0.3s ease-in-out; display: inline-block; min-width: 400px; } .content p.button_longtext.button_short a { min-width: 0;  padding: 6px 16px; } .content p.button a:hover, .content p.button_longtext a:hover { background: var(--dark_blue); color: var(--pale_blue); }  .text_shadow_white p, .text_shadow_white h2 { text-shadow:   1px 1px 15px #ffffff, -1px -1px 15px #ffffff,   1px -1px 15px #ffffff,   -1px 1px 15px #ffffff;  }  .wrapper--bg_white h2, .wrapper--bg_pale_blue h2 { color: var(--blue); } .wrapper--bg_white .content, .wrapper--bg_pale_blue .content  { color: #222; } .wrapper--bg_white .content a, .wrapper--bg_pale_blue .content a { color: var(--blue); } .wrapper--bg_white .content a:hover, .wrapper--bg_pale_blue .content a:hover { color: var(--dark_blue); } .parallax {   position: relative;   background-image: url(../_img/tours-and-taxis.webp);   background-attachment: fixed;   background-size: cover;   background-position: center;   display: flex;   align-items: center;   justify-content: center;   box-sizing: border-box; }  .parallax .container { padding: 50px 0; background: rgba(255, 255, 255, 0.9);   box-sizing: border-box;  backdrop-filter: blur(5px); padding-left: 40px; padding-right: 40px; border-radius: 30px; } .parallax .container h2 { padding-top: 0; }   .wrapper--zig_top { position: relative; } .wrapper--zig_top::before {   content: '';   position: absolute;   top: -20px;   left: 0;   width: 100%;   height: 40px; background-image: url(../_img/white_diamond.png); background-size: auto 40px; background-repeat: repeat-x;   z-index: 1; }   .container h2, .content h2 { font-size: 1.6em;  line-height: 1; position: relative; margin-bottom: 1em; padding-top: 0.5em; padding-bottom: 0.66em; text-align: center; }  #keyfacts .content em { color: var(--blue);  } .content img { max-width: 100%; height: auto;  display: block; } .content p.stretch_none img { display: block; width: auto; height: auto;  margin: 0 auto; }  .content ul, .content ol { margin-left: 1.2em; } .content p, .content ul, .content ol { margin-bottom: 1.1em; } .content em { font-style: normal; } .content strong { font-weight: 700; } .content .spacer { display: inline-block; padding: 0 0.7em; } .googlemap {   overflow:hidden;   padding-bottom:60%;   position:relative;   height:0; } .googlemap iframe{   left:0;   top:0;   height:100%;   width:100%;   position:absolute; }  .content table tr th, .content table tr td { text-align: left;  vertical-align: top; } .content table.layout tr td, .content table.layout tr th { padding: 3px 15px; } .content table.layout tr td:first-of-type, .content table.layout 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 { padding-right: 0 !important; } .content table.layout.tight tr td, .content table.layout.tight tr th { padding: 3px 7px; }  .wrapper#brands { padding-top: 3em;   padding-bottom: 6em; } #brands .text_container { max-width: 690px;  margin-left: auto; margin-right: auto; } #brands .exhibitor_logos { display: grid; grid-template-columns: repeat(3, 1fr);  grid-gap: 30px 30px; } #brands .exhibitor_logos > div { box-shadow: 5px 5px 10px rgba(0,0,0,0.1); } #brands .content .exhibitor_logos p { margin: 0; }  #contact { padding-top: 3em;   padding-bottom: 3em; } .grid--contact { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } .content.team_member p.image_full { margin-bottom: 0.75em; } .content.team_member p img { display: inline-block; } .content.team_member a { color: #222; display: block;  background: var(--pale_blue); } .content.team_member a p { font-size: 0.9em;  margin-bottom: 0; } .content.team_member a span { display: inline-block;  width: 100%; background-color: var(--blue); padding: 5px 20px; color: #fff; margin-top: 12px; font-size: 1em; border-radius:1px; font-weight: 700; cursor: pointer; transition: all 0.2s ease-in-out; } .content.team_member a:hover span { background-color: var(--dark_blue); color: #fff; }  #committee_thumbs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } #committee_thumbs > div a { color: #222; display: block;  background: #fff; height: 100%; position: relative; padding-bottom: 50px; } #committee_thumbs > div p.image_full { margin-bottom: 0.75em; } #committee_thumbs > div p img { display: inline-block; } #committee_thumbs > div h3 { padding: 0 10px; } #committee_thumbs > div p.text { margin-bottom: 0;  padding: 0 10px; font-size: 0.9em; } #committee_thumbs > div a span { display: block; position: absolute; bottom: 0;  left: 0; width: 100%; background-color: var(--blue); padding: 5px 20px; color: #fff; font-size: 1em; border-radius: 0; font-weight: 700; cursor: pointer; transition: all 0.2s ease-in-out; } #committee_thumbs > div a:hover span { background-color: var(--dark_blue); color: #fff; }  #committee_bios_holder { display: none; } .bio_full { max-width: 900px;  padding: 30px; background: #fff; } .close_bio { display: none; } .bio_full h3 { font-size: 1.75em; font-weight: 400; line-height: 0.8; margin-bottom: 0.4em; } .bio_full h3 i { font-size: 0.65em; font-style: normal; font-weight: 400; display: inline-block; padding-top: 0.5em; line-height: 1.5; } .bio_details { display: flex; } .bio_details .bio_text { padding-right: 30px; } .bio_details .bio_text p { margin-bottom: 24px; } .bio_details .bio_text p:last-of-type { margin-bottom: 0; } .bio_details .bio_text p a { color: #bd0000; }  .read_more { transition: all 1.5s ease-in-out; } .read_more a { text-transform: uppercase; position: relative; font-size: 1em; padding-bottom: 1.5em; font-weight: 700;  color: #111 !important; } .arrow_down { width: 35px; height: 16px; display: inline-block; background-image:url(../_img/down_arrow_color_200px.png); background-repeat: no-repeat; background-size: contain;  position: absolute; bottom: 0px;  left: 50%; margin-left: -15px;  } .read_more.read a, .read_more.read a:hover { color: #fff !important; } .read_more.read .arrow_down { background-image:url(../_img/up_arrow_color_200px.png); }  @keyframes pulse {  0% { transform: scale(1);  }  50% { transform: scale(1.2);  }  100% { transform: scale(1);  } }  .pulse { animation: pulse 1s infinite; animation-direction: alternate; } @media (max-width: 1080px) {  #brands .exhibitor_logos {  grid-gap: 20px; }  } @media (max-width: 740px) { #keyfacts .col1 .content {  text-align: center;  font-size: 1.2em; } #sponsor .col1 .content {  text-align: center;  } #sponsor .col1 .content img {  max-width: 300px;  } #committee_thumbs {  grid-template-columns: 1fr 1fr; } .grid--contact {  grid-template-columns: 1fr 1fr; } .bio_full {  padding: 30px; } .bio_photo img {  max-width: 200px;  height: auto;  } } @media (max-width: 640px) { .bio_full {  padding: 20px; } .bio_photo img {  max-width: 150px;  } } @media(max-width: 540px) { .wrapper#about { padding-top: 1em; } #committee_thumbs {  gap: 20px; } .grid--contact {  gap: 20px; } .bio_details {  display: block;  } .bio_full {  padding: 5px; } .bio_photo {  display: none; } }  @media (max-width: 480px) {  .container h2, .content h2 {  font-size: 2.0em;   margin-bottom: 1em;  padding-top: 1em;  padding-bottom: 0.66em; } .container h2 span, .content h2 span {  width: 50px;  height: 8px;  position: absolute;  bottom: 0px;  left: 50%;  margin-left: -25px;   } .date_dayname {  display: none;  }  }.modal #globalnav, .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: 1em; } .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: rgba(1,174,243,0.3); padding: 20px; width: 15%; white-space: nowrap; } .content .conference_schedule .sts_2 .session_start_time { background: rgba(240,160,124,0.5); } .content .conference_schedule .sessions { width: 85%; display: flex; flex-wrap: nowrap; } .content .conference_schedule .session { background: #fff;  padding: 20px; width: 100%; margin-left: 10px; text-align: left; } .content .conference_schedule .sessions.sessnum_2 .session { width: 50%; } .content .conference_schedule .sessions.sessnum_2 .session .session_summary { font-size: 0.9em; } .content .conference_schedule .sessions.sessnum_3 .session { width: 33%; }  .duration_location { display: flex; justify-content:flex-start; } .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 .speaker_holder { margin-bottom: -10px; } .content .conference_schedule .session_heading { color: var(--blue); text-decoration: none; cursor: default; font-size: 1.1em; font-weight: 600; } .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: 70px; height: 70px; border-radius: 70px; overflow: hidden; margin-right: 15px; } .content .conference_schedule .conference_speaker a .speaker_text { font-size: 1em; 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; 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: 20px; } #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 { font-weight: 300; }  #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;   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; }  }  .wrapper--full_callout { background: url(../_img/wide_callout_wrapper_light_lavender_BG.png); background-repeat: repeat-x; background-position: center center; padding-top: 100px; padding-bottom: 100px; } .wrapper--full_callout .content p a, .content p.button a { font-size: 1.75em; display: inline-block; border: 5px solid #7660a6; background: #fff; text-transform: uppercase; font-weight: 700; color: #7660a6; line-height: 1.85; padding: 0 30px;  } .wrapper--full_callout .content p a:hover { border-color: #5b5b5b; color: #5b5b5b; } .content p.button a:hover { border-color: #5b5b5b; color: #5b5b5b; }  .wrapper--bg_color p.button a { border-color:#fff; background:#7660a6; color: #fff; line-height: 1; padding-top: 0.45em; padding-bottom: 0.45em; text-align: center; } .wrapper--bg_color p.button a:hover { background: #fff; }  .button--on_border { text-align: center; position: absolute; bottom: -62px; margin-left: auto; margin-right: auto; left: 0; right: 0; } .wrapper--bg_grey .content p.button.button--white a { background: #5b5b5b; border-color: #fff; color: #fff; } .wrapper--bg_grey .content p.button.button--white a:hover { background: #7660a6; border-color: #fff; color: #fff; }  @media (max-width: 740px) { .wrapper--full_callout {  padding-top: 20px;  padding-bottom: 20px; } .wrapper--full_callout .content p a, .content p.button a {  box-shadow: 0 20px 14px -17px rgba(0,0,0,0.3),   20px 0 20px -20px rgba(255,255,255,0.3),   -20px 0 20px -20px rgba(255,255,255,0.3); }  #programme .button--on_border {  bottom: 0;  position:static; }  }footer.wrapper { padding-top: 2.5em;  padding-bottom: 3em; background: linear-gradient(  to bottom,  rgba(0,0,0, 0.90) 0%,  rgba(0,0,0, 1) 45%,  rgba(0,0,0, 0.7) 100%  );   } footer .content p.footer_logo { margin-bottom: 1.3em; } .content p.footer_logo img { max-width: 320px; } footer .content p {   margin-bottom: 0.5em; color: #fff; font-weight: 400; } footer .content em { color: #dd9d52;  font-weight: 600; } footer .content small {  font-size: 0.8em; } footer .content p a { color: #fff; } footer .content p a:hover { text-decoration: underline; } .tito-wrapper { background: rgba(255,255,255,0.8); color: #000; margin: 20px auto; max-width: 900px; padding: 10px 0; width: 100%; text-align: left; border-radius: 3px; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.6); } .content .tito-ticket-list { display: block; list-style-type: none; margin: 0 !important; padding: 0; width: 100% } #tito-previous-releases, .tito-ticket-list.tito-ticket-waitlist { margin: 0 } .tito-ticket.row { display: block !important; border-bottom: 1px solid #555 !important; margin: 0 20px !important; min-height: 54px !important; padding: 10px 0 !important } .tito-ticket:after { content: ''; display: table; clear: both } .tito-ticket-name-wrapper, .tito-ticket-price-quantity-wrapper { border: none; display: block; float: left; vertical-align: middle; width: 100% } @media screen and (min-width: 520px) { .tito-ticket-name-wrapper, .tito-ticket-price-quantity-wrapper {  width: 50% } } .tito-ticket-name { display: block; font-weight: 700; color: #7660a6; margin: 8px 0 5px } .tito-ticket-name .label.label-default { border: 1px solid #333 !important; border-radius: 2px !important; color: #333 !important; font-size: 10px !important; font-weight: bold !important; margin-left: 5px !important; padding: 2px 5px !important; position: relative !important; top: -1px !important; text-transform: uppercase !important } .tito-ticket-name-wrapper .tito-tickets-remaining { background: #ddd; border: 1px solid rgba(51,51,51,0.2); color: #000; font-size: 16px; padding: 2px 5px; position: relative; top: -3px; margin-left: 10px; white-space: nowrap } .tito-ticket-description { color: #000; font-size: 0.8em; } .tito-degressive-price-desc+.tito-ticket-description { margin-top: .5rem } .tito-ticket-price-quantity { text-align: right; width: auto } @media screen and (min-width: 520px) { .tito-ticket-price-quantity {  float: right } } .tito-ticket-price { float: left; text-align: left; width: 50% } @media screen and (min-width: 520px) { .tito-ticket-price {  text-align: right;  width: auto } } .tito-ticket-quantity { float: right; min-width: 70px; margin-top: -4px; } .tito-ticket-quantity span { margin: 0 10px; font-family: sans-serif; } input[type=text].tito-ticket-quantity-field, input[type=text].tito-ticket-donation-field { background-color: #fff !important; border: 1px solid #aaa !important; border-radius: 4px !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important; color: #111 !important; display: inline-block !important;  font-family: inherit; font-size: 20px; height: 34px !important;  margin: 0 !important; padding: 6px 12px !important; text-align: center !important } input[type=text].tito-ticket-quantity-field { width: 45px !important } input[type=text].tito-ticket-donation-field { width: 85px !important; margin-left: 6px !important } .tito-ticket-price span { display: block; line-height: 34px } .tito-ticket-vat { color: #222; font-size: 14px; padding-bottom: 5px } .tito-ticket-status span { background: #efefef; border-radius: 4px; color: #adadad; display: inline-block; font-size: 14px; height: 34px; line-height: 34px; min-width: 90px; padding: 0 10px; text-align: center; text-decoration: none; width: 100% } .btn.btn-default.btn-waitlist { background: #fff; border: 1px solid #ccc; border-radius: 4px !important; color: #333; font-size: 14px !important; height: 34px !important; line-height: 1.42857143 !important; padding: 6px 12px !important; white-space: nowrap !important; width: 200px } .btn.btn-default.btn-waitlist:hover { border: 1px solid #333 } .tito-discount-code { display: block; margin: 0 20px; padding: 5px 0 } @media screen and (min-width: 520px) { .tito-discount-code {  float: left } } .tito-discount-code-label { display: none } .btn.btn-default.tito-discount-apply-button { display: none !important } .tito-discount-code .tab-pane.tito-discount-code-show.active { display: none !important } .tito-discount-code .tab-pane.tito-discount-code-edit { display: block !important; visibility: visible !important } input.form-control.tito-discount-code-field.discount-code-field { background: #fff !important; border: 1px solid #ccc !important; border-radius: 4px !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important; display: inline-block !important; font-size: 14px !important; height: 34px !important; line-height: 1.42857143 !important; margin: 5px 0 !important; padding: 6px 12px !important; width: 100% !important } @media screen and (min-width: 520px) { input.form-control.tito-discount-code-field.discount-code-field { width: 200px !important } } .tito-discount-code-show { padding-top: 15px } .tito-discount-code-edit, .tito-discount-code-show { display: none } .tito-discount-code-edit.active, .tito-discount-code-show.active { display: inline-block } .tito-submit-wrapper { margin: 0 20px; padding: 10px 0; text-align: right } .tito-submit { background: #7660a6;  font: normal normal 25px/38px 'Baloo 2', sans-serif;  border: 4px solid #7660a6; color: #fff; cursor: pointer !important;  margin: 0 !important; padding: 5px 12px !important; text-align: center !important; text-transform: uppercase; width: 100% !important } @media screen and (min-width: 520px) { .tito-submit { width: 150px !important } } .tito-submit:hover { border-color: #5b5b5b !important; background: #fff; color: #5b5b5b; } .tito-ticket.tito-locked-ticket>div { padding: 10px 0 !important } .tito-ticket.tito-locked-ticket label, .tito-ticket.tito-locked-ticket span { opacity: .5 !important } .tito-locked-tickets-message p { font-size: 14px !important; line-height: 1.3 !important; opacity: .5 !important } .tito-badge-link {  font-size: 12px; display: inline-block;  display: none; margin: 15px 0 5px; text-align: center; width: 100% } .tito-badge-link a { color: #000; }