@charset "UTF-8";
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

 html,body{
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
 }
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@font-face {
  font-family: 'InputMono';
  src: url("fonts/inputmono-regular-webfont.eot");
  src: url("fonts/inputmono-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/inputmono-regular-webfont.woff") format("woff"), url("fonts/inputmono-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'InputMono';
  src: url("fonts/inputmono-bold-webfont.eot");
  src: url("fonts/inputmono-bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/inputmono-bold-webfont.woff") format("woff"), url("fonts/inputmono-bold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
html, body {
  margin: 0;
  padding: 0;
  font-family: "InputMono", "Consolas", "Lucida Console", "Courier", monospace;
  font-size: 14px;
  line-height: 160%;
  color: #1e3d55;
  min-height: 100%;
  height: 100%; }

input, textarea, select, button {
  font-family: "InputMono", "Consolas", "Lucida Console", "Courier", monospace;
  font-size: 14px;
  line-height: 160%; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input:focus, textarea:focus, select:focus, button:focus, a:focus {
  outline: none; }

.container {
  max-width: 1010px;
  padding: 0 30px;
  margin: 0 auto; }
  .container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

html {
  overflow-y: scroll; }

h1, h2, h3, h4, h5, h6, p, ul, ol {
  line-height: 100%;
  margin: 0;
  font-weight: normal; }

h1 {
  text-align: center;
  font-size: 36px; }
  h1 .large-icon {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px; }

p {
  text-align: center;
  line-height: 160%; }

a {
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: underline; }

code {
  display: block;
  font-family: "InputMono", "Consolas", "Lucida Console", "Courier", monospace;
  color: #d3a91e;
  font-size: 14px; }

ul.block-list, .speaker-list, .talk-list li, .talk-list li .subject, .details li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.block-list:before, .speaker-list:before, .talk-list li:before, .talk-list li .subject:before, .housing-list:before, ul.block-list:after, .speaker-list:after, .talk-list li:after, .talk-list li .subject:after, .housing-list:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden; }
  ul.block-list:after, .speaker-list:after, .talk-list li:after, .talk-list li .subject:after, .housing-list:after {
    clear: both; }

.screenreader {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

a.button, button.button {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: #ffca00;
  color: #1e3d55;
  font-size: 18px;
  font-weight: bold;
  padding: 29px 35px 31px;
  text-align: center;
  -webkit-transition: background-color 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
  -moz-transition: background-color 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
  -ms-transition: background-color 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
  -o-transition: background-color 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
  transition: background-color 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67); }
  a.button.button-primary, button.button.button-primary {
    background: #214760;
    color: #ffca00; }
    a.button.button-primary:hover, a.button.button-primary:focus, button.button.button-primary:hover, button.button.button-primary:focus {
      background: #285573; }
  a.button.button-secondary, a.button.button-cta, button.button.button-secondary, button.button.button-cta {
    background: #ffca00;
    color: #1e3d55; }
    a.button.button-secondary:hover, a.button.button-cta:hover, a.button.button-secondary:focus, a.button.button-cta:focus, button.button.button-secondary:hover, button.button.button-cta:hover, button.button.button-secondary:focus, button.button.button-cta:focus {
      background: #ffd533; }
  a.button.button-disabled, button.button.button-disabled {
    cursor: default;
    background: #bcc7cf;
    color: #657c8d; }
    a.button.button-disabled:hover, a.button.button-disabled:focus, button.button.button-disabled:hover, button.button.button-disabled:focus {
      background: #bcc7cf; }
  a.button.button-cta, button.button.button-cta {
    border: 2px solid #214760;
    border-radius: 3px; }

.cta-holder {
  text-align: center;
  padding: 0; }

svg {
  max-height: 100%; }

.sprite, .icon, .large-icon, .illustration-tickets .button:before {
  background: url(images/sprited756.png?20141025) no-repeat -1000px -1000px;
  background-size: 500px 250px;
  display: inline-block;
  overflow: hidden;
  vertical-align: top; }
  .sprite.logo, .logo.icon, .logo.large-icon, .illustration-tickets .logo.button:before {
    width: 207px;
    height: 100px;
    background-position: 0 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .sprite, .icon, .large-icon, .illustration-tickets .button:before {
    background-image: url(images/sprite%402xd756.png?20141025); } }
.icon {
  width: 20px;
  height: 20px; }
  .icon.icon-date {
    background-position: 0px -110px; }
  .icon.icon-place {
    background-position: -30px -110px; }
  .icon.icon-video {
    width: 25px;
    background-position: -60px -110px; }
  .icon.icon-tickets-yellow {
    width: 25px;
    background-position: -90px -110px; }
  .icon.icon-game {
    width: 18px;
    height: 25px;
    margin-top: -3px;
    background-position: -200px -110px; }
  .icon.icon-star {
    background-position: -128px -109px; }
  .icon.icon-send-yellow {
    width: 25px;
    height: 23px;
    background-position: -160px -110px; }

.large-icon {
  width: 50px;
  height: 55px; }
  .large-icon.icon-speakers {
    width: 70px;
    background-position: 2px -150px; }
  .large-icon.icon-calendar {
    background-position: -78px -150px; }
  .large-icon.icon-tickets {
    background-position: -138px -150px; }
  .large-icon.icon-housing {
    background-position: -208px -150px; }
  .large-icon.icon-sponsors {
    background-position: -277px -150px; }
  .large-icon.icon-party {
    background-position: -350px -150px; }
  .large-icon.icon-nodejs {
    background-position: -414px -150px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sprite, .icon, .large-icon, .illustration-tickets .button:before {
    background-image: url(images/sprite%402xd756.png?20141025);
    -webkit-background-size: 500px 250px;
    -moz-background-size: 500px 250px;
    -ms-background-size: 500px 250px;
    -o-background-size: 500px 250px;
    background-size: 500px 250px; } }
.section-header {
  text-align: center; }
  .section-header .logo {
    margin-bottom: 50px; }
  .section-header address {
    margin-bottom: 32px;
    padding-top: 4px;
    font-size: 18px;
    font-style: normal; }
  .section-header time,
  .section-header .adr {
    margin: 0 3px; }
  .section-header time {
    color: #585549; }
  .section-header .adr {
    color: #1e3d55; }
  .section-header .hello {
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: bold; }
  .section-header code {
    margin-bottom: 32px; }

.intro-holder {
  padding-top: 24px;
  background: #ffc20d url(images/illustration-sky.png) no-repeat 50% 100%;
  position: relative; }
  .intro-holder > .container {
    position: relative; }

h1.logo {
  display: block;
  margin: 0 auto; }

.main-menu {
  position: relative;
  max-width: 402px;
  margin: 0 auto;
  padding-bottom: 37px; }
  .main-menu .tickets,
  .main-menu .video {
    position: absolute;
    top: 0;
    width: 202px;
    border: 2px solid #d3a91e; }
    .main-menu .tickets .button,
    .main-menu .video .button {
      display: block;
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      height: 77px; }
  .main-menu .tickets {
    left: 0; }
  .main-menu .video {
    right: 0; }

.countdown {
  margin: 0 200px;
  overflow: hidden;
  text-align: center; }
  .countdown .counter {
    width: 25%;
    float: left;
    border: 1px solid #d3a91e;
    border-top-width: 2px;
    border-bottom-width: 2px;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
    text-transform: uppercase;
    color: #d3a91e; }
    .countdown .counter strong {
      display: block;
      color: #214760;
      height: 79px;
      font-size: 38px;
      line-height: 83px;
      overflow: hidden;
      border-bottom: 2px solid #d3a91e;
      margin-bottom: 2px; }
    .countdown .counter:first-child {
      border-left-width: 2px; }
    .countdown .counter:last-child {
      border-right-width: 2px; }

.illustration-holder {
  border-top: 2px solid #0e374e;
  background: #214760;
  z-index: 10; }

.illustration {
  position: relative;
  background: url(images/illustration.png) no-repeat 50% 0%;
  margin-top: -39px;
  height: 590px;
  padding: 1px; }
  .illustration .obelisk {
    position: absolute;
    background: url(images/obelisk.png) no-repeat 0 0;
    width: 43px;
    height: 215px;
    top: -60px;
    left: 50%;
    margin-left: -21.5px; }

.global-stats {
  max-width: 980px;
  margin: 0 auto;
  color: white;
  text-align: center;
  overflow: hidden;
  padding-bottom: 30px; }
  .global-stats .stat {
    margin: 0;
    width: 25%;
    float: left; }
    .global-stats .stat:first-child .stat-number {
      border-left: 2px solid #0e374e; }
    .global-stats .stat .stat-number {
      background: #298b93;
      padding: 33px 5px 33px 5px;
      border: 2px solid #0e374e;
      border-left: none;
      font-weight: bold; }
      .global-stats .stat .stat-number strong {
        display: block;
        font-size: 58px;
        line-height: 100%; }
    .global-stats .stat figcaption {
      font-size: 14px;
      color: #00c2d3;
      padding: 25px 10px; }
#signup, #aftermovie{
  background-color: #1e3d55;
  padding: 10px;
  color: #ffc81c;
  font-size: 15px;
  border-right: 4px solid #428bca;
  border-bottom: 4px solid #428bca;
}
.signup-form {
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 30px;
  border: 4px solid #d3a91e;

    border-right: 10px solid #d3a91e;
    border-left: 10px solid #d3a91e;
  padding: 30px; }
  .signup-form .input-group {
    display: table;
    width: 100%;
    margin: 0 auto;}
  .signup-form input {
    display: table-cell;
    padding: 13px 15px;
    width: 100%;
    height: 46px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
    background: white;
    border: 2px solid #d3a91e;
    border-right: 10px solid #d3a91e;
    border-left: 10px solid #d3a91e;
    vertical-align: top; }
  .signup-form input[type="submit"] {
    display: block;
    width: 30%;
    cursor: pointer;
    height: 46px;
    padding: 0px 10px;
    margin: auto;
    border: 2px solid #d3a91e;
    color: #ffca00;
    font-weight: bold;
    background: #d3a91e;
    border-left: none;}
    .signup-form button:hover, .signup-form button:focus {
      background: #dfb321; }

/* Attack of the Drones */
/* Styles for Attack of the Drones */
#game-holder {
  position: relative;
  background: #ffc20d;
  z-index: 10; }

#game-holder > img {
  position: absolute;
  z-index: 0;
  bottom: 0; }

#invaders-game {
  position: relative;
  background: rgba(255, 194, 13, 0.85); }

#game-instructions {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  text-align: center;
  color: #ffffff;
  font-family: InputMono;
  z-index: 100;
  font-size: 26px;
  line-height: 160%; }

#game-score {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 180px;
  margin-left: -90px;
  text-align: center;
  color: #223F59;
  font-family: InputMono;
  border: 2px solid #223F59;
  z-index: 100;
  /*background: rgba(255,255,255,0.1);*/ }

#game-score-text {
  font-size: 32px;
  line-height: 110%;
  font-weight: bold;
  padding: 10px 10px 0px 10px; }

#game-score .score-text {
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 10px; }

#game-score p {
  line-height: 110%;
  font-size: 16px;
  padding-bottom: 9px; }

.game-friends-title {
  line-height: 140%;
  font-weight: bold;
  background: rgba(34, 63, 89, 0.85);
  padding: 8px 0px 5px 0px;
  color: #fff; }

.game-friends-text {
  padding-top: 5px;
  line-height: 140%;
  font-size: 12px;
  font-weight: normal;
  background: rgba(34, 63, 89, 0.85);
  padding: 0 0 5px 0;
  color: #fff; }

#game-progress {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100; }

#game-progress-bar {
  position: relative;
  box-sizing: border-box;
  min-width: 90px;
  width: 0%;
  height: 18px;
  padding-right: 15px;
  font-size: 9px;
  line-height: 21px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  text-align: right;
  font-family: InputMono;
  background: rgba(34, 63, 89, 0.85);
  white-space: nowrap;
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out; }

#game-progress-bar::after {
  position: absolute;
  content: "";
  top: 0px;
  right: -12px;
  width: 23px;
  height: 18px;
  background: url(../game_assets/ui/input.png) no-repeat 50% 50%;
  background-size: 23px 18px; }

#game-overlay, #game-over {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  color: #fff;
  text-align: center;
  font-family: InputMono;
  background: rgba(255, 198, 25, 0.7);
  z-index: 200; }

#game-overlay {
  display: block; }

#game-over {
  display: none; }

#game-over .game-over-share {
  padding-top: 10px; }
#game-over a.share-twitter {
  display: inline-block;
  font-size: 20px;
  line-height: 36px;
  font-weight: bold;
  color: #00B2EF;
  border: 2px solid #00B2EF;
  padding: 0px 10px;
  text-decoration: none; }
  #game-over a.share-twitter:hover {
    background: rgba(0, 178, 239, 0.09); }
#game-over a.share-facebook {
  display: inline-block;
  font-size: 20px;
  line-height: 36px;
  font-weight: bold;
  color: #34579A;
  border: 2px solid #34579A;
  padding: 0px 10px;
  text-decoration: none; }
  #game-over a.share-facebook:hover {
    background: rgba(52, 87, 154, 0.11); }

#game-overlay .game-ui-container, #game-over .game-ui-container {
  box-sizing: border-box;
  max-width: 399px;
  margin: 10px auto 0 auto;
  z-index: 10;
  background: #ffffff; }

#game-over .game-ui-container {
  margin-top: 200px; }

.game-signup {
  display: block; }

.game-signup figure {
  background: #214760; }

.game-signup figure, .game-signup img {
  display: block;
  margin: 0; }

.game-signup form {
  padding: 20px;
  position: relative; }

.game-signup form[disabled] {
  background: url(../game_assets/ui/loading.gif) no-repeat 50% 35%; }
  .game-signup form[disabled] input, .game-signup form[disabled] button {
    visibility: hidden; }
  .game-signup form[disabled]::after {
    position: absolute;
    bottom: 15%;
    left: 0px;
    width: 100%;
    content: "... Loading Game ...";
    text-align: center;
    color: #303030; }

.game-signup input {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
  padding-left: 50px;
  background: url(../game_assets/ui/input.png) no-repeat 10px 10px;
  border: 2px solid #1e3e55;
  color: #1e3e55; }

.game-signup button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  background: #334F6E;
  border: none;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  padding: 14px 15px; }

.game-signup button:hover {
  background: #1e3e55; }

.game-over .game-over-title {
  background: #213F5A;
  text-align: left;
  font-size: 16px;
  line-height: 110%;
  font-weight: normal;
  padding: 10px 15px; }

.game-over .game-over-text {
  box-sizing: border-box;
  font-size: 24px;
  line-height: 140%;
  font-weight: bold;
  color: #213F5A;
  text-align: left;
  padding: 20px 15px 20px 100px;
  min-height: 100px;
  background: url(../game_assets/ui/error.png) no-repeat 20px 20px; }

.game-over .game-over-continue {
  display: block;
  font-size: 16px;
  color: #213F5A;
  background: #ebeff0;
  padding: 10px 15px; }

.game-signup figure {
  position: relative; }
.game-signup .game-title {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  font-size: 18px;
  line-height: 29px; }
.game-signup .game-detail {
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
  font-size: 12px;
  line-height: 29px; }

.intro-holder {
  background: #ffca00;
  padding-top: 0px;
  min-height: 560px;
  z-index: 0; }
  .intro-holder > .container {
    padding-top: 24px;
    z-index: 900; }

#game-holder {
  position: absolute;
  background: #ffc20d;
  z-index: 10;
  height: 560px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#game-score {
  display: none; }

#game-progress {
  display: none; }

.game-signup {
  display: none; }

.section-speakers {
  background: white;
  color: #1e3d55;
  padding: 60px 0; }
  .section-speakers h1 {
    margin-bottom: 30px; }
  .section-speakers .speaker-svg {
    display: block;
    position: relative; }
    .section-speakers .speaker-svg svg {
      max-width: 70px; }
  .section-speakers .signup-form {
    margin-top: 30px; }
  .section-speakers .cta-holder {
    margin-top: 45px; }

.speaker-list {
  padding: 2px 4px 0 12px;
  margin: 40px -20px; }

.speaker {
  display: block;
  width: 50%;
  float: left;
  min-height: 132px;
  border: 2px solid #bcc7cf;
  margin: -2px 0 0 -2px; }
  .speaker figure {
    float: left;
    margin: 0;
    position: relative;
    width: 128px;
    height: 128px; }
    .speaker figure img {
      display: block;
      width: 100%;
      height: 100%; }
  .speaker .flag {
    position: absolute;
    top: 0;
    left: 0; }
  .speaker .icon-nodejs {
    position: absolute;
    top: 65px;
    left: -26px;
    z-index: 10; }
  .speaker .description {
    margin-left: 128px;
    padding: 17px 20px 0 20px; }
  .speaker .name {
    min-height: 85px; }
  .speaker h2 {
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: bold;
    text-align: left; }
  .speaker p {
    font-size: 17px;
    text-align: left; }
  .speaker .social {
    padding-bottom: 10px; }
  .speaker a.facebook {
    color: #133783; }
  .speaker a.twitter {
    color: #55acee; }
  .speaker a.github {
    color: #212121; }
  .speaker.full-width {
    margin-right: 4px;
    width: auto;
    float: none;
    clear: both; }
  .speaker.keynote-speaker {
    min-height: 164px; }
    .speaker.keynote-speaker h2 {
      font-size: 22px; }
      .speaker.keynote-speaker h2 em {
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        background: #264d7e;
        color: white;
        padding: 2px 8px;
        border-radius: 3px;
        vertical-align: top;
        margin-top: -3px;
        margin-left: 10px; }
    .speaker.keynote-speaker p.talk {
      font-size: 15px;
      margin-top: 6px; }
    .speaker.keynote-speaker .name {
      min-height: 115px; }
    .speaker.keynote-speaker figure {
      width: 160px;
      height: 160px; }
    .speaker.keynote-speaker .description {
      margin-left: 160px; }
  .speaker.speaker-teaser {
    padding: 47px 20px 0 20px;
    background: #bcc7cf; }
    .speaker.speaker-teaser h2 {
      text-align: center;
      line-height: 140%; }

.flag {
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: url(images/flagsec70.png?20141017) no-repeat -1000px -1000px;
  background-size: 300px 30px;
  z-index: 10; }
  .flag.flag-argentina {
    background-position: 0px 0px; }
  .flag.flag-usa {
    background-position: -30px 0px; }
  .flag.flag-brazil {
    background-position: -60px 0px; }
  .flag.flag-spain {
    background-position: -90px 0px; }
  .flag.flag-switzerland {
    background-position: -120px 0px; }
  .flag.flag-colombia {
    background-position: -150px 0px; }
  .flag.flag-bulgary {
    background-position: -180px 0px; }
  .flag.flag-uruguay {
    background-position: -210px 0px; }

.section-calendar {
  background: #214760;
  color: white;
  padding: 60px 0; }
  .section-calendar h1 {
    margin-bottom: 40px; }

.agenda-svg {
  display: block;
  position: relative; }
  .agenda-svg svg {
    max-width: 50px; }

.talk-list {
  position: relative;
  padding: 0; }
  .talk-list:after {
    content: "";
    width: 2px;
    background: #0e374e;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 50%;
    margin-left: -1px;
    z-index: 1; }
  .talk-list li {
    position: relative;
    z-index: 3;
    margin-bottom: 30px; }
    .talk-list li:before {
      content: "";
      position: absolute;
      top: 3px;
      left: 49.5%;
      border: 2px solid #0e374e;
      display: block;
      width: 10px;
      height: 10px;
      background: #214760;
      z-index: 2; }
    .talk-list li .break-icon,
    .talk-list li .checkin-icon,
    .talk-list li .party-icon {
      width: 47.5px;
      height: 27.5px;
      position: absolute;
      top: -6px;
      left: 50%;
      margin-left: -24px;
      z-index: 100; }
      .talk-list li .break-icon:after,
      .talk-list li .checkin-icon:after,
      .talk-list li .party-icon:after {
        content: "";
        width: 175px;
        height: 25px;
        background: #ffca00;
        position: absolute;
        top: 1px;
        left: 50%;
        z-index: -10; }
      .talk-list li .break-icon svg,
      .talk-list li .checkin-icon svg,
      .talk-list li .party-icon svg {
        width: 100%;
        height: 100%; }
    .talk-list li .party-icon {
      top: -14px;
      width: 32px;
      height: 40px;
      margin-left: -13px; }
      .talk-list li .party-icon:after {
        top: 11px; }
    .talk-list li .break-icon {
      width: 37px;
      height: 37px;
      top: -7px;
      margin-left: -17px; }
      .talk-list li .break-icon:after {
        top: 5px; }
    .talk-list li .more {
      width: 30px;
      height: 30px;
      right: -2px;
      position: absolute;
      bottom: -2px;
      border: 2px solid #0e374e;
      color: #ffca00;
      text-align: center;
      line-height: 30px;
      font-size: 1.5em;
      text-decoration: none; }
      .talk-list li .more:hover {
        text-decoration: none; }
    .talk-list li .time {
      width: 49.5%;
      float: left;
      text-align: right;
      padding-right: 30px;
      -webkit-transition: padding-right ease-in-out 0.25s, -webkit-transform 0.25s ease-in-out;
      -moz-transition: padding-right ease-in-out 0.25s, -moz-transform 0.25s ease-in-out;
      transition: padding-right ease-in-out 0.25s, transform 0.25s ease-in-out; }
      .talk-list li .time span {
        background: #ff4a25;
        font-size: 0.8em;
        padding: 0 7px;
        position: relative; }
        .talk-list li .time span:after {
          content: "";
          border: 5px solid transparent;
          border-left: 5px solid #ff4a25;
          display: block;
          position: absolute;
          height: 0;
          width: 0;
          left: 100%;
          top: 4px; }
    .talk-list li .actions {
      position: absolute;
      left: 100%;
      top: 0; }
      .talk-list li .actions a {
        margin-top: -2px;
        display: block; }
      .talk-list li .actions .md-close {
        background: url(images/close-button.png) no-repeat center;
        border: 2px solid #0e374e;
        width: 50px;
        height: 50px;
        display: block;
        padding: 0;
        margin-bottom: 100px; }
      .talk-list li .actions .share {
        display: block;
        width: 127px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 1em;
        border: 2px solid #0e374e; }
        .talk-list li .actions .share.twitter {
          color: #55acee; }
        .talk-list li .actions .share.facebook {
          color: #5a86e5; }
    .talk-list li .subject {
      width: 49.5%;
      float: right;
      padding-left: 30px;
      -webkit-transition: -webkit-transform 0.25s ease-in-out;
      -moz-transition: -moz-transform 0.25s ease-in-out;
      transition: transform 0.25s ease-in-out;
      position: relative;
      z-index: 5; }
      .talk-list li .subject.icon {
        color: #0e374e;
        font-size: 12px;
        z-index: 100; }
        .talk-list li .subject.icon h5 {
          line-height: 19px; }
        .talk-list li .subject.icon.party h5 {
          line-height: 20px; }
        .talk-list li .subject.icon.break h5 {
          line-height: 23px; }
      .talk-list li .subject .description {
        min-height: 96px;
        border: 2px solid #0e374e;
        padding: 15px 15px 0px 15px;
        margin-left: 92px;
        position: relative;
        cursor: pointer;
        background: #214760; }
        .talk-list li .subject .description h5 {
          margin-bottom: 10px;
          font-size: 19px; }
      .talk-list li .subject .avatar {
        border: 2px solid #0e374e;
        position: absolute;
        top: -2px;
        left: -96px; }
    .talk-list li h5 {
      font-size: 1.15em;
      line-height: 1.15em; }
    .talk-list li h6 {
      font-size: 1em;
      color: #179e7b;
      margin-bottom: 10px; }
      .talk-list li h6 .pill {
        background: #179e7b;
        color: white;
        font-size: 0.75em;
        text-transform: uppercase;
        padding: 0 5px; }
    .talk-list li .details {
      visibility: hidden;
      opacity: 0;
      max-height: 0;
      -webkit-transition: visibility ease-in-out 0.5s, opacity ease-in-out 0.5s, max-height ease-in-out 0.5s;
      -moz-transition: visibility ease-in-out 0.5s, opacity ease-in-out 0.5s, max-height ease-in-out 0.5s;
      transition: visibility ease-in-out 0.5s, opacity ease-in-out 0.5s, max-height ease-in-out 0.5s; }
      .talk-list li .details p {
        text-align: left;
        font-size: 1em;
        padding: 10px 0; }
      .talk-list li .details h6 {
        color: #ffca00; }
        .talk-list li .details h6 a {
          color: #ffca00;
          text-decoration: none; }
    .talk-list li.open .subject, .talk-list li.open .time {
      -webkit-transform: translateX(-127px);
      -moz-transform: translateX(-127px);
      transform: translateX(-127px); }
    .talk-list li.open .description {
      cursor: text; }
    .talk-list li.open:before {
      opacity: 0; }
    .talk-list li.open .time {
      padding-right: 0; }
    .talk-list li.open .details {
      opacity: 1;
      visibility: visible;
      max-height: 12000px; }
    .talk-list li.open .more {
      display: none; }
    .talk-list li.open .actions {
      display: block; }
    .talk-list li.highlight .subject .description,
    .talk-list li.highlight .avatar,
    .talk-list li.highlight .more,
    .talk-list li.highlight .actions a, .talk-list li.highlight:before {
      border: 2px solid #ffca00; }
    .talk-list li.highlight .more {
      color: #ffca00; }
    .talk-list li.odd .time {
      float: right;
      text-align: left;
      padding-left: 30px;
      padding-right: 0; }
    .talk-list li.odd .subject {
      float: left;
      padding-left: 0;
      padding-right: 30px; }
      .talk-list li.odd .subject .description {
        margin-left: 0;
        margin-right: 92px; }
      .talk-list li.odd .subject .avatar {
        left: auto;
        right: -96px; }
    .talk-list li.odd .actions {
      left: auto;
      right: 100%; }
    .talk-list li.odd.open .subject, .talk-list li.odd.open .time {
      -webkit-transform: translateX(128px);
      -moz-transform: translateX(128px);
      transform: translateX(128px); }
    .talk-list li.odd.open .time {
      padding-left: 0; }
      .talk-list .details li{
        list-style-type: none;
      }

.event-starts-0800 {
  left: 0%; }

.event-ends-0800 {
  right: 100%; }

.event-starts-0805 {
  left: 0.55556%; }

.event-ends-0805 {
  right: 99.44444%; }

.event-starts-0810 {
  left: 1.11111%; }

.event-ends-0810 {
  right: 98.88889%; }

.event-starts-0815 {
  left: 1.66667%; }

.event-ends-0815 {
  right: 98.33333%; }

.event-starts-0820 {
  left: 2.22222%; }

.event-ends-0820 {
  right: 97.77778%; }

.event-starts-0825 {
  left: 2.77778%; }

.event-ends-0825 {
  right: 97.22222%; }

.event-starts-0830 {
  left: 3.33333%; }

.event-ends-0830 {
  right: 96.66667%; }

.event-starts-0835 {
  left: 3.88889%; }

.event-ends-0835 {
  right: 96.11111%; }

.event-starts-0840 {
  left: 4.44444%; }

.event-ends-0840 {
  right: 95.55556%; }

.event-starts-0845 {
  left: 5%; }

.event-ends-0845 {
  right: 95%; }

.event-starts-0850 {
  left: 5.55556%; }

.event-ends-0850 {
  right: 94.44444%; }

.event-starts-0855 {
  left: 6.11111%; }

.event-ends-0855 {
  right: 93.88889%; }

.event-starts-0900 {
  left: 6.66667%; }

.event-ends-0900 {
  right: 93.33333%; }

.event-starts-0905 {
  left: 7.22222%; }

.event-ends-0905 {
  right: 92.77778%; }

.event-starts-0910 {
  left: 7.77778%; }

.event-ends-0910 {
  right: 92.22222%; }

.event-starts-0915 {
  left: 8.33333%; }

.event-ends-0915 {
  right: 91.66667%; }

.event-starts-0920 {
  left: 8.88889%; }

.event-ends-0920 {
  right: 91.11111%; }

.event-starts-0925 {
  left: 9.44444%; }

.event-ends-0925 {
  right: 90.55556%; }

.event-starts-0930 {
  left: 10%; }

.event-ends-0930 {
  right: 90%; }

.event-starts-0935 {
  left: 10.55556%; }

.event-ends-0935 {
  right: 89.44444%; }

.event-starts-0940 {
  left: 11.11111%; }

.event-ends-0940 {
  right: 88.88889%; }

.event-starts-0945 {
  left: 11.66667%; }

.event-ends-0945 {
  right: 88.33333%; }

.event-starts-0950 {
  left: 12.22222%; }

.event-ends-0950 {
  right: 87.77778%; }

.event-starts-0955 {
  left: 12.77778%; }

.event-ends-0955 {
  right: 87.22222%; }

.event-starts-1000 {
  left: 13.33333%; }

.event-ends-1000 {
  right: 86.66667%; }

.event-starts-1005 {
  left: 13.88889%; }

.event-ends-1005 {
  right: 86.11111%; }

.event-starts-1010 {
  left: 14.44444%; }

.event-ends-1010 {
  right: 85.55556%; }

.event-starts-1015 {
  left: 15%; }

.event-ends-1015 {
  right: 85%; }

.event-starts-1020 {
  left: 15.55556%; }

.event-ends-1020 {
  right: 84.44444%; }

.event-starts-1025 {
  left: 16.11111%; }

.event-ends-1025 {
  right: 83.88889%; }

.event-starts-1030 {
  left: 16.66667%; }

.event-ends-1030 {
  right: 83.33333%; }

.event-starts-1035 {
  left: 17.22222%; }

.event-ends-1035 {
  right: 82.77778%; }

.event-starts-1040 {
  left: 17.77778%; }

.event-ends-1040 {
  right: 82.22222%; }

.event-starts-1045 {
  left: 18.33333%; }

.event-ends-1045 {
  right: 81.66667%; }

.event-starts-1050 {
  left: 18.88889%; }

.event-ends-1050 {
  right: 81.11111%; }

.event-starts-1055 {
  left: 19.44444%; }

.event-ends-1055 {
  right: 80.55556%; }

.event-starts-1100 {
  left: 20%; }

.event-ends-1100 {
  right: 80%; }

.event-starts-1105 {
  left: 20.55556%; }

.event-ends-1105 {
  right: 79.44444%; }

.event-starts-1110 {
  left: 21.11111%; }

.event-ends-1110 {
  right: 78.88889%; }

.event-starts-1115 {
  left: 21.66667%; }

.event-ends-1115 {
  right: 78.33333%; }

.event-starts-1120 {
  left: 22.22222%; }

.event-ends-1120 {
  right: 77.77778%; }

.event-starts-1125 {
  left: 22.77778%; }

.event-ends-1125 {
  right: 77.22222%; }

.event-starts-1130 {
  left: 23.33333%; }

.event-ends-1130 {
  right: 76.66667%; }

.event-starts-1135 {
  left: 23.88889%; }

.event-ends-1135 {
  right: 76.11111%; }

.event-starts-1140 {
  left: 24.44444%; }

.event-ends-1140 {
  right: 75.55556%; }

.event-starts-1145 {
  left: 25%; }

.event-ends-1145 {
  right: 75%; }

.event-starts-1150 {
  left: 25.55556%; }

.event-ends-1150 {
  right: 74.44444%; }

.event-starts-1155 {
  left: 26.11111%; }

.event-ends-1155 {
  right: 73.88889%; }

.event-starts-1200 {
  left: 26.66667%; }

.event-ends-1200 {
  right: 73.33333%; }

.event-starts-1205 {
  left: 27.22222%; }

.event-ends-1205 {
  right: 72.77778%; }

.event-starts-1210 {
  left: 27.77778%; }

.event-ends-1210 {
  right: 72.22222%; }

.event-starts-1215 {
  left: 28.33333%; }

.event-ends-1215 {
  right: 71.66667%; }

.event-starts-1220 {
  left: 28.88889%; }

.event-ends-1220 {
  right: 71.11111%; }

.event-starts-1225 {
  left: 29.44444%; }

.event-ends-1225 {
  right: 70.55556%; }

.event-starts-1230 {
  left: 30%; }

.event-ends-1230 {
  right: 70%; }

.event-starts-1235 {
  left: 30.55556%; }

.event-ends-1235 {
  right: 69.44444%; }

.event-starts-1240 {
  left: 31.11111%; }

.event-ends-1240 {
  right: 68.88889%; }

.event-starts-1245 {
  left: 31.66667%; }

.event-ends-1245 {
  right: 68.33333%; }

.event-starts-1250 {
  left: 32.22222%; }

.event-ends-1250 {
  right: 67.77778%; }

.event-starts-1255 {
  left: 32.77778%; }

.event-ends-1255 {
  right: 67.22222%; }

.event-starts-1300 {
  left: 33.33333%; }

.event-ends-1300 {
  right: 66.66667%; }

.event-starts-1305 {
  left: 33.88889%; }

.event-ends-1305 {
  right: 66.11111%; }

.event-starts-1310 {
  left: 34.44444%; }

.event-ends-1310 {
  right: 65.55556%; }

.event-starts-1315 {
  left: 35.0%; }

.event-ends-1315 {
  right: 65%; }

.event-starts-1320 {
  left: 35.55556%; }

.event-ends-1320 {
  right: 64.44444%; }

.event-starts-1325 {
  left: 36.11111%; }

.event-ends-1325 {
  right: 63.88889%; }

.event-starts-1330 {
  left: 36.66667%; }

.event-ends-1330 {
  right: 63.33333%; }

.event-starts-1335 {
  left: 37.22222%; }

.event-ends-1335 {
  right: 62.77778%; }

.event-starts-1340 {
  left: 37.77778%; }

.event-ends-1340 {
  right: 62.22222%; }

.event-starts-1345 {
  left: 38.33333%; }

.event-ends-1345 {
  right: 61.66667%; }

.event-starts-1350 {
  left: 38.88889%; }

.event-ends-1350 {
  right: 61.11111%; }

.event-starts-1355 {
  left: 39.44444%; }

.event-ends-1355 {
  right: 60.55556%; }

.event-starts-1400 {
  left: 40%; }

.event-ends-1400 {
  right: 60%; }

.event-starts-1405 {
  left: 40.55556%; }

.event-ends-1405 {
  right: 59.44444%; }

.event-starts-1410 {
  left: 41.11111%; }

.event-ends-1410 {
  right: 58.88889%; }

.event-starts-1415 {
  left: 41.66667%; }

.event-ends-1415 {
  right: 58.33333%; }

.event-starts-1420 {
  left: 42.22222%; }

.event-ends-1420 {
  right: 57.77778%; }

.event-starts-1425 {
  left: 42.77778%; }

.event-ends-1425 {
  right: 57.22222%; }

.event-starts-1430 {
  left: 43.33333%; }

.event-ends-1430 {
  right: 56.66667%; }

.event-starts-1435 {
  left: 43.88889%; }

.event-ends-1435 {
  right: 56.11111%; }

.event-starts-1440 {
  left: 44.44444%; }

.event-ends-1440 {
  right: 55.55556%; }

.event-starts-1445 {
  left: 45%; }

.event-ends-1445 {
  right: 55%; }

.event-starts-1450 {
  left: 45.55556%; }

.event-ends-1450 {
  right: 54.44444%; }

.event-starts-1455 {
  left: 46.11111%; }

.event-ends-1455 {
  right: 53.88889%; }

.event-starts-1500 {
  left: 46.66667%; }

.event-ends-1500 {
  right: 53.33333%; }

.event-starts-1505 {
  left: 47.22222%; }

.event-ends-1505 {
  right: 52.77778%; }

.event-starts-1510 {
  left: 47.77778%; }

.event-ends-1510 {
  right: 52.22222%; }

.event-starts-1515 {
  left: 48.33333%; }

.event-ends-1515 {
  right: 51.66667%; }

.event-starts-1520 {
  left: 48.88889%; }

.event-ends-1520 {
  right: 51.11111%; }

.event-starts-1525 {
  left: 49.44444%; }

.event-ends-1525 {
  right: 50.55556%; }

.event-starts-1530 {
  left: 50%; }

.event-ends-1530 {
  right: 50%; }

.event-starts-1535 {
  left: 50.55556%; }

.event-ends-1535 {
  right: 49.44444%; }

.event-starts-1540 {
  left: 51.11111%; }

.event-ends-1540 {
  right: 48.88889%; }

.event-starts-1545 {
  left: 51.66667%; }

.event-ends-1545 {
  right: 48.33333%; }

.event-starts-1550 {
  left: 52.22222%; }

.event-ends-1550 {
  right: 47.77778%; }

.event-starts-1555 {
  left: 52.77778%; }

.event-ends-1555 {
  right: 47.22222%; }

.event-starts-1600 {
  left: 53.33333%; }

.event-ends-1600 {
  right: 46.66667%; }

.event-starts-1605 {
  left: 53.88889%; }

.event-ends-1605 {
  right: 46.11111%; }

.event-starts-1610 {
  left: 54.44444%; }

.event-ends-1610 {
  right: 45.55556%; }

.event-starts-1615 {
  left: 55%; }

.event-ends-1615 {
  right: 45%; }

.event-starts-1620 {
  left: 55.55556%; }

.event-ends-1620 {
  right: 44.44444%; }

.event-starts-1625 {
  left: 56.11111%; }

.event-ends-1625 {
  right: 43.88889%; }

.event-starts-1630 {
  left: 56.66667%; }

.event-ends-1630 {
  right: 43.33333%; }

.event-starts-1635 {
  left: 57.22222%; }

.event-ends-1635 {
  right: 42.77778%; }

.event-starts-1640 {
  left: 57.77778%; }

.event-ends-1640 {
  right: 42.22222%; }

.event-starts-1645 {
  left: 58.33333%; }

.event-ends-1645 {
  right: 41.66667%; }

.event-starts-1650 {
  left: 58.88889%; }

.event-ends-1650 {
  right: 41.11111%; }

.event-starts-1655 {
  left: 59.44444%; }

.event-ends-1655 {
  right: 40.55556%; }

.event-starts-1700 {
  left: 60%; }

.event-ends-1700 {
  right: 40%; }

.event-starts-1705 {
  left: 60.55556%; }

.event-ends-1705 {
  right: 39.44444%; }

.event-starts-1710 {
  left: 61.11111%; }

.event-ends-1710 {
  right: 38.88889%; }

.event-starts-1715 {
  left: 61.66667%; }

.event-ends-1715 {
  right: 38.33333%; }

.event-starts-1720 {
  left: 62.22222%; }

.event-ends-1720 {
  right: 37.77778%; }

.event-starts-1725 {
  left: 62.77778%; }

.event-ends-1725 {
  right: 37.22222%; }

.event-starts-1730 {
  left: 63.33333%; }

.event-ends-1730 {
  right: 36.66667%; }

.event-starts-1735 {
  left: 63.88889%; }

.event-ends-1735 {
  right: 36.11111%; }

.event-starts-1740 {
  left: 64.44444%; }

.event-ends-1740 {
  right: 35.55556%; }

.event-starts-1745 {
  left: 65%; }

.event-ends-1745 {
  right: 35%; }

.event-starts-1750 {
  left: 65.55556%; }

.event-ends-1750 {
  right: 34.44444%; }

.event-starts-1755 {
  left: 66.11111%; }

.event-ends-1755 {
  right: 33.88889%; }

.event-starts-1800 {
  left: 66.66667%; }

.event-ends-1800 {
  right: 33.33333%; }

.event-starts-1805 {
  left: 67.22222%; }

.event-ends-1805 {
  right: 32.77778%; }

.event-starts-1810 {
  left: 67.77778%; }

.event-ends-1810 {
  right: 32.22222%; }

.event-starts-1815 {
  left: 68.33333%; }

.event-ends-1815 {
  right: 31.66667%; }

.event-starts-1820 {
  left: 68.88889%; }

.event-ends-1820 {
  right: 31.11111%; }

.event-starts-1825 {
  left: 69.44444%; }

.event-ends-1825 {
  right: 30.55556%; }

.event-starts-1830 {
  left: 70.0%; }

.event-ends-1830 {
  right: 30.0%; }

.event-starts-1835 {
  left: 70.55556%; }

.event-ends-1835 {
  right: 29.44444%; }

.event-starts-1840 {
  left: 71.11111%; }

.event-ends-1840 {
  right: 28.88889%; }

.event-starts-1845 {
  left: 71.66667%; }

.event-ends-1845 {
  right: 28.33333%; }

.event-starts-1850 {
  left: 72.22222%; }

.event-ends-1850 {
  right: 27.77778%; }

.event-starts-1855 {
  left: 72.77778%; }

.event-ends-1855 {
  right: 27.22222%; }

.event-starts-1900 {
  left: 73.33333%; }

.event-ends-1900 {
  right: 26.66667%; }

.event-starts-1905 {
  left: 73.88889%; }

.event-ends-1905 {
  right: 26.11111%; }

.event-starts-1910 {
  left: 74.44444%; }

.event-ends-1910 {
  right: 25.55556%; }

.event-starts-1915 {
  left: 75%; }

.event-ends-1915 {
  right: 25%; }

.event-starts-1920 {
  left: 75.55556%; }

.event-ends-1920 {
  right: 24.44444%; }

.event-starts-1925 {
  left: 76.11111%; }

.event-ends-1925 {
  right: 23.88889%; }

.event-starts-1930 {
  left: 76.66667%; }

.event-ends-1930 {
  right: 23.33333%; }

.event-starts-1935 {
  left: 77.22222%; }

.event-ends-1935 {
  right: 22.77778%; }

.event-starts-1940 {
  left: 77.77778%; }

.event-ends-1940 {
  right: 22.22222%; }

.event-starts-1945 {
  left: 78.33333%; }

.event-ends-1945 {
  right: 21.66667%; }

.event-starts-1950 {
  left: 78.88889%; }

.event-ends-1950 {
  right: 21.11111%; }

.event-starts-1955 {
  left: 79.44444%; }

.event-ends-1955 {
  right: 20.55556%; }

.event-starts-2000 {
  left: 80%; }

.event-ends-2000 {
  right: 20%; }

.event-starts-2005 {
  left: 80.55556%; }

.event-ends-2005 {
  right: 19.44444%; }

.event-starts-2010 {
  left: 81.11111%; }

.event-ends-2010 {
  right: 18.88889%; }

.event-starts-2015 {
  left: 81.66667%; }

.event-ends-2015 {
  right: 18.33333%; }

.event-starts-2020 {
  left: 82.22222%; }

.event-ends-2020 {
  right: 17.77778%; }

.event-starts-2025 {
  left: 82.77778%; }

.event-ends-2025 {
  right: 17.22222%; }

.event-starts-2030 {
  left: 83.33333%; }

.event-ends-2030 {
  right: 16.66667%; }

.event-starts-2035 {
  left: 83.88889%; }

.event-ends-2035 {
  right: 16.11111%; }

.event-starts-2040 {
  left: 84.44444%; }

.event-ends-2040 {
  right: 15.55556%; }

.event-starts-2045 {
  left: 85%; }

.event-ends-2045 {
  right: 15%; }

.event-starts-2050 {
  left: 85.55556%; }

.event-ends-2050 {
  right: 14.44444%; }

.event-starts-2055 {
  left: 86.11111%; }

.event-ends-2055 {
  right: 13.88889%; }

.event-starts-2100 {
  left: 86.66667%; }

.event-ends-2100 {
  right: 13.33333%; }

.event-starts-2105 {
  left: 87.22222%; }

.event-ends-2105 {
  right: 12.77778%; }

.event-starts-2110 {
  left: 87.77778%; }

.event-ends-2110 {
  right: 12.22222%; }

.event-starts-2115 {
  left: 88.33333%; }

.event-ends-2115 {
  right: 11.66667%; }

.event-starts-2120 {
  left: 88.88889%; }

.event-ends-2120 {
  right: 11.11111%; }

.event-starts-2125 {
  left: 89.44444%; }

.event-ends-2125 {
  right: 10.55556%; }

.event-starts-2130 {
  left: 90%; }

.event-ends-2130 {
  right: 10%; }

.event-starts-2135 {
  left: 90.55556%; }

.event-ends-2135 {
  right: 9.44444%; }

.event-starts-2140 {
  left: 91.11111%; }

.event-ends-2140 {
  right: 8.88889%; }

.event-starts-2145 {
  left: 91.66667%; }

.event-ends-2145 {
  right: 8.33333%; }

.event-starts-2150 {
  left: 92.22222%; }

.event-ends-2150 {
  right: 7.77778%; }

.event-starts-2155 {
  left: 92.77778%; }

.event-ends-2155 {
  right: 7.22222%; }

.event-starts-2200 {
  left: 93.33333%; }

.event-ends-2200 {
  right: 6.66667%; }

.section-place {
  background: #d3a91e; }

.place-grid {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  height: 510px;
  background: url(../images/auditorium.jpg) no-repeat 50% 50%;
  background-size: cover; }
  .place-grid figure {
    margin: 0; }
  .place-grid .place-cell-data {
    position: absolute;
    width: 50%;
    height: 45%;
    top: 0;
    left: 0;
    background: rgba(255, 202, 0, 0.8);
    padding-top: 30px;
    padding-left: 130px; }
    .place-grid .place-cell-data h1 {
      text-align: left;
      margin-bottom: 26px; }
    .place-grid .place-cell-data address {
      font-style: normal; }
    .place-grid .place-cell-data p {
      font-size: 18px;
      line-height: 150%;
      color: white;
      text-align: left; }
      .place-grid .place-cell-data p strong {
        display: block;
        font-size: 20px; }
      .place-grid .place-cell-data p.street-address {
        margin-top: 13px;
        font-size: 15px; }
      .place-grid .place-cell-data p a {
        color: white;
        text-decoration: underline;
        white-space: nowrap; }
  .place-grid .place-cell-map {
    position: absolute;
    width: 50%;
    top: 45%;
    left: 0;
    bottom: 0;
    background: #bcc7cf;
    overflow: hidden; }
    .place-grid .place-cell-map .map-holder {
      width: 100%;
      height: 100%; }
      .place-grid .place-cell-map .map-holder .gm-style > .gm-style-cc {
        display: none !important; }
    .place-grid .place-cell-map .map-cover {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10; }
    .place-grid .place-cell-map iframe {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 200%;
      margin-top: -25%;
      z-index: 1; }
  .place-grid .place-cell-photo {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    bottom: 0; }

.section-tickets {
  background: white;
  padding: 60px 0 0 0;
  /* This leaves room for the progressbar */ }
  .section-tickets .container {
    padding-bottom: 80px; }
  .section-tickets h1 {
    margin-bottom: 60px; }
  .section-tickets .ticket-svg {
    display: block;
    position: relative; }
    .section-tickets .ticket-svg svg {
      max-width: 50px; }
  .section-tickets .buy-ticket {
    width: 50%;
    float: left;
    margin: 0 40px 0 -40px;
    padding-top: 10px; }
    .section-tickets .buy-ticket .price {
      font-size: 34px;
      margin: 0 auto;
      text-align: center;
      padding: 0 205px 0 60px;
      width: 580px; }
  .section-tickets .ticket-includes {
    width: 50%;
    float: left;
    font-size: 18px; }
    .section-tickets .ticket-includes h2 {
      font-size: 18px;
      font-weight: bold; }
    .section-tickets .ticket-includes p {
      text-align: left;
      margin-top: 14px; }
      .section-tickets .ticket-includes p.note {
        font-size: 13px;
        line-height: 20px; }
      .section-tickets .ticket-includes p a {
        color: #214760;
        text-decoration: underline; }
    .section-tickets .ticket-includes ul {
      line-height: 195%;
      padding: 0;
      padding-left: 20px;
      list-style-type: square; }

.illustration-tickets {
  position: relative;
  background: url(images/illustration-tickets.png) no-repeat -100px 0;
  width: 580px;
  height: 214px; }
  .illustration-tickets .button {
    position: absolute;
    top: 15px;
    left: 60px;
    border: 2px solid #214760;
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
    padding: 17px 40px 15px;
    background: #ffca00; }
    .illustration-tickets .button:before {
      content: "";
      position: absolute;
      top: -17px;
      left: 12px;
      width: 21px;
      height: 23px;
      background-position: 0px -220px; }
    .illustration-tickets .button:hover {
      background: #ffd533; }

.tickets-content-buy {
  clear: both; }

.tickets-content-gone {
  text-align: center;
  clear: both; }
  .tickets-content-gone figure {
    margin: 0 0 30px 0;
    text-align: center; }
    .tickets-content-gone figure img {
      width: 50%;
      max-width: 311px; }
  .tickets-content-gone h2 {
    line-height: 140%; }
  .tickets-content-gone p {
    text-align: center; }

.tickets-progress {
  position: relative;
  padding-right: 37px; }
  .tickets-progress .progressbar {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 0;
    height: 43px;
    font-size: 16px;
    line-height: 43px;
    text-align: right;
    padding-left: 30px;
    padding-right: 50px;
    color: #214760;
    background: #ffca00;
    min-width: 60%;
    white-space: nowrap;
    transition: width 0.5s linear; }
  .tickets-progress .sprite.progressbar-bird, .tickets-progress .progressbar-bird.icon, .tickets-progress .progressbar-bird.large-icon, .tickets-progress .illustration-tickets .progressbar-bird.button:before, .illustration-tickets .tickets-progress .progressbar-bird.button:before {
    position: absolute;
    top: 0;
    right: -37px;
    width: 74px;
    height: 43px;
    background-position: -374px -50px;
    z-index: 10; }

@media(max-width: 768px) {
  .tickets-progress .progressbar .hidden-tablet {
    display: none; } }
@media(max-width: 480px) {
  .tickets-progress .progressbar .hidden-mobile {
    display: none; } }
.progressbar-flag, .progressbar-flag-in, .progressbar-flag-name {
  background: url(images/progress-flag%402x.png) no-repeat 0px 0px;
  background-size: 30px 225px; }

.progressbar-flag {
  position: absolute;
  z-index: 2;
  right: -5px;
  bottom: 28px;
  height: 75px;
  background-position: 100% 0px; }

.progressbar-flag-in {
  height: 75px;
  padding-left: 30px;
  background-position: 0% -150px; }

.progressbar-flag-name {
  height: 75px;
  line-height: 38px;
  font-size: 16px;
  color: #ffca00;
  padding: 11px 15px 0px 5px;
  background-position: 0% -75px;
  background-repeat: repeat-x;
  white-space: nowrap; }

.section-housing {
  background: #ffca00;
  color: white;
  padding: 60px 0; }

.hotels-svg {
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-20px); }
  .hotels-svg svg {
    max-width: 50px; }

.housing-list {
  list-style-type: square;
  font-size: 2.5vh;
  color: #214760;
  line-height: 4vh;
  margin-top: 35px;
  margin-left: -30px;
  margin-right: -30px; }
.row.faq {}
.row.faq .tab-content {
    font-size: 15px;
    line-height: 24px;
    border-radius: 12px;
    background-color: #fdfdfd;
    padding: 30px ;
    position: relative;
}
@media (max-width: 767px) {
    .row.faq .tab-content {
        margin-top: 20px;
        border-radius: 0 0 10px 10px;
    }
}
body.rtl .row.faq .nav li a .fa {float: right; margin-right: 0; margin-left: 15px;}
@media (max-width: 767px) {
    .row.faq > .pull-left,
    .row.faq > .pull-right {float: none !important;}
}
@media (min-width: 768px) {
    body.rtl .row.faq .nav li.active:before {content: ''; position: absolute; top: 15px; right: auto; left: -31px; width: 0; height: 0; border-top: 10px solid transparent; border-right: none; border-left: 10px solid #435469; border-bottom: 10px solid transparent; z-index: 1;}
    body.rtl .row.faq .nav li.active:after {content: ''; position: absolute; top: 15px; right: auto; left: -32px; width: 0; height: 0; border-top: 10px solid transparent; border-right: none; border-left: 10px solid #fdfdfd; border-bottom: 10px solid transparent; z-index: 2;}
    body.rtl.body-dark .row.faq .nav li.active:before {content: ''; position: absolute; top: 15px; right: auto; left: -31px; width: 0; height: 0; border-top: 10px solid transparent; border-right: none; border-left: 10px solid #435469; border-bottom: 10px solid transparent; z-index: 1;}
    body.rtl.body-dark .row.faq .nav li.active:after {content: ''; position: absolute; top: 15px; right: auto; left: -32px; width: 0; height: 0; border-top: 10px solid transparent; border-right: none; border-left: 10px solid #102033; border-bottom: 10px solid transparent; z-index: 2;}
}
@media (max-width: 767px) {
    body.rtl .row.faq > .pull-left,
    body.rtl .row.faq > .pull-right {float: none !important;}
}
.page-section {
  padding-bottom: 70px;
  padding-top: 70px;
  position: relative;
  background-color: #214760;
}
.section-title {
    position: relative;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 40px 0;
    z-index: 0;
    text-transform: uppercase;
    color: #fff;
    display: table;
    width: 100%;
}
.section-title small {
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    text-transform: none;
    color: #fff;
}
.section-title .icon-inner {
    display: table-cell;
    width: 70px;
}
.section-title .title-inner {
    display: table-cell;
    padding-bottom: 2px;
    vertical-align: middle;
}

.image .section-title,
.image .section-title small,
.dark .section-title,
.dark .section-title small,
.color .section-title,
.color .section-title small {
    color: #ffffff;
}
.color .section-title:after {
    color: #141f23;
}

.section-title .fa-stack {
    width: 50px;
    height: 57px;
    line-height: 57px;
    margin-right: 20px;
}
.section-title .fa-stack .fa {color: #ffffff;}
.color .section-title .fa-stack .fa {color: #FFCD2A;}
.section-title .rhex {background-color: #FFCD2A;}
.color .section-title .rhex {background-color: #ffffff;}
.color .section-title .crcle {background-color: #ffffff;}
.color .section-title .wohex {background-color: #ffffff;}


.row.faq .tab-content:before {
    border-right-color: #435469;
}

.row.faq .tab-content:after {
    border-right-color: #102033;
}
.faq ul{
  font-size: 16px;
}
.row.faq .nav li a {
    border-color: #435469;
    background-color: #1c2b3d;
    color: #eff6ff;
}

.row.faq .tab-content .fa {
    font-size: 18px;
}
.row.faq .nav {}
.row.faq .nav li + li {
    margin-top: 20px;
}
.row.faq .nav li a {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 20px;
    border-radius: 10px;
    border: solid 1px #435469;
    background-color: #fdfdfd;
    color: #374146;
}
.row.faq .nav li.active a,
.row.faq .nav li a:hover {
    background-color: #FFCD2A;
    border-color: #214760;
    font-weight: bold;
}
.row.faq .nav li a .fa {
    width: 20px;
    text-align: center;
    margin-right: 15px;
    margin-top: 3px;
    float: left;
}
.row.faq .nav li a .faq-inner {
    display: block;
    overflow: hidden;
}
 .section-title .fa-stack .fa {
    color: #ffffff;
}

 .color .section-title .fa-stack .fa {
    color: #ffffff;
}

 .section-title .rhex {
    background-color: #FFCD2A;
}
 .color .section-title .rhex {
    background-color: #FFCD2A;
}
.section-title .fa-stack .fa {
    color: #ffffff;
}
.section-title .fa-stack {
    width: 50px;
    height: 57px;
    line-height: 57px;
    margin-right: 20px;
}
.visible .fa {
    visibility: visible;
}

.rhex {
    background-color: #FFCD2A;
    margin-top: 14px;
    width: 50px;
    height: 28px;
    border-radius: 2px;
}
.rhex:before,
.rhex:after {
    position: absolute;
    top: 0; left: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background-color: inherit;
    content: '';
}
.rhex:before {
    -webkit-transform: rotate(60deg);
    -moz-transform:    rotate(60deg);
    -ms-transform:     rotate(60deg);
    -o-transform:      rotate(60deg);
    transform:         rotate(60deg);
}
.rhex:after {
    -webkit-transform: rotate(-60deg);
    -moz-transform:    rotate(-60deg);
    -ms-transform:     rotate(-60deg);
    -o-transform:      rotate(-60deg);
    transform:         rotate(-60deg);
}

.housing {
  background: #bcc7cf;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 2px; }
  .housing.hotel-belair {
    background-image: url(../images/hotels/hotel-belair.jpg); }
  .housing.hotel-dazzler {
    background-image: url(../images/hotels/hotel-dazzler.jpg); }
  .housing.hotel-intersur {
    background-image: url(../images/hotels/hotel-intersur.jpg); }
  .housing.hotel-loi {
    background-image: url(../images/hotels/hotel-loisuites.jpg); }
  .housing.hotel-melia {
    background-image: url(../images/hotels/hotel-melia.jpg); }
  .housing.hotel-urban {
    background-image: url(../images/hotels/hotel-urban.jpg); }
  .housing .description {
    margin-left: 50%;
    padding: 26px 22px 24px 29px;
    background: rgba(255, 202, 0, 0.95); }
  .housing h2 {
    line-height: 140%;
    font-size: 18px;
    font-weight: bold;
    color: #214760;
    margin: 0 0 1px; }
    .housing h2 a {
      color: #214760; }
  .housing p {
    line-height: 140%;
    font-size: 18px;
    text-align: left; }
    .housing p a {
      color: white; }
  .housing .description-inner {
    margin: 0 150px 0 0; }
  .housing .price-and-rating {
    float: right;
    min-width: 130px;
    margin: 3px 3px 0 0; }
    .housing .price-and-rating .price {
      font-size: 48px;
      line-height: 100%; }
      .housing .price-and-rating .price sup {
        display: inline-block;
        padding-top: 12px;
        margin-left: 2px;
        font-size: 18px;
        line-height: 18px;
        vertical-align: top; }
    .housing .price-and-rating .rating .icon {
      margin-right: 4px; }
      .housing .price-and-rating .rating .icon:last-child {
        margin: 0; }

.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden; }

.md-perspective body {
  background: #222222;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px; }

  #myModal{
    overflow: hidden;
  }


.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.md-show {
  visibility: visible; }

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(255, 191, 25, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible; }

/* Content styles */
.md-content {
  color: #67919c;
  background: white;
  position: relative;
  margin: 0 auto; }

.md-content button.md-close {
  width: 40px;
  height: 40px;
  display: block;
  background: url(images/close-button.png) center no-repeat #132431;
  border: 0;
  color: #ffbf19;
  position: absolute;
  top: 0;
  right: 0; }

/* Effect: flip */
.md-effect-flip.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px; }

.md-effect-flip .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-70deg);
  -moz-transform: rotateY(-70deg);
  -ms-transform: rotateY(-70deg);
  transform: rotateY(-70deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0; }

.md-show.md-effect-flip .md-content {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1; }

.section-social {
  background: #214760;
  color: white; }

.section-sponsors {
  background:white;
  color: #ffca00; 
  padding: 55px 0 50px; }
  .section-sponsors h1 {
    margin-bottom: 35px; }
  .section-sponsors .heart-svg {
    display: block;
    position: relative; }
    .section-sponsors .heart-svg svg {
      max-width: 50px; }
  .section-sponsors p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px; }
    .section-sponsors p a {
      text-decoration: underline;
      color: #1e3d55; }
  .section-sponsors .cta-holder {
    margin: 30px 15px 0 15px; }

.sponsor-list {
  padding: 0;
  font-size: 0px;
  margin: 0px auto;
  text-align: center;
  max-width: 1100px; }
  .sponsor-list .sponsor {
    display: inline-block;
    margin: 1px;
    width: 167px;
    height: 78px;
    background: #d1b03f;
    overflow: hidden; }
    .sponsor-list .sponsor img {
      width: auto;
      height: 100% }
  .sponsor-list.sponsors-platinum .sponsor {
    width: auto;
    height: 160px; }
  .sponsor-list.sponsors-gold .sponsor {
    width: auto;
    height: 128px; }
  .sponsor-list.sponsors-silver .sponsor {
    width: auto;
    height: 93px; }
  .sponsor-list.sponsors-startup {
    max-width: 800px; }
    .sponsor-list.sponsors-startup .sponsor {
      width: auto;
      height: 93px; }

.section-earlybird {
  background: white;
  color: #1e3d55;
  padding: 60px 0; }
  .section-earlybird h1 {
    margin-bottom: 30px; }
  .section-earlybird .ticket-svg {
    display: block;
    position: relative; }
    .section-earlybird .ticket-svg svg {
      max-width: 50px; }
  .section-earlybird p {
    font-size: 17px;
    font-weight: bold; }
  .section-earlybird .main-menu {
    margin: 60px auto 0px auto;
    padding: 0;
    max-width: 400px;
    position: relative; }
  .section-earlybird .countdown {
    margin: 0;
    margin-bottom: 30px;
    max-width: 400px; }
  .section-earlybird .signup-form {
    margin-bottom: 0; }

.birdie {
  position: absolute;
  display: block; }
  .birdie.birdie-countdown {
    background-position: -340px 0px;
    top: -30px;
    left: -7px;
    width: 27px;
    height: 32px; }
  .birdie.birdie-flying {
    background-position: -380px 0px;
    top: -46px;
    right: -54px;
    width: 39px;
    height: 30px;
    -webkit-animation: levitate 2s infinite ease-in-out;
    -moz-animation: levitate 2s infinite ease-in-out;
    animation: levitate 2s infinite ease-in-out; }

@-webkit-keyframes levitate {
  0% {
    -webkit-transform: translateY(-5px); }

  50% {
    -webkit-transform: translateY(0px); }

  100% {
    -webkit-transform: translateY(-5px); } }
@-moz-keyframes levitate {
  0% {
    -moz-transform: translateY(-5px); }

  50% {
    -moz-transform: translateY(0px); }

  100% {
    -moz-transform: translateY(-5px); } }
@keyframes levitate {
  0% {
    transform: translateY(-5px); }

  50% {
    transform: translateY(0px); }

  100% {
    transform: translateY(-5px); } }
.section-footer {
  background: #ffca00;
  color: #1e3d55;
  text-align: center;
  line-height: 200%; }
  .section-footer small {
    display: block;
    font-size: 14px;
    color: #d3a91e; }
  .section-footer p {
    color: #1e3d55;
    margin-top: 5px;
    line-height: 180%; }
    .section-footer p a {
      color: #1e3d55;
      text-decoration: underline; }
  .section-footer > .container {
    padding: 5vw;}

.footer-illustration-wrapper {
  position: relative;
  background: #214760; }

.footer-dark-strip {
  background: #1e3e56;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 166px;
  z-index: 10; }

.footer-illustration {
  position: relative;
  background: url(images/illustration-footer.png) no-repeat 50% 0%;
  height: 386px;
  z-index: 20; }

.footer-author {
  background: #1e3d55;
  padding-bottom: 30px; }
  .footer-author p.author {
    margin-top: 0;
    color: #ffca00; }
    .footer-author p.author a {
      color: #ffca00; }

.modal-holder {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 200, 28, 0.8);
  z-index: 8999;
  display: flex;
  align-items: center;
  overflow: auto; }

.modal {
  margin: 10% auto;
  background: white;
  padding: 40px;
  
   z-index: 9999;
  position: absolute; }
  .modal .modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 22px;
    font-weight: bold;
    z-index: 9500; }
  .modal figure {
    text-align: center;
    margin: 0; }
    .modal figure img {
      max-width: 100%; }
  .modal h2 {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center; }
  .modal input, .modal select, .modal textarea, .modal button {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 15px 8px 50px;
    border: 2px solid #214760;
    font-size: 18px;
    line-height: 26px;
    background-color: white;
    color: #214760;
    margin-bottom: 20px; }
    .modal input::-webkit-input-placeholder, .modal select::-webkit-input-placeholder, .modal textarea::-webkit-input-placeholder, .modal button::-webkit-input-placeholder {
      color: #acbeca; }
    .modal input:-moz-placeholder, .modal select:-moz-placeholder, .modal textarea:-moz-placeholder, .modal button:-moz-placeholder {
      color: #acbeca; }
    .modal input::-moz-placeholder, .modal select::-moz-placeholder, .modal textarea::-moz-placeholder, .modal button::-moz-placeholder {
      color: #acbeca; }
    .modal input:-ms-input-placeholder, .modal select:-ms-input-placeholder, .modal textarea:-ms-input-placeholder, .modal button:-ms-input-placeholder {
      color: #acbeca; }
    .modal input:-webkit-autofill, .modal select:-webkit-autofill, .modal textarea:-webkit-autofill, .modal button:-webkit-autofill {
      background: white;
      -webkit-box-shadow: none; }
  .modal input, .modal .card-select {
    background: url(images/inputs%402x.png) no-repeat 1000px 1000px;
    background-size: 55px 500px; }
  .modal input[name=name] {
    background-position: 9px 7px; }
  .modal input[name=email] {
    background-position: 7px -41px; }
  .modal select[name=paymenttype], .modal select[name=quantity] {
    padding-left: 15px;
    background: white; }
  .modal .cardtype {
    text-align: center;
    margin-bottom: 12px; }
  .modal .card-select {
    position: relative;
    overflow: hidden;
    display: inline-block;
    min-width: 80px;
    min-height: 50px;
    border: 2px solid #214760;
    background-color: white;
    cursor: pointer; }
    .modal .card-select.selected {
      background-color: #ffca00; }
    .modal .card-select input {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: -100px;
      left: -100px; }
    .modal .card-select.card-visa {
      background-position: 50% -235px; }
    .modal .card-select.card-amex {
      background-position: 50% -336px; }
    .modal .card-select.card-mastercard {
      background-position: 50% -291px; }
  .modal button {
    padding: 12px 10px 12px 10px;
    color: white;
    font-weight: bold;
    background: #214760;
    margin-bottom: 0px;
    cursor: pointer; }
  .modal form.loading button {
    background-image: url(images/loading.gif);
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    color: transparent;
    text-indent: -9999px;
    cursor: default; }

.modal-loading {
  width: 64px;
  height: 64px;
  background: none;
  background-image: url(images/loading-payment.gif);
  background-position: 50% 50%;
  background-size: 60px 60px;
  background-repeat: no-repeat; }

body {
  transition: all 0.5s ease; }

.bodyPerspective {
  -webkit-transform: perspective(1500px) rotateX(4deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: perspective(1500px) rotateX(4deg) rotateY(0deg) rotateZ(0deg);
  -o-transform: perspective(1500px) rotateX(4deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: perspective(1500px) rotateX(4deg) rotateY(0deg) rotateZ(0deg);
  transform: perspective(1500px) rotateX(4deg) rotateY(0deg) rotateZ(0deg);
  margin-top: -246px; }

.terminalsizeanimated {
  -webkit-transition: width 0.5s, -webkit-transform 0.5s;
  transition: width 0.5s, transform 0.5s; }

.closedTerminal {
  width: 2px; }

.openedTerminal {
  width: 300px; }

#contTerminal {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 25;
  overflow: visible;
  background: #132838;
  overflow-x: hidden;
  overflow-y: overlay;
  -webkit-overflow-scrolling: touch; }
  #contTerminal::-webkit-scrollbar {
    background: none;
    width: 9px; }
  #contTerminal::-webkit-scrollbar-button {
    display: none; }
  #contTerminal::-webkit-scrollbar-track {
    display: none; }
  #contTerminal::-webkit-scrollbar-track-piece {
    display: none; }
  #contTerminal::-webkit-scrollbar-thumb {
    background: transparent;
    background-clip: content-box;
    border-radius: 10px;
    border: 2px solid transparent; }
  #contTerminal::-webkit-scrollbar-corner {
    display: none; }
  #contTerminal::-webkit-resizer {
    display: none; }
  #contTerminal:hover::-webkit-scrollbar-thumb {
    background: rgba(30, 62, 86, 0.7);
    background-clip: content-box;
    border-radius: 10px;
    border: 1px solid rgba(21, 48, 67, 0.7); }
    #contTerminal:hover::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 0, 0, 0.6);
      background-clip: content-box;
      border-radius: 10px;
      border: 1px solid rgba(21, 48, 67, 0.7); }
  #contTerminal .terminalHandle {
    width: 50px;
    height: 40px;
    background: #132838;
    position: absolute;
    top: 20px;
    left: auto;
    margin-left: -50px;
    background-image: url(images/backterminalhandle2.png);
    background-size: 100px 40px;
    background-position: 0 0;
    background-repeat: no-repeat; }

@media only screen and (max-width: 800px) {
  #contTerminal {
    display: none; } }
#onlineTerminal {
  color: white;
  background: #132838;
  height: 100%;
  padding: 30px;
  margin-right: 10px;
  font-family: monospace;
  font-size: 19px;
  line-height: 20px;
  white-space: pre-wrap;
  outline: 0;
  overflow: auto;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: overlay;
  -webkit-overflow-scrolling: touch; }
  #onlineTerminal::-webkit-scrollbar {
    background: none;
    width: 9px; }
  #onlineTerminal::-webkit-scrollbar-button {
    display: none; }
  #onlineTerminal::-webkit-scrollbar-track {
    display: none; }
  #onlineTerminal::-webkit-scrollbar-track-piece {
    display: none; }
  #onlineTerminal::-webkit-scrollbar-thumb {
    background: transparent;
    background-clip: content-box;
    border-radius: 10px;
    border: 2px solid transparent; }
  #onlineTerminal::-webkit-scrollbar-corner {
    display: none; }
  #onlineTerminal::-webkit-resizer {
    display: none; }
  #onlineTerminal:hover::-webkit-scrollbar-thumb {
    background: rgba(30, 62, 86, 0.7);
    background-clip: content-box;
    border-radius: 10px;
    border: 1px solid rgba(21, 48, 67, 0.7); }
    #onlineTerminal:hover::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 0, 0, 0.6);
      background-clip: content-box;
      border-radius: 10px;
      border: 1px solid rgba(21, 48, 67, 0.7); }
  #onlineTerminal span {
    color: #4681ae; }
  #onlineTerminal span.response {
    color: #66d9ef; }
  #onlineTerminal strong, #onlineTerminal b {
    font-weight: normal;
    color: #f4ba11; }
  #onlineTerminal a {
    font-weight: normal;
    color: #f4ba11;
    text-decoration: underline; }
    #onlineTerminal a span {
      color: #f4ba11; }

.button-watch {
  display: none; }

#stream .realTime {
  overflow: hidden; }

.streaming #game-holder {
  display: none; }
.streaming #header-content {
  display: none; }
.streaming #stream.container {
  padding: 30px 0 0 0; }
  .streaming #stream.container .heading {
    padding-bottom: 20px; }
    .streaming #stream.container .heading:after {
      content: "";
      display: block;
      height: 0;
      clear: both; }
    .streaming #stream.container .heading .jsconf {
      display: block;
      width: 123px;
      height: 66px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAABxCAYAAADmp16oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAEmhJREFUeNrsnQuUFNWZx7+e7pnpeclDQAQBeWsgsGhAiYpICA8BV0QQswdIRD2iro/oBmMSHycqerKIiYKSbHQXZLMKyCMaRYizPLJEkZUMCgLDiLwRhte8enp6uvf7amriyHbfutVd1T0U/98532mYqrpVffv+7/2++yofMfmzl66MZme3JwU+tul9u7Tu3aowT3XerpNVod9u3VOuOifn0IEjRRvWfE7ACSJsrx1Yv3QnsgI0Eij62fxARd8B46xEPe/SNnRXpyJlYh+dqqWfbz5Mod59uyU6J7hrGxVuLJZ/jkX2O0aQ7UFkA2gky+oEO6IewaI+FYmSStStlywgX309ct5ZfMgCoC1siBoAjwkbogbgLI6x4/3Rz6r+fZ+2NK1DIUQNgBeELaJe0Lct/eBCiBoAT7jiEDUAHhM2RA2Ax4QNUQPgwRh7cf8LaHy7fIgaAK+02OP7dsuCqAHwaIwNUQNwjggbogbAY8KGqAHwmLAhagA8JmyIGgCPCRuiBsBjwoaoAfCYsCFqADwm7C+On45B1AB4TNhbDh6LQdQAeDTGhqgBOAeEDVED4DFhQ9QAeEzYEDUAHhM2RA2Ax4QNUQPgMWFD1AB4i8B5696Pxvx+iBoAr7XYEDUAHo2xAQAQNgAAwgYAQNgAAAgbAABhAwBhAwAgbAAAhA0AgLABABA2ABA2AADCBgBA2AAACBsAAGEDACBsACBsAACEDQCAsAEALhBAFqROr3b11OfCKHVpFaXOraPUIhijGP/9VI2Pyqt8tP9kFn16yE+fsdVGkF8AwrbFjf3qaNa4Gq1zB80uooqQL+l7dWwRpSmDwjS2bx1d3DqqdU112EdrSwP0+qYcWrc7QLEYCiCAsC3J8ceoKKinlmQl3TIvRj8ZHqIffCdMAZuBTH5OjEZ/q86wkgN+evTtPNqy349SCBBjZ5KrukWo+L4KmjrIvqjPpF/Help5ZyXNuLoWGQsg7Exxw7fraNHUKmpb6Jz/nMVuw89GhujRESFkMICw082gLhH6zYRqCrjkNd99TS3dOwQtN4Cw00br/BjNn+yeqBuZyXH70J7oMgcQdlp45PshR93vRPjYLZ9zU7VRkQAAYbtIhxZRuuWycNruJxXIA0MRb4PUwQQVBZMvqyO/jarvRLWP/vhpNn1+xE9Rbni7nh81hrY6t7Ie567nU17ZkEvPFweR8QDCdpNRLEpd/rA5h574U5Cqwt8cIZ/1fpBu7BemJ68PUYu8+G52yUE/Pbwsj7Ydxpg2gLBdpSAnRpdcoPfecJlN9pMVeXFnkkW4JV6yJYc27wvQkulVdEHR1613qM5Hv/pzLv3bxlyjxQYAMbbLiBudpTk9bd76XMvpoV+UZ9Ht/5n/dwGv3x2gYS8W0vy/QNQALXbaaFek3zstizt0+GS/36gEyljkiz/JQSYDCDvdyLxzXQpzY3SyRq95f24NOscAhG0vLs51Lq1TNlZ+Xdq+3liaCYDbdLxmgriHraQ9YZOljKcOrF8a8rSw/VnOTe44fFpfqLddGaY1O7I9vwyTC5UUqAvZ2tDX/TOVbIfYDnIBw+wa5/O8NX9MZhvGNoitU5xzyvljB9smtvf4d3gPrngC9p7IMnqtg9nWZfWa7hF67oYaYxlmpN5ThUpEfDPbSLNQtVWcXsXnb+bPd9kWcuE6gFKUUt534I9n2G6VyNDi9PPZvmvaDL42CP8xAdJT/dFe/XFlWZ+94o5K6t+x3guFqivbIv7nPrbfsI2xELURCbENYZvFtpuvf5oNPYTJ5f8E/vicbZqGqM/kA/GcIGwFq7Zl2zpfRP3OXZX0+tQq+m7XyNlaqO7gj8+krpLoJslkpLfjUbblnF42SpKt/L+dP5awFSWZxFtEGMdWsqwk29jOyC6ySuvN26ro3RmVNHFAmHICZ02hktb2t2x5DiU5mu0xlCTt/B/MH6+kkITEjSvOaWHrCPZ0yEev/TV5b/LbHeppzk01tOnh0/TQsPSsEkuhUM3gj0dcSPphswMIqPNfCuTLFl7SR6Z73ptN8rQn2xXU0Ln2vNm38ZWceM52nkU0Z3u9uC6XxvevM1Z6Jcv5BTF68LqGzRSWleTQS5xm2bGs5lSouvPHHIvTZEhlNVsJ2zE2GZDvbrbKHRXXyXkT2eZDvmpHT6I5xfE32P6Jhdu0E+dEE8G/0fRk9IpbUFnro3vezKfFt1WmvNlCNl8/iV3zCf3D9PrHOfRCcZCOVvqaw9d82oyLE7GY7R4uVEfjVAri0rzEdofi+usgbEvGKo7JaqT7zhC1EsTYGmza66f7l+Y7NpQlS0GnDQrThgcraPrgWu056S611hdRw5BWIt4XVy+eqAX+uyxYf4itSpHGt1CKLLlMcWxzo4utC1psTVZszabj1QX00sRqw7V2AllBJss5R1wSoXsX52eq9Z6kiOvkiz7IhUoZh/DxCnMMe0iCU9olUeG0MAu7xJEtTZPnPGlaqbigfO9TSaQ9WOGhlHGae+NcIzHtMNNdlqE/qeblvA/YPtaZnMNpXCWOW4LDvVTdPXztUI2vVsrPsR/CtomsyBr+UhHNHl9Nw3o5N5wl2xrLMNnUhfnGJg1pZoTi2AYuKNs009lnEWfrCE6mSU6lhqG2wRoeZZSvKTZDgRWa4pIMXqsQ2HS2V5ucL4J70vRqEullE58n8e8uxX2zzfv6k/yNRmicJx1rC+CKJ4G0qlMXFtCMN/Jpn4Pzw6VzTobIdNeAO8gVimPv2UhHVdPVW4jNZ47flrHNlbpOs2zKOd9jWybPymmcr3FNZ4WoyXyGxueSkQLpLJxs0QgOFNHy+RdY3NftWns3YuwUkS2QhrxQRD9dmUdHKpzJRtnIcMEU51x9jdarg+niJqLEoVsdVzxDPn8sZfsdWc9us2rV1pouvIoeFsfLzOd6gj/mkbpTsSky/fYXKdzXCUohbAeo43Zo4aYcunJ2Ef34rTxH3GhpuZ/7x5p0fYWeFse320hLhlukZ/wWtlGmKy2dZjIU9g8JRC2ieZttvEPfpw/bCyl8Z+l93m9O6Xw8ifvfZI5HZ0LYlRwKHGn8zzkbY+dlx6imzueYwN/8JMcwiZd/dGWYRlxSl3Rv96hL64wpqf/zhes/Tw8L1/pL3YS4UL2bxP1lUsV1FuccMiuYsFlJ9LFokKaxuJ7i59md4Hh3C2FLfH19kvkprXZ785nt3NcJypr+55wVtowp19Q5n+5fygKGdWoZpTuvqqXJl9cZlYhdpg8Op0PYqtZrD4vDtQnvLL7v8MfdFvHiXfwMa864TmLVhZS4B16qU+noei6JykzCgmnmv6UiWc72X2zSgXgeNXTs3Wvx1dokELZ4EgsSXDPP9HDi8Te2H+q02BB2GpCOtV+8k0dzioN019W1dPvgWltzxr/Xu45accwtWxpnSNi7XM6imYpjsr742nhLP2UoisUtnVnSC58o9hmQYqz7JtuP49xfer87WoQO1Qk8Ghka25ugklP1LWzla7fYzVxPxdh1EV+ze6bjLMxn3g/S9+cW0aeH9GNweZvnwM6urxDrYdFiutVaS8t4g8pFV63n5mPSIm5VXN8+wX2zLL6zjNfLDLtbFPe3Gik4ZDMvpLq/WHFKaTJ57Clhu+FaO8XuY1k0/ncF9LGNNd5pWNvdw+kCpYm4narVNW/ZdT3jxMrx6GRx35+yoOeloJmjfH21zbzoYuE5Q9iBZr7fvnTWydTUqGbI3aW1e/sSm7uj5GdI2H0tBLtDIw2V+3okwd+tOrDWady3m8Phi1VosPOcF/Z5QXfHf2XySK92qbWiXx7PopIDejVQG3eXeVoVqF0Zunep1Qwyc0ipaxJhRHcHvnN3hytDq9/BWy32RS2jtqdtFuXqC6GiVj8elwkjs26ooVV3V9Irt9RQbopdjroTWgLu/jpWseYeF++t6rQr0ykeFi51IjGo5mPLbp/lKeZbmcO/w3F+phOeELa40/cMqaXi+ypp7qRqan+evjuq28JVhHxaO4rKs8iQ1YYHKmjKwLCxKkta7KfGpjaBpE2h3neqq8+YsPeaq7YyIWydTrtuVl0aSXxn3c7CdLbYZUnrqDmJenDXCD0zroZ6tv264D/LLeWPFhVoCVF2LNHhcIV1az2ke4SeHPPNZ2nk1svDxi6mL661v5G5vLtLt1OsstbVXv5eThRQcwrnU9LinWEnzc/tTVdgmYshuqToDlsJe1cSItql8V2lt73A4fClp9PxdbMRtmwZ9NioGmOnkjMZ3jtCDwytpTnFahEN7FxP/TSFvUMx9VOmdD4+OkRj+qi72GcOD1ELjumfXR3U3o1FWnyZLqrrYks87iKqlmevjXSuJfWkDdm2eFOT/19M6sUQZSk+++kEG0L4KPVRAKspuLaGCM2VZt2cjq8zLmwp6OLiikiKFB1fsl9YMBCjf/0gGNc97cGt6osT9UcZ5LW1iWLp/+YQID9Hz6WXiSdXc8sur8pdtzug9Cp6tYvS0+zCD7axe6nLr9W9SBVv2khnpOKYxCxbbHgKuoU5GTHIgpegiyHASc0YvSlWK83OPmGLqJffUUkDLtJrZSXuvp5bUdnwQFrcyrCPWuXFjM36x/cL2xrqWrMj/tcur/IZr8QdbeO92H0vrKdF06oM13z159m0/XAWnajxGUNaLfn5xJUf1CVCl3eqJ58Nz1quX1fq6s+jGi7Syk1zcsVExSmyx/WZmdnFKlLSyfYk3Fcnep+dntDj2shExoQtG/Jv5ZZTV9iCvNpW3PJUkBVYO79KXG4feydoLOSwO3TWuVXU2ObIKaSSOFblaowtAUQiX/9SzTRutagglsT5m9VuKj6LykTG3/soTvmbi8J2uuOsl1vCzmiv+Gx2rStC6Z0G+vIGdax+6HQW3bdEfxKJG4hL/+u1uW7fRuU2DmUB9bAQmGxqMMvCnY8nbKuafJDF8X+2KLerk4iPq81pqqnE2E5PTknGtW8ewhbX95GVeWm7n7jwK0qsX0whrvrjf8rLWL78+4c52pNYUuAzxTHJpJUs3uvM+dXfcL/ZxvE/N5J62+G5XDDjTfvcb/Fcz3L6RQkqkztJvXjkM77n5iREWeqAEJ0ew05p5l/Ge8UlZu7fMdcYL3YT2WH0oeV52j3Y8qKANgVRun9obVrzQ+aS/3JVWiqVVdSwlzUp3HHZqO8UC0oKbQU1vL5VBGK1h9lBSrxs0mrapswj38n3fMOMl2NmXD7GIrYWnnArPjbfNNrSYSG6MtTVLIQt/HJV0Hh5vLzYzi0eZlFv2W+vFfzVn4NUXp1FT4yuScsWwf+7z09TFhZQOD2v/ZINBX5O6nFZQcapB9ipQ9mmcMt5Ot5B2QCBRSJrrIcr0pDx4vttfp9lnPaSJONjnY4vRzu63Bzqyrgr3jSmnMku+fMcczv9jmkZHpOtfZdsSe5VPa9uzKGx8wuVY99O8IfNOTTptYK09TmY+1TPdNoxYvshp/2BxXkiWif3f5LdP6cqRGQ1sUSndbSK0Q/bfGbXhrqajbAbxf18cS7d/PsC2u7Q+K30ul//SiEtL0nthY8S7458udDYuPDgKWezTJ5x0qsF9C/sUYTq0tuRyIVxroX7agfpfBrBaS7SuK/sSHKj6d6nirzEblSCeF5HlLotdroXf+zyhLAb+fDLAI2cV2hs77sxya2BRCzSSo9hUTtVSUTMjQuvmlNkPNuq7dlJz+WWOP+9bdk07fUCo+JJwxZIKpHJntmyzdCHSSYhixTkFUGXcFrFNu4rbxiRzfeXmXG0HaSnRDZBvILTmcEWSlFEqbrizWqoq9nE2P/vV4s1bO8rJotAru0Rocs6NSyZ7NAiZmzT2/i6ndO1PvqqwkelR/207XCWMQPMTbdZxNz4bPImD3muKy6OUO92UWOcXaakysy1xmmj4lqXV/to99Es2snP+OGeAP11j9/teeB2xb2eP65kl1WENs7swJLOM5mtlXuGq/2VWehkRpnEyqv5+tok7/sFNezsKbHmzWYFI2PUsm9YoXma/NIydLZHuiGoYXrq23ztQRu3ktZ8haKS2KeRxqds/5Hg2GqHW+yUhroEnzmcUU/gbObXXBAecCNhc9GGxKchjZbRyftK7Rzke1Z58Qfj7/dHSvwiPnll0EDPtdig+WBOCT2ZgftKY1Pl4ax1bairWcbYAHgdt4e6IGwAMoOrQ10QNgCZwfX95iBsANJPdwgbAO+h6jhLeagLwgag+bniZU7cAMNd3iCGLDirkNl+cxIcK3fiBsb0p47XTHiIErzvCDR7ZDbYa+y+7URWgEb+T4ABABaP4AuvV3iJAAAAAElFTkSuQmCC) no-repeat;
      background-size: 100%;
      overflow: hidden;
      text-indent: -9999px;
      float: left; }
    .streaming #stream.container .heading .closeStream {
      float: right;
      margin-top: 16px;
      color: #0e374e;
      background: #ffca00;
      border: 2px solid #214760;
      padding: 10px 13px 8px 13px; }
  .streaming #stream.container #video {
    float: left; }
  .streaming #stream.container .dashboard {
    float: right;
    width: 270px;
    background: #214760;
    border: 2px solid #0e374e;
    height: 405px;
    color: white;
    position: relative;
    text-align: left; }
    .streaming #stream.container .dashboard .break {
      text-align: center;
      padding: 35px 15px 15px 15px; }
      .streaming #stream.container .dashboard .break:before {
        content: "";
        display: block;
        width: 120px;
        height: 120px;
        margin: 0 auto 30px;
        background: url(../images/breaks.png) no-repeat;
        background-size: 360px; }
      .streaming #stream.container .dashboard .break h3 {
        color: #ffca00;
        margin-bottom: 5px; }
      .streaming #stream.container .dashboard .break .sponsor {
        display: block;
        width: 164px;
        height: 30px;
        margin: 0 auto;
        overflow: hidden;
        text-indent: -9999px;
        background: url(../images/break-sponsors.png) no-repeat; }
      .streaming #stream.container .dashboard .break.checkin:before {
        background-position: left; }
      .streaming #stream.container .dashboard .break.checkin h3 {
        display: none; }
      .streaming #stream.container .dashboard .break.checkin .sponsor {
        display: none; }
      .streaming #stream.container .dashboard .break.coffee h3:before {
        content: "Coffee"; }
      .streaming #stream.container .dashboard .break.coffee:before {
        background-position: left; }
      .streaming #stream.container .dashboard .break.coffee .sponsor {
        background-position: bottom; }
      .streaming #stream.container .dashboard .break.lunch h3:before {
        content: "Lunch"; }
      .streaming #stream.container .dashboard .break.lunch:before {
        background-position: right; }
      .streaming #stream.container .dashboard .break.lunch .sponsor {
        background-position: center; }
      .streaming #stream.container .dashboard .break.party h3:before {
        content: "Party"; }
      .streaming #stream.container .dashboard .break.party:before {
        background-position: center; }
      .streaming #stream.container .dashboard .break.party .sponsor {
        background-position: top; }
    .streaming #stream.container .dashboard .person .social:after {
      content: "";
      display: block;
      height: 0;
      clear: both; }
    .streaming #stream.container .dashboard .person .avatar {
      width: 92px;
      height: 92px;
      border-right: 2px solid #0e374e;
      border-bottom: 2px solid #0e374e;
      float: left; }
    .streaming #stream.container .dashboard .person .share {
      float: right;
      width: 174px; }
      .streaming #stream.container .dashboard .person .share .share-btn {
        display: block;
        height: 46px;
        line-height: 46px;
        color: white;
        background: #55acee;
        border-bottom: 2px solid #0e374e;
        text-align: center; }
        .streaming #stream.container .dashboard .person .share .share-btn.fb {
          background: #4666ac; }
    .streaming #stream.container .dashboard .person .info {
      padding: 15px; }
      .streaming #stream.container .dashboard .person .info h2 {
        font-size: 1.125em;
        line-height: 1.3em; }
      .streaming #stream.container .dashboard .person .info h3 {
        font-size: 1em;
        color: #298b93;
        padding: 0.4em 0 0.2em 0; }
      .streaming #stream.container .dashboard .person .info a {
        color: #ffca00;
        text-decoration: none; }
    .streaming #stream.container .dashboard .next {
      background: #0e374e;
      padding: 15px;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
      .streaming #stream.container .dashboard .next h4 {
        text-transform: uppercase;
        font-size: 0.875em;
        color: #ffca00;
        margin-bottom: 5px; }
      .streaming #stream.container .dashboard .next h2 {
        font-size: 1em;
        line-height: 1.4em; }
      .streaming #stream.container .dashboard .next h3 {
        font-size: 1em;
        line-height: 1.4em;
        color: #298b93; }

body:not(.streaming) #stream {
  display: none; }

.planetarium {
  position: absolute;
  top: 9px;
  left: 50%;
  margin-left: -373px; }

#planeatrium {
  width: 138px;
  cursor: pointer; }

#color-lights, #lights polygon {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }

@-webkit-keyframes rotating_planetarium {
  0% {
    transform: translateX(0px); }

  100% {
    transform: translateX(-133px); } }
@keyframes rotating_planetarium {
  0% {
    transform: translateX(0px); }

  100% {
    transform: translateX(-133px); } }
#color-lights2 {
  animation: lightsanimation1 6s 3s infinite linear;
  -webkit-animation: lightsanimation1 6s 3s infinite linear; }

#color-lights1 {
  animation: lightsanimation1 6s infinite linear;
  -webkit-animation: lightsanimation1 6s infinite linear; }

#color-lights3 {
  animation: lightsanimationinitial 6s linear;
  -webkit-animation: lightsanimationinitial 6s linear; }

#color-lights1, #color-lights2, #color-lights3 {
  animation-play-state: paused;
  -webkit-animation-play-state: paused; }

#planeatrium:hover #color-lights1, #planeatrium:hover #color-lights2, #planeatrium:hover #color-lights3 {
  animation-play-state: running;
  -webkit-animation-play-state: running; }

@-webkit-keyframes lightsanimation1 {
  0% {
    visibility: visible;
    transform: translateX(0px) translateZ(0); }

  50% {
    transform: translateX(-116px) translateZ(0);
    opacity: 1;
    visibility: visible; }

  50.001% {
    visibility: hidden;
    opacity: 0;
    transform: translateX(116px) translateZ(0); }

  50.002% {
    opacity: 1;
    visibility: visible; }

  100% {
    transform: translateX(0px) translateZ(0); } }
@-webkit-keyframes lightsanimationinitial {
  0% {
    visibility: visible;
    transform: translateX(116px) translateZ(0); }

  100% {
    transform: translateX(-116px) translateZ(0); } }
.rainbows {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 49px;
  left: 40px;
  height: 0px;
  top: 99px; }

.planetarium.fly #planeatrium {
  animation: flyplanetarium 6s linear 0s infinite;
  -webkit-animation: flyplanetarium 6s linear 0s infinite; }
.planetarium.fly .rainbows {
  animation: flylights 6s linear 0s infinite;
  -webkit-animation: flylights 6s linear 0s infinite; }
.planetarium.fly #color-lights1, .planetarium.fly #color-lights2, .planetarium.fly #color-lights3 {
  animation-play-state: running;
  -webkit-animation-play-state: running; }

.rainbows div {
  width: 47px;
  height: 18px;
  position: relative;
  background: -webkit-linear-gradient(left, #d91a12 15%, #e13300 15%, #ff7f14 16%, #f2ab03 32%, #ebc000 32%, #fade00 33%, #efff03 48%, #56fc02 49%, #52ff01 66%, #4ade7e 67%, #3baaf2 67%, #3baaf2 84%, #7337f7 84%, #6b40f2 100%);
  animation: rainbow1 0.3s linear 0s infinite;
  -webkit-animation: rainbow1 0.3s linear 0s infinite; }

.rainbows div:nth-child(odd) {
  left: 2px;
  animation: rainbow2 0.3s linear 0s infinite;
  -webkit-animation: rainbow2 0.3s linear 0s infinite; }

@-webkit-keyframes flyplanetarium {
  0% {
    transform: translateY(0px); }

  90% {
    opacity: 1; }

  100% {
    transform: translateY(-800px);
    opacity: 0; } }
@-webkit-keyframes flylights {
  0% {
    transform: translateY(0px);
    height: 0px; }

  90% {
    opacity: 1; }

  100% {
    transform: translateY(-800px);
    height: 800px;
    opacity: 0; } }
@-webkit-keyframes rainbow1 {
  0% {
    left: 0; }

  49.99% {
    left: 0; }

  50% {
    left: 2px; }

  99.99% {
    left: 2px; }

  100% {
    left: 0; } }
@-webkit-keyframes rainbow2 {
  0% {
    left: 2px; }

  49.99% {
    left: 2px; }

  50% {
    left: 0; }

  99.99% {
    left: 0; }

  100% {
    left: 2px; } }
.shake {
  display: inline-block;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }

.shake.shake-constant {
  -webkit-animation-name: shake-base;
  -ms-animation-name: shake-base;
  animation-name: shake-base;
  -webkit-animation-duration: 100ms;
  -ms-animation-duration: 100ms;
  animation-duration: 100ms;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running; }

.obelisk-group {
  -webkit-animation-name: obelisk-fly;
  -ms-animation-name: obelisk-fly;
  animation-name: obelisk-fly;
  -webkit-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.675, 0.005, 0.245, 0.415);
  -ms-animation-timing-function: cubic-bezier(0.675, 0.005, 0.245, 0.415);
  animation-timing-function: cubic-bezier(0.675, 0.005, 0.245, 0.415);
  -webkit-animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: relative;
  z-index: 100; }

.obelisk-group .obelisk {
  -webkit-animation-name: obelisk-drop-shadow;
  -ms-animation-name: obelisk-drop-shadow;
  animation-name: obelisk-drop-shadow;
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.obelisk-group.launch {
  -webkit-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running; }

.obelisk-group.launch .obelisk {
  -webkit-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running; }

.obelisk-group.launch .wing-left svg,
.obelisk-group.launch .wing-right svg,
.obelisk-group.launch .fire_center svg,
.obelisk-group.launch .fire_right svg,
.obelisk-group.launch .fire_left svg {
  -webkit-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running; }

.fires-obelisk .fire_center svg,
.fires-obelisk .fire_right svg,
.fires-obelisk .fire_left svg {
  -webkit-animation-name: obelisk-fire;
  -ms-animation-name: obelisk-fire;
  animation-name: obelisk-fire;
  -webkit-animation-duration: 500ms;
  -ms-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -ms-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: top center 0;
  -ms-transform-origin: top center 0;
  transform-origin: top center 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

.wings-obelisk .wing-left svg,
.wings-obelisk .wing-right svg {
  -webkit-animation-name: obelisk-wing-left;
  -ms-animation-name: obelisk-wing-left;
  animation-name: obelisk-wing-left;
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-delay: 0;
  -ms-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.wings-obelisk .wing-right svg {
  -webkit-animation-name: obelisk-wing-right;
  -ms-animation-name: obelisk-wing-right;
  animation-name: obelisk-wing-right; }

.wings-obelisk,
.fires-obelisk {
  width: 175px;
  margin: 0 auto;
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  z-index: 2; }

.wings-obelisk .wing-right,
.fires-obelisk .wing-right,
.wings-obelisk .wing-left,
.fires-obelisk .wing-left,
.wings-obelisk .wing-space,
.fires-obelisk .wing-space {
  height: 125px;
  width: 70px;
  display: inline-block;
  vertical-align: bottom;
  overflow-x: hidden;
  padding-top: 40px; }

.wings-obelisk .wing-right svg,
.fires-obelisk .wing-right svg,
.wings-obelisk .wing-left svg,
.fires-obelisk .wing-left svg,
.wings-obelisk .wing-space svg,
.fires-obelisk .wing-space svg {
  -webkit-filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.5)); }

.wings-obelisk .wing-space,
.fires-obelisk .wing-space {
  width: 16px; }

.wings-obelisk .wing-right svg,
.fires-obelisk .wing-right svg {
  -webkit-transform-origin: bottom left 0;
  -ms-transform-origin: bottom left 0;
  transform-origin: bottom left 0;
  -webkit-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  transform: rotateY(-90deg); }

.wings-obelisk .wing-left svg,
.fires-obelisk .wing-left svg {
  -webkit-transform-origin: bottom right 0;
  -ms-transform-origin: bottom right 0;
  transform-origin: bottom right 0;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg); }

.wings-obelisk .fire_center,
.fires-obelisk .fire_center {
  width: 50px; }

.wings-obelisk .fire_left,
.fires-obelisk .fire_left,
.wings-obelisk .fire_right,
.fires-obelisk .fire_right {
  float: right;
  width: 10px;
  margin-top: 13px; }

.wings-obelisk .fire_left,
.fires-obelisk .fire_left {
  float: left;
  margin-left: 1px; }

.fires-obelisk {
  top: 145px;
  z-index: 1; }

.illustration .obelisk {
  z-index: 3; }

.button-obelisk {
  width: 28px;
  position: absolute;
  top: 183px;
  left: 50%;
  margin-left: -498px;
  z-index: 10; }

.button-obelisk:hover {
  cursor: pointer; }

.button-obelisk:hover .circle-top {
  position: relative;
  bottom: -5px; }

.button-obelisk.down .circle-top {
  position: relative;
  bottom: -5px; }

.button-obelisk.down .circle-top:after {
  content: '';
  width: 40px;
  height: 32px;
  display: block;
  position: relative;
  top: -7px;
  left: -8px;
  border-radius: 50%;
  border: solid 5px rgba(7, 55, 74, 0.5); }

.button-obelisk .circle-top,
.button-obelisk .circle-bottom {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: solid 2px #07374a;
  display: block; }

.button-obelisk .circle-top {
  background: #fd411c;
  overflow: hidden; }

.button-obelisk .circle-bottom {
  background: #da4525;
  position: relative;
  top: -22px;
  z-index: -1; }

.windows-1 {
  width: 128px;
  height: 69px;
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: 280px; }

.windows-1 svg {
  width: 100%;
  height: 100%; }

.windows-2 {
  width: 87px;
  height: 73px;
  position: absolute;
  bottom: 200px;
  left: 50%;
  margin-left: 116px; }

.windows-2 svg {
  width: 100%;
  height: 100%; }

.windows-3 {
  width: 100px;
  height: 84px;
  position: absolute;
  bottom: 239px;
  left: 50%;
  margin-left: -246px; }

.windows-3 svg {
  width: 100%;
  height: 100%; }

@media only screen and (max-width: 1004px) {
  .windows-1,
  .windows-2,
  .windows-3 {
    display: none; } }
.hackers {
  position: absolute;
  top: 103px;
  left: 50%;
  margin-left: -112px;
  z-index: 10;
  width: 221px;
  height: 90px; }

@media (max-width: 768px) {
  .hackers {
    display: none; } }
.hackers .display_left {
  width: 30px;
  height: 22px;
  position: absolute;
  top: 19px;
  left: 7px; }

.hackers .display_left svg {
  width: 100%;
  height: 100%; }

.hackers .display_left .code_1 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 40ms;
  -ms-animation-delay: 40ms;
  animation-delay: 40ms; }

.hackers .display_left .code_2 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 80ms;
  -ms-animation-delay: 80ms;
  animation-delay: 80ms; }

.hackers .display_left .code_3 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 120ms;
  -ms-animation-delay: 120ms;
  animation-delay: 120ms; }

.hackers .display_left .code_4 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 160ms;
  -ms-animation-delay: 160ms;
  animation-delay: 160ms; }

.hackers .display_left .code_5 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms; }

.hackers .display_left .code_6 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 240ms;
  -ms-animation-delay: 240ms;
  animation-delay: 240ms; }

.hackers .display_left .code_7 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 280ms;
  -ms-animation-delay: 280ms;
  animation-delay: 280ms; }

.hackers .display_left .code_8 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 320ms;
  -ms-animation-delay: 320ms;
  animation-delay: 320ms; }

.hackers .display_left .code_9 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 360ms;
  -ms-animation-delay: 360ms;
  animation-delay: 360ms; }

.hackers .display_left .code_10 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms; }

.hackers .display_left .code_11 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 440ms;
  -ms-animation-delay: 440ms;
  animation-delay: 440ms; }

.hackers .display_left .code_12 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 480ms;
  -ms-animation-delay: 480ms;
  animation-delay: 480ms; }

.hackers .display_left .code_13 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 520ms;
  -ms-animation-delay: 520ms;
  animation-delay: 520ms; }

.hackers .display_left .code_14 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 560ms;
  -ms-animation-delay: 560ms;
  animation-delay: 560ms; }

.hackers .display_left .code_15 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_l 10s linear;
  -ms-animation: code_l 10s linear;
  animation: code_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 600ms;
  -ms-animation-delay: 600ms;
  animation-delay: 600ms; }

.hackers .cable_left {
  width: 51px;
  height: 65px;
  position: absolute;
  top: 19px;
  left: 39px; }

.hackers .cable_left svg {
  width: 100%;
  height: 100%; }

.hackers .cable_left .cable-left-2,
.hackers .cable_left .cable-left-3,
.hackers .cable_left .cable-left-4 {
  -webkit-animation: dash_l 10s linear;
  -ms-animation: dash_l 10s linear;
  animation: dash_l 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  stroke-dashoffset: -242;
  stroke-dasharray: 10, 20, 10, 325; }

.hackers .cable_left .cable-left-3 {
  stroke-dasharray: 0, 15, 11, 26, 12, 274; }

.hackers .cable_left .cable-left-4 {
  stroke-dasharray: 0, 0, 0, 70, 19, 274; }

.hackers .display_right {
  width: 30px;
  height: 22px;
  position: absolute;
  top: 5px;
  right: 7px; }

.hackers .display_right svg {
  width: 100%;
  height: 100%; }

.hackers .display_right .code_1 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 40ms;
  -ms-animation-delay: 40ms;
  animation-delay: 40ms; }

.hackers .display_right .code_2 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 80ms;
  -ms-animation-delay: 80ms;
  animation-delay: 80ms; }

.hackers .display_right .code_3 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 120ms;
  -ms-animation-delay: 120ms;
  animation-delay: 120ms; }

.hackers .display_right .code_4 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 160ms;
  -ms-animation-delay: 160ms;
  animation-delay: 160ms; }

.hackers .display_right .code_5 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  animation-delay: 200ms; }

.hackers .display_right .code_6 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 240ms;
  -ms-animation-delay: 240ms;
  animation-delay: 240ms; }

.hackers .display_right .code_7 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 280ms;
  -ms-animation-delay: 280ms;
  animation-delay: 280ms; }

.hackers .display_right .code_8 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 320ms;
  -ms-animation-delay: 320ms;
  animation-delay: 320ms; }

.hackers .display_right .code_9 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 360ms;
  -ms-animation-delay: 360ms;
  animation-delay: 360ms; }

.hackers .display_right .code_10 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  animation-delay: 400ms; }

.hackers .display_right .code_11 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 440ms;
  -ms-animation-delay: 440ms;
  animation-delay: 440ms; }

.hackers .display_right .code_12 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 480ms;
  -ms-animation-delay: 480ms;
  animation-delay: 480ms; }

.hackers .display_right .code_13 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 520ms;
  -ms-animation-delay: 520ms;
  animation-delay: 520ms; }

.hackers .display_right .code_14 {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
  -webkit-animation: code_r 10s linear;
  -ms-animation: code_r 10s linear;
  animation: code_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 560ms;
  -ms-animation-delay: 560ms;
  animation-delay: 560ms; }

.hackers .cable_right {
  width: 52px;
  height: 67px;
  position: absolute;
  top: 20px;
  right: 35px; }

.hackers .cable_right svg {
  width: 100%;
  height: 100%; }

.hackers .cable_right .cable-right-2,
.hackers .cable_right .cable-right-3,
.hackers .cable_right .cable-right-4 {
  -webkit-animation: dash_r 10s linear;
  -ms-animation: dash_r 10s linear;
  animation: dash_r 10s linear;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  stroke-dashoffset: -242;
  stroke-dasharray: 10, 20, 10, 325; }

.hackers .cable_right .cable-right-3 {
  stroke-dasharray: 0, 15, 11, 26, 12, 274; }

.hackers .cable_right .cable-right-4 {
  stroke-dasharray: 0, 0, 0, 70, 19, 274; }

.flower {
  width: 100px;
  height: 75px;
  position: absolute;
  top: 160px;
  left: 50%;
  margin-left: -328px; }

.flower-base {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: 95px;
  height: 35px; }

.flower-base svg {
  width: 100%;
  height: 100%; }

.flower .flower-petal-1,
.flower .flower-petal-2 {
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom; }

.flower .flower-petal-3,
.flower .flower-petal-4 {
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom; }

.flower-petal-1,
.flower-petal-2,
.flower-petal-3,
.flower-petal-4 {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

.flower-petal-1 svg,
.flower-petal-2 svg,
.flower-petal-3 svg,
.flower-petal-4 svg {
  width: 100%;
  height: 100%; }

.flower-petal-1 {
  position: absolute;
  top: 27px;
  left: 0;
  z-index: 8;
  width: 47px;
  height: 33px; }

.flower-petal-2 {
  position: absolute;
  top: 18px;
  left: 5px;
  z-index: 9;
  width: 47px;
  height: 36px; }

.flower-petal-3 {
  position: absolute;
  top: 0px;
  right: 28px;
  z-index: 9;
  width: 27px;
  height: 49px; }

.flower-petal-4 {
  position: absolute;
  top: 3px;
  right: 22px;
  z-index: 8;
  width: 27px;
  height: 49px; }

.flower-inner {
  position: absolute;
  bottom: 30px;
  right: 50px;
  z-index: 1;
  width: 25px;
  height: 35px; }

.flower-inner svg {
  width: 100%;
  height: 100%; }

@-webkit-keyframes shake-base {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    -ms-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }

  2% {
    -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg);
    -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg);
    transform: translate(-0.5px, 1.5px) rotate(0.5deg); }

  4% {
    -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }

  6% {
    -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    transform: translate(-2.5px, -1.5px) rotate(0.5deg); }

  8% {
    -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
    -ms-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
    transform: translate(-2.5px, -2.5px) rotate(-1.5deg); }

  10% {
    -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg);
    -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg);
    transform: translate(1.5px, 1.5px) rotate(-1.5deg); }

  12% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }

  14% {
    -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
    transform: translate(1.5px, -2.5px) rotate(-0.5deg); }

  16% {
    -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
    -ms-transform: translate(0.5px, 1.5px) rotate(0.5deg);
    transform: translate(0.5px, 1.5px) rotate(0.5deg); }

  18% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
    transform: translate(-2.5px, -0.5px) rotate(0.5deg); }

  20% {
    -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
    transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }

  22% {
    -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
    -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
    transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }

  24% {
    -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
    transform: translate(-1.5px, -2.5px) rotate(-1.5deg); }

  26% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    transform: translate(0.5px, -0.5px) rotate(-1.5deg); }

  28% {
    -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }

  30% {
    -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
    transform: translate(-2.5px, 1.5px) rotate(0.5deg); }

  32% {
    -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }

  34% {
    -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
    transform: translate(-1.5px, 0.5px) rotate(-1.5deg); }

  36% {
    -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    transform: translate(1.5px, -1.5px) rotate(-1.5deg); }

  38% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    transform: translate(0.5px, -0.5px) rotate(-0.5deg); }

  40% {
    -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
    -ms-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
    transform: translate(-0.5px, 0.5px) rotate(0.5deg); }

  42% {
    -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    transform: translate(0.5px, -2.5px) rotate(-0.5deg); }

  44% {
    -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    transform: translate(0.5px, -2.5px) rotate(-0.5deg); }

  46% {
    -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
    transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }

  48% {
    -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    transform: translate(0.5px, -2.5px) rotate(-0.5deg); }

  50% {
    -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    transform: translate(-1.5px, -0.5px) rotate(-1.5deg); }

  52% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    transform: translate(-2.5px, -0.5px) rotate(-1.5deg); }

  54% {
    -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
    -ms-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
    transform: translate(1.5px, 0.5px) rotate(-1.5deg); }

  56% {
    -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
    -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
    transform: translate(0.5px, 0.5px) rotate(-1.5deg); }

  58% {
    -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
    transform: translate(0.5px, 1.5px) rotate(-0.5deg); }

  60% {
    -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
    transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }

  62% {
    -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
    transform: translate(-2.5px, -1.5px) rotate(-0.5deg); }

  64% {
    -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg);
    -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg);
    transform: translate(-1.5px, 0.5px) rotate(0.5deg); }

  66% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    transform: translate(0.5px, -0.5px) rotate(-1.5deg); }

  68% {
    -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    transform: translate(-1.5px, -0.5px) rotate(-1.5deg); }

  70% {
    -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
    -ms-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
    transform: translate(-0.5px, -2.5px) rotate(-1.5deg); }

  72% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    transform: translate(-2.5px, -0.5px) rotate(-1.5deg); }

  74% {
    -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg);
    transform: translate(-2.5px, 0.5px) rotate(0.5deg); }

  76% {
    -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    transform: translate(1.5px, -1.5px) rotate(-1.5deg); }

  78% {
    -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg);
    -ms-transform: translate(1.5px, -2.5px) rotate(0.5deg);
    transform: translate(1.5px, -2.5px) rotate(0.5deg); }

  80% {
    -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }

  82% {
    -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    transform: translate(-2.5px, -1.5px) rotate(0.5deg); }

  84% {
    -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    transform: translate(0.5px, -2.5px) rotate(-0.5deg); }

  86% {
    -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
    transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }

  88% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }

  90% {
    -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
    transform: translate(-1.5px, -1.5px) rotate(-1.5deg); }

  92% {
    -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }

  94% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    transform: translate(0.5px, -0.5px) rotate(-0.5deg); }

  96% {
    -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, -2.5px) rotate(0.5deg);
    transform: translate(-2.5px, -2.5px) rotate(0.5deg); }

  98% {
    -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } }
@keyframes shake-base {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    -ms-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }

  2% {
    -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg);
    -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg);
    transform: translate(-0.5px, 1.5px) rotate(0.5deg); }

  4% {
    -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }

  6% {
    -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    transform: translate(-2.5px, -1.5px) rotate(0.5deg); }

  8% {
    -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
    -ms-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
    transform: translate(-2.5px, -2.5px) rotate(-1.5deg); }

  10% {
    -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg);
    -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg);
    transform: translate(1.5px, 1.5px) rotate(-1.5deg); }

  12% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }

  14% {
    -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
    transform: translate(1.5px, -2.5px) rotate(-0.5deg); }

  16% {
    -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
    -ms-transform: translate(0.5px, 1.5px) rotate(0.5deg);
    transform: translate(0.5px, 1.5px) rotate(0.5deg); }

  18% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
    transform: translate(-2.5px, -0.5px) rotate(0.5deg); }

  20% {
    -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
    transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }

  22% {
    -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
    -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
    transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }

  24% {
    -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
    transform: translate(-1.5px, -2.5px) rotate(-1.5deg); }

  26% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    transform: translate(0.5px, -0.5px) rotate(-1.5deg); }

  28% {
    -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }

  30% {
    -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
    transform: translate(-2.5px, 1.5px) rotate(0.5deg); }

  32% {
    -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }

  34% {
    -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
    transform: translate(-1.5px, 0.5px) rotate(-1.5deg); }

  36% {
    -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    transform: translate(1.5px, -1.5px) rotate(-1.5deg); }

  38% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    transform: translate(0.5px, -0.5px) rotate(-0.5deg); }

  40% {
    -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
    -ms-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
    transform: translate(-0.5px, 0.5px) rotate(0.5deg); }

  42% {
    -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    transform: translate(0.5px, -2.5px) rotate(-0.5deg); }

  44% {
    -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    transform: translate(0.5px, -2.5px) rotate(-0.5deg); }

  46% {
    -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
    transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }

  48% {
    -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    transform: translate(0.5px, -2.5px) rotate(-0.5deg); }

  50% {
    -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    transform: translate(-1.5px, -0.5px) rotate(-1.5deg); }

  52% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    transform: translate(-2.5px, -0.5px) rotate(-1.5deg); }

  54% {
    -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
    -ms-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
    transform: translate(1.5px, 0.5px) rotate(-1.5deg); }

  56% {
    -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
    -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
    transform: translate(0.5px, 0.5px) rotate(-1.5deg); }

  58% {
    -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
    transform: translate(0.5px, 1.5px) rotate(-0.5deg); }

  60% {
    -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
    transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }

  62% {
    -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
    transform: translate(-2.5px, -1.5px) rotate(-0.5deg); }

  64% {
    -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg);
    -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg);
    transform: translate(-1.5px, 0.5px) rotate(0.5deg); }

  66% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    transform: translate(0.5px, -0.5px) rotate(-1.5deg); }

  68% {
    -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    transform: translate(-1.5px, -0.5px) rotate(-1.5deg); }

  70% {
    -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
    -ms-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
    transform: translate(-0.5px, -2.5px) rotate(-1.5deg); }

  72% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    transform: translate(-2.5px, -0.5px) rotate(-1.5deg); }

  74% {
    -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg);
    transform: translate(-2.5px, 0.5px) rotate(0.5deg); }

  76% {
    -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    transform: translate(1.5px, -1.5px) rotate(-1.5deg); }

  78% {
    -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg);
    -ms-transform: translate(1.5px, -2.5px) rotate(0.5deg);
    transform: translate(1.5px, -2.5px) rotate(0.5deg); }

  80% {
    -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }

  82% {
    -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    transform: translate(-2.5px, -1.5px) rotate(0.5deg); }

  84% {
    -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    transform: translate(0.5px, -2.5px) rotate(-0.5deg); }

  86% {
    -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
    transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }

  88% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }

  90% {
    -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
    -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
    transform: translate(-1.5px, -1.5px) rotate(-1.5deg); }

  92% {
    -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }

  94% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    transform: translate(0.5px, -0.5px) rotate(-0.5deg); }

  96% {
    -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg);
    -ms-transform: translate(-2.5px, -2.5px) rotate(0.5deg);
    transform: translate(-2.5px, -2.5px) rotate(0.5deg); }

  98% {
    -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } }
@-webkit-keyframes obelisk-fly {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }

  100% {
    -webkit-transform: translateY(-1000px);
    -ms-transform: translateY(-1000px);
    transform: translateY(-1000px); } }
@keyframes obelisk-fly {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }

  100% {
    -webkit-transform: translateY(-1000px);
    -ms-transform: translateY(-1000px);
    transform: translateY(-1000px); } }
@-webkit-keyframes obelisk-drop-shadow {
  0% {
    -webkit-filter: drop-shadow(0px 0px 0px transparent);
    filter: drop-shadow(0px 0px 0px transparent); }

  100% {
    -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8));
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8)); } }
@keyframes obelisk-drop-shadow {
  0% {
    -webkit-filter: drop-shadow(0px 0px 0px transparent);
    filter: drop-shadow(0px 0px 0px transparent); }

  100% {
    -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8));
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8)); } }
@-webkit-keyframes obelisk-wing-right {
  85% {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg); }

  90% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px); }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@keyframes obelisk-wing-right {
  85% {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg); }

  90% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px); }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes obelisk-wing-left {
  100% {
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0); }

  90% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px); }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@keyframes obelisk-wing-left {
  100% {
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0); }

  90% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px); }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes obelisk-fire {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

  95% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

  98% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }

  99% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes obelisk-fire {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

  95% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

  98% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }

  99% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes code_l {
  0%, 5% {
    -webkit-transform: translateX(-35px);
    -ms-transform: translateX(-35px);
    transform: translateX(-35px); }

  15%, 20% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); }

  45%, 100% {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px); } }
@keyframes code_l {
  0%, 5% {
    -webkit-transform: translateX(-35px);
    -ms-transform: translateX(-35px);
    transform: translateX(-35px); }

  15%, 20% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); }

  45%, 100% {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px); } }
@-webkit-keyframes dash_l {
  0%, 20% {
    stroke-dashoffset: -242; }

  60%, 100% {
    stroke-dashoffset: 100; } }
@keyframes dash_l {
  0%, 20% {
    stroke-dashoffset: -242; }

  60%, 100% {
    stroke-dashoffset: 100; } }
@-webkit-keyframes code_r {
  0%, 5% {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px); }

  15%, 20% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); }

  45%, 100% {
    -webkit-transform: translateX(-35px);
    -ms-transform: translateX(-35px);
    transform: translateX(-35px); } }
@keyframes code_r {
  0%, 5% {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px); }

  15%, 20% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px); }

  45%, 100% {
    -webkit-transform: translateX(-35px);
    -ms-transform: translateX(-35px);
    transform: translateX(-35px); } }
@-webkit-keyframes dash_r {
  0%, 20% {
    stroke-dashoffset: -242; }

  60%, 100% {
    stroke-dashoffset: 100; } }
@keyframes dash_r {
  0%, 20% {
    stroke-dashoffset: -242; }

  60%, 100% {
    stroke-dashoffset: 100; } }
.cerrados,
.octopus-eyes:hover {
  bottom: 55px; }

.cerrados .octopus-eye-left:after,
.octopus-eyes:hover .octopus-eye-left:after,
.cerrados .octopus-eye-right:after,
.octopus-eyes:hover .octopus-eye-right:after {
  top: -11px; }

.footer-illustration-wrapper {
  position: relative; }

.octopus-eyes {
  width: 60px;
  height: 15px;
  position: absolute;
  bottom: 58px;
  left: 50%;
  z-index: 100;
  margin-left: -126px;
  -webkit-animation-name: pestaneo-cejas;
  -ms-animation-name: pestaneo-cejas;
  animation-name: pestaneo-cejas;
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-delay: 0;
  -ms-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running; }

.octopus-eyes .octopus-eye-left,
.octopus-eyes .octopus-eye-right {
  overflow: hidden;
  width: 20px;
  height: 15px;
  position: relative;
  border-top: solid 3px #fff; }

.octopus-eyes .octopus-eye-left:after,
.octopus-eyes .octopus-eye-right:after {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  right: 0;
  top: -6px;
  -webkit-animation-name: pestaneo;
  -ms-animation-name: pestaneo;
  animation-name: pestaneo;
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-delay: 0;
  -ms-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running; }

.octopus-eyes .octopus-eye-left {
  float: left; }

.octopus-eyes .octopus-eye-right {
  float: right; }

@-webkit-keyframes pestaneo {
  0% {
    top: -6px;
    right: 0; }

  52% {
    right: 0; }

  60% {
    right: 9px; }

  65% {
    right: 9px; }

  69% {
    right: 0; }

  90% {
    top: -6px; }

  95% {
    top: -11px; }

  100% {
    top: -6px; } }
@keyframes pestaneo {
  0% {
    top: -6px;
    right: 0; }

  52% {
    right: 0; }

  60% {
    right: 9px; }

  65% {
    right: 9px; }

  69% {
    right: 0; }

  90% {
    top: -6px; }

  95% {
    top: -11px; }

  100% {
    top: -6px; } }
@-webkit-keyframes pestaneo-cejas {
  0% {
    bottom: 58px; }

  90% {
    bottom: 58px; }

  95% {
    bottom: 55px; }

  100% {
    bottom: 58px; } }
@keyframes pestaneo-cejas {
  0% {
    bottom: 58px; }

  90% {
    bottom: 58px; }

  95% {
    bottom: 55px; }

  100% {
    bottom: 58px; } }
.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden; }

.md-perspective body {
  background: #222;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px; }

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.md-show {
  visibility: visible; }

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(255, 191, 25, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible; }

/* Content styles */
.md-content {
  color: #67919c;
  background: white;
  position: relative;
  margin: 0 auto;
  *zoom: 1; }
  .md-content:before, .md-content:after {
    content: " ";
    display: table; }
  .md-content:after {
    clear: both; }
  .md-content figure {
    float: left;
    margin: 0;
    position: relative;
    width: 126px;
    height: 126px; }
    @media (min-width: 768px) {
      .md-content figure {
        width: 200px;
        height: 200px; } }
    .md-content figure img {
      display: block;
      width: 100%;
      height: 100%; }
  .md-content .description {
    margin-left: 126px;
    padding: 17px 20px 0 20px;
    color: #1e3d55; }
    @media (min-width: 768px) {
      .md-content .description {
        margin-left: 200px; } }
  .md-content h2 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: bold;
    text-align: left; }
  .md-content p {
    font-size: 20px;
    text-align: left; }
  .md-content .social {
    padding-bottom: 10px; }
  .md-content a.facebook {
    color: #133783; }
  .md-content a.twitter {
    color: #55acee; }
  .md-content a.github {
    color: #212121; }
  .md-content .bio {
    max-height: 76px;
    overflow-x: hidden;
    overflow-y: scroll;
    display: none; }
    @media (min-width: 768px) {
      .md-content .bio {
        display: block; } }
    .md-content .bio p {
      font-size: 12px; }

.md-content button.md-close {
  width: 40px;
  height: 40px;
  display: block;
  background: url(images/close-button.png) center no-repeat #132431;
  border: 0;
  color: #ffbf19;
  position: absolute;
  top: 0;
  right: 0; }
  @media (min-width: 768px) {
    .md-content button.md-close {
      top: -20px;
      right: -10px; } }

/* Effect: flip */
.md-effect-flip.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px; }

.md-effect-flip .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-70deg);
  -moz-transform: rotateY(-70deg);
  -ms-transform: rotateY(-70deg);
  transform: rotateY(-70deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0; }

.md-show.md-effect-flip .md-content {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  50% {
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  100% {
    opacity: 0; } }
@keyframes zoomOut {
  0% {
    opacity: 1; }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  100% {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

.wow {
  visibility: hidden; }

#cloudx1, #cloudx4 {
  fill: #f7d043; }

#cloudx2, #cloudx5 {
  fill: #f1bc05; }

#cloudx3 {
  fill: #f5d24d; }

.cloudx1, .cloudx2, .cloudx3, .cloudx4, .cloudx5 {
  width: 138px;
  height: 100%;
  position: absolute; }

.cloudx2, .cloudx4 {
  width: 108px; }

.cloudx3 {
  width: 64px; }

.cloudx1 {
  top: 5%;
  -webkit-animation: fly 45s linear infinite;
  -moz-animation: fly 45s linear infinite;
  -o-animation: fly 45s linear infinite;
  animation: fly 45s linear infinite; }

.cloudx2 {
  left: 200px;
  top: 20%;
  opacity: 0.6;
  -webkit-animation: fly 75s linear infinite;
  -moz-animation: fly 75s linear infinite;
  -o-animation: fly 75s linear infinite;
  animation: fly 75s linear infinite; }

.cloudx3 {
  left: -250px;
  top: 35%;
  opacity: 0.8;
  -webkit-animation: fly 60s linear infinite;
  -moz-animation: fly 60s linear infinite;
  -o-animation: fly 60s linear infinite;
  animation: fly 60s linear infinite; }

.cloudx4 {
  left: 470px;
  top: 50%;
  opacity: 0.75;
  -webkit-animation: fly 50s linear infinite;
  -moz-animation: fly 50s linear infinite;
  -o-animation: fly 50s linear infinite;
  animation: fly 50s linear infinite; }

.cloudx5 {
  left: -150px;
  top: 65%;
  opacity: 0.8;
  -webkit-animation: fly 60s linear infinite;
  -moz-animation: fly 60s linear infinite;
  -o-animation: fly 60s linear infinite;
  animation: fly 60s linear infinite; }

@-webkit-keyframes fly {
  0% {
    margin-left: 50%; }

  100% {
    margin-left: -50%; } }
@-moz-keyframes fly {
  0% {
    margin-left: 50%; }

  100% {
    margin-left: -50%; } }
@-o-keyframes fly {
  0% {
    margin-left: 50%; }

  100% {
    margin-left: -50%; } }
@keyframes fly {
  0% {
    margin-left: 50%; }

  100% {
    margin-left: -50%; } }
/** SPEAKER **/
.speaker-svg-animation {
  -webkit-animation: speaker 1s both;
  -moz-animation: speaker 1s both;
  -o-animation: speaker 1s both;
  animation: speaker 1s both; }

.sound-animation {
  -webkit-animation: speak 1.5s 1s both;
  -moz-animation: speak 1.5s 1s both;
  -o-animation: speak 1.5s 1s both;
  animation: speak 1.5s 1s both; }

@-webkit-keyframes speak {
  0% {
    stroke-dashoffset: 60px;
    stroke-dasharray: 20px 20px; }

  100% {
    stroke-dasharray: 20px 20px;
    stroke-dashoffset: 0; } }
@-moz-keyframes speak {
  0% {
    stroke-dashoffset: 60px;
    stroke-dasharray: 20px 20px; }

  100% {
    stroke-dasharray: 20px 20px;
    stroke-dashoffset: 0; } }
@-o-keyframes speak {
  0% {
    stroke-dashoffset: 60px;
    stroke-dasharray: 20px 20px; }

  100% {
    stroke-dasharray: 20px 20px;
    stroke-dashoffset: 0; } }
@keyframes speak {
  0% {
    stroke-dashoffset: 60px;
    stroke-dasharray: 20px 20px; }

  100% {
    stroke-dasharray: 20px 20px;
    stroke-dashoffset: 0; } }
@-webkit-keyframes speaker {
  10%, 20% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg); }

  40%, 60%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); } }
@-moz-keyframes speaker {
  10%, 20% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg); }

  40%, 60%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); } }
@-o-keyframes speaker {
  10%, 20% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg); }

  40%, 60%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); } }
@keyframes speaker {
  10%, 20% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg); }

  40%, 60%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg); } }
/** AGENDA **/
.agenda-svg-animation-tab {
  -webkit-animation: showLeft 1s both;
  -moz-animation: showLeft 1s both;
  -o-animation: showLeft 1s both;
  animation: showLeft 1s both; }

.agenda-svg-animation-tab2 {
  -webkit-animation: showLeft 1.1s both;
  -moz-animation: showLeft 1.1s both;
  -o-animation: showLeft 1.1s both;
  animation: showLeft 1.1s both; }

.agenda-svg-animation-tab3 {
  -webkit-animation: showLeft 1.2s both;
  -moz-animation: showLeft 1.2s both;
  -o-animation: showLeft 1.2s both;
  animation: showLeft 1.2s both; }

.agenda-svg-animation-tab4 {
  -webkit-animation: showLeft 1.3s both;
  -moz-animation: showLeft 1.3s both;
  -o-animation: showLeft 1.3s both;
  animation: showLeft 1.3s both; }

@-webkit-keyframes showLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }

  60% {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  90% {
    opacity: 1;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }

  100% {
    -webkit-transform: none;
    transform: none; } }
@-moz-keyframes showLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }

  60% {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  90% {
    opacity: 1;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }

  100% {
    -webkit-transform: none;
    transform: none; } }
@-o-keyframes showLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }

  60% {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  90% {
    opacity: 1;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }

  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes showLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }

  60% {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  90% {
    opacity: 1;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }

  100% {
    -webkit-transform: none;
    transform: none; } }
/** TICKETS **/
.ticket-svg-animation {
  -webkit-animation: showUp 1s both;
  -moz-animation: showUp 1s both;
  -o-animation: showUp 1s both;
  animation: showUp 1s both; }

@-webkit-keyframes showUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
@-moz-keyframes showUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
@-o-keyframes showUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
@keyframes showUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
/** Hear **/
.heart-svg-animation {
  -webkit-animation: pulse-heart 2s both;
  -moz-animation: pulse-heart 2s both;
  -o-animation: pulse-heart 2s both;
  animation: pulse-heart 2s both; }

@-webkit-keyframes pulse-heart {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }

  25% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }

  50% {
    -webkit-transform: scale(1);
    opacity: 1; }

  75% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }

  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@-moz-keyframes pulse-heart {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }

  25% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }

  50% {
    -webkit-transform: scale(1);
    opacity: 1; }

  75% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }

  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@-o-keyframes pulse-heart {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }

  25% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }

  50% {
    -webkit-transform: scale(1);
    opacity: 1; }

  75% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }

  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@keyframes pulse-heart {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }

  25% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }

  50% {
    -webkit-transform: scale(1);
    opacity: 1; }

  75% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }

  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
/** HOTELS **/
.z-animation {
  -webkit-animation: zic-zac 1s both;
  -moz-animation: zic-zac 1s both;
  -o-animation: zic-zac 1s both;
  animation: zic-zac 1s both; }

.z-animation2 {
  -webkit-animation: zic-zac 1s 0.5s both;
  -moz-animation: zic-zac 1s 0.5s both;
  -o-animation: zic-zac 1s 0.5s both;
  animation: zic-zac 1s 0.5s both; }

.z-animation3 {
  -webkit-animation: zic-zac 0.5s 1s both;
  -moz-animation: zic-zac 0.5s 1s both;
  -o-animation: zic-zac 0.5s 1s both;
  animation: zic-zac 0.5s 1s both; }

@-webkit-keyframes zic-zac {
  0% {
    stroke-dashoffset: 100px;
    stroke-dasharray: 100px 100px; }

  100% {
    stroke-dasharray: 100px 100px;
    stroke-dashoffset: 0; } }
@-moz-keyframes zic-zac {
  0% {
    stroke-dashoffset: 100px;
    stroke-dasharray: 100px 100px; }

  100% {
    stroke-dasharray: 100px 100px;
    stroke-dashoffset: 0; } }
@-o-keyframes zic-zac {
  0% {
    stroke-dashoffset: 100px;
    stroke-dasharray: 100px 100px; }

  100% {
    stroke-dasharray: 100px 100px;
    stroke-dashoffset: 0; } }
@keyframes zic-zac {
  0% {
    stroke-dashoffset: 100px;
    stroke-dasharray: 100px 100px; }

  100% {
    stroke-dasharray: 100px 100px;
    stroke-dashoffset: 0; } }
@media only screen and (max-width: 1004px) {
  .streaming .intro-holder {
    min-height: 1px; }
  .streaming #stream.container {
    width: 100%;
    max-width: 780px;
    padding: 30px; }
    .streaming #stream.container .dashboard {
      display: none; }
    .streaming #stream.container #video {
      float: none;
      margin: 0 auto;
      width: 100%;
      height: 50vw;
      max-height: 405px; }

  .talk-list {
    min-width: 300px;
    width: 100%;
    max-width: 640px;
    margin: 0 auto; }
    .talk-list .break-icon,
    .talk-list .checkin-icon,
    .talk-list .party-icon {
      position: static !important;
      display: block;
      margin: 0 auto;
      margin-left: auto !important; }
      .talk-list .break-icon:after,
      .talk-list .checkin-icon:after,
      .talk-list .party-icon:after {
        display: none; }
    .talk-list li {
      margin-bottom: 50px; }
      .talk-list li h5.single-line {
        display: inline-block;
        text-align: center;
        background: #ffca00;
        border: 2px solid #0e374e;
        padding: 5px 10px; }
      .talk-list li:before {
        display: none; }
      .talk-list li .time {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
        text-align: center; }
      .talk-list li .subject {
        float: none;
        width: 100%;
        padding-left: 0;
        text-align: center; }
        .talk-list li .subject.icon {
          height: auto; }
          .talk-list li .subject.icon h5 {
            height: auto !important;
            line-height: inherit; }
        .talk-list li .subject .details p {
          padding-bottom: 70px; }
        .talk-list li .subject .description {
          margin-left: 0;
          margin-top: 96px;
          min-height: 80px; }
          .talk-list li .subject .description .avatar {
            left: 50%;
            top: -96px;
            margin-left: -48px; }
        .talk-list li .subject .actions {
          position: absolute;
          top: auto;
          left: 0px;
          bottom: 0px;
          width: 100%;
          overflow: hidden;
          background: #0e374e; }
          .talk-list li .subject .actions a {
            float: left;
            margin: 0; }
            .talk-list li .subject .actions a.md-close {
              float: right;
              margin: 0; }
            .talk-list li .subject .actions a.share {
              width: auto;
              padding: 0 10px; }
      .talk-list li.odd .time {
        padding-left: 0;
        text-align: center; }
      .talk-list li.odd .subject {
        padding-right: 0; }
        .talk-list li.odd .subject .description {
          margin-right: 0; }
      .talk-list li.open .time,
      .talk-list li.open .subject {
        -webkit-transform: translateX(0) !important; } }
@media only screen and (max-width: 980px) {
  .global-stats {
    max-width: none; }
    .global-stats .stat:first-child .stat-number {
      border-left: 0; }
    .global-stats .stat:last-child .stat-number {
      border-right: 0; }

  .section-tickets .buy-ticket {
    float: none;
    width: auto;
    margin: 0 -15px;
    overflow: hidden; }
    .section-tickets .buy-ticket .price {
      padding: 0;
      padding-left: 60px;
      width: 100%; }
  .section-tickets .ticket-includes {
    float: none;
    width: auto;
    text-align: center;
    margin: 40px 0 0; }
    .section-tickets .ticket-includes p {
      text-align: center; }
    .section-tickets .ticket-includes ul {
      list-style: none;
      padding: 0; }

  .illustration-tickets {
    width: 100%;
    background-position: 50% 0; }
    .illustration-tickets .button {
      left: 50%;
      margin: 0 0 0 -130px; } }
@media only screen and (max-width: 960px) {
  .speaker-list {
    padding: 2px 6px 0 12px; }

  .speaker {
    width: 50%; }

  .place-grid {
    height: auto; }
    .place-grid .place-cell-data, .place-grid .place-cell-map, .place-grid .place-cell-photo {
      position: relative;
      width: auto;
      height: auto; }
    .place-grid .place-cell-data {
      padding-left: 30px;
      padding-bottom: 30px; }
    .place-grid .place-cell-map {
      height: 200px; }
    .place-grid .place-cell-photo {
      display: none; } }
@media only screen and (max-width: 940px) {
  .housing .description {
    padding: 22px 24px; }
  .housing h2 {
    font-size: 17px; }
  .housing p {
    font-size: 16px; }
  .housing .description-inner {
    margin: 0 136px 0 0; }
  .housing .price-and-rating {
    min-width: 116px; }
    .housing .price-and-rating .price {
      font-size: 40px; }
      .housing .price-and-rating .price sup {
        padding-top: 6px;
        font-size: 15px;
        line-height: 15px; } }
@media only screen and (min-width: 800px) and (max-width: 960px) {
  .speaker-list {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; } }
@media only screen and (max-width: 840px) {
  .housing .description {
    margin-left: 36%; }

  .streaming #game-holder {
    display: none; } }
@media only screen and (max-width: 820px) {
  .main-menu {
    max-width: 402px;
    padding: 0 0 37px; }
    .main-menu .tickets,
    .main-menu .video {
      width: 50%; }
    .main-menu .tickets {
      border-right-width: 1px; }
    .main-menu .video {
      border-left-width: 1px; }

  .countdown {
    margin: 0; } }
@media only screen and (max-width: 780px) {
  .illustration {
    background-image: url(images/illustration-mobile.png);
    margin-top: -30px;
    height: 190px; }
    .illustration .obelisk {
      background-image: url(images/obelisk-mobile.png);
      width: 35px;
      height: 175px;
      top: -50px;
      margin-left: -17.5px; }

  .footer-illustration {
    background-image: url(images/illustration-footer-mobile.png);
    height: 286px; }

  .footer-dark-strip {
    height: 122px; }

  .flower {
    display: none; }

  .speaker.keynote-speaker p.talk {
    display: none; }

  .octopus-eyes {
    display: none; } }
@media only screen and (max-width: 710px) {
  .housing .description {
    margin-left: 0; }
  .housing h2 {
    font-size: 17px; }
  .housing p {
    font-size: 16px; }
  .housing .description-inner {
    margin: 0 136px 0 0; }
  .housing .price-and-rating {
    min-width: 116px; }
    .housing .price-and-rating .price {
      font-size: 40px; }
      .housing .price-and-rating .price sup {
        padding-top: 6px;
        font-size: 15px;
        line-height: 15px; } }
@media only screen and (max-width: 670px) {
  .speaker-list {
    margin-left: auto;
    margin-right: auto;
    padding: 2px 0 0; }

  .speaker {
    width: 100%;
    margin: -2px 0 0; }
    .speaker.speaker-teaser {
      padding-top: 37px;
      margin-right: 0; }
    .speaker.full-width {
      margin-right: 0; }

  .section-tickets .ticket-includes {
    font-size: 16px; }
  .section-tickets .buy-ticket .price {
    padding: 0; }

  .illustration-tickets {
    margin: 0 -30px 0 -85px;
    width: auto; } }
@media only screen and (max-width: 599px) {
  .global-stats {
    display: none; }

  .speaker.keynote-speaker h2 {
    font-size: 20px; }
    .speaker.keynote-speaker h2 .full-name {
      display: block; }
    .speaker.keynote-speaker h2 em {
      margin: 0;
      margin-top: 5px; }
  .speaker.keynote-speaker p {
    font-size: 15px; } }
@media only screen and (max-width: 540px) {
  .container {
    padding: 0 10px; }

  .housing-list {
    margin: 35px -10px 0; } }
@media only screen and (max-width: 500px) {
  .intro-holder {
    background: #ffc81c; } }
@media only screen and (max-width: 480px) {
  #game-holder {
    display: none; }

  .streaming #stream {
    display: none; }
  .streaming #header-content {
    display: block; }
  .streaming #game-holder {
    display: none; }

  .button-toggle, .main-menu .tickets {
    display: none !important; }

  .button-watch {
    display: block !important; }

  .main-menu {
    padding-bottom: 60px; }
    .main-menu .tickets,
    .main-menu .video {
      width: 100%;
      border-width: 2px;
      position: relative; }

  .speaker.keynote-speaker {
    min-height: 132px; }
    .speaker.keynote-speaker h2 {
      font-size: 18px; }
      .speaker.keynote-speaker h2 em {
        font-size: 12px; }
    .speaker.keynote-speaker figure {
      width: 128px;
      height: 128px; }
    .speaker.keynote-speaker .description {
      margin-left: 128px; }
    .speaker.keynote-speaker .name {
      min-height: 85px; }
    .speaker.keynote-speaker p .hidden-mobile {
      display: none; }

  .housing .description {
    padding: 15px 20px 42px;
    position: relative; }
  .housing .description-inner {
    margin: 0; }
  .housing .price-and-rating {
    float: none;
    overflow: hidden;
    margin: 0;
    position: absolute;
    bottom: 11px;
    left: 20px;
    right: 20px; }
    .housing .price-and-rating .price {
      float: left;
      width: 50%;
      font-size: 26px; }
    .housing .price-and-rating .rating {
      float: left;
      width: 50%;
      vertical-align: top;
      padding: 1px 0 0;
      text-align: right; } }
@media only screen and (max-width: 440px) {
  .section-tickets .ticket-includes {
    font-size: 14px; } }
@media only screen and (max-width: 480px) {
  .section-header time,
  .section-header .adr {
    display: block; }
  .section-header .adr {
    margin: 7px 0 0; } }
@media only screen and (max-width: 420px) {
  .main-menu {
    margin: 0 -10px;
    max-width: none; }
    .main-menu .tickets {
      border-left-width: 0; }
    .main-menu .video {
      border-right-width: 0; }

  .speaker-list {
    margin-left: -10px;
    margin-right: -10px;
    max-width: none; }

  .speaker {
    border-width: 2px 0; }
    .speaker .icon-nodejs {
      left: 8px;
      top: 92px;
      background-position: -300px 0px;
      width: 27px;
      height: 30px; }

  .countdown .counter:first-child {
    border-left-width: 0; }
  .countdown .counter:last-child {
    border-right-width: 0; }

  .section-earlybird .countdown .counter:first-child {
    border-left-width: 2px; }
  .section-earlybird .countdown .counter:last-child {
    border-right-width: 2px; } }
@media only screen and (max-width: 400px) {
  .section-header address {
    font-size: 16px; }
  .section-header .hello {
    font-size: 34px; }
  .section-header code {
    font-size: 11px; }

  .speaker h2 {
    font-size: 17px; }

  .speaker p {
    font-size: 15px; } }
@media only screen and (max-width: 370px) {
  .main-menu {
    padding: 0 0 37px 0; }
    .main-menu .tickets {
      top: auto;
      left: 0;
      right: 0; }
    .main-menu .video {
      top: auto;
      right: 0;
      left: 0; }

  .countdown .counter {
    font-size: 15px;
    line-height: 24px; }
    .countdown .counter strong {
      height: 70px;
      font-size: 30px;
      line-height: 75px; } }
@media only screen and (max-width: 360px) {
  .housing h2 {
    font-size: 16px; }
  .housing p {
    font-size: 14px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .intro-holder {
    background-image: url(images/illustration-sky%402x.png);
    -webkit-background-size: 1400px 380px;
    -moz-background-size: 1400px 380px;
    -ms-background-size: 1400px 380px;
    -o-background-size: 1400px 380px;
    background-size: 1400px 380px; }

  .illustration {
    background-image: url(images/illustration%402x.png);
    -webkit-background-size: 1300px 602px;
    -moz-background-size: 1300px 602px;
    -ms-background-size: 1300px 602px;
    -o-background-size: 1300px 602px;
    background-size: 1300px 602px; }
    .illustration .obelisk {
      background-image: url(images/obelisk%402x.png);
      -webkit-background-size: 43px 215px;
      -moz-background-size: 43px 215px;
      -ms-background-size: 43px 215px;
      -o-background-size: 43px 215px;
      background-size: 43px 215px; }

  .flag {
    background-image: url(images/flags%402x.html);
    -webkit-background-size: 300px 30px;
    -moz-background-size: 300px 30px;
    -ms-background-size: 300px 30px;
    -o-background-size: 300px 30px;
    background-size: 300px 30px; }

  .illustration-tickets {
    background-image: url(images/illustration-tickets%402x.png);
    -webkit-background-size: 580px 214px;
    -moz-background-size: 580px 214px;
    -ms-background-size: 580px 214px;
    -o-background-size: 580px 214px;
    background-size: 580px 214px; }

  .footer-illustration {
    background-image: url(images/illustration-footer%402x.png);
    -webkit-background-size: 1712px 386px;
    -moz-background-size: 1712px 386px;
    -ms-background-size: 1712px 386px;
    -o-background-size: 1712px 386px;
    background-size: 1712px 386px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 780px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 780px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 780px), only screen and (min-device-pixel-ratio: 2) and (max-width: 780px), only screen and (min-resolution: 192dpi) and (max-width: 780px), only screen and (min-resolution: 2dppx) and (max-width: 780px) {
  .illustration {
    background-image: url(images/illustration-mobile%402x.png);
    -webkit-background-size: 1300px 190px;
    -moz-background-size: 1300px 190px;
    -ms-background-size: 1300px 190px;
    -o-background-size: 1300px 190px;
    background-size: 1300px 190px; }
    .illustration .obelisk {
      background-image: url(images/obelisk-mobile%402x.png);
      -webkit-background-size: 35px 175px;
      -moz-background-size: 35px 175px;
      -ms-background-size: 35px 175px;
      -o-background-size: 35px 175px;
      background-size: 35px 175px; }

  .footer-illustration {
    background-image: url(images/illustration-footer-mobile%402x.png);
    -webkit-background-size: 1712px 386px;
    -moz-background-size: 1712px 386px;
    -ms-background-size: 1712px 386px;
    -o-background-size: 1712px 386px;
    background-size: 1712px 386px; } }
/*! jQuery UI - v1.11.1 - 2014-08-26
* http://jqueryui.com
* Includes: core.css, resizable.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-widget {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #ddd;
  background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.html") 50% top repeat-x;
  color: #333; }

.ui-widget-content a {
  color: #333; }

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.html") 50% 50% repeat-x;
  color: #fff;
  font-weight: bold; }

.ui-widget-header a {
  color: #fff; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.html") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.html") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: white url("images/ui-bg_glass_65_ffffff_1x400.html") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.html") 50% top repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.html") 50% 50% repeat;
  color: #fff; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #fff; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #fff; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.html"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.html"); }

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.html"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.html"); }

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.html"); }

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_228ef1_256x240.html"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_ffd27a_256x240.html"); }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px; }

.ui-widget-overlay {
  background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.html") 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50); }

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: black url("images/ui-bg_flat_10_000000_40x100.html") 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px; }

.ticketsPaymentModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  overflow: auto;
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(20px, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-radial-gradient(center center, rgba(0, 0, 0, 0.3) 20px, rgba(0, 0, 0, 0.6));
  background: -moz-radial-gradient(center center, rgba(0, 0, 0, 0.3) 20px, rgba(0, 0, 0, 0.6));
  background: -o-radial-gradient(center center, rgba(0, 0, 0, 0.3) 20px, rgba(0, 0, 0, 0.6));
  background: radial-gradient(center center, rgba(0, 0, 0, 0.3) 20px, rgba(0, 0, 0, 0.6)); }

.ticketsPaymentModal * {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0; }

.ticketsPaymentModal, .ticketsPaymentModal .ticketsPaymentModal-h {
  width: 100%;
  height: 100%; }

.ticketsPaymentModal .ticketsPaymentModal-h {
  display: table;
  text-align: center; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i {
  display: table-cell;
  vertical-align: middle;
  padding: 40px 0; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c {
  width: 520px;
  padding: 30px 30px 10px;
  margin: 0 auto;
  background: #FFF;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-brand {
  padding-bottom: 20px; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-brand h1 {
  font: bold 28px Arial, Helvetica, sans-serif;
  color: #000; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-brand img {
  display: block;
  margin: 0 auto; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-iframe {
  background: url(images/tickets-loading.gif) no-repeat center center; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-iframe iframe {
  border: 0;
  width: 100%;
  height: 510px;
  border: 0; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-iframe-hidden {
  height: 60px;
  margin: 20px 0; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-iframe-hidden iframe {
  display: none; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-close {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 9999; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-close a {
  display: block;
  font-size: 0;
  text-indent: -9999em;
  width: 30px;
  height: 30px;
  background: url(images/tickets-close.png) no-repeat 0 0; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-close a:focus {
  outline: 0; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-security {
  width: 580px;
  margin: 20px auto 0;
  padding: 12px 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-security p {
  padding-left: 20px;
  background: url(images/tickets-lock.png) no-repeat 0 0;
  display: inline;
  color: #CCC;
  font-size: 13px;
  font-family: Helvetica, Arial, sans-serif; }

@media screen and (max-width: 580px) {
  .ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i {
    padding: 0; }

  .ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c {
    width: auto;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }

  .ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-security {
    width: auto;
    margin: 20px; } }
/* Overrides */
.ticketsPaymentModal {
  background: none; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-brand {
  display: none; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-brand h1 {
  display: none; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c {
  border: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-close {
  position: absolute;
  top: 5px;
  right: -1px;
  z-index: 9999; }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-security {
  width: 520px;
  background: rgba(43, 51, 56, 0.7); }

.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-security p {
  font-family: "InputMono", "Consolas", "Lucida Console", "Courier", monospace;
  color: #ffffff; }

main {
  width: 100%;
  overflow: hidden; }

.site-overlay {
  width: 1212px;
  height: 6234px;
  position: absolute;
  top: 0;
  left: -1px;
  right: 0;
  margin: 0 auto;
  background: url(overlay.html) 0 0 no-repeat;
  z-index: 99999;
  opacity: 0.5;
  display: none; }