body {
  background: url("../../../2015/assets/images/background.png");
}
h4,
blockquote,
del,
small,
dl,
dt,
dd,
ol,
footer {
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
}
blockquote {
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: '';
}
a:hover {
  border-bottom: 0.08em solid #4DB7DB;
}
h4,
.sc,
.wsd {
  font-family: "Proxima Nova Bold", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.wsl .so .nf:before,
.so p:before {
  font-family: "Skolar Bold", Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-style: normal;
}
.bt[disabled]:hover {
  color: #333;
}
.wsd {
  color: #808184;
}
.scl a,
.scl a:hover {
  color: transparent;
}
.vs {
  border-bottom: 0.08em solid #eee;
}
.f,
.si,
.sc,
.v .ilk,
.wsd,
.n li:last-child,
.n .k,
.ss:after {
  display: block;
}
.scl li,
.scl a,
.n li {
  display: inline-block;
}
.f,
.ig li,
.ssg,
.ssg li a,
.ss li,
.so,
.xf {
  position: relative;
}
.n,
.ig,
.vsn,
.vs,
.v {
  overflow: hidden;
}
.c a:hover,
.c a:focus {
  border-color: #4DB7DB;
}
.c a:active {
  color: #fff;
  background-color: #e53b2c;
  border: 0;
}
.mt a,
.ssg a,
.ilk {
  -webkit-tap-highlight-color: transparent;
}
.h h1 a:hover,
.h h1 a:focus,
.ilk:hover,
.ilk:focus,
.ilk:active {
  background: transparent;
  border: 0;
}
h4 {
  font-size: 1em;
  line-height: 1.375em;
}
.wsl h4 {
  margin-bottom: 1.375em;
}
.ssg h2,
.l h3,
.wsl h3 {
  margin-bottom: 0;
}
.m a:hover,
.m a.active {
  color: #fff;
  background: #4DB7DB;
  border: 0;
}
.m li:last-child a:hover,
.m li:last-child a:focus {
  background-color: #fa4a3f;
}
.m li:last-child a:active {
  background-color: #d8281d;
}
/* footer */
.f {
  z-index: 4;
  width: 52.5em;
  padding: 2.5em 3.75em 0;
  margin: 0 auto;
  padding-bottom: 1.25em;
  border-top: 0.625em solid #e9f4e9;
  color: rgba(0, 0, 0, 0.35);
  background: url("../images/smashingconf-freiburg-footer.png") no-repeat right bottom, #b9eab9;
}
.f:after {
  content: "";
  display: table;
  clear: both;
}
.f .n {
  padding-top: .7143em;
  margin-right: 4.2857em;
}
.f .n li {
  list-style: none;
  margin-right: 1.1429em;
}
.f .n li:last-child {
  margin-top: 1.5714em;
}
.f a {
  padding: .125em;
  color: #329b47;
  border-bottom: 0.08em solid #329b47;
}
.f a:hover {
  color: #fff;
  background-color: #329b47;
}
.f .btt {
  clear: left;
  border-bottom-color: #e9392e;
}
.f .btt:hover {
  border-bottom-color: #e9392e;
  background: transparent;
}
.wrf {
  font-size: .875em;
  line-height: 2em;
  float: left;
}
.k {
  clear: left;
  margin: .7857em 0 1.5714em;
}
.scl li {
  font-size: 1.1429em;
  margin: 1em .5em 1em 0;
}
.scl a {
  text-align: left;
  text-indent: -30em;
  width: 3em;
  margin-right: .375em;
  padding: 1.25em 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0;
  opacity: .5;
}
.scl a:hover,
.scl a:focus {
  background-color: transparent;
  opacity: 1;
}
.t {
  background-image: url("../images/social/twitter.png");
}
.y {
  background-image: url("../images/social/lanyrd.png");
}
.e {
  background-image: url("../images/social/email.png");
}
.n .br {
  display: block;
}
.off.show {
  display: block;
  background: #333;
  padding: 1.618em;
}
.off.show p {
  color: #fff;
}
.ig {
  margin-right: -2.3%;
}
.ig li {
  line-height: 0;
  list-style: none;
  float: left;
  margin: 0 2% 2% 0;
  width: 23%;
}
.ig a:active {
  background: none;
}
.ig img {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border: 0.625em solid #C7DFB9;
  border-radius: 50%;
  -webkit-transition: border .3s;
          transition: border .3s;
}
.ig img:hover,
.ig img:focus {
  border-color: #329B47;
}
.ssg {
  z-index: 4;
  width: 100%;
  margin: 4.125em auto 4.125em -3.75em;
  padding: 4.125em 3.75em 1.375em;
  border-bottom: 0.625em solid #F1F7EF;
  background: #C7DFB9;
}
.ssg h2 {
  color: #329B47;
  margin-bottom: 0;
}
.ss {
  list-style-type: none;
  zoom: 1;
}
.ss a {
  border: 0;
  color: #329B47;
}
.ss a:active {
  background-color: transparent;
}
.ss li {
  line-height: 0;
  text-align: center;
  overflow: visible;
  float: left;
  margin: 0 0 2.5% 0;
  width: 25%;
}
.ss li:hover .sc {
  opacity: 0;
}
.ss li:hover .si {
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.ss li:active .si {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.ss li:nth-child(even):hover .si {
  -webkit-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
          transform: rotate(5deg);
}
.si {
  width: 100%;
  height: 19.0625em;
  background-size: 11.25em;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.sc {
  font-size: 1.1875em;
  line-height: 1.2;
  padding: .2632em .5263em;
  margin-top: -2.63157895em;
}
.spg {
  padding: 0 3.75em 7.5em;
}
.wsl .mt {
  padding-top: 0;
}
.mr a {
  white-space: nowrap;
  margin: 0 .625em;
}
.mr a:first-child {
  margin-left: 0;
}
.wsd {
  font-size: .875em;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.so .nf::before {
  content: "SOLD OUT";
  font-size: 3.75em;
  text-align: center;
  white-space: nowrap;
  top: 50%;
  left: 0;
  right: .3333em;
  z-index: 1;
  color: #e95c33;
  opacity: .4;
  -webkit-transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
          transform: rotate(-8deg);
}
.act > .rbt {
  color: #FFF;
}
.ddu:active {
  border-color: #fff;
}
.ddu li:hover {
  background-color: #F1F7EF;
}
.ddu li:hover a {
  color: #329B47;
  border-color: #329B47;
}
.ddu li:focus,
.ddu li:active {
  background-color: #E9392E;
}
.ddu li:focus a,
.ddu li:active a,
.ddu li:focus span,
.ddu li:active span {
  color: #fff;
}
.hsh a:hover,
.hsh a:focus,
.hsh a:active {
  border-color: #E9392E;
}
.hi .ilk:link,
.hi .ilk:hover,
.hi .ilk:focus,
.hi .ilk:active {
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
.io .std::before {
  text-transform: uppercase;
  top: -1.75em;
  left: 0;
  padding: .416667em .83333em;
  color: #E9392E;
  background: #eee;
  box-shadow: inset 0 0 0.25em rgba(0, 0, 0, 0.1);
  border-radius: .3125em .3125em 0 0;
  opacity: 1;
}
.lsn {
  margin-bottom: 2.75em;
  padding-bottom: 1.375em;
}
.l li {
  list-style: none;
  float: left;
  padding-right: 3%;
  margin-bottom: 2em;
  width: 22%;
}
.l li h3 {
  margin-bottom: 0;
}
.l img {
  margin: 1.25em 0 .625em;
}
.vs {
  margin: 0 -4% 2.75em 0;
  padding-bottom: 2.75em;
}
.v {
  float: left;
  width: 46%;
  margin-right: 4%;
}
.v .ilk {
  margin-bottom: 1.375em;
  border: 0;
}
.mmm dd {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cft .bt:hover,
.cft .bt:focus {
  border: .08em solid #ce9141;
  color: #c00;
  opacity: 0.9;
}
.cft .bt:active {
  opacity: 1;
  background-color: #fab23e;
  box-shadow: inset 0 0.08em 0.08em rgba(0, 0, 0, 0.4), inset 0 -0.08em 0.08em rgba(255, 255, 255, 0.1);
}
.cft .sobt:hover,
.cft .sobt:focus,
.cft .sobt:active {
  color: #333;
  border: .08em solid #BABABA;
  text-decoration: none;
  text-shadow: 0 .08em 0 #ddd;
  cursor: pointer;
  background: #e8e8e8;
  box-shadow: 0 0 0.3333em rgba(136, 136, 136, 0.5);
}
.cft .sobt:active {
  box-shadow: inset 0 0 0.375em rgba(136, 136, 136, 0.5);
}
.si.Alla {
  background-image: url("../images/speakers/alla-kholmatova.png");
}
.ss li:hover .si.Alla,
.ss li:active .si.Alla,
.ss li:focus .si.Alla {
  background-image: url("../images/speakers/alla-kholmatova-hov.png");
}
.si.Ilya {
  background-image: url("../images/speakers/ilya-pukhalski.png");
}
.ss li:hover .si.Ilya,
.ss li:active .si.Ilya,
.ss li:focus .si.Ilya {
  background-image: url("../images/speakers/ilya-pukhalski-hov.png");
}
.si.Rachel {
  background-image: url("../images/speakers/rachel-andrew.png");
}
.ss li:hover .si.Rachel,
.ss li:active .si.Rachel,
.ss li:focus .si.Rachel {
  background-image: url("../images/speakers/rachel-andrew-hov.png");
}
.si.Scott {
  background-image: url("../images/speakers/scott-helme.png");
}
.ss li:hover .si.Scott,
.ss li:active .si.Scott,
.ss li:focus .si.Scott {
  background-image: url("../images/speakers/scott-helme-hov.png");
}
.si.Christopher {
  background-image: url("../images/speakers/chris-wright.png");
}
.ss li:hover .si.Christopher,
.ss li:active .si.Christopher,
.ss li:focus .si.Christopher {
  background-image: url("../images/speakers/chris-wright-hov.png");
}
.si.Tiago {
  background-image: url("../images/speakers/tiago-pedras.png");
}
.ss li:hover .si.Tiago,
.ss li:active .si.Tiago,
.ss li:focus .si.Tiago {
  background-image: url("../images/speakers/tiago-pedras-hov.png");
}
.si.Umar {
  background-image: url("../images/speakers/umar-hansa.png");
}
.ss li:hover .si.Umar,
.ss li:active .si.Umar,
.ss li:focus .si.Umar {
  background-image: url("../images/speakers/umar-hansa-hov.png");
}
.si.Mathias {
  background-image: url("../images/speakers/mathias-biilmann.png");
}
.ss li:hover .si.Mathias,
.ss li:active .si.Mathias,
.ss li:focus .si.Mathias {
  background-image: url("../images/speakers/mathias-biilmann-hov.png");
}
.si.Sara {
  background-image: url("../images/speakers/sara-ramos.png");
}
.ss li:hover .si.Sara,
.ss li:active .si.Sara,
.ss li:focus .si.Sara {
  background-image: url("../images/speakers/sara-ramos-hov.png");
}
.si.Emanuela {
  background-image: url("../images/speakers/emanuela-matteo.png");
}
.ss li:hover .si.Emanuela,
.ss li:active .si.Emanuela,
.ss li:focus .si.Emanuela {
  background-image: url("../images/speakers/emanuela-matteo-hov.png");
}
.si.Alma {
  background-image: url("../images/speakers/alma-hoffmann.png");
}
.ss li:hover .si.Alma,
.ss li:active .si.Alma,
.ss li:focus .si.Alma {
  background-image: url("../images/speakers/alma-hoffmann-hov.png");
}
.si.Michael {
  background-image: url("../images/speakers/michael-riethmuller.png");
}
.ss li:hover .si.Michael,
.ss li:active .si.Michael,
.ss li:focus .si.Michael {
  background-image: url("../images/speakers/michael-riethmuller-hov.png");
}
.si.Barry {
  background-image: url("../images/speakers/barry-munsterteiger.png");
}
.ss li:hover .si.Barry,
.ss li:active .si.Barry,
.ss li:focus .si.Barry {
  background-image: url("../images/speakers/barry-munsterteiger-hov.png");
}
.si.Mystery {
  background-image: url("../images/speakers/ms.png");
}
.ss li:hover .si.Mystery,
.ss li:active .si.Mystery,
.ss li:focus .si.Mystery {
  background-image: url("../images/speakers/msh.png");
}
.ss::after {
  background: url("../images/speakers/barry-munsterteiger-hov.png"), url("../images/speakers/emanuela-matteo-hov.png"), url("../images/speakers/alma-hoffmann-hov.png"), url("../images/speakers/michael-riethmuller-hov.png"), url("../images/speakers/alla-kholmatova-hov.png"), url("../images/speakers/chris-wright-hov.png"), url("../images/speakers/sara-ramos-hov.png"), url("../images/speakers/ilya-pukhalski-hov.png"), url("../images/speakers/rachel-andrew-hov.png"),  url("../images/speakers/umar-hansa-hov.png"), url("../images/speakers/tiago-pedras-hov.png"), url("../images/speakers/scott-helme-hov.png"), url("../images/speakers/rachel-andrew-hov.png"), url("../images/speakers/ilya-pukhalski-hov.png"), url("../images/speakers/msh.png");
  visibility: hidden;
  height: 0;
  content: " ";
  clear: both;
}
.konami-animation {
  -webkit-animation: konami-move 8s linear;
          animation: konami-move 8s linear;
}
.ddu,
.ddu li,
.ddu a,
.si,
.bt,
.f a {
  -webkit-transition: all .3s;
          transition: all .3s;
}
@media screen and (max-width: 62.5em) {
  .ss li {
    width: 33%;
  }
  .io .std {
    float: none;
    display: block;
    margin: 6em auto 2em 0;
    width: 32.8%;
  }
  .io .std p {
    margin: 0;
  }
  .f {
    width: 100%;
    text-align: center;
    padding: 2.5em 0 28%;
    background-position: right bottom;
  }
  .f .n {
    margin: 0 auto;
  }
  .n li {
    margin: 0 1.4286em 0 0;
  }
  .n .br {
    display: inline-block;
  }
  .scl {
    margin: 1em 0 0 0;
    padding-top: .625em;
    border-top: 0.08em solid rgba(0, 0, 0, 0.1);
  }
  .n .k {
    margin: .5em .5em 1em;
  }
  .btt {
    clear: both;
  }
  .wrf,
  .scl,
  .btt {
    float: none;
  }
}
@media screen and (max-width: 48em) {
  .io .std {
    width: 50%;
    padding: 1.5% 2.5% 2.5%;
  }
  .ig li {
    width: 31.3%;
  }
  .l li {
    width: 48%;
    margin-right: 2%;
  }
  .vs {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .v {
    float: none;
    margin: 0;
    margin-bottom: 2.75em;
    padding-bottom: 2.75em;
  }
  .v img {
    max-width: 25em;
  }
  .v,
  .s .tnf,
  .s .spnf {
    width: auto;
  }
  .m a:hover,
  .m a.active,
  .v {
    border-bottom: 0.08em solid #eee;
  }
  .f {
    padding-bottom: 33%;
  }
}
@media screen and (max-width: 45.3125em) {
  .si {
    background-size: 9.375em;
  }
  .sc {
    font-size: 1em;
  }
}
@media screen and (max-width: 38.125em) {
  .io .std {
    width: 61.8%;
  }
}
@media screen and (max-width: 37.5em) {
  .spg {
    padding: 0 .9375em 7.5em;
  }
  .ss li {
    width: 50%;
  }
  .ss li:nth-child(2n+1) {
    clear: left;
  }
  .ss li:hover .si,
  .ss li:active .si {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .si {
    background-size: 10.625em;
  }
  .ig li {
    width: 48%;
  }
  .f {
    font-size: .875em;
    line-height: 1.5em;
    padding-bottom: 65%;
  }
  .f em {
    display: block;
    margin-bottom: .8333em;
  }
  .n li {
    margin: 0 .41667em;
  }
  .scl li {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 26.25em) {
  .io .std {
    width: 95%;
    box-sizing: border-box;
    padding: 3% 3% 4%;
  }
  .si {
    height: 15.9375em;
    background-size: 7.5em;
  }
  .cft td {
    padding-left: 0;
    margin-bottom: 1em;
  }
  .cft td:first-child {
    display: inline;
    padding-right: 0;
  }
  .cft td:first-child:after {
    content: " \2022 ";
    color: #333;
  }
  .cft td:nth-child(2) {
    text-align: left;
    display: inline;
    margin-left: 0;
  }
  .cft td:nth-child(3) {
    width: 8em;
    padding-left: 1.5em;
    padding-bottom: 1em;
    vertical-align: bottom;
  }
  .f {
    padding-bottom: 75%;
  }
}
@media print {
  @page {
    padding: 1.5cm;
  }
  * {
    box-shadow: none;
    text-shadow: none;
    color: black;
  }
  body {
    background: #fff;
  }
  h2,
  h3,
  h4 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3,
  h4 {
    page-break-after: avoid;
  }
  img,
  .si,
  .x {
    page-break-inside: avoid;
  }
  .cls {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
  body {
    max-width: 100%;
  }
  .pg {
    border-left: 0;
    border-right: 0;
    margin: 0;
    width: 100%;
  }
  .m,
  .spg,
  .n,
  .scl,
  .hsh {
    display: none;
  }
  header h1 {
    max-width: 5em;
    margin-left: 0;
    padding-left: 0;
  }
  .ddc {
    right: 0;
  }
  .wdd {
    width: auto;
    padding: 0 2.1429em;
    background: none;
  }
  .wdd:after {
    border: 0;
  }
  .rbt {
    font-size: 1.25em;
    margin-bottom: .25em;
  }
  .rbt img {
    width: auto;
    height: 1.25em;
  }
  .c {
    padding: 1em 0 0;
  }
  .hi .ilk {
    display: block;
    float: none;
    margin: 1em auto 2em;
  }
  .iol {
    float: none;
    width: auto;
  }
  .ioc {
    font-size: 1.1875em;
    margin-top: 2em;
  }
  .ioc a:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
    color: #444;
  }
  .ssg {
    background-color: #C7DFB9;
  }
  .ssg h2 {
    text-align: center;
    margin: 0 auto;
  }
  .ss li {
    width: 33.333%;
  }
  .si {
    height: 10em;
    background-size: 6.25em;
  }
  .sc {
    font-size: .875em;
    line-height: 2em;
  }
  .bb {
    margin-bottom: 0;
    padding-bottom: 2.5em;
  }
  .bb h2 {
    font-size: 1.1875em;
  }
  .f {
    width: auto;
    margin-left: 0;
    border-top: 0.08em solid #eee;
    background: transparent;
  }
}
