/*
 * Bulma
 */
/*
 * Media Queries mixins for Sass
 */
.overlay .css-loader {
  font-size: 90px;
  position: relative;
  overflow: hidden;
  width: 1em;
  height: 1em;
  margin: 72px auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
  text-indent: -9999em;
  color: #fff;
  border-radius: 50%; }

@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em; }
  5%,
  95% {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em; }
  10%,
  59% {
    box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em; }
  20% {
    box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em; }
  38% {
    box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em; } }

@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em; }
  5%,
  95% {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em; }
  10%,
  59% {
    box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em; }
  20% {
    box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em; }
  38% {
    box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em; } }

.hero > .hero-body {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  padding-top: 10rem;
  padding-bottom: 10rem; }
  @media only screen and (orientation: landscape) {
    .hero > .hero-body {
      padding-top: 15rem;
      padding-bottom: 15rem; } }
  @media only screen and (min-width: 414px) {
    .hero > .hero-body {
      padding-top: 12rem;
      padding-bottom: 12rem; } }

/*
 * SPEAKERS
 */
#Speakers {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 1300px auto;
  background-image: url(../images/bg-speaker.png);
  background-size: 2000px auto; }
  @media only screen and (min-width: 1300px) {
    #Speakers {
      background-size: 100% auto; } }
  @media only screen and (min-width: 2000px) {
    #Speakers {
      background-size: 100% 3000px; } }
  #Speakers figure.image.title img {
    width: 90%;
    max-width: 480px;
    margin: auto; }
  #Speakers figure.image.title figcaption {
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
    font-weight: 400; }
    @media screen and (min-width: 1024px) {
      #Speakers figure.image.title figcaption {
        font-size: 2.0rem; } }
    #Speakers figure.image.title figcaption span {
      color: #ffe035;
      font-size: 2.2rem; }
      @media screen and (min-width: 1024px) {
        #Speakers figure.image.title figcaption span {
          font-size: 2.6rem; } }
  #Speakers .speakers {
    display: block;
    padding-top: 3rem;
    max-width: 900px;
    margin: auto; }
    @media screen and (min-width: 1024px) {
      #Speakers .speakers {
        padding-top: 10rem; } }
    #Speakers .speakers .columns,
    #Speakers .speakers .column {
      padding: 0;
      margin: 0; }
    #Speakers .speakers .column:nth-child(2n) figure {
      margin-top: 5rem; }
      @media screen and (min-width: 769px), print {
        #Speakers .speakers .column:nth-child(2n) figure {
          margin-top: 10rem; } }
    #Speakers .speakers figure {
      position: relative;
      width: 90%;
      margin: auto;
      margin-top: 5rem; }
      @media screen and (min-width: 769px), print {
        #Speakers .speakers figure {
          width: 65%;
          margin-top: 0; } }
      #Speakers .speakers figure.odd {
        margin-left: auto; }
      #Speakers .speakers figure figcaption {
        text-align: center;
        padding: 1.5rem 1rem 1rem 1rem;
        font-size: 1.8rem; }
        #Speakers .speakers figure figcaption h3 {
          color: #ffe035;
          font-weight: 500; }
        #Speakers .speakers figure figcaption h6 {
          color: #fff; }

/*
 * SPONSORS
 */
#Sponsors {
  background-color: transparent; }
  @media screen and (max-width: 768px) {
    #Sponsors > .hero-body {
      padding-bottom: 1rem; } }
  @media screen and (min-width: 769px), print {
    #Sponsors > .hero-body {
      padding-top: 3rem; } }
  #Sponsors h3 {
    font-weight: 500;
    color: #ffe035;
    font-size: 2.4rem; }
  #Sponsors figure img {
    width: 100%;
    margin: auto; }
  #Sponsors .main-sponsor figure img {
    max-width: 80%; }
    @media screen and (min-width: 1024px) {
      #Sponsors .main-sponsor figure img {
        max-width: 340px; } }
  #Sponsors .sponsors-pathers figure img {
    max-width: 60%; }
    @media screen and (min-width: 1024px) {
      #Sponsors .sponsors-pathers figure img {
        max-width: 220px; } }