@charset "UTF-8";
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

body, html {
  color: #334;
  font: 1em 'PT Sans', sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 100%;
  margin: 0;
  min-height: 100%;
  min-width: 1200px;
  padding: 0;
  scroll-behavior: smooth; }

#root {
  height: 100%;
  min-height: 100%;
  position: relative; }

.container {
  margin: auto;
  padding: 0 50px;
  position: relative;
  width: 1100px; }

.page {
  height: 100%;
  position: relative; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

h1, h2 {
  color: #000;
  margin: 0 0 1em 0; }
  @media (max-width: 680px) {
    h1, h2 {
      margin: 0 0 0.5em 0; } }

h2 {
  font-family: 'PT Sans Caption', sans-serif; }

h1 {
  font-size: 4em; }

h2 {
  font-size: 6em;
  font-weight: bold;
  letter-spacing: .05em;
  text-align: center;
  text-transform: uppercase; }
  @media (max-width: 1200px) {
    h2 {
      font-size: 5em; } }
  @media (max-width: 992px) {
    h2 {
      font-size: 4em; } }
  @media (max-width: 680px) {
    h2 {
      font-size: 3em; } }

.d-n {
  display: none; }

.section.description {
  padding: 6em 0 6em 0; }
  .section.description p {
    font: 1.3em/1.7 'PT Serif', serif;
    margin: auto;
    width: 75%; }
    .section.description p + ul {
      margin-top: -1.5em; }
    .section.description p:not(:last-child) {
      margin-bottom: 2em; }
  .section.description ul {
    width: 75%;
    margin: 0 auto;
    list-style: none; }
    .section.description ul li {
      position: relative;
      padding-left: 1.5rem;
      font: 1.3em/1.7 'PT Serif', serif; }
      .section.description ul li:before {
        position: absolute;
        left: 0;
        top: .78rem;
        content: '';
        display: inline-block;
        background-image: url(/bip009/images/logo.png);
        background-size: cover;
        width: 14px;
        height: 14px; }
  .section.description .logo {
    display: inline-block;
    height: 32px;
    width: 32px; }
    .section.description .logo img {
      width: 100%;
      height: 100%; }

.section.feedback {
  clear: both;
  margin: 2em 0 2em 0; }
  .section.feedback .review {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 2em; }
    .section.feedback .review:not(:last-child) {
      margin-bottom: 4em; }
    .section.feedback .review::after {
      clear: both;
      content: ' ';
      display: block;
      height: 0;
      overflow: hidden;
      visibility: hidden; }
    .section.feedback .review .author {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-right: -100%;
      padding: 0;
      position: relative;
      text-align: center;
      width: 180; }
      .section.feedback .review .author a .name {
        color: #334;
        text-decoration: underline; }
      .section.feedback .review .author .photo {
        background: #eee;
        border-radius: 100%;
        height: 120px;
        margin-top: -20px;
        overflow: hidden;
        padding: 0;
        position: relative;
        vertical-align: middle;
        width: 120px; }
        .section.feedback .review .author .photo.nophoto::after {
          color: #000;
          content: '?';
          font-size: 4em;
          font-weight: bold;
          left: 50%;
          margin: -.6em 0 0 -.2em;
          position: absolute;
          top: 50%; }
        .section.feedback .review .author .photo img {
          width: 100%; }
      .section.feedback .review .author .name {
        display: inline-block;
        font-size: 1.2em;
        font-style: italic; }
    .section.feedback .review .text-container {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      padding-left: 220px; }
      .section.feedback .review .text-container .text {
        background: #f5f5f5;
        border-radius: .5em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.5em 3em;
        position: relative; }
        .section.feedback .review .text-container .text::before {
          background-color: #f5f5f5;
          content: '';
          display: block;
          height: 16px;
          left: -8px;
          position: absolute;
          top: 2.15em;
          -webkit-transform: rotate(-135deg);
          -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
          width: 16px; }
        .section.feedback .review .text-container .text p {
          color: #000;
          font: 1.2em/1.75 'PT Serif', serif;
          margin: 0; }
          .section.feedback .review .text-container .text p:not(:last-child) {
            margin-bottom: 1em; }

.section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 2em 0 4em 0;
  position: relative; }

.section.intro {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 20, 20, 0.7)), to(rgba(20, 20, 20, 0.7))), url("/bip009/images/bip2020v2.jpg");
  background: -o-linear-gradient(top, rgba(20, 20, 20, 0.7), rgba(20, 20, 20, 0.7)), url("/bip009/images/bip2020v2.jpg");
  background: linear-gradient(to bottom, rgba(20, 20, 20, 0.7), rgba(20, 20, 20, 0.7)), url("/bip009/images/bip2020v2.jpg");
  background-position-y: center;
  background-size: cover;
  -webkit-box-shadow: inset 0 -5em 5em rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -5em 5em rgba(0, 0, 0, 0.25);
  color: rgba(240, 240, 255, 0.95);
  padding: 6em 0 6em 0; }
  @media (max-width: 1200px) {
    .section.intro {
      padding-top: 5em; } }
  @media (max-width: 1200px) {
    .section.intro {
      padding: 4em 0 5em 0; } }
  .section.intro a {
    color: rgba(240, 240, 255, 0.95);
    text-decoration: none; }
    .section.intro a:hover {
      opacity: .8; }
    .section.intro a span {
      border-bottom: 1px;
      border-bottom-color: rgba(255, 255, 255, 0.7);
      border-bottom-style: solid;
      display: inline-block;
      height: 1.15em; }
  .section.intro .menu {
    margin-bottom: 4em;
    opacity: .9;
    text-align: center; }
    @media (max-width: 1200px) {
      .section.intro .menu {
        margin-bottom: 2em; } }
    .section.intro .menu .logo {
      display: inline-block;
      height: 32px;
      margin: 0 .75em 0 0;
      vertical-align: middle;
      width: 32px; }
      .section.intro .menu .logo img {
        width: 100%;
        height: 100%; }
    .section.intro .menu .title {
      display: inline-block;
      font-size: .8em;
      letter-spacing: .1em;
      margin-right: .75em;
      text-transform: uppercase; }
    .section.intro .menu .hashtag {
      display: inline-block;
      font-size: .8em;
      letter-spacing: .1em;
      text-transform: uppercase; }
      .section.intro .menu .hashtag.hashtag::before {
        content: '#'; }
  .section.intro .conference-name {
    text-align: center; }
    .section.intro .conference-name .bip {
      color: rgba(255, 255, 255, 0.95);
      font: bold 6em/1.5 'PT Sans Caption', sans-serif;
      letter-spacing: .1em;
      margin: 0;
      padding: 0;
      text-transform: uppercase; }
      @media (max-width: 1500px) {
        .section.intro .conference-name .bip {
          font-size: 5em; } }
      @media (max-width: 1200px) {
        .section.intro .conference-name .bip {
          font-size: 4em; } }
      @media (max-width: 680px) {
        .section.intro .conference-name .bip {
          font-size: 3em; } }
      .section.intro .conference-name .bip .char1 {
        margin-right: -1px; }
      .section.intro .conference-name .bip .char2 {
        margin-right: -3px; }
      .section.intro .conference-name .bip .char3 {
        margin-right: -1px; }
      .section.intro .conference-name .bip .char4 {
        margin-right: 1px; }
      .section.intro .conference-name .bip .char5 {
        margin-right: -7px; }
      .section.intro .conference-name .bip .char6 {
        margin-right: 1px; }
      .section.intro .conference-name .bip .char7 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char8 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char9 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char10 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char11 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char12 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char13 {
        margin-right: -3px; }
      .section.intro .conference-name .bip .char14 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char15 {
        margin-right: -2px; }
      .section.intro .conference-name .bip .char16 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char17 {
        margin-right: -4px; }
      .section.intro .conference-name .bip .char18 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char19 {
        margin-right: -2px; }
      .section.intro .conference-name .bip .char20 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char21 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char22 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char23 {
        margin-right: -10px; }
      .section.intro .conference-name .bip .char24 {
        margin-right: -2px; }
      .section.intro .conference-name .bip .char25 {
        margin-right: -7px; }
      .section.intro .conference-name .bip .char26 {
        margin-right: 0px; }
      .section.intro .conference-name .bip .char27 {
        margin-right: 0px; }
  .section.intro .date {
    font: 2em/1.5 'PT Sans Caption', sans-serif;
    margin: 4em 0 0 0;
    text-align: center; }
    @media (max-width: 1400px) {
      .section.intro .date {
        margin-top: 3rem;
        font-size: 1.8em; } }
    @media (max-width: 680px) {
      .section.intro .date {
        margin-top: 2rem;
        font-size: 1.6em; } }
    .section.intro .date .bip .space {
      display: inline-block;
      width: .25em; }
  .section.intro .preparty {
    font: 1.2em 'PT Sans Caption', sans-serif;
    margin: 2em 0 0 0;
    text-align: center; }
  .section.intro .past {
    font: 1.2em 'PT Sans Caption', sans-serif;
    margin-top: 2em;
    text-align: center; }
    .section.intro .past a span {
      padding-top: 0.5em;
      height: 1.1em;
      font-weight: 600; }

.section.location {
  padding: 0;
  height: 88vh; }
  .section.location .map {
    height: 100%; }
  .section.location .address {
    left: 50%;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 0.5em rgba(255, 255, 255, 0.5), 0 0 1em rgba(255, 255, 255, 0.5);
    top: 3em;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 999; }
    .section.location .address .hotel {
      font: bold 3em/1.6 'PT Sans Caption', sans-serif; }
      .section.location .address .hotel span {
        display: inline-block;
        height: 1.7em;
        color: #212;
        border-bottom: 1px solid #212; }
    .section.location .address .street {
      font: 1.2em/1.6 'PT Sans Caption', sans-serif;
      margin-top: .75em; }

.section.organizers {
  background: #f7f7f7;
  border-radius: .25em;
  color: #000;
  margin: 4em auto 3em auto;
  overflow: hidden;
  padding: 5em;
  text-align: center;
  width: 50em; }
  .section.organizers h2 {
    font-size: 4em;
    text-align: left; }
  .section.organizers .person {
    display: inline-block;
    text-align: left; }
    .section.organizers .person .photo {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 220px;
      float: right;
      margin: 0 0 0 -100%;
      overflow: hidden;
      width: 220px; }
      .section.organizers .person .photo img {
        border-radius: 100%;
        height: 100%;
        max-width: 100%;
        width: 100%; }
    .section.organizers .person .contacts {
      float: left;
      font-size: 1.5em;
      padding: .25em 2em 0 0; }
      .section.organizers .person .contacts .name {
        font-size: 1.6em;
        font-weight: bold; }
      .section.organizers .person .contacts .title {
        opacity: .5;
        font-size: .75em;
        font-style: italic;
        margin: .5em 0 1.25em 0; }
      .section.organizers .person .contacts a {
        color: #000; }
        .section.organizers .person .contacts a:hover {
          opacity: .6; }
      .section.organizers .person .contacts .contact {
        font-size: .85em; }
        .section.organizers .person .contacts .contact:not(:last-child) {
          margin-bottom: .5em; }
        .section.organizers .person .contacts .contact.phone {
          position: relative; }
  .section.organizers .description p {
    font-size: 1.3em;
    line-height: 1.5;
    opacity: .7;
    margin: 4em auto 0 auto; }
  .section.organizers .description .navigate {
    color: inherit;
    text-decoration: underline;
    cursor: pointer; }

#gear-widget.payment {
  font-size: 1em; }
  #gear-widget.payment a {
    text-decoration: underline; }
    #gear-widget.payment a:hover {
      opacity: .7; }
  #gear-widget.payment .container {
    width: auto; }
    #gear-widget.payment .container .productInfo {
      background: none; }
      #gear-widget.payment .container .productInfo .title {
        font: bold 3em 'PT Sans Caption', sans-serif;
        margin: 0 0 2em 0;
        padding: 0; }
        #gear-widget.payment .container .productInfo .title::after {
          content: 'Includes drinks and food during the preparty and conference';
          display: block;
          font: 1rem 'PT Sans Caption', sans-serif;
          left: 0;
          margin-top: 1.5em;
          opacity: .7;
          position: absolute;
          text-align: center;
          width: 100%; }
      #gear-widget.payment .container .productInfo .price {
        display: none; }
      #gear-widget.payment .container .productInfo .field {
        display: inline-block; }
        #gear-widget.payment .container .productInfo .field input {
          border: auto !important;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font: 1.7em 'PT Sans Caption', sans-serif;
          height: 2.5em;
          margin-right: 1em;
          padding: .25em .75em;
          width: 15em; }
          #gear-widget.payment .container .productInfo .field input:focus {
            outline: auto 5px -webkit-focus-ring-color; }
      #gear-widget.payment .container .productInfo .button {
        background: #f73;
        border: none;
        border-radius: .25em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        font: 1.7em 'PT Sans Caption', sans-serif;
        height: 2.5em;
        line-height: 2;
        padding: .25em 1em;
        width: auto; }
    #gear-widget.payment .container .paymentInfo {
      background: none;
      font-size: 1em; }
      #gear-widget.payment .container .paymentInfo .title {
        color: #334;
        font: 700 3em 'PT Sans Caption', sans-serif;
        margin-bottom: 1em; }
      #gear-widget.payment .container .paymentInfo .statement {
        font: 1.3em "PT Sans",sans-serif;
        margin-bottom: 2em;
        opacity: .7; }
      #gear-widget.payment .container .paymentInfo .backToStore {
        display: none; }
      #gear-widget.payment .container .paymentInfo.new .qrcode .tapOrClickCaption {
        margin: 0;
        padding: 0;
        font-size: 0; }
        #gear-widget.payment .container .paymentInfo.new .qrcode .tapOrClickCaption::after {
          content: 'Send 0.5 ฿ to this address';
          display: block;
          font: 700 3rem 'PT Sans Caption', sans-serif;
          margin-bottom: 1em; }
      #gear-widget.payment .container .paymentInfo.new .qrcode .qrcode-placeholder {
        height: 10em;
        width: 10em; }
        #gear-widget.payment .container .paymentInfo.new .qrcode .qrcode-placeholder img {
          height: 100%;
          width: 100%; }
      #gear-widget.payment .container .paymentInfo.new .info .pleaseDeposit {
        display: none; }
      #gear-widget.payment .container .paymentInfo.new .info .depositAddressString {
        background: none;
        border: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font: 1.7em 'PT Sans Caption', sans-serif;
        height: 2.5em;
        line-height: 2;
        padding: .25em .75em;
        resize: none;
        text-align: center; }
      #gear-widget.payment .container .paymentInfo.new .timeLeft {
        maegin-bottom: 4em; }
      #gear-widget.payment .container .paymentInfo.new .cancel {
        display: none; }
  #gear-widget.payment .footer {
    background: none;
    border-radius: 0 0 5px 5px;
    color: #333;
    height: auto;
    margin-top: 3em;
    opacity: .3;
    padding: 9;
    text-align: right; }
    #gear-widget.payment .footer > * {
      font-size: 80%; }

.section.photos {
  background: #212;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .section.photos .titles {
    text-align: center;
    position: absolute;
    top: 1.5em;
    width: 100%;
    z-index: 100; }
    .section.photos .titles .title {
      display: inline-block;
      font-size: 1.6em;
      margin: 0;
      opacity: .4;
      text-shadow: 0 0 0.5em black;
      -webkit-transition: opacity .3s;
      -o-transition: opacity .3s;
      transition: opacity .3s; }
      .section.photos .titles .title:not(:last-child) {
        margin-right: 1em; }
      .section.photos .titles .title.active {
        opacity: 1; }
      .section.photos .titles .title:not(.active):hover {
        opacity: .9; }
      .section.photos .titles .title a {
        color: #fff;
        text-decoration: none; }

.section.schedule {
  padding: 0em 0 6em 0; }
  .section.schedule .day:not(:last-child) {
    margin-bottom: 5em; }
  .section.schedule .day .date {
    font: 700 2.4em/1.6 "PT Sans Caption",sans-serif;
    margin-bottom: .5em; }
  .section.schedule .day .topic {
    font: 1.4em/1.6 "PT Sans Caption",sans-serif; }
  .section.schedule .day .topic + .topic {
    margin-top: 15px; }
  .section.schedule .day .speaker {
    margin: 2.2em 0 0 2.2em; }
    .section.schedule .day .speaker .photo,
    .section.schedule .day .speaker .name {
      display: inline-block;
      vertical-align: middle; }
    .section.schedule .day .speaker .photo {
      position: relative;
      border-radius: 100%;
      height: 112px;
      width: 112px;
      margin: 0;
      overflow: hidden;
      padding: 0; }
      .section.schedule .day .speaker .photo img {
        width: 100%; }
    .section.schedule .day .speaker .name {
      font: 1.2em/1 'PT Sans Caption', sans-serif;
      margin: 2.2em 1.1em;
      opacity: .9; }
  .section.schedule .agenda {
    border-radius: .25em;
    background: #f7f7f7;
    margin: 4em 0 2em;
    padding: 1em 5em; }
    .section.schedule .agenda h3 {
      font: 2em/1 "PT Sans Caption",sans-serif; }
    .section.schedule .agenda .event {
      margin: 5em 0; }
      .section.schedule .agenda .event:first-child {
        padding-top: 0; }
      .section.schedule .agenda .event .time {
        font: 1.2em/1 'PT Sans Caption', sans-serif;
        margin-bottom: 1.5em;
        opacity: .6; }
      .section.schedule .agenda .event .speaker {
        margin: 2.2em 0 0 2.2em; }
        .section.schedule .agenda .event .speaker .photo,
        .section.schedule .agenda .event .speaker .name {
          display: inline-block;
          vertical-align: middle; }
        .section.schedule .agenda .event .speaker .photo {
          position: relative;
          border-radius: 100%;
          height: 80px;
          width: 80px;
          margin: 0;
          overflow: hidden;
          padding: 0; }
          .section.schedule .agenda .event .speaker .photo img {
            width: 100%; }
        .section.schedule .agenda .event .speaker .name {
          font: 1.2em/1 'PT Sans Caption', sans-serif;
          margin: 1.2em 1.1em;
          opacity: .9;
          width: 50%; }
          .section.schedule .agenda .event .speaker .name.moderator small, .section.schedule .agenda .event .speaker .name.title small {
            display: inline-block;
            padding-top: .8rem;
            font-style: italic;
            color: #999; }
        .section.schedule .agenda .event .speaker.panel {
          width: 40%;
          display: inline-block; }
        .section.schedule .agenda .event .speaker.full {
          display: block; }
      .section.schedule .agenda .event .topic {
        font: 700 2em/1.4 "PT Sans Caption",sans-serif; }
        .section.schedule .agenda .event .topic a {
          color: #379; }
          .section.schedule .agenda .event .topic a.video {
            position: relative;
            display: block;
            margin-top: 3rem; }
            .section.schedule .agenda .event .topic a.video::before {
              position: absolute;
              top: -1.6rem;
              content: 'video';
              font: 400 .9rem "PT Sans",sans-serif; }
          .section.schedule .agenda .event .topic a:hover {
            opacity: .7; }
      .section.schedule .agenda .event .about {
        font: 1.2em/1 'PT Sans Caption', sans-serif;
        opacity: .9; }

.section.speakers {
  margin-top: 1em;
  overflow: hidden;
  padding-bottom: 4em; }
  .section.speakers ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 400px;
    text-align: center;
    width: 230px; }
    .section.speakers ul li:not(:nth-child(4n)) {
      margin-right: 60px; }
    .section.speakers ul li a {
      text-decoration: none;
      width: 100%; }
      .section.speakers ul li a:hover {
        opacity: .7; }
    .section.speakers ul li .speaker {
      display: inline-block;
      padding: .25em; }
      .section.speakers ul li .speaker.unconfirmed .photo {
        opacity: .5; }
      .section.speakers ul li .speaker.unconfirmed .note {
        color: #666;
        font-style: italic;
        margin-top: .75em; }
      .section.speakers ul li .speaker .photo {
        height: 210px;
        margin: auto;
        padding: 0;
        position: relative;
        width: 210px; }
        .section.speakers ul li .speaker .photo.with-location::after {
          content: '';
          position: absolute;
          width: 2rem;
          height: 2rem;
          bottom: .6rem;
          right: .4rem;
          border-radius: 50%;
          border: 5px solid white;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
        .section.speakers ul li .speaker .photo.croatia::after {
          background-image: url(/bip009/images/flags/croatia.svg); }
        .section.speakers ul li .speaker .photo.usa::after {
          background-image: url(/bip009/images/flags/usa.svg); }
        .section.speakers ul li .speaker .photo.italy::after {
          background-image: url(/bip009/images/flags/italy.svg); }
        .section.speakers ul li .speaker .photo.israel::after {
          background-image: url(/bip009/images/flags/israel.svg); }
        .section.speakers ul li .speaker .photo.thailand::after {
          background-image: url(/bip009/images/flags/thailand.svg); }
        .section.speakers ul li .speaker .photo.ukraine::after {
          background-image: url(/bip009/images/flags/ukraine.svg); }
        .section.speakers ul li .speaker .photo.argentina::after {
          background-image: url(/bip009/images/flags/argentina.svg); }
        .section.speakers ul li .speaker .photo.germany::after {
          background-image: url(/bip009/images/flags/germany.svg); }
        .section.speakers ul li .speaker .photo.luxembourg::after {
          background-image: url(/bip009/images/flags/luxembourg.svg); }
        .section.speakers ul li .speaker .photo.liechtenstein::after {
          background-image: url(/bip009/images/flags/liechtenstein.svg); }
        .section.speakers ul li .speaker .photo.switzerland::after {
          background-image: url(/bip009/images/flags/switzerland.svg); }
        .section.speakers ul li .speaker .photo.spain::after {
          background-image: url(/bip009/images/flags/spain.svg); }
        .section.speakers ul li .speaker .photo.japan::after {
          background-image: url(/bip009/images/flags/japan.svg); }
        .section.speakers ul li .speaker .photo.india::after {
          background-image: url(/bip009/images/flags/india.svg); }
        .section.speakers ul li .speaker .photo.pakistan::after {
          background-image: url(/bip009/images/flags/pakistan.svg); }
        .section.speakers ul li .speaker .photo.england::after {
          background-image: url(/bip009/images/flags/england.svg); }
        .section.speakers ul li .speaker .photo.united-kingdom::after {
          background-image: url(/bip009/images/flags/united-kingdom.svg); }
        .section.speakers ul li .speaker .photo.austria::after {
          background-image: url(/bip009/images/flags/austria.svg); }
        .section.speakers ul li .speaker .photo.czech-republic::after {
          background-image: url(/bip009/images/flags/czech-republic.svg); }
        .section.speakers ul li .speaker .photo.netherlands::after {
          background-image: url(/bip009/images/flags/netherlands.svg); }
        .section.speakers ul li .speaker .photo.united-arab-emirates::after {
          background-image: url(/bip009/images/flags/united-arab-emirates.svg); }
        .section.speakers ul li .speaker .photo img {
          border-radius: 50%;
          overflow: hidden; }
        .section.speakers ul li .speaker .photo.nophoto::after {
          color: #000;
          content: '?';
          font-size: 6em;
          font-weight: bold;
          left: 50%;
          margin: -.6em 0 0 -.2em;
          position: absolute;
          top: 50%; }
        .section.speakers ul li .speaker .photo img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover; }
      .section.speakers ul li .speaker .name {
        color: #000;
        font-size: 1.4em;
        margin: 1em 0 .25em 0; }
      .section.speakers ul li .speaker .title {
        color: #999;
        font-style: italic; }
      .section.speakers ul li .speaker .video {
        color: #f33;
        display: inline-block;
        margin-top: 1em;
        position: relative;
        text-transform: lowercase; }
        .section.speakers ul li .speaker .video::before {
          content: '▶';
          margin: 0 .35em 0 -.15em;
          position: relative;
          top: .175em;
          text-decoration: none; }
        .section.speakers ul li .speaker .video span {
          text-decoration: underline; }
  .section.speakers .more_speakers {
    margin-bottom: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1.8rem; }

.section.sponsors {
  padding: 5em 0 3em 0;
  background-color: #212;
  text-align: center; }
  .section.sponsors .general-sponsor {
    text-transform: uppercase; }
    .section.sponsors .general-sponsor .heading {
      text-transform: uppercase;
      color: #aaa;
      font-weight: normal;
      margin-bottom: .5em;
      letter-spacing: .5em; }
    .section.sponsors .general-sponsor .name {
      font: bold 4em 'Ubuntu', sans-serif;
      letter-spacing: .05em; }
      .section.sponsors .general-sponsor .name a {
        color: #fff; }
        .section.sponsors .general-sponsor .name a:hover {
          opacity: .6; }
  .section.sponsors .sponsors-list:not(:last-child) {
    margin-bottom: 3em; }
  .section.sponsors .sponsors-list .sponsor {
    display: inline-block;
    margin: 0 1.5em; }
    .section.sponsors .sponsors-list .sponsor a {
      display: inline-block; }
      .section.sponsors .sponsors-list .sponsor a:hover {
        opacity: .6; }
    .section.sponsors .sponsors-list .sponsor figure {
      margin: 0;
      padding: 0; }
      .section.sponsors .sponsors-list .sponsor figure.small {
        height: 30px; }
      .section.sponsors .sponsors-list .sponsor figure.big {
        height: 52px; }
      .section.sponsors .sponsors-list .sponsor figure img {
        height: 100%; }
  .section.sponsors .english {
    color: #aaa;
    font: 1em/1.8 'PT Sans Caption', sans-serif;
    margin: 3em auto 0 auto;
    opacity: .8;
    text-align: center;
    width: 40em; }

/* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
 *Adapted from: http: */
#mc_embed_signup form {
  text-align: center;
  padding: 10px 0 10px 0; }

.mc-field-group {
  display: inline-block; }

/* positions input field horizontally */
#mc_embed_signup input.email {
  font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
  font-size: 15px;
  border: 1px solid #ABB0B2;
  border-radius: 3px;
  color: #343434;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  padding: 0px 0.4em;
  display: inline-block;
  margin: 0;
  width: 350px;
  vertical-align: top; }

#mc_embed_signup label {
  display: block;
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: bold; }

#mc_embed_signup .clear {
  display: inline-block; }

#mc_embed_signup .button {
  font-size: 13px;
  border: none;
  border-radius: 3px;
  letter-spacing: .03em;
  color: #fff;
  background-color: #aaa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
  padding: 0 18px;
  display: inline-block;
  margin: 0;
  -webkit-transition: all 0.23s ease-in-out 0s;
  -o-transition: all 0.23s ease-in-out 0s;
  transition: all 0.23s ease-in-out 0s; }
  #mc_embed_signup .button:hover {
    background-color: #777;
    cursor: pointer; }

#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0em .5em 0em .5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both; }

#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em .5em .5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%; }

#mc_embed_signup #mce-error-response {
  display: none; }

#mc_embed_signup #mce-success-response {
  color: #529214;
  display: none; }

#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: .5em 0; }

/* positions button horizontally in line with input */
@media (max-width: 768px) {
  #mc_embed_signup input.email {
    width: 100%;
    margin-bottom: 5px; }
  #mc_embed_signup .clear {
    display: block;
    width: 100%; }
  #mc_embed_signup .button {
    width: 100%;
    margin: 0; } }

#mc_embed_signup {
  background: #fff;
  clear: left;
  font: 20px Helvetica,Arial,sans-serif;
  width: 100%; }
  #mc_embed_signup label {
    font-size: 1.1em !important;
    padding-bottom: 1.2em !important; }
  #mc_embed_signup #mce-EMAIL {
    font-size: 1em !important;
    padding: 0.25em 0.75em !important;
    height: 2em;
    margin-right: 1em !important; }
  #mc_embed_signup .button {
    font-size: 1em !important;
    height: 2em !important;
    line-height: 2.2 !important; }

.section.tickets {
  background: #f9f9f9;
  padding: 4em 0;
  text-align: center; }
  .section.tickets #gear-widget {
    border: none;
    display: inline-block;
    height: 300px;
    width: 100%; }
  .section.tickets .sold {
    font: 700 2em/1.5 "PT Sans Caption",sans-serif;
    letter-spacing: 0.1em;
    color: #334;
    text-transform: none;
    text-align: center;
    margin: 0 0 1.7em; }
    .section.tickets .sold span {
      opacity: 0.5; }

.ticket-button {
  position: relative;
  background: #f73;
  border: none;
  border-radius: .25em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font: 1.6em "PT Sans Caption",sans-serif;
  line-height: normal;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.35);
  box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.35);
  text-decoration: none;
  line-height: 2;
  padding: .5em 1.3em;
  width: auto;
  -webkit-transition: top .6s ease-out;
  -o-transition: top .6s ease-out;
  transition: top .6s ease-out; }
  .ticket-button:active {
    top: 1px; }