styles.css

@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 {
  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-webfont.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: 'Caviar';
  src: url("fonts/Caviar_Dreams_Bold-webfont.woff");
}

@font-face {
  font-family: 'InputMono';
  src: url("fonts/inputmono-bold-webfont.eot");
  src: url("fonts/inputmono-bold-webfont.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,
.housing-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.housing-list iframe{
  @media(max-width: 768px) {
    height: 750px;
  }
}

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: #FF9100;
  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: #FF9100;
}

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: #FF9100;
  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/sprite.png?20141025) no-repeat -1000px -1000px;
  /*background: url(images/logo.png);*/
  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@2x.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@2x.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;
}

/* .png-to-color-dark-blue {
  filter: invert(74%) sepia(10%) saturate(3008%) hue-rotate(164deg) brightness(123%) contrast(199%);
} */

.section-header .hello {
  margin-bottom: 25px;
  font-size: 36px;
  font-weight: bold;
}

.section-header code {
  margin-bottom: 32px;
}

.home-buttons-container {
  display: flex; 
  justify-content: center;
  margin-bottom:30px;
}
.btn-discord {
  margin-right: 25px;
}
.btn-hack{
  margin-left: 25px;
}

@media(max-width: 860px) {
  .home-buttons-container {
    flex-direction: column;
    margin-bottom: 10px;
  }
  .btn-discord {
    margin-right: 0px;
  }
  .btn-hack{
    margin-left:0px
  }
}

.section-header .blog-link {
  font-size: 25px;
  color: white;
  background-color: #003955;
  margin-bottom: 50px;
  
  text-decoration: none;
  padding-left: 20px;
  border-radius: 20px;
  border-color: #003955;
  padding-top: 5px;
  padding-bottom: 5px;
}


.btn-blog:hover {
  background: #003955;
  border: 1px solid #003955;
  box-shadow: 0px 2px 0 white, 2px 4px 6px white;
  font-weight: 900;
  letter-spacing: 1px;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}

.btn-blog {
  background: #003956;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(109, 84, 177, 0.2);
  columns: #fff3ff;
  text-shadow: -1px -1px 0 #003956;
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
}


.beta {
  /* margin-bottom: 10px; */
  width: 30px;
  height: 30px;
}

.intro-holder {
  padding-top: 24px;
  background: rgb(52, 152, 219) 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;*/
  background: rgb(68, 198, 80);
  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: #FAFAFA;
  padding: 25px 10px;
}

.signup-form {
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.signup-form .input-group {
  display: table;
  width: 100%;
}

.signup-form input {
  display: table-cell;
  padding: 13px 15px;
  width: 100%;
  height: 46px;
  margin: 0;
  line-height: 20px;
  background: white;
  border: 2px solid #d3a91e;
  vertical-align: top;
}

.signup-form .submit {
  display: table-cell;
  width: 1%;
  vertical-align: top;
}

.signup-form button {
  display: block;
  cursor: pointer;
  height: 46px;
  padding: 0px 10px;
  margin: 0;
  border: 2px solid #d3a91e;
  color: #FF9100;
  font-weight: bold;
  background: #d3a91e;
  border-left: none;
  vertical-align: top;
}

.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: rgb(52, 152, 219);
  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: rgb(52, 152, 219);
  padding-top: 0px;
  min-height: 560px;
  z-index: 0;
}

.intro-holder>.container {
  padding-top: 24px;
  z-index: 900;
}

#game-holder {
  position: absolute;
  /*background: rgb(52, 152, 219);*/
  background: rgb(52, 152, 219);
  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%;
}

/*Image hover style for our team*/

.flag {
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: url(images/flags.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;  #1E824C*/
  background: rgb(231, 76, 60);
  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: 200px;
  height: 25px;
  /*background: #FF9100;*/
  background: #FF9100;
  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: #0e374e;
  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;
}

.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: #FF9100;
}

.talk-list li .details h6 a {
  color: #FF9100;
  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 #FF9100;
}

.talk-list li.highlight .more {
  color: #FF9100;
}

.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;
}

.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);*/
  opacity: 0.8;
  background: rgb(30, 61, 85);
  padding-top: 30px;
  padding-left: 130px;
}

.place-grid .place-cell-data h1 {
  text-align: left;
  margin-bottom: 26px;
  color: white;
}

.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: #FF9100;
}

.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: #FF9100;
  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@2x.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: #FF9100;
  padding: 11px 15px 0px 5px;
  background-position: 0% -75px;
  background-repeat: repeat-x;
  white-space: nowrap;
}

.section-housing {
  /*background: #214760;*/
  background: rgb(68, 198, 80);
  color: white;
  padding: 60px 0;
}

.section-housing-2 {
  /* background: #214760; */
  /* background:rgb(68, 198, 80); */
  background: rgb(43, 172, 181);
  color: white;
  padding: 60px 0;
}

.section-housing-3 {
  /* background: #214760; */
  /* background:rgb(68, 198, 80); */
  background: #FFCD37;
  /* background: rgb(231, 76, 60); */
  color: white;
  padding: 60px 0;
}

.hotels-svg {
  display: block;
  position: relative;
}

.hotels-svg svg {
  max-width: 50px;
}

.housing-list {
  margin-top: 35px;
  margin-left: -30px;
  margin-right: -30px;
}

.housing {
  background: #bcc7cf;
  background-size: cover;
  background-repeat-x: no-repeat;
  background-position: center;
  margin-bottom: 2px;
  margin-left: 7px;
  margin-right: 7px;
}

.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);
}

/* .icpc {
  background-image: url(../images/compressed/events/ICPC_WS.jpg);
  background-size: 35% 100%;
  background-position: 0px, 0px;
  background-repeat: repeat;
}

.stl {
  background-image: url(../images/compressed/events/Cpp_stl.jpg);
}

.python-ws {
  background-image: url(../images/compressed/events/17-18/pythonws.jpg);
  background-position: 0px, 0px;
  background-size: 35%, 100%;
  background-repeat: repeat;
}

.itCP {
  background-image: url(../images/compressed/events/CP.jpg);
} */

/* .KPR1 {
  background-image: url(../images/compressed/events/KPR32018.jpg);
  background-position: 0px, 0px;
  background-size: 100%, 100%;


} */

.BIGO {
  background-image: url(../images/events/BigOLogo.png);
  
  background-size: contain !important;
  background-position: 0%, 50% !important;
  background-repeat: no-repeat !important;
}

.crackathon {
  background-image: url(../images/events/crackathon.jpg);
  background-size: contain !important;
  background-position: 0px, 0px;
  background-repeat: no-repeat !important;
}

.KJCS {
  background-image: url(../images/events/codespree.jpg);
  background-size: contain !important;
  background-position: 0px, 0px;
  background-repeat: no-repeat !important;
}

.hackathon {
  background-image: url(../images/events/hack8.jpg);
  background-size: contain !important;
  background-position: 0px, 0px;
  background-repeat: no-repeat !important;
}

.ctf {
  background-image: url(../images/events/ctf.jpg);
  background-size: contain !important;
  background-position: 0px, 0px;
  background-repeat: no-repeat !important;
}

.cwc {
  background-image: url(../images/compressed/events/cwc.png);
  background-size: contain !important;
  background-position: 0px, 0px;
  background-repeat: no-repeat !important;
}

.intcp {
  background-image: url(../images/compressed/events/intcp.jpg);
  background-size: contain !important;
  background-position: 0px, 0px;
  background-repeat: no-repeat !important;
}

/* .event1 {
  background-image: url(../images/compressed/events/event1.jpg);
}

.event2 {
  background-image: url(../images/compressed/events/17-18/Cpp_stl.jpg);
}

.event3 {
  background-image: url(../images/compressed/events/event3.jpg);
}

.event4 {
  background-image: url(../images/compressed/events/event4.jpg);
}

.be-workshop {
  background-image: url(../images/compressed/events/event2.jpg);
}

.panel {
  background-image: url(../images/compressed/events/Panel.jpg);
  background-size: 25% 100%;
  background-position: 0px, 0px;
  background-repeat: repeat;
}

.handover {
  background-image: url(../images/compressed/events/handover.jpg);
}

.handover1 {
  background-image: url(../images/compressed/events/LR-2003.jpg);
  background-size: 35% 100%;
  background-position: 1000px, 0px;
  background-repeat: repeat;
}

.numtheory {
  background-image: url(../images/compressed/events/17-18/numtheory.jpg);
  background-size: 35% 100%;
  background-position: 0px, 0px;
  background-repeat: repeat;
}

.jsws {
  background-image: url(../images/compressed/events/17-18/jsws.jpg);
  background-size: 35% 100%;
  background-position: 0px, 0px;
  background-repeat: repeat;
}

.gsocmeet {
  background-image: url(../images/compressed/events/17-18/gsoc_meet.jpg);
  background-size: 35% 100%;
  background-position: 0px, 0px;
  background-repeat: repeat;
}

.graphalgo {
  background-image: url(../images/compressed/events/17-18/graph.jpg);
  background-size: 35% 100%;
  background-position: 0px, 0px;
  background-repeat: repeat;

}

.KJCC {
  background-image: url(../images/compressed/events/kjsc2019.png);
  background-size: 35% 100%;
  background-position: 0px, 0px;

}

.KJPR2 {
  background-image: url(../images/compressed/events/17-18/KJPR2.jpg);
  background-position: 0px, 0px;
}

.ICPC_C {
  background-image: url(../images/compressed/events/ICPC_c.jpg);
}

.chatbot {
  background-image: url(../images/compressed/events/chatbot.png);
  background-size: 35% 100%;
  background-position: 0px, 0px;
  background-repeat: repeat;
}

.gitws {
  background-image: url(../images/compressed/events/event3.jpg);
  background-size: 35% 100%;
  background-position: 0px, 0px;
  background-repeat: repeat;
}

.pwa {
  background-image: url(../images/compressed/events/event5.jpg);
  background-size: 35% 100%;
  background-position: 0px, 0px;
  background-repeat: repeat;
}

.algo {
  background-image: url(../images/compressed/events/event6.jpg);
  background-size: 35% 100%;
  background-position: 0px, 0px;
  background-repeat: repeat;
} */



.housing .description {
  margin-left: 18%;
  padding: 26px 22px 24px 29px;
  /*background: rgba(255, 202, 0, 0.95); */
  opacity: 0.95;
  background: #FF9100;
  height: 180px;
}

.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;
}

.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;
}

.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: #FFCD37;
  /* background: rgb(231, 76, 60); */
  /* background-color: #214760; */
  color: white;
  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: 100%;
  height: 100%;
}

.sponsor-list.sponsors-platinum .sponsor {
  width: 289px;
  height: 160px;
}

.sponsor-list.sponsors-gold .sponsor {
  width: 230px;
  height: 128px;
}

.sponsor-list.sponsors-silver .sponsor {
  width: 167px;
  height: 93px;
}

.sponsor-list.sponsors-startup {
  max-width: 800px;
}

.sponsor-list.sponsors-startup .sponsor {
  width: 167px;
  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: #FF9100;*/
  background: #FF9100;
  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 code {
  margin: 45px 0 65px 0;
}

.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: #FF9100;
}

.footer-author p.author a {
  color: #FF9100;
}

.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: 0px auto 0px auto;
  background: white;
  padding: 40px;
  max-width: 390px;
  max-height: 100%;
  overflow-y: auto;
  z-index: 9000;
  position: relative;
}

.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@2x.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: #FF9100;
}

.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: 9999;
  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: #FF9100;
  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: #FF9100;
  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: #FF9100;
  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: #FF9100;
  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;
  z-index: 1000;
  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: 1000;
}

.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: #FF9100;
    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:last-child {
    padding-bottom: 50px;
  }

  .talk-list li.open .subject .description{
/* TODO:  Hours spent fixing this: 48hrs
	  tries: 3
    Please increment the counter after you give up trying to fix this	 
*/
    max-height: 12000px;
  }

  .talk-list li .subject .description {
    margin-left: 0;
    margin-top: 96px;
    max-height: 0;
    transition: 0.4s ease-in;
  }

  .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) {
  
  .crackathon, .KJCS, .hackathon, .ctf {
    background-image: none;
  }

  .intcp, .cwc{
    background-image: none;
  }

  .housing .description {
    padding: 22px 24px;
    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 (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: 0;
  }

  .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) {
  .section-header .blog-link {
    font-size: 25px;
    
    color: white;
  }

  .beta {
    /* margin-bottom: 5px; */
    width: 30px;
    height: 30px;
  }

  .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;
  }

  .section-header .blog-link {
    font-size: 15px;
    color: white;
    /* background-color: pink; */
  }

  .beta {
    /* margin-bottom: 5px; */
    width: 30px;
    height: 30px;
  }
}

@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;
  }
}


#codecell-heading {
  font-size: 60px;
}

@media only screen and (max-width: 800px) {
  #didYouSee {
    display: none;
  }
}



@media only screen and (max-width: 500px) {
  .section-header .hello {
    font-size: 21px;
  }

  #codecell-heading {
    font-size: 45px;
  }

}


@media only screen and (max-width: 400px) {
  .section-header address {
    font-size: 16px;
  }

  .section-header .hello {
    font-size: 21px;
  }

  .section-header code {
    font-size: 11px;
  }

  #codecell-heading {
    font-size: 41px;
  }

}





.speaker h2 {
  font-size: 17px;
}

.speaker p {
  font-size: 15px;
}

.home-screen-logo{
  height: 6vh;
  position: relative;
  display: flex;
  justify-content: center;
}

.red-logo {
  position: absolute;
  top: -10%;
  z-index: 2;
}
.blue-logo {
  position: absolute;
  z-index: 1;
}

/* for smaller screen make sure the home screen logo does not overflow */
@media only screen and (max-width: 720px) {
  .home-screen-logo {
    height: 6vh !important;
    position: relative;
  }
  .red-logo img{
    height: 6vh !important;
  }

  .red-logo{
    top: -8%;
  }

  .blue-logo img{
    height: 6vh !important;
  }
  
}


@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;
  }

  #codecell-heading {
    font-size: 35px;
  }

  .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) {
  #codecell-heading {
    font-size: 35px;
  }

  .intro-holder {
    background-image: url(images/illustration-sky@2x.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@2x.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@2x.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@2x.png);
    -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@2x.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@2x.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@2x.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@2x.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@2x.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.png") 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.png") 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.png") 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.png") 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.png") 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.png") 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.png") 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.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_228ef1_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_ffd27a_256x240.png");
}

.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.png") 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.png") 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.png) 0 0 no-repeat;
  z-index: 99999;
  opacity: 0.5;
  display: none;
}

/*Gallery Styles*/


.ri-grid {
  margin: 30px auto 30px;
  position: relative;
  height: auto;
}

.ri-grid ul {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.ri-grid ul:before,
.ri-grid ul:after {
  content: '';
  display: table;
}

.ri-grid ul:after {
  clear: both;
}

.ri-grid ul {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

.ri-grid ul li {
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -o-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  background: #FFCD37;
}

.ri-grid ul li a {
  display: block;
  outline: none;
  position: absolute;

  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgb(231, 76, 60);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

  /*ADD THIS EXTRA */
  margin: 10px;
}

/* Grid wrapper sizes */
.ri-grid-size-1 {
  width: 80%;
}

.ri-grid-size-2 {
  width: 100%;
}

.ri-grid-size-3 {
  width: 100%;
  margin-top: 0px;
}

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 100px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.ri-shadow:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

.ri-grid-loading:after,
.ri-grid-loading:before {
  display: none;
}

.ri-loading-image {
  display: none;
}

.ri-grid-loading .ri-loading-image {
  position: relative;
  width: 30px;
  height: 30px;
  left: 50%;
  margin: 100px 0 0 -15px;
  display: block;
}

/* Previous council */


.previous-council {
  background: #FF9100;
  padding: 1%;
  text-align: center;
}

.previous-council div {
  display: inline-block;

}

.previous-council > .container {
	display: block;
	margin-top: 20px;
}

.container small {
	font-size: 14px;
}

.action {

  display: inline-block;
  width: 100%;
  padding: 0 0 20px 0;
}

.action span {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #888;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  text-transform: uppercase;
  margin: 1px;
  border-radius: 3px;

}

.action span:hover {
  background: #f7f7f7;
}

.action span:active {
  background: #aaa;
  color: #fff;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

.action span.disabled {
  opacity: 0.8;
  color: #ddd;
}

/*.light {
  padding: 60px 0 20px;
}*/

.light span {
  background: #aaa;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.8);
}

.light span:hover {
  background: #444;
}

#nav-prev,
#nav-next {
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 20px;
}


ul.baraja-container {
  width: 200px;
  height: 135px;
  margin: 0 auto 30px;
  position: relative;
  padding: 0;
  list-style-type: none;
}

ul.baraja-container li {
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  background: #fff;
  pointer-events: auto;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.no-js ul.baraja-container {
  width: auto;
  height: auto;
  text-align: center;
}

.no-js ul.baraja-container li {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 310px;
  margin: 10px;
}

.baraja-demo {
  width: 200px;
  margin: 30px auto;
  color: #aaa;
}

.no-js .baraja-demo {
  width: auto;
}

.baraja-demo h4 {
  color: #666;
  font-size: 14px;
  padding: 8px 10px 5px;
  margin: 20px 3px 5px;
  border-bottom: 1px solid #f0f0f0;
}

.baraja-demo p {
  font-size: 12px;
  font-weight: 700;
  padding: 0 10px;
  margin: 10px 3px 0;
}

.baraja-demo ul.baraja-container li {
  border-radius: 10px;
  padding: 5px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.baraja-demo li img {
  display: block;
  margin: 0 auto;
  width: 100%;
  border-radius: 10px 10px 0 0;
}

/*Loader styles*/

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin: 1%;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading-container {
  background: white;
  display: flex;

  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10000;
}


#Hack{
  background-color: #fd4556;
  color: white;
  padding:15px;
  border: 1px solid black
}