@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: #0a0b2b;
    color: #000122;
}

/**
 * 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: '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: #ffffff;
    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: #535590;
    font-size: 14px;
}

ul.block-list,
.speaker-list,
.talk-list li,
.talk-list li .subject,
.events-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.block-list:before,
.speaker-list:before,
.talk-list li:before,
.talk-list li .subject:before,
.events-list:before,
ul.block-list:after,
.speaker-list:after,
.talk-list li:after,
.talk-list li .subject:after,
.events-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,
.events-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: #000122;
    color: #21C5D1;
    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: #21C5D1;
    color: #000122;
}

a.button.button-primary-dark,
button.button.button-primary-dark {
    background: #000122;
    color: #21C5D1;
}

a.button.button-primary:hover,
a.button.button-primary:focus,
button.button.button-primary:hover,
button.button.button-primary:focus {
    background: #26f0ff;
}

a.button.button-secondary,
a.button.button-cta,
button.button.button-secondary,
button.button.button-cta {
    background: #0a0b2b;
    color: #21C5D1;
}

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

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 #21C5D1;
    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) no-repeat -1000px -1000px;
    background-size: 500px 250px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}

.sprite.logo,
.logo.icon,
.logo.large-icon,
.illustration-tickets .logo.button:before {
    /* width: 110px;
    height: 100px;
    background-position: -2px 0; */
}

.logo-text{
    width: 700px; height: auto; border-radius: 20px; padding:0px; margin-bottom: -120px; margin-top: -32px;
}

.logo-img{
    margin-left: 18px;
}

.superscript-text {
    font-size: 14px;
    position: relative;
    top: -5px;
}

.logo-container {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 768px){ 

    .logo-text{
        width: 100%;
    }

    .logo-container{
        justify-items: center;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }

}

@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-events {
    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: #AABFD0;
}

.section-header .adr {
    color: #21C5D1;
}

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

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

.intro-holder {
    padding-top: 24px;
    background: #000122 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 #535590; */
}

.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 #535590;
    border-top-width: 2px;
    border-bottom-width: 2px;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
    text-transform: uppercase;
    color: #535590;
}

.countdown .counter strong {
    display: block;
    color: #21C5D1;
    height: 79px;
    font-size: 38px;
    line-height: 83px;
    overflow: hidden;
    border-bottom: 2px solid #535590;
    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 #ffffff;
    background: #21C5D1;
    z-index: 10;
}

.illustration {
    position: relative;
    background: url(images/illustration.png) no-repeat 50% 0%; 
    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;
}

.events-holder{
    display: flex;
    justify-content: center;
    align-items: center;
}

.mini-event-item {
    display: inline-block;
    width: 32%;
    height: 540px;
    background-color: #090a2b;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.mini-event-poster{
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mini-event-register{
    color: white;
    text-align: center;
    padding-top: 20px;
    font-size: large;
}

@media screen and (max-width: 786px) {

    .events-holder{
        display: block;
    }

    .mini-event-item{
        display: block;
        width: 90%;
        height: 620px;
        margin-bottom: 20px;
    }
    
}

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

.global-stats .stat .stat-number {
    background: #0a0b2b;
    padding: 33px 5px 33px 5px;
    border: 2px solid #ffffff;
    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: #0a0b2b;
    padding: 25px 10px;
}

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

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

.signup-form input {
    display: table-cell;
    padding: 13px 15px;
    width: 100%;
    height: 46px;
    margin: 0;
    line-height: 20px;
    background: white;
    border: 2px solid #ffffff;
    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 #0a0b2b;
    color: #000122;
    font-weight: bold;
    background: #0a0b2b;
    border-left: none;
    vertical-align: top;
}

.signup-form button:hover,
.signup-form button:focus {
    background: #000122;
}

/* Attack of the Drones */

/* Styles for Attack of the Drones */

#game-holder {
    position: relative;
    background: #000122;
    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: #21C5D1;
}

.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: #000122;
    padding-top: 0px;
    min-height: 560px;
    z-index: 0;
}

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

#game-holder {
    position: absolute;
    background: #000122;
    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: #21C5D1;
    padding: 60px 0;
}

.section-speakers h1 {
    margin-bottom: 30px;
}

.section-speakers .speaker-svg {
    display: block;
    position: relative;
}

.section-speakers .speaker-svg svg {
    max-width: 70px;
}

.section-speakers .signup-form {
    margin-top: 30px;
}

.section-speakers .cta-holder {
    margin-top: 45px;
}

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

.speaker {
    display: block;
    width: 50%;
    float: left;
    min-height: 132px;
    border: 2px solid #bcc7cf;
    margin: -2px 0 0 -2px;
}

.speaker figure {
    float: left;
    margin: 0;
    position: relative;
    width: 128px;
    height: 128px;
}

.speaker figure img {
    display: block;
    width: 100%;
    height: 100%;
}

.speaker .flag {
    position: absolute;
    top: 0;
    left: 0;
}

.speaker .icon-nodejs {
    position: absolute;
    top: 65px;
    left: -26px;
    z-index: 10;
}

.speaker .description {
    margin-left: 128px;
    padding: 17px 20px 0 20px;
}

.speaker .name {
    min-height: 85px;
}

.speaker h2 {
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: bold;
    text-align: left;
}

.speaker p {
    font-size: 17px;
    text-align: left;
}

.speaker .social {
    padding-bottom: 10px;
}

.speaker a.facebook {
    color: #133783;
}

.speaker a.twitter {
    color: #55acee;
}

.speaker a.github {
    color: #212121;
}

.speaker.full-width {
    margin-right: 4px;
    width: auto;
    float: none;
    clear: both;
}

.speaker.keynote-speaker {
    min-height: 164px;
}

.speaker.keynote-speaker h2 {
    font-size: 22px;
}

.speaker.keynote-speaker h2 em {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    background: #264d7e;
    color: white;
    padding: 2px 8px;
    border-radius: 3px;
    vertical-align: top;
    margin-top: -3px;
    margin-left: 10px;
}

.speaker.keynote-speaker p.talk {
    font-size: 15px;
    margin-top: 6px;
}

.speaker.keynote-speaker .name {
    min-height: 115px;
}

.speaker.keynote-speaker figure {
    width: 160px;
    height: 160px;
}

.speaker.keynote-speaker .description {
    margin-left: 160px;
}

.speaker.speaker-teaser {
    padding: 47px 20px 0 20px;
    background: #bcc7cf;
}

.speaker.speaker-teaser h2 {
    text-align: center;
    line-height: 140%;
}

.flag {
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: url(images/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: #000122;
    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: #ffffff;
    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 #ffffff;
    display: block;
    width: 10px;
    height: 10px;
    background: #000122;
    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: 126px;
    height: 25px;
    background: #000122;
    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 #ffffff;
    color: #ffffff;
    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 #ffffff;
    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 #ffffff;
}

.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: #ffffff;
    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 #ffffff;
    padding: 15px 15px 0px 15px;
    margin-left: 92px;
    position: relative;
    cursor: pointer;
    background: #000122;
}

.talk-list li .subject .description h5 {
    margin-bottom: 10px;
}

.talk-list li .subject .avatar {
    border: 2px solid #ffffff;
    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: #21c5d1;
}

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

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

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

.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(10,10,10, 0.8);
    padding-top: 30px;
    padding-left: 130px;
}

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

.place-grid .place-cell-data address {
    font-style: normal;
}

.place-grid .place-cell-data p {
    font-size: 18px;
    line-height: 150%;
    color: white;
    text-align: left;
}

.place-grid .place-cell-data p strong {
    display: block;
    font-size: 20px;
}

.place-grid .place-cell-data p.street-address {
    margin-top: 13px;
    font-size: 15px;
}

.place-grid .place-cell-data p a {
    color: white;
    text-decoration: underline;
    white-space: nowrap;
}

.place-grid .place-cell-map {
    position: absolute;
    width: 50%;
    top: 45%;
    left: 0;
    bottom: 0;
    background: #bcc7cf;
    overflow: hidden;
}

.place-grid .place-cell-map .map-holder {
    width: 100%;
    height: 100%;
}

.place-grid .place-cell-map .map-holder .gm-style>.gm-style-cc {
    display: none !important;
}

.place-grid .place-cell-map .map-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.place-grid .place-cell-map iframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 200%;
    margin-top: -25%;
    z-index: 1;
}

.place-grid .place-cell-photo {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    bottom: 0;
}

.section-tickets {
    background: white;
    padding: 60px 0 0 0;
    /* This leaves room for the progressbar */
}

.section-tickets .container {
    padding-bottom: 80px;
}

.section-tickets h1 {
    margin-bottom: 60px;
}

.section-tickets .ticket-svg {
    display: block;
    position: relative;
}

.section-tickets .ticket-svg svg {
    max-width: 50px;
}

.section-tickets .buy-ticket {
    width: 50%;
    float: left;
    margin: 0 40px 0 -40px;
    padding-top: 10px;
}

.section-tickets .buy-ticket .price {
    font-size: 34px;
    margin: 0 auto;
    text-align: center;
    padding: 0 205px 0 60px;
    width: 580px;
}

.section-tickets .ticket-includes {
    width: 50%;
    float: left;
    font-size: 18px;
}

.section-tickets .ticket-includes h2 {
    font-size: 18px;
    font-weight: bold;
}

.section-tickets .ticket-includes p {
    text-align: left;
    margin-top: 14px;
}

.section-tickets .ticket-includes p.note {
    font-size: 13px;
    line-height: 20px;
}

.section-tickets .ticket-includes p a {
    color: #21C5D1;
    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 #21C5D1;
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
    padding: 17px 40px 15px;
    background: #000122;
}

.illustration-tickets .button:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 12px;
    width: 21px;
    height: 23px;
    background-position: 0px -220px;
}

.illustration-tickets .button:hover {
    background: #161616;
}

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

.section-events {
    background: #21C5D1;
    color: white;
    padding: 60px 0;
}

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

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

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

.events {
    background: #21c5d1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-bottom: 2px;
}

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

/* .events.hash-define {
    background-image: url(../images/events/hashdefine.png);
}

.events.pubg {
    background-image: url(../images/events/pubg.png);
}

.events.fifa {
    background-image: url(../images/events/fifa.png);
}

.events.csgo {
    background-image: url(../images/events/csgo.png);
}

.events.explore-ml {
    background-image: url(../images/events/explore-ml.png);
}

.events.alexa {
    background-image: url(../images/events/alexa.png);
}

.events.swiftui {
    background-image: url(../images/events/swiftui.png);
}

.events.dreamar {
    background-image: url(../images/events/dreamar.png);
}

.events.line {
    background-image: url(../images/events/line.png);
}

.events.soccer {
    background-image: url(../images/events/soccer.png);
}

.events.race {
    background-image: url(../images/events/race.png);
}

.events.quiz {
    background-image: url(../images/events/quiz.png);
}

.events.fastclaim{
    background-image: url(../images/events/FastClaim.png);
} */

.events .description {
    margin-left: 50%;
    padding: 26px 22px 24px 29px;
    background: rgba(10, 11, 43, 0.95);
}

.events h2 {
    line-height: 140%;
    font-size: 18px;
    font-weight: bold;
    color: #21C5D1;
    margin: 0 0 1px;
}

.events h2 a {
    color: #21C5D1;
}

/* .events p {
    line-height: 140%;
    font-size: 18px;
    text-align: left;
} */

.events p a {
    color: white;
}

.events .description-inner {
    margin: 0 150px 0 0;
}

.events .price-and-rating {
    float: right;
    min-width: 130px;
    margin: 3px 3px 0 0;
}

.events .price-and-rating .price {
    font-size: 48px;
    line-height: 100%;
}

.events .price-and-rating .price sup {
    display: inline-block;
    padding-top: 12px;
    margin-left: 2px;
    font-size: 18px;
    line-height: 18px;
    vertical-align: top;
}

.events .price-and-rating .rating .icon {
    margin-right: 4px;
}

.events .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: #21C5D1;
    color: white;
}

.section-sponsors {
    background: #000122;
    color: #21C5D1;
    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: #21C5D1;
}

.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: 11px;
    width: 167px;
    height: 78px;
    background: #ffffff;
    overflow: hidden;
}

.sponsor-list .sponsor img {
    max-width: 80%;
    max-height: 80%;
    vertical-align: middle;
}

.sponsor-list.sponsors-old .sponsor {
    width: 167px;
    height: 93px;
    line-height: 93px;
    outline:10px solid #ffffff;
}

.sponsor-list.sponsors-title .sponsor {
    width: 289px;
    height: 160px;
    line-height: 160px;
    outline:10px solid
}

.sponsor-list.sponsors-platinum .sponsor {
    width: 240px;
    height: 160px;
    line-height: 160px;
    outline:10px solid #b9f2ff;
}

.sponsor-list.sponsors-gold .sponsor {
    width: 230px;
    height: 128px;
    line-height: 128px;
    outline:10px solid #E18908;
}

.sponsor-list.sponsors-silver .sponsor {
    width: 167px;
    height: 93px;
    line-height: 93px;
    outline:10px solid #C0C0C0;
}

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

.sponsor-list.sponsors-startup .sponsor {
    width: 167px;
    height: 93px;
    line-height: 93px;
    outline:10px solid #ffffff;
}

.section-sponsors.sponsor-table {
    display: block;
    position: relative;
    background-color: #f6f6f6;
}

.section-earlybird {
    background: white;
    color: #21C5D1;
    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: #000122;
    color: #21C5D1;
    text-align: center;
    line-height: 200%;
}

.section-footer small {
    display: block;
    font-size: 14px;
    color: #535590;
}

.section-footer p {
    color: #21C5D1;
    margin-top: 5px;
    line-height: 180%;
}

.section-footer p a {
    color: #21C5D1;
    text-decoration: underline;
}

.section-footer code {
    margin: 45px 0 65px 0;
}

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

.footer-dark-strip {
    background: #0a0b2b;
    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: #000122;
    padding-bottom: 30px;
}

.footer-author p.author {
    margin-top: 0;
    color: #ffffff;
}

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

.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 #21C5D1;
    font-size: 18px;
    line-height: 26px;
    background-color: white;
    color: #21C5D1;
    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 #21C5D1;
    background-color: white;
    cursor: pointer;
}

.modal .card-select.selected {
    background-color: #000122;
}

.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: #21C5D1;
    margin-bottom: 0px;
    cursor: pointer;
}

.modal form.loading button {
    background-image: url(images/loading.gif);
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    color: transparent;
    text-indent: -9999px;
    cursor: default;
}

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

body {
    transition: all 0.5s ease;
}

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

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

.closedTerminal {
    width: 2px;
}

.openedTerminal {
    width: 300px;
}

#contTerminal {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 25;
    overflow: visible;
    background: #132838;
    overflow-x: hidden;
    overflow-y: overlay;
    -webkit-overflow-scrolling: touch;
}

#contTerminal::-webkit-scrollbar {
    background: none;
    width: 9px;
}

#contTerminal::-webkit-scrollbar-button {
    display: none;
}

#contTerminal::-webkit-scrollbar-track {
    display: none;
}

#contTerminal::-webkit-scrollbar-track-piece {
    display: none;
}

#contTerminal::-webkit-scrollbar-thumb {
    background: transparent;
    background-clip: content-box;
    border-radius: 10px;
    border: 2px solid transparent;
}

#contTerminal::-webkit-scrollbar-corner {
    display: none;
}

#contTerminal::-webkit-resizer {
    display: none;
}

#contTerminal:hover::-webkit-scrollbar-thumb {
    background: rgba(30, 62, 86, 0.7);
    background-clip: content-box;
    border-radius: 10px;
    border: 1px solid rgba(21, 48, 67, 0.7);
}

#contTerminal:hover::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.6);
    background-clip: content-box;
    border-radius: 10px;
    border: 1px solid rgba(21, 48, 67, 0.7);
}

#contTerminal .terminalHandle {
    width: 50px;
    height: 40px;
    background: #132838;
    position: absolute;
    top: 20px;
    left: auto;
    margin-left: -50px;
    background-image: url(images/backterminalhandle2.png);
    background-size: 100px 40px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

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

#onlineTerminal {
    color: white;
    background: #132838;
    height: 100%;
    padding: 30px;
    margin-right: 10px;
    font-family: monospace;
    font-size: 19px;
    line-height: 20px;
    white-space: pre-wrap;
    outline: 0;
    overflow: auto;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: overlay;
    -webkit-overflow-scrolling: touch;
}

#onlineTerminal::-webkit-scrollbar {
    background: none;
    width: 9px;
}

#onlineTerminal::-webkit-scrollbar-button {
    display: none;
}

#onlineTerminal::-webkit-scrollbar-track {
    display: none;
}

#onlineTerminal::-webkit-scrollbar-track-piece {
    display: none;
}

#onlineTerminal::-webkit-scrollbar-thumb {
    background: transparent;
    background-clip: content-box;
    border-radius: 10px;
    border: 2px solid transparent;
}

#onlineTerminal::-webkit-scrollbar-corner {
    display: none;
}

#onlineTerminal::-webkit-resizer {
    display: none;
}

#onlineTerminal:hover::-webkit-scrollbar-thumb {
    background: rgba(30, 62, 86, 0.7);
    background-clip: content-box;
    border-radius: 10px;
    border: 1px solid rgba(21, 48, 67, 0.7);
}

#onlineTerminal:hover::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.6);
    background-clip: content-box;
    border-radius: 10px;
    border: 1px solid rgba(21, 48, 67, 0.7);
}

#onlineTerminal span {
    color: #4681ae;
}

#onlineTerminal span.response {
    color: #66d9ef;
}

#onlineTerminal strong,
#onlineTerminal b {
    font-weight: normal;
    color: #f4ba11;
}

#onlineTerminal a {
    font-weight: normal;
    color: #f4ba11;
    text-decoration: underline;
}

#onlineTerminal a span {
    color: #f4ba11;
}

.button-watch {
    display: none;
}

#stream .realTime {
    overflow: hidden;
}

.streaming #game-holder {
    display: none;
}

.streaming #header-content {
    display: none;
}

.streaming #stream.container {
    padding: 30px 0 0 0;
}

.streaming #stream.container .heading {
    padding-bottom: 20px;
}

.streaming #stream.container .heading:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.streaming #stream.container .heading .jsconf {
    display: block;
    width: 123px;
    height: 66px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAABxCAYAAADmp16oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAEmhJREFUeNrsnQuUFNWZx7+e7pnpeclDQAQBeWsgsGhAiYpICA8BV0QQswdIRD2iro/oBmMSHycqerKIiYKSbHQXZLMKyCMaRYizPLJEkZUMCgLDiLwRhte8enp6uvf7amriyHbfutVd1T0U/98532mYqrpVffv+7/2++yofMfmzl66MZme3JwU+tul9u7Tu3aowT3XerpNVod9u3VOuOifn0IEjRRvWfE7ACSJsrx1Yv3QnsgI0Eij62fxARd8B46xEPe/SNnRXpyJlYh+dqqWfbz5Mod59uyU6J7hrGxVuLJZ/jkX2O0aQ7UFkA2gky+oEO6IewaI+FYmSStStlywgX309ct5ZfMgCoC1siBoAjwkbogbgLI6x4/3Rz6r+fZ+2NK1DIUQNgBeELaJe0Lct/eBCiBoAT7jiEDUAHhM2RA2Ax4QNUQPgwRh7cf8LaHy7fIgaAK+02OP7dsuCqAHwaIwNUQNwjggbogbAY8KGqAHwmLAhagA8JmyIGgCPCRuiBsBjwoaoAfCYsCFqADwm7C+On45B1AB4TNhbDh6LQdQAeDTGhqgBOAeEDVED4DFhQ9QAeEzYEDUAHhM2RA2Ax4QNUQPgMWFD1AB4i8B5696Pxvx+iBoAr7XYEDUAHo2xAQAQNgAAwgYAQNgAAAgbAABhAwBhAwAgbAAAhA0AgLABABA2ABA2AADCBgBA2AAACBsAAGEDACBsACBsAACEDQCAsAEALhBAFqROr3b11OfCKHVpFaXOraPUIhijGP/9VI2Pyqt8tP9kFn16yE+fsdVGkF8AwrbFjf3qaNa4Gq1zB80uooqQL+l7dWwRpSmDwjS2bx1d3DqqdU112EdrSwP0+qYcWrc7QLEYCiCAsC3J8ceoKKinlmQl3TIvRj8ZHqIffCdMAZuBTH5OjEZ/q86wkgN+evTtPNqy349SCBBjZ5KrukWo+L4KmjrIvqjPpF/Help5ZyXNuLoWGQsg7Exxw7fraNHUKmpb6Jz/nMVuw89GhujRESFkMICw082gLhH6zYRqCrjkNd99TS3dOwQtN4Cw00br/BjNn+yeqBuZyXH70J7oMgcQdlp45PshR93vRPjYLZ9zU7VRkQAAYbtIhxZRuuWycNruJxXIA0MRb4PUwQQVBZMvqyO/jarvRLWP/vhpNn1+xE9Rbni7nh81hrY6t7Ie567nU17ZkEvPFweR8QDCdpNRLEpd/rA5h574U5Cqwt8cIZ/1fpBu7BemJ68PUYu8+G52yUE/Pbwsj7Ydxpg2gLBdpSAnRpdcoPfecJlN9pMVeXFnkkW4JV6yJYc27wvQkulVdEHR1613qM5Hv/pzLv3bxlyjxQYAMbbLiBudpTk9bd76XMvpoV+UZ9Ht/5n/dwGv3x2gYS8W0vy/QNQALXbaaFek3zstizt0+GS/36gEyljkiz/JQSYDCDvdyLxzXQpzY3SyRq95f24NOscAhG0vLs51Lq1TNlZ+Xdq+3liaCYDbdLxmgriHraQ9YZOljKcOrF8a8rSw/VnOTe44fFpfqLddGaY1O7I9vwyTC5UUqAvZ2tDX/TOVbIfYDnIBw+wa5/O8NX9MZhvGNoitU5xzyvljB9smtvf4d3gPrngC9p7IMnqtg9nWZfWa7hF67oYaYxlmpN5ThUpEfDPbSLNQtVWcXsXnb+bPd9kWcuE6gFKUUt534I9n2G6VyNDi9PPZvmvaDL42CP8xAdJT/dFe/XFlWZ+94o5K6t+x3guFqivbIv7nPrbfsI2xELURCbENYZvFtpuvf5oNPYTJ5f8E/vicbZqGqM/kA/GcIGwFq7Zl2zpfRP3OXZX0+tQq+m7XyNlaqO7gj8+krpLoJslkpLfjUbblnF42SpKt/L+dP5awFSWZxFtEGMdWsqwk29jOyC6ySuvN26ro3RmVNHFAmHICZ02hktb2t2x5DiU5mu0xlCTt/B/MH6+kkITEjSvOaWHrCPZ0yEev/TV5b/LbHeppzk01tOnh0/TQsPSsEkuhUM3gj0dcSPphswMIqPNfCuTLFl7SR6Z73ptN8rQn2xXU0Ln2vNm38ZWceM52nkU0Z3u9uC6XxvevM1Z6Jcv5BTF68LqGzRSWleTQS5xm2bGs5lSouvPHHIvTZEhlNVsJ2zE2GZDvbrbKHRXXyXkT2eZDvmpHT6I5xfE32P6Jhdu0E+dEE8G/0fRk9IpbUFnro3vezKfFt1WmvNlCNl8/iV3zCf3D9PrHOfRCcZCOVvqaw9d82oyLE7GY7R4uVEfjVAri0rzEdofi+usgbEvGKo7JaqT7zhC1EsTYGmza66f7l+Y7NpQlS0GnDQrThgcraPrgWu056S611hdRw5BWIt4XVy+eqAX+uyxYf4itSpHGt1CKLLlMcWxzo4utC1psTVZszabj1QX00sRqw7V2AllBJss5R1wSoXsX52eq9Z6kiOvkiz7IhUoZh/DxCnMMe0iCU9olUeG0MAu7xJEtTZPnPGlaqbigfO9TSaQ9WOGhlHGae+NcIzHtMNNdlqE/qeblvA/YPtaZnMNpXCWOW4LDvVTdPXztUI2vVsrPsR/CtomsyBr+UhHNHl9Nw3o5N5wl2xrLMNnUhfnGJg1pZoTi2AYuKNs009lnEWfrCE6mSU6lhqG2wRoeZZSvKTZDgRWa4pIMXqsQ2HS2V5ucL4J70vRqEullE58n8e8uxX2zzfv6k/yNRmicJx1rC+CKJ4G0qlMXFtCMN/Jpn4Pzw6VzTobIdNeAO8gVimPv2UhHVdPVW4jNZ47flrHNlbpOs2zKOd9jWybPymmcr3FNZ4WoyXyGxueSkQLpLJxs0QgOFNHy+RdY3NftWns3YuwUkS2QhrxQRD9dmUdHKpzJRtnIcMEU51x9jdarg+niJqLEoVsdVzxDPn8sZfsdWc9us2rV1pouvIoeFsfLzOd6gj/mkbpTsSky/fYXKdzXCUohbAeo43Zo4aYcunJ2Ef34rTxH3GhpuZ/7x5p0fYWeFse320hLhlukZ/wWtlGmKy2dZjIU9g8JRC2ieZttvEPfpw/bCyl8Z+l93m9O6Xw8ifvfZI5HZ0LYlRwKHGn8zzkbY+dlx6imzueYwN/8JMcwiZd/dGWYRlxSl3Rv96hL64wpqf/zhes/Tw8L1/pL3YS4UL2bxP1lUsV1FuccMiuYsFlJ9LFokKaxuJ7i59md4Hh3C2FLfH19kvkprXZ785nt3NcJypr+55wVtowp19Q5n+5fygKGdWoZpTuvqqXJl9cZlYhdpg8Op0PYqtZrD4vDtQnvLL7v8MfdFvHiXfwMa864TmLVhZS4B16qU+noei6JykzCgmnmv6UiWc72X2zSgXgeNXTs3Wvx1dokELZ4EgsSXDPP9HDi8Te2H+q02BB2GpCOtV+8k0dzioN019W1dPvgWltzxr/Xu45accwtWxpnSNi7XM6imYpjsr742nhLP2UoisUtnVnSC58o9hmQYqz7JtuP49xfer87WoQO1Qk8Ghka25ugklP1LWzla7fYzVxPxdh1EV+ze6bjLMxn3g/S9+cW0aeH9GNweZvnwM6urxDrYdFiutVaS8t4g8pFV63n5mPSIm5VXN8+wX2zLL6zjNfLDLtbFPe3Gik4ZDMvpLq/WHFKaTJ57Clhu+FaO8XuY1k0/ncF9LGNNd5pWNvdw+kCpYm4narVNW/ZdT3jxMrx6GRx35+yoOeloJmjfH21zbzoYuE5Q9iBZr7fvnTWydTUqGbI3aW1e/sSm7uj5GdI2H0tBLtDIw2V+3okwd+tOrDWady3m8Phi1VosPOcF/Z5QXfHf2XySK92qbWiXx7PopIDejVQG3eXeVoVqF0Zunep1Qwyc0ipaxJhRHcHvnN3hytDq9/BWy32RS2jtqdtFuXqC6GiVj8elwkjs26ooVV3V9Irt9RQbopdjroTWgLu/jpWseYeF++t6rQr0ykeFi51IjGo5mPLbp/lKeZbmcO/w3F+phOeELa40/cMqaXi+ypp7qRqan+evjuq28JVhHxaO4rKs8iQ1YYHKmjKwLCxKkta7KfGpjaBpE2h3neqq8+YsPeaq7YyIWydTrtuVl0aSXxn3c7CdLbYZUnrqDmJenDXCD0zroZ6tv264D/LLeWPFhVoCVF2LNHhcIV1az2ke4SeHPPNZ2nk1svDxi6mL661v5G5vLtLt1OsstbVXv5eThRQcwrnU9LinWEnzc/tTVdgmYshuqToDlsJe1cSItql8V2lt73A4fClp9PxdbMRtmwZ9NioGmOnkjMZ3jtCDwytpTnFahEN7FxP/TSFvUMx9VOmdD4+OkRj+qi72GcOD1ELjumfXR3U3o1FWnyZLqrrYks87iKqlmevjXSuJfWkDdm2eFOT/19M6sUQZSk+++kEG0L4KPVRAKspuLaGCM2VZt2cjq8zLmwp6OLiikiKFB1fsl9YMBCjf/0gGNc97cGt6osT9UcZ5LW1iWLp/+YQID9Hz6WXiSdXc8sur8pdtzug9Cp6tYvS0+zCD7axe6nLr9W9SBVv2khnpOKYxCxbbHgKuoU5GTHIgpegiyHASc0YvSlWK83OPmGLqJffUUkDLtJrZSXuvp5bUdnwQFrcyrCPWuXFjM36x/cL2xrqWrMj/tcur/IZr8QdbeO92H0vrKdF06oM13z159m0/XAWnajxGUNaLfn5xJUf1CVCl3eqJ58Nz1quX1fq6s+jGi7Syk1zcsVExSmyx/WZmdnFKlLSyfYk3Fcnep+dntDj2shExoQtG/Jv5ZZTV9iCvNpW3PJUkBVYO79KXG4feydoLOSwO3TWuVXU2ObIKaSSOFblaowtAUQiX/9SzTRutagglsT5m9VuKj6LykTG3/soTvmbi8J2uuOsl1vCzmiv+Gx2rStC6Z0G+vIGdax+6HQW3bdEfxKJG4hL/+u1uW7fRuU2DmUB9bAQmGxqMMvCnY8nbKuafJDF8X+2KLerk4iPq81pqqnE2E5PTknGtW8ewhbX95GVeWm7n7jwK0qsX0whrvrjf8rLWL78+4c52pNYUuAzxTHJpJUs3uvM+dXfcL/ZxvE/N5J62+G5XDDjTfvcb/Fcz3L6RQkqkztJvXjkM77n5iREWeqAEJ0ew05p5l/Ge8UlZu7fMdcYL3YT2WH0oeV52j3Y8qKANgVRun9obVrzQ+aS/3JVWiqVVdSwlzUp3HHZqO8UC0oKbQU1vL5VBGK1h9lBSrxs0mrapswj38n3fMOMl2NmXD7GIrYWnnArPjbfNNrSYSG6MtTVLIQt/HJV0Hh5vLzYzi0eZlFv2W+vFfzVn4NUXp1FT4yuScsWwf+7z09TFhZQOD2v/ZINBX5O6nFZQcapB9ipQ9mmcMt5Ot5B2QCBRSJrrIcr0pDx4vttfp9lnPaSJONjnY4vRzu63Bzqyrgr3jSmnMku+fMcczv9jmkZHpOtfZdsSe5VPa9uzKGx8wuVY99O8IfNOTTptYK09TmY+1TPdNoxYvshp/2BxXkiWif3f5LdP6cqRGQ1sUSndbSK0Q/bfGbXhrqajbAbxf18cS7d/PsC2u7Q+K30ul//SiEtL0nthY8S7458udDYuPDgKWezTJ5x0qsF9C/sUYTq0tuRyIVxroX7agfpfBrBaS7SuK/sSHKj6d6nirzEblSCeF5HlLotdroXf+zyhLAb+fDLAI2cV2hs77sxya2BRCzSSo9hUTtVSUTMjQuvmlNkPNuq7dlJz+WWOP+9bdk07fUCo+JJwxZIKpHJntmyzdCHSSYhixTkFUGXcFrFNu4rbxiRzfeXmXG0HaSnRDZBvILTmcEWSlFEqbrizWqoq9nE2P/vV4s1bO8rJotAru0Rocs6NSyZ7NAiZmzT2/i6ndO1PvqqwkelR/207XCWMQPMTbdZxNz4bPImD3muKy6OUO92UWOcXaakysy1xmmj4lqXV/to99Es2snP+OGeAP11j9/teeB2xb2eP65kl1WENs7swJLOM5mtlXuGq/2VWehkRpnEyqv5+tok7/sFNezsKbHmzWYFI2PUsm9YoXma/NIydLZHuiGoYXrq23ztQRu3ktZ8haKS2KeRxqds/5Hg2GqHW+yUhroEnzmcUU/gbObXXBAecCNhc9GGxKchjZbRyftK7Rzke1Z58Qfj7/dHSvwiPnll0EDPtdig+WBOCT2ZgftKY1Pl4ax1bairWcbYAHgdt4e6IGwAMoOrQ10QNgCZwfX95iBsANJPdwgbAO+h6jhLeagLwgag+bniZU7cAMNd3iCGLDirkNl+cxIcK3fiBsb0p47XTHiIErzvCDR7ZDbYa+y+7URWgEb+T4ABABaP4AuvV3iJAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
}

.streaming #stream.container .heading .closeStream {
    float: right;
    margin-top: 16px;
    color: #ffffff;
    background: #000122;
    border: 2px solid #21C5D1;
    padding: 10px 13px 8px 13px;
}

.streaming #stream.container #video {
    float: left;
}

.streaming #stream.container .dashboard {
    float: right;
    width: 270px;
    background: #21C5D1;
    border: 2px solid #ffffff;
    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: #000122;
    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 #ffffff;
    border-bottom: 2px solid #ffffff;
    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 #ffffff;
    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: #0a0b2b;
    padding: 0.4em 0 0.2em 0;
}

.streaming #stream.container .dashboard .person .info a {
    color: #000122;
    text-decoration: none;
}

.streaming #stream.container .dashboard .next {
    background: #ffffff;
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.streaming #stream.container .dashboard .next h4 {
    text-transform: uppercase;
    font-size: 0.875em;
    color: #000122;
    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: #0a0b2b;
}

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes lightsanimation1 {
    0% {
        visibility: visible;
        transform: translateX(0px) translateZ(0);
    }
    50% {
        transform: translateX(-116px) translateZ(0);
        opacity: 1;
        visibility: visible;
    }
    50.001% {
        visibility: hidden;
        opacity: 0;
        transform: translateX(116px) translateZ(0);
    }
    50.002% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        transform: translateX(0px) translateZ(0);
    }
}

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

.rainbows {
    display: block;
    position: absolute;
    overflow: hidden;
    width: 49px;
    left: 40px;
    height: 0px;
    top: 99px;
}

.planetarium.fly #planeatrium {
    animation: flyplanetarium 6s linear 0s infinite;
    -webkit-animation: flyplanetarium 6s linear 0s infinite;
}

.planetarium.fly .rainbows {
    animation: flylights 6s linear 0s infinite;
    -webkit-animation: flylights 6s linear 0s infinite;
}

.planetarium.fly #color-lights1,
.planetarium.fly #color-lights2,
.planetarium.fly #color-lights3 {
    animation-play-state: running;
    -webkit-animation-play-state: running;
}

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

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

@-webkit-keyframes flyplanetarium {
    0% {
        transform: translateY(0px);
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateY(-800px);
        opacity: 0;
    }
}

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

@-webkit-keyframes rainbow1 {
    0% {
        left: 0;
    }
    49.99% {
        left: 0;
    }
    50% {
        left: 2px;
    }
    99.99% {
        left: 2px;
    }
    100% {
        left: 0;
    }
}

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

.shake {
    display: inline-block;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 1004px) {
    .windows-1,
    .windows-2,
    .windows-3 {
        display: none;
    }
}

.hackers {
    position: absolute;
    top: 103px;
    left: 50%;
    margin-left: -112px;
    z-index: 10;
    width: 221px;
    height: 90px;
}

@media (max-width: 768px) {
    .hackers {
        display: none;
    }
}

.hackers .display_left {
    width: 30px;
    height: 22px;
    position: absolute;
    top: 19px;
    left: 7px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes shake-base {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    2% {
        -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg);
        -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg);
        transform: translate(-0.5px, 1.5px) rotate(0.5deg);
    }
    4% {
        -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
        -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
        transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    }
    6% {
        -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
        transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    }
    8% {
        -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
        -ms-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
    }
    10% {
        -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg);
        -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg);
        transform: translate(1.5px, 1.5px) rotate(-1.5deg);
    }
    12% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    }
    14% {
        -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
        transform: translate(1.5px, -2.5px) rotate(-0.5deg);
    }
    16% {
        -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
        -ms-transform: translate(0.5px, 1.5px) rotate(0.5deg);
        transform: translate(0.5px, 1.5px) rotate(0.5deg);
    }
    18% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
        transform: translate(-2.5px, -0.5px) rotate(0.5deg);
    }
    20% {
        -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
        transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
    }
    22% {
        -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
        transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
    }
    24% {
        -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
    }
    26% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
        transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    }
    28% {
        -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
        -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
        transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    }
    30% {
        -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
        transform: translate(-2.5px, 1.5px) rotate(0.5deg);
    }
    32% {
        -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    }
    34% {
        -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
        transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
    }
    36% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    }
    38% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
        transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    }
    40% {
        -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
        -ms-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
        transform: translate(-0.5px, 0.5px) rotate(0.5deg);
    }
    42% {
        -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    }
    44% {
        -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    }
    46% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
        transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
    }
    48% {
        -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    }
    50% {
        -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
        transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    }
    52% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
        transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    }
    54% {
        -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
        -ms-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
        transform: translate(1.5px, 0.5px) rotate(-1.5deg);
    }
    56% {
        -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
        -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
        transform: translate(0.5px, 0.5px) rotate(-1.5deg);
    }
    58% {
        -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
        transform: translate(0.5px, 1.5px) rotate(-0.5deg);
    }
    60% {
        -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
        transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
    }
    62% {
        -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
    }
    64% {
        -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg);
        -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg);
        transform: translate(-1.5px, 0.5px) rotate(0.5deg);
    }
    66% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
        transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    }
    68% {
        -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
        transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    }
    70% {
        -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
        -ms-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
    }
    72% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
        transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    }
    74% {
        -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg);
        transform: translate(-2.5px, 0.5px) rotate(0.5deg);
    }
    76% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    }
    78% {
        -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg);
        -ms-transform: translate(1.5px, -2.5px) rotate(0.5deg);
        transform: translate(1.5px, -2.5px) rotate(0.5deg);
    }
    80% {
        -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    }
    82% {
        -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
        transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    }
    84% {
        -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    }
    86% {
        -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
        transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
    }
    88% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    }
    90% {
        -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
        transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
    }
    92% {
        -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
        -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
        transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    }
    94% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
        transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    }
    96% {
        -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, -2.5px) rotate(0.5deg);
        transform: translate(-2.5px, -2.5px) rotate(0.5deg);
    }
    98% {
        -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
        -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
        transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    }
}

@keyframes shake-base {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    2% {
        -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg);
        -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg);
        transform: translate(-0.5px, 1.5px) rotate(0.5deg);
    }
    4% {
        -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
        -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
        transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    }
    6% {
        -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
        transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    }
    8% {
        -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
        -ms-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
    }
    10% {
        -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg);
        -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg);
        transform: translate(1.5px, 1.5px) rotate(-1.5deg);
    }
    12% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    }
    14% {
        -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
        transform: translate(1.5px, -2.5px) rotate(-0.5deg);
    }
    16% {
        -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
        -ms-transform: translate(0.5px, 1.5px) rotate(0.5deg);
        transform: translate(0.5px, 1.5px) rotate(0.5deg);
    }
    18% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
        transform: translate(-2.5px, -0.5px) rotate(0.5deg);
    }
    20% {
        -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
        transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
    }
    22% {
        -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
        transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
    }
    24% {
        -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
    }
    26% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
        transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    }
    28% {
        -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
        -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
        transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    }
    30% {
        -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
        transform: translate(-2.5px, 1.5px) rotate(0.5deg);
    }
    32% {
        -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    }
    34% {
        -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
        transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
    }
    36% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    }
    38% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
        transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    }
    40% {
        -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
        -ms-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
        transform: translate(-0.5px, 0.5px) rotate(0.5deg);
    }
    42% {
        -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    }
    44% {
        -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    }
    46% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
        transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
    }
    48% {
        -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    }
    50% {
        -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
        transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    }
    52% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
        transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    }
    54% {
        -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
        -ms-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
        transform: translate(1.5px, 0.5px) rotate(-1.5deg);
    }
    56% {
        -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
        -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
        transform: translate(0.5px, 0.5px) rotate(-1.5deg);
    }
    58% {
        -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg);
        transform: translate(0.5px, 1.5px) rotate(-0.5deg);
    }
    60% {
        -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
        transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
    }
    62% {
        -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
    }
    64% {
        -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg);
        -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg);
        transform: translate(-1.5px, 0.5px) rotate(0.5deg);
    }
    66% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
        transform: translate(0.5px, -0.5px) rotate(-1.5deg);
    }
    68% {
        -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
        transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
    }
    70% {
        -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
        -ms-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
        transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
    }
    72% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
        -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
        transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
    }
    74% {
        -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg);
        transform: translate(-2.5px, 0.5px) rotate(0.5deg);
    }
    76% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    }
    78% {
        -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg);
        -ms-transform: translate(1.5px, -2.5px) rotate(0.5deg);
        transform: translate(1.5px, -2.5px) rotate(0.5deg);
    }
    80% {
        -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
    }
    82% {
        -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg);
        transform: translate(-2.5px, -1.5px) rotate(0.5deg);
    }
    84% {
        -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
        transform: translate(0.5px, -2.5px) rotate(-0.5deg);
    }
    86% {
        -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
        transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
    }
    88% {
        -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
        -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
        transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
    }
    90% {
        -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
        transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
    }
    92% {
        -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
        -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
        transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    }
    94% {
        -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
        -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
        transform: translate(0.5px, -0.5px) rotate(-0.5deg);
    }
    96% {
        -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg);
        -ms-transform: translate(-2.5px, -2.5px) rotate(0.5deg);
        transform: translate(-2.5px, -2.5px) rotate(0.5deg);
    }
    98% {
        -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
        -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
        transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
    }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes obelisk-fire {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    95% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    98% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    99% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes obelisk-fire {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    95% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    98% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    99% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

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

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

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

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

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

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

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

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

.cerrados,
.octopus-eyes:hover {
    bottom: 55px;
}

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

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

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

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

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

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

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

@-webkit-keyframes pestaneo {
    0% {
        top: -6px;
        right: 0;
    }
    52% {
        right: 0;
    }
    60% {
        right: 9px;
    }
    65% {
        right: 9px;
    }
    69% {
        right: 0;
    }
    90% {
        top: -6px;
    }
    95% {
        top: -11px;
    }
    100% {
        top: -6px;
    }
}

@keyframes pestaneo {
    0% {
        top: -6px;
        right: 0;
    }
    52% {
        right: 0;
    }
    60% {
        right: 9px;
    }
    65% {
        right: 9px;
    }
    69% {
        right: 0;
    }
    90% {
        top: -6px;
    }
    95% {
        top: -11px;
    }
    100% {
        top: -6px;
    }
}

@-webkit-keyframes pestaneo-cejas {
    0% {
        bottom: 58px;
    }
    90% {
        bottom: 58px;
    }
    95% {
        bottom: 55px;
    }
    100% {
        bottom: 58px;
    }
}

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

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

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

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

.md-show {
    visibility: visible;
}

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

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

/* Content styles */

.md-content {
    color: #67919c;
    background: white;
    position: relative;
    margin: 0 auto;
    zoom: 1;
}

.md-content:before,
.md-content:after {
    content: " ";
    display: table;
}

.md-content:after {
    clear: both;
}

.md-content figure {
    float: left;
    margin: 0;
    position: relative;
    width: 126px;
    height: 126px;
}

@media (min-width: 768px) {
    .md-content figure {
        width: 200px;
        height: 200px;
    }
}

.md-content figure img {
    display: block;
    width: 100%;
    height: 100%;
}

.md-content .description {
    margin-left: 126px;
    padding: 17px 20px 0 20px;
    color: #21C5D1;
}

@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: #000122;
        border: 2px solid #ffffff;
        padding: 5px 10px;
    }
    .talk-list li:before {
        display: none;
    }
    .talk-list li .time {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    .talk-list li .subject {
        float: none;
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .talk-list li .subject.icon {
        height: auto;
    }
    .talk-list li .subject.icon h5 {
        height: auto !important;
        line-height: inherit;
    }
    .talk-list li .subject .details p {
        padding-bottom: 70px;
    }
    .talk-list li .subject .description {
        margin-left: 0;
        margin-top: 96px;
        min-height: 80px;
    }
    .talk-list li .subject .description .avatar {
        left: 50%;
        top: -96px;
        margin-left: -48px;
    }
    .talk-list li .subject .actions {
        position: absolute;
        top: auto;
        left: 0px;
        bottom: 0px;
        width: 100%;
        overflow: hidden;
        background: #ffffff;
    }
    .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) {
    .events .description {
        padding: 22px 24px;
    }
    .events h2 {
        font-size: 17px;
    }
    .events p {
        font-size: 16px;
    }
    .events .description-inner {
        margin: 0 136px 0 0;
    }
    .events .price-and-rating {
        min-width: 116px;
    }
    .events .price-and-rating .price {
        font-size: 40px;
    }
    .events .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) {
    .events .description {
        margin-left: 36%;
    }
    .streaming #game-holder {
        display: none;
    }
}

@media only screen and (max-width: 820px) {
    .main-menu {
        max-width: 402px;
        padding: 0 0 37px;
    }
    .main-menu .tickets,
    .main-menu .video {
        width: 50%;
    }
    .main-menu .tickets {
        border-right-width: 1px;
    }
    .main-menu .video {
        border-left-width: 1px;
    }
    .countdown {
        margin: 0;
    }
}

@media only screen and (max-width: 780px) {
    .illustration {
        background-image: url(images/illustration-mobile.png);
        margin-top: -30px;
        height: 190px;
    }
    .illustration .obelisk {
        background-image: url(images/obelisk-mobile.png);
        width: 35px;
        height: 175px;
        top: -50px;
        margin-left: -17.5px;
    }
    .footer-illustration {
        background-image: url(images/illustration-footer-mobile.png);
        height: 286px;
    }
    .footer-dark-strip {
        height: 122px;
    }
    .flower {
        display: none;
    }
    .speaker.keynote-speaker p.talk {
        display: none;
    }
    .octopus-eyes {
        display: none;
    }
}

@media only screen and (max-width: 710px) {
    .events .description {
        margin-left: 0;
    }
    .events h2 {
        font-size: 17px;
    }
    .events p {
        font-size: 16px;
    }
    .events .description-inner {
        margin: 0 136px 0 0;
    }
    .events .price-and-rating {
        min-width: 116px;
    }
    .events .price-and-rating .price {
        font-size: 40px;
    }
    .events .price-and-rating .price sup {
        padding-top: 6px;
        font-size: 15px;
        line-height: 15px;
    }
}

@media only screen and (max-width: 670px) {
    .speaker-list {
        margin-left: auto;
        margin-right: auto;
        padding: 2px 0 0;
    }
    .speaker {
        width: 100%;
        margin: -2px 0 0;
    }
    .speaker.speaker-teaser {
        padding-top: 37px;
        margin-right: 0;
    }
    .speaker.full-width {
        margin-right: 0;
    }
    .section-tickets .ticket-includes {
        font-size: 16px;
    }
    .section-tickets .buy-ticket .price {
        padding: 0;
    }
    .illustration-tickets {
        margin: 0 -30px 0 -85px;
        width: auto;
    }
}

@media only screen and (max-width: 599px) {
    .global-stats {
        display: none;
    }
    .speaker.keynote-speaker h2 {
        font-size: 20px;
    }
    .speaker.keynote-speaker h2 .full-name {
        display: block;
    }
    .speaker.keynote-speaker h2 em {
        margin: 0;
        margin-top: 5px;
    }
    .speaker.keynote-speaker p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 540px) {
    .container {
        padding: 0 10px;
    }
    .events-list {
        margin: 35px -10px 0;
    }
}

@media only screen and (max-width: 500px) {
    .intro-holder {
        background: #000122;
    }
}

@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;
    }
    .events .description {
        padding: 15px 20px 42px;
        position: relative;
    }
    .events .description-inner {
        margin: 0;
    }
    .events .price-and-rating {
        float: none;
        overflow: hidden;
        margin: 0;
        position: absolute;
        bottom: 11px;
        left: 20px;
        right: 20px;
    }
    .events .price-and-rating .price {
        float: left;
        width: 50%;
        font-size: 26px;
    }
    .events .price-and-rating .rating {
        float: left;
        width: 50%;
        vertical-align: top;
        padding: 1px 0 0;
        text-align: right;
    }
}

@media only screen and (max-width: 440px) {
    .section-tickets .ticket-includes {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    .section-header time,
    .section-header .adr {
        display: block;
    }
    .section-header .adr {
        margin: 7px 0 0;
    }
}

@media only screen and (max-width: 420px) {
    .main-menu {
        margin: 0 -10px;
        max-width: none;
    }
    .main-menu .tickets {
        border-left-width: 0;
    }
    .main-menu .video {
        border-right-width: 0;
    }
    .speaker-list {
        margin-left: -10px;
        margin-right: -10px;
        max-width: none;
    }
    .speaker {
        border-width: 2px 0;
    }
    .speaker .icon-nodejs {
        left: 8px;
        top: 92px;
        background-position: -300px 0px;
        width: 27px;
        height: 30px;
    }
    .countdown .counter:first-child {
        border-left-width: 0;
    }
    .countdown .counter:last-child {
        border-right-width: 0;
    }
    .section-earlybird .countdown .counter:first-child {
        border-left-width: 2px;
    }
    .section-earlybird .countdown .counter:last-child {
        border-right-width: 2px;
    }
}

@media only screen and (max-width: 400px) {
    .section-header address {
        font-size: 16px;
    }
    .section-header .hello {
        font-size: 34px;
    }
    .section-header code {
        font-size: 11px;
    }
    .speaker h2 {
        font-size: 17px;
    }
    .speaker p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 370px) {
    .main-menu {
        padding: 0 0 37px 0;
    }
    .main-menu .tickets {
        top: auto;
        left: 0;
        right: 0;
    }
    .main-menu .video {
        top: auto;
        right: 0;
        left: 0;
    }
    .countdown .counter {
        font-size: 15px;
        line-height: 24px;
    }
    .countdown .counter strong {
        height: 70px;
        font-size: 30px;
        line-height: 75px;
    }
}

@media only screen and (max-width: 360px) {
    .events h2 {
        font-size: 16px;
    }
    .events p {
        font-size: 14px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .intro-holder {
        background-image: url(images/illustration-sky@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: #000122;
}

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