diff --git a/index.html b/index.html new file mode 100644 index 0000000..b963fd3 --- /dev/null +++ b/index.html @@ -0,0 +1,1474 @@ + + + + + + + + + + + JSConf Buenos Aires - Conferences for the Javascript Community + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + + +
+ +
+
0
+

score

+
It's Multiplayer!
+
Tell your friends!
+
+ +
+
Next Level
+
+ +
+ Move with the Arrow Keys or WASD +
+ Shoot with Space +
+ Have Fun! +
+ +
+ +
+ +
+
+ +
+
Game Over
+
+
Game Over
+
+ + +
+
+
Press Space to Restart
+
+ +
+
+ +
+
+ + + +
+
+
+ + +
+ +

JSConf

+ +
+ + + + Buenos Aires + +
+ + + + + +
Hello Bs As!
+ + <script src="JSConf2014.js"></script> + + + + + +
+ + + +
+ +
+ +
+
+ JSConf Argentina 2014 + +
+
+ +
+
+
+

is powered by

+ +
+
+ +
+

How I learned to Code by Making 180 websites in 180 days

+

_Sara Chipps

+ @sarachipps +
+
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+ + +
+ +
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ + +
+ +
+ +
+ +
+ +
+ +
+ + +
+ + +
+ + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+
+
+ 18 + Speakers +
+
+
People who will be speaking at JSconf
+
+ +
+
+
+ 7 + Countries +
+
+
Our speakers come from all over the globe
+
+ +
+
+
+ 660 + Minutes +
+
+
Length of awesome topics to cover
+
+ +
+
+
+ 50 + Gallons +
+
+
Coffee needed to stay fresh throughout JSconf
+
+
+ +
+ +
+ + + + + + + +
+
+

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Agenda +

+ +
    +
  • +
    8:00 am
    +
    + +
    +
    +
    Check in
    +
    +
    • + +
  • +
    9:00 am
    +
    +
    + +
    How I learned to Code by Making 180 websites in 180 days
    +
    _Jennifer De Walt
    + + +
    +
    @JenniferDewalt, Wit.AI
    +

    With no real coding experience, I decided to sit down and teach myself to code by making one website a day, every day, for 180 days. In this session, I'll cover what inspired me to take the path of self directed learning and what challenges I faced along the way. The first websites I made were simple and only used a tiny bit of html and css. By the end I was making dynamic, interactive apps. In this talk I'll present a selection of some of my favorite websites from the project which include games, toys, physics simulations, data visualizations and real time communication apps.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    9:25 am
    +
    +
    + +
    ES6 Rocks!
    +
    _Jaydson Gomes
    + + +
    +
    @jaydson, ES6rocks.com
    +

    ES6 is the sixth version of the language we love. The ECMAScript sixth version will be released in mid 2015, but all majors browsers are currently implementing the features we’ll have soon. In this talk you will know why ES6 Rocks! Also, you’ll learn how to write your code today with the new set of features and syntax both on node and the browser.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    9:50 am
    +
    +
    + +
    Moving JS from Libraries to Polyfills
    +
    _Sebastián Markbage
    + + +
    +
    @sebmarkbage, Facebook
    +

    I’ll explain how React is moving towards a minimal API surface area. Instead of providing many framework features, React is trying to utilize patterns, paradigms and JavaScript language features to accomplish the same tasks that other frameworks have dedicated APIs for. Not all environments have these natively. We need to polyfill new an experimental features. How can we safely do that? Is it better to have a non-standard library?

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    10:10 am
    +
    + +
    +
    +
    Break
    +
    +
    • + +
  • +
    10:45 am
    +
    +
    + +
    Making 3D Graphics Accessible
    +
    _Mr Doob (Ricardo Cabello)
    + + +
    +
    @mrdoob, three.js
    +

    In this session Ricardo will give some insights on how three.js came to be, some of the challenges from the past and the future and a few projects developed along the way.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    11:10 am
    +
    +
    + +
    Parallax 101
    +
    _María Evangelina Ferreira
    + + +
    +
    @evaferreira92, UTN
    +

    If a click is the decision, scrolling is a resolution. Parallax, moving content along with scroll pace, has become one of the most fashionable design tactics. It has dumped the ʺAbove the Foldʺ idea that people don't scroll by simply encouraging users to do so by entertaining them with movement and a sensation of depth. In this talk, we will go through real-time examples of Parallax animations, its anchors and its performance.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    11:35 am
    +
    +
    + +
    Internationalize your web apps
    +
    _Juan Ignacio Dopazo
    + + +
    +
    @juandopazo, Yahoo
    +

    Traditionally, rendering of our web applications would be done on the server, where there are lots of established internationalization tools and libraries. However with the rise of single page apps (SPAs), user interfaces are being rendered in the browser using JavaScript. In this talk we'll be introducing FormatJS: a collection of JavaScript libraries for internationalization that are focused on formatting numbers, dates, and strings. We'll do a walkthrough of JavaScript's Intl API and some of the core libraries we've developed, as well as a set of integrations for Handlebars, Dust and React. Finally, we'll discuss how these tools can be useful even if your application is only written in one language.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    12:00 am
    +
    +
    + +
    Visualizing data with JavaScript at Twitter
    +
    _Nicolás García Belmonte
    + + +
    +
    @philogb, Twitter
    +

    At Twitter, the Visual Insights team has been working with the Media, Comms, Government and Brand Strategy teams on different visualizations for big events that happened around the world. Combining web standards, storytelling, data analysis and advanced graphics techniques we aim to translate into images the way people around the world have reacted on Twitter to an event. For our visualizations the Web is the best delivery platform and we use all graphics standards: 2D Canvas, WebGL, SVG and HTML based on the requirements of each visualization and accounting for factors like: number of elements in the screen, shape complexity, interaction, mobile support, libraries available and more. Through the exposition of some of our work, we will describe the workflow we use to create interactive public-facing visualizations at Twitter. We will go through a pipeline which includes stages of research of novel visualization techniques, design and planning for an event, data gathering and processing, prototyping and publishing visualizations.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    12:30 pm
    +
    + +
    +
    +
    Lunch
    +
    +
    • + +
  • +
    1:35 pm
    +
    +
    + +
    From JS to manufacturing, a hardware journey
    +
    _Sara Chipps
    + + +
    +
    @SaraJChipps, GirlDevelopIt
    +

    Hardware is fun to play with, but can it become your career? Learn about turning a weekend hobby into a lifetime of learning while building a hardware company from the ground up.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    2:00 pm
    +
    +
    + +
    JavaScript and Artificial Intelligence
    +
    _Ángel "Java" López
    + + +
    +
    @ajlopez, Southworks
    +

    Artificial Intelligence is a broad field with a long history of success and failures. We will explore some applications and algorithms, using JavaScript, at the browser and at the server with Node.js. The key topics to visit: using artificial intelligence in board games, genetic algorithms, neural networks, machine learning, deep learning. JavaScript is everywhere, and with the advent of Internet of Things, Big Data, robotics and drones, and distributed computing, there are more applications that applies artificial intelligence ideas.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    2:25 pm
    +
    +
    + +
    Else Considered Harmful
    +
    _Nikolay Bachiyski
    + + +
    +
    @nikolayb, Automattic
    +

    The "if else" logic is not entirely intuitive for our minds. We'll explore some alternatives that would lead to the same results but without using the more traditional logic sintax most of us are used to. We'll also see how we can benefit from reducing the complexity of our code in favour of readability, making it say what we really mean instead of having to translate all of our thoughts into a series of "if else" statements.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    3:00 pm
    +
    + +
    +
    +
    Break
    +
    +
    • + +
  • +
    3:35 pm
    +
    +
    + +
    Your Very Own Component Library
    +
    _Alex Sexton
    + + +
    +
    @SlexAxton, Stripe
    +

    We're all pretty big fans of Bootstrap. It's a component library that helps us turn our ideas into reality faster than we've ever been able to do in the past. Unfortunately, it's kind of bland (on purpose!), and all the sites on the internet are starting to look the same. At Stripe, we wanted the same power of being able to spin up projects quickly, but without using Bootstrap, specifically. So we made "Bootstripe". It's able to be much more opinionated, and allows lots of parallel developers to build consistent user interfaces. I'd love to tell you how to build your own, how to test it, and how to integrate it into your applications.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    4:00 pm
    +
    +
    + +
    Writing a Webmodule
    +
    _Nathan Rajlich
    + + +
    +
    @TooTallNate, Node.js
    +

    How to write small, focused modules for use in the web browser, with automated cloud testing.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    4:25 pm
    +
    +
    + +
    Building Editors in the Browser
    +
    _Jason Chen
    + + +
    +
    @jhchen, Quilljs
    +
    + +
    +
    +
    +
    +
    • + +
  • +
    4:45 pm
    +
    + +
    +
    +
    Break
    +
    +
    • + +
  • +
    5:20 pm
    +
    +
    + +
    JavaScript Robotics: A NodeBots show
    +
    _Julian Duque
    + + +
    +
    @julian_duque, NodeSource
    +

    Have you ever heard about NodeBots? In this talk (or show) you are going to learn about what a NodeBot is and how it's possible to do some electronics and robotics magic using JavaScript, from basics projects like controlling a LED to more advanced ones like a biped robot or crazy musical instruments like a theremin. Besides the cool things you can build in NodeBots the most awesome part of it is the community, you'll see what we are doing from the community point of view and how we are achieving social impact bringing more people from all ages to programming and electronics, specially in Latin america, through the NodeBots community.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    5:45 pm
    +
    +
    + +
    Building a Distributed Data Ingestion System with RabbitMQ
    +
    _Álvaro Videla
    + + +
    +
    @old_sound, RabbitMQ
    +

    Your company has servers distributed around the world and you need to process data in a centralised location. The data is produced by applications using different technology stacks and comes from various sources, from web servers to sensors. How could you solve this problem? Enter RabbitMQ. In this talk we are going to show how to build a system that can ingest data produced at separate geo located areas (think AWS and it's many regions) and replicate it to a central cluster where it can be further processed and analysed. We will present an example of how to build a system like this one by using RabbitMQ Federation to replicate data across AWS Regions and RabbitMQ support for many protocols to produce/consume data. To help with scalability we are going to show an interesting way to implement sharded queues with RabbitMQ by using the Consistent Hash Exchange. If you want to learn what else has RabbitMQ to offer beyond simple messaging and queueing, then this is the talk for you.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    6:10 pm
    +
    +
    + +
    Sandboxing Node.js with CoreOS and Docker
    +
    _Tomasz Janczuk
    + + +
    +
    @tjanczuk, Auth0
    +

    You are writing a cloud application that executes custom code on behalf of your users. You need to protect one user's data from another's, and you must ensure fair access to computing resources among your users, without imposing undue constraints on their code. In other words, you must build a sandbox for executing custom code. In this talk I will demonstrate a design for such a sandbox that we have created at Auth0. You will learn how we are using modern container technologies based on CoreOS and Docker to enable customers to run custom Node.js and C# code (via Edge.js) in a way that is safe, fair, and fast.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    6:30 pm
    +
    +
    + +
    j2me.js - a multi-threaded Java VM in JavaScript
    +
    _Andreas Gal Keynote speaker
    + + +
    +
    @andreasgal, CTO @ Mozilla
    +

    j2me.js is a Java VM written in pure JavaScript that is geared towards modern Web-enabled mobile devices such as Firefox OS. Its designed to run Java/MIDP games and apps in an HTML5 environment, enabling old feature phone content to live on in the modern smartphone world. My talk will in focus in particular on mapping the more complex language features of the Java VM onto JavaScript and HTML5, including multithreading and synchronous I/O.

    +
    + +
    +
    +
    +
    +
    • + +
  • +
    7:15 pm
    +
    +
    + +
    The future of Javascript
    +
    _Brendan Eich Keynote speaker
    + + +
    +
    @BrendanEich, Creator of Javascript
    +
    + +
    +
    +
    +
    +
    • + +
  • +
    > 8:00 pm
    +
    + +
    +
    +
    Party
    +
    +
+ + + +
+ + +
+ +
+ +
+

The Venue

+ +
+
+

Auditorio Bs As

+

Buenos Aires Design

+

Av. Pueyrredon 2501   View on Google Maps

+ + + +
+
+
+ + +
+
+
+ + +
+ +
+ +
+ +
+ + +
+ +
+ +

+
+ + + + + + + + + + + + + + + + + + + + + + + +
+ JSConf 2014 Tickets +

+ + +
+
+ :( +
+ +

All Tickets for JSConf 2014 have sold out :(

+

Sign up and we'll contact us if we get our hands on a few more tickets. No promises, though.

+ +

+ + + +
+ +
+ +
+ + + +
+ +
+ +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Recommended Hotels +

+ + + +
+
+
+ +
+
+ +
+
+ +
+ +
+ + +
+ +

+
+ + + + + + + + + + + + + + + +
+ + Our Sponsors +

+ + + + + + + +
+ + + + + + +
+ + +
+
+ +
+ + + + + + + + + + + + + + + + + + diff --git a/js/jquery.min.html b/js/jquery.min.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/js/jquery.min.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/linkid.html b/linkid.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/linkid.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/game_assets/dance/4.gif b/static/game_assets/dance/4.gif new file mode 100644 index 0000000..cb6b97f Binary files /dev/null and b/static/game_assets/dance/4.gif differ diff --git a/static/game_assets/index.html b/static/game_assets/index.html new file mode 100644 index 0000000..436b387 --- /dev/null +++ b/static/game_assets/index.html @@ -0,0 +1,7 @@ + +403 Forbidden + +

403 Forbidden

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/game_assets/ui/cartridge.png b/static/game_assets/ui/cartridge.png new file mode 100644 index 0000000..570c58a Binary files /dev/null and b/static/game_assets/ui/cartridge.png differ diff --git a/static/game_assets/ui/error.png b/static/game_assets/ui/error.png new file mode 100644 index 0000000..6c2184d Binary files /dev/null and b/static/game_assets/ui/error.png differ diff --git a/static/game_assets/ui/input.png b/static/game_assets/ui/input.png new file mode 100644 index 0000000..2333ee2 Binary files /dev/null and b/static/game_assets/ui/input.png differ diff --git a/static/game_assets/ui/loading.gif b/static/game_assets/ui/loading.gif new file mode 100644 index 0000000..382a31d Binary files /dev/null and b/static/game_assets/ui/loading.gif differ diff --git a/static/images/auditorium.jpg b/static/images/auditorium.jpg new file mode 100644 index 0000000..3f87ac1 Binary files /dev/null and b/static/images/auditorium.jpg differ diff --git a/static/images/break-sponsors.png b/static/images/break-sponsors.png new file mode 100644 index 0000000..93d3cb3 Binary files /dev/null and b/static/images/break-sponsors.png differ diff --git a/static/images/breaks.png b/static/images/breaks.png new file mode 100644 index 0000000..e5f80b0 Binary files /dev/null and b/static/images/breaks.png differ diff --git a/static/images/hotels/hotel-belair.jpg b/static/images/hotels/hotel-belair.jpg new file mode 100644 index 0000000..b1f37ce Binary files /dev/null and b/static/images/hotels/hotel-belair.jpg differ diff --git a/static/images/hotels/hotel-dazzler.jpg b/static/images/hotels/hotel-dazzler.jpg new file mode 100644 index 0000000..ee9ec2d Binary files /dev/null and b/static/images/hotels/hotel-dazzler.jpg differ diff --git a/static/images/hotels/hotel-intersur.jpg b/static/images/hotels/hotel-intersur.jpg new file mode 100644 index 0000000..2c34606 Binary files /dev/null and b/static/images/hotels/hotel-intersur.jpg differ diff --git a/static/images/hotels/hotel-loisuites.jpg b/static/images/hotels/hotel-loisuites.jpg new file mode 100644 index 0000000..5789fd8 Binary files /dev/null and b/static/images/hotels/hotel-loisuites.jpg differ diff --git a/static/images/hotels/hotel-melia.jpg b/static/images/hotels/hotel-melia.jpg new file mode 100644 index 0000000..2e44206 Binary files /dev/null and b/static/images/hotels/hotel-melia.jpg differ diff --git a/static/images/hotels/hotel-urban.jpg b/static/images/hotels/hotel-urban.jpg new file mode 100644 index 0000000..4f9115d Binary files /dev/null and b/static/images/hotels/hotel-urban.jpg differ diff --git a/static/images/jsconf_argentina_logo.html b/static/images/jsconf_argentina_logo.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/images/jsconf_argentina_logo.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/images/nyancat.ogg b/static/images/nyancat.ogg new file mode 100644 index 0000000..894cf9f Binary files /dev/null and b/static/images/nyancat.ogg differ diff --git a/static/images/social/jsconfar-facebook.png b/static/images/social/jsconfar-facebook.png new file mode 100644 index 0000000..b4607f5 Binary files /dev/null and b/static/images/social/jsconfar-facebook.png differ diff --git a/static/images/social/jsconfar-twitter.png b/static/images/social/jsconfar-twitter.png new file mode 100644 index 0000000..636531c Binary files /dev/null and b/static/images/social/jsconfar-twitter.png differ diff --git a/static/images/speakers/alex-sexton.jpg b/static/images/speakers/alex-sexton.jpg new file mode 100644 index 0000000..adcdc8c Binary files /dev/null and b/static/images/speakers/alex-sexton.jpg differ diff --git a/static/images/speakers/alvaro-videla.jpg b/static/images/speakers/alvaro-videla.jpg new file mode 100644 index 0000000..81fd19d Binary files /dev/null and b/static/images/speakers/alvaro-videla.jpg differ diff --git a/static/images/speakers/andreas-gal.jpg b/static/images/speakers/andreas-gal.jpg new file mode 100644 index 0000000..a97df28 Binary files /dev/null and b/static/images/speakers/andreas-gal.jpg differ diff --git a/static/images/speakers/angel-java-lopez.jpg b/static/images/speakers/angel-java-lopez.jpg new file mode 100644 index 0000000..8b7dd34 Binary files /dev/null and b/static/images/speakers/angel-java-lopez.jpg differ diff --git a/static/images/speakers/brendan-eich.jpg b/static/images/speakers/brendan-eich.jpg new file mode 100644 index 0000000..121584a Binary files /dev/null and b/static/images/speakers/brendan-eich.jpg differ diff --git a/static/images/speakers/jason-chen.jpg b/static/images/speakers/jason-chen.jpg new file mode 100644 index 0000000..1e396e3 Binary files /dev/null and b/static/images/speakers/jason-chen.jpg differ diff --git a/static/images/speakers/jaydson-gomes.jpg b/static/images/speakers/jaydson-gomes.jpg new file mode 100644 index 0000000..856da2b Binary files /dev/null and b/static/images/speakers/jaydson-gomes.jpg differ diff --git a/static/images/speakers/jennifer-dewalt.jpg b/static/images/speakers/jennifer-dewalt.jpg new file mode 100644 index 0000000..8c18f80 Binary files /dev/null and b/static/images/speakers/jennifer-dewalt.jpg differ diff --git a/static/images/speakers/juan-ignacio-dopazo.jpg b/static/images/speakers/juan-ignacio-dopazo.jpg new file mode 100644 index 0000000..77f626f Binary files /dev/null and b/static/images/speakers/juan-ignacio-dopazo.jpg differ diff --git a/static/images/speakers/julian-duque.jpg b/static/images/speakers/julian-duque.jpg new file mode 100644 index 0000000..fd60801 Binary files /dev/null and b/static/images/speakers/julian-duque.jpg differ diff --git a/static/images/speakers/maria-evangelina-ferreira.jpg b/static/images/speakers/maria-evangelina-ferreira.jpg new file mode 100644 index 0000000..b08ffea Binary files /dev/null and b/static/images/speakers/maria-evangelina-ferreira.jpg differ diff --git a/static/images/speakers/nathan-rajlich.jpg b/static/images/speakers/nathan-rajlich.jpg new file mode 100644 index 0000000..9621db9 Binary files /dev/null and b/static/images/speakers/nathan-rajlich.jpg differ diff --git a/static/images/speakers/nicolas-garcia.jpg b/static/images/speakers/nicolas-garcia.jpg new file mode 100644 index 0000000..50bc0a0 Binary files /dev/null and b/static/images/speakers/nicolas-garcia.jpg differ diff --git a/static/images/speakers/nikolai-bachiyski.jpg b/static/images/speakers/nikolai-bachiyski.jpg new file mode 100644 index 0000000..9f70138 Binary files /dev/null and b/static/images/speakers/nikolai-bachiyski.jpg differ diff --git a/static/images/speakers/ricardo-cabello.jpg b/static/images/speakers/ricardo-cabello.jpg new file mode 100644 index 0000000..70c16d7 Binary files /dev/null and b/static/images/speakers/ricardo-cabello.jpg differ diff --git a/static/images/speakers/sara-chipps.jpg b/static/images/speakers/sara-chipps.jpg new file mode 100644 index 0000000..577634b Binary files /dev/null and b/static/images/speakers/sara-chipps.jpg differ diff --git a/static/images/speakers/sebastian-markbage.jpg b/static/images/speakers/sebastian-markbage.jpg new file mode 100644 index 0000000..c12f592 Binary files /dev/null and b/static/images/speakers/sebastian-markbage.jpg differ diff --git a/static/images/speakers/tomasz-janczuk.jpg b/static/images/speakers/tomasz-janczuk.jpg new file mode 100644 index 0000000..f2562e8 Binary files /dev/null and b/static/images/speakers/tomasz-janczuk.jpg differ diff --git a/static/images/sponsors/aerolab-logo.png b/static/images/sponsors/aerolab-logo.png new file mode 100644 index 0000000..2a52233 Binary files /dev/null and b/static/images/sponsors/aerolab-logo.png differ diff --git a/static/images/sponsors/apiary-logo.png b/static/images/sponsors/apiary-logo.png new file mode 100644 index 0000000..17a3237 Binary files /dev/null and b/static/images/sponsors/apiary-logo.png differ diff --git a/static/images/sponsors/auth0-logo.png b/static/images/sponsors/auth0-logo.png new file mode 100644 index 0000000..6eb312e Binary files /dev/null and b/static/images/sponsors/auth0-logo.png differ diff --git a/static/images/sponsors/digitalocean-logo.png b/static/images/sponsors/digitalocean-logo.png new file mode 100644 index 0000000..f5e71c7 Binary files /dev/null and b/static/images/sponsors/digitalocean-logo.png differ diff --git a/static/images/sponsors/github-logo.png b/static/images/sponsors/github-logo.png new file mode 100644 index 0000000..88d822c Binary files /dev/null and b/static/images/sponsors/github-logo.png differ diff --git a/static/images/sponsors/globant-logo.png b/static/images/sponsors/globant-logo.png new file mode 100644 index 0000000..32d0328 Binary files /dev/null and b/static/images/sponsors/globant-logo.png differ diff --git a/static/images/sponsors/google-logo.png b/static/images/sponsors/google-logo.png new file mode 100644 index 0000000..bab0726 Binary files /dev/null and b/static/images/sponsors/google-logo.png differ diff --git a/static/images/sponsors/mandrill-logo.png b/static/images/sponsors/mandrill-logo.png new file mode 100644 index 0000000..da3a7c9 Binary files /dev/null and b/static/images/sponsors/mandrill-logo.png differ diff --git a/static/images/sponsors/mango-logo.png b/static/images/sponsors/mango-logo.png new file mode 100644 index 0000000..9ae3f0f Binary files /dev/null and b/static/images/sponsors/mango-logo.png differ diff --git a/static/images/sponsors/mejorandola-logo.png b/static/images/sponsors/mejorandola-logo.png new file mode 100644 index 0000000..c0b0d28 Binary files /dev/null and b/static/images/sponsors/mejorandola-logo.png differ diff --git a/static/images/sponsors/mercadolibre-logo.png b/static/images/sponsors/mercadolibre-logo.png new file mode 100644 index 0000000..6006ce7 Binary files /dev/null and b/static/images/sponsors/mercadolibre-logo.png differ diff --git a/static/images/sponsors/mozilla-logo.png b/static/images/sponsors/mozilla-logo.png new file mode 100644 index 0000000..af8fa1c Binary files /dev/null and b/static/images/sponsors/mozilla-logo.png differ diff --git a/static/images/sponsors/nodesource-logo.png b/static/images/sponsors/nodesource-logo.png new file mode 100644 index 0000000..52c25f6 Binary files /dev/null and b/static/images/sponsors/nodesource-logo.png differ diff --git a/static/images/sponsors/saucelabs-logo.png b/static/images/sponsors/saucelabs-logo.png new file mode 100644 index 0000000..f28526d Binary files /dev/null and b/static/images/sponsors/saucelabs-logo.png differ diff --git a/static/images/sponsors/scvsoft-logo.png b/static/images/sponsors/scvsoft-logo.png new file mode 100644 index 0000000..0c65b37 Binary files /dev/null and b/static/images/sponsors/scvsoft-logo.png differ diff --git a/static/images/sponsors/shovelapps-logo.png b/static/images/sponsors/shovelapps-logo.png new file mode 100644 index 0000000..adde2a0 Binary files /dev/null and b/static/images/sponsors/shovelapps-logo.png differ diff --git a/static/images/sponsors/skycatch-logo.png b/static/images/sponsors/skycatch-logo.png new file mode 100644 index 0000000..301d5a9 Binary files /dev/null and b/static/images/sponsors/skycatch-logo.png differ diff --git a/static/images/sponsors/terra-logo.png b/static/images/sponsors/terra-logo.png new file mode 100644 index 0000000..7eb9f1e Binary files /dev/null and b/static/images/sponsors/terra-logo.png differ diff --git a/static/images/sponsors/wordpress-logo.png b/static/images/sponsors/wordpress-logo.png new file mode 100644 index 0000000..6e9f7c6 Binary files /dev/null and b/static/images/sponsors/wordpress-logo.png differ diff --git a/static/images/sponsors/xapo-logo.png b/static/images/sponsors/xapo-logo.png new file mode 100644 index 0000000..78a2d17 Binary files /dev/null and b/static/images/sponsors/xapo-logo.png differ diff --git a/static/images/tickets-gone.png b/static/images/tickets-gone.png new file mode 100644 index 0000000..dbcf951 Binary files /dev/null and b/static/images/tickets-gone.png differ diff --git a/static/js/scriptsbc8f.js b/static/js/scriptsbc8f.js new file mode 100644 index 0000000..90560e6 --- /dev/null +++ b/static/js/scriptsbc8f.js @@ -0,0 +1,407 @@ +/*! jQuery UI - v1.11.1 - 2014-08-26 +* http://jqueryui.com +* Includes: core.js, widget.js, mouse.js, resizable.js +* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ + +(function(e){"function"==typeof define&&define.amd?define(["jquery"],e):e(jQuery)})(function(e){function t(t,s){var n,a,o,r=t.nodeName.toLowerCase();return"area"===r?(n=t.parentNode,a=n.name,t.href&&a&&"map"===n.nodeName.toLowerCase()?(o=e("img[usemap='#"+a+"']")[0],!!o&&i(o)):!1):(/input|select|textarea|button|object/.test(r)?!t.disabled:"a"===r?t.href||s:s)&&i(t)}function i(t){return e.expr.filters.visible(t)&&!e(t).parents().addBack().filter(function(){return"hidden"===e.css(this,"visibility")}).length}e.ui=e.ui||{},e.extend(e.ui,{version:"1.11.1",keyCode:{BACKSPACE:8,COMMA:188,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SPACE:32,TAB:9,UP:38}}),e.fn.extend({scrollParent:function(t){var i=this.css("position"),s="absolute"===i,n=t?/(auto|scroll|hidden)/:/(auto|scroll)/,a=this.parents().filter(function(){var t=e(this);return s&&"static"===t.css("position")?!1:n.test(t.css("overflow")+t.css("overflow-y")+t.css("overflow-x"))}).eq(0);return"fixed"!==i&&a.length?a:e(this[0].ownerDocument||document)},uniqueId:function(){var e=0;return function(){return this.each(function(){this.id||(this.id="ui-id-"+ ++e)})}}(),removeUniqueId:function(){return this.each(function(){/^ui-id-\d+$/.test(this.id)&&e(this).removeAttr("id")})}}),e.extend(e.expr[":"],{data:e.expr.createPseudo?e.expr.createPseudo(function(t){return function(i){return!!e.data(i,t)}}):function(t,i,s){return!!e.data(t,s[3])},focusable:function(i){return t(i,!isNaN(e.attr(i,"tabindex")))},tabbable:function(i){var s=e.attr(i,"tabindex"),n=isNaN(s);return(n||s>=0)&&t(i,!n)}}),e("").outerWidth(1).jquery||e.each(["Width","Height"],function(t,i){function s(t,i,s,a){return e.each(n,function(){i-=parseFloat(e.css(t,"padding"+this))||0,s&&(i-=parseFloat(e.css(t,"border"+this+"Width"))||0),a&&(i-=parseFloat(e.css(t,"margin"+this))||0)}),i}var n="Width"===i?["Left","Right"]:["Top","Bottom"],a=i.toLowerCase(),o={innerWidth:e.fn.innerWidth,innerHeight:e.fn.innerHeight,outerWidth:e.fn.outerWidth,outerHeight:e.fn.outerHeight};e.fn["inner"+i]=function(t){return void 0===t?o["inner"+i].call(this):this.each(function(){e(this).css(a,s(this,t)+"px")})},e.fn["outer"+i]=function(t,n){return"number"!=typeof t?o["outer"+i].call(this,t):this.each(function(){e(this).css(a,s(this,t,!0,n)+"px")})}}),e.fn.addBack||(e.fn.addBack=function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}),e("").data("a-b","a").removeData("a-b").data("a-b")&&(e.fn.removeData=function(t){return function(i){return arguments.length?t.call(this,e.camelCase(i)):t.call(this)}}(e.fn.removeData)),e.ui.ie=!!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase()),e.fn.extend({focus:function(t){return function(i,s){return"number"==typeof i?this.each(function(){var t=this;setTimeout(function(){e(t).focus(),s&&s.call(t)},i)}):t.apply(this,arguments)}}(e.fn.focus),disableSelection:function(){var e="onselectstart"in document.createElement("div")?"selectstart":"mousedown";return function(){return this.bind(e+".ui-disableSelection",function(e){e.preventDefault()})}}(),enableSelection:function(){return this.unbind(".ui-disableSelection")},zIndex:function(t){if(void 0!==t)return this.css("zIndex",t);if(this.length)for(var i,s,n=e(this[0]);n.length&&n[0]!==document;){if(i=n.css("position"),("absolute"===i||"relative"===i||"fixed"===i)&&(s=parseInt(n.css("zIndex"),10),!isNaN(s)&&0!==s))return s;n=n.parent()}return 0}}),e.ui.plugin={add:function(t,i,s){var n,a=e.ui[t].prototype;for(n in s)a.plugins[n]=a.plugins[n]||[],a.plugins[n].push([i,s[n]])},call:function(e,t,i,s){var n,a=e.plugins[t];if(a&&(s||e.element[0].parentNode&&11!==e.element[0].parentNode.nodeType))for(n=0;a.length>n;n++)e.options[a[n][0]]&&a[n][1].apply(e.element,i)}};var s=0,n=Array.prototype.slice;e.cleanData=function(t){return function(i){var s,n,a;for(a=0;null!=(n=i[a]);a++)try{s=e._data(n,"events"),s&&s.remove&&e(n).triggerHandler("remove")}catch(o){}t(i)}}(e.cleanData),e.widget=function(t,i,s){var n,a,o,r,h={},l=t.split(".")[0];return t=t.split(".")[1],n=l+"-"+t,s||(s=i,i=e.Widget),e.expr[":"][n.toLowerCase()]=function(t){return!!e.data(t,n)},e[l]=e[l]||{},a=e[l][t],o=e[l][t]=function(e,t){return this._createWidget?(arguments.length&&this._createWidget(e,t),void 0):new o(e,t)},e.extend(o,a,{version:s.version,_proto:e.extend({},s),_childConstructors:[]}),r=new i,r.options=e.widget.extend({},r.options),e.each(s,function(t,s){return e.isFunction(s)?(h[t]=function(){var e=function(){return i.prototype[t].apply(this,arguments)},n=function(e){return i.prototype[t].apply(this,e)};return function(){var t,i=this._super,a=this._superApply;return this._super=e,this._superApply=n,t=s.apply(this,arguments),this._super=i,this._superApply=a,t}}(),void 0):(h[t]=s,void 0)}),o.prototype=e.widget.extend(r,{widgetEventPrefix:a?r.widgetEventPrefix||t:t},h,{constructor:o,namespace:l,widgetName:t,widgetFullName:n}),a?(e.each(a._childConstructors,function(t,i){var s=i.prototype;e.widget(s.namespace+"."+s.widgetName,o,i._proto)}),delete a._childConstructors):i._childConstructors.push(o),e.widget.bridge(t,o),o},e.widget.extend=function(t){for(var i,s,a=n.call(arguments,1),o=0,r=a.length;r>o;o++)for(i in a[o])s=a[o][i],a[o].hasOwnProperty(i)&&void 0!==s&&(t[i]=e.isPlainObject(s)?e.isPlainObject(t[i])?e.widget.extend({},t[i],s):e.widget.extend({},s):s);return t},e.widget.bridge=function(t,i){var s=i.prototype.widgetFullName||t;e.fn[t]=function(a){var o="string"==typeof a,r=n.call(arguments,1),h=this;return a=!o&&r.length?e.widget.extend.apply(null,[a].concat(r)):a,o?this.each(function(){var i,n=e.data(this,s);return"instance"===a?(h=n,!1):n?e.isFunction(n[a])&&"_"!==a.charAt(0)?(i=n[a].apply(n,r),i!==n&&void 0!==i?(h=i&&i.jquery?h.pushStack(i.get()):i,!1):void 0):e.error("no such method '"+a+"' for "+t+" widget instance"):e.error("cannot call methods on "+t+" prior to initialization; "+"attempted to call method '"+a+"'")}):this.each(function(){var t=e.data(this,s);t?(t.option(a||{}),t._init&&t._init()):e.data(this,s,new i(a,this))}),h}},e.Widget=function(){},e.Widget._childConstructors=[],e.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",defaultElement:"
",options:{disabled:!1,create:null},_createWidget:function(t,i){i=e(i||this.defaultElement||this)[0],this.element=e(i),this.uuid=s++,this.eventNamespace="."+this.widgetName+this.uuid,this.options=e.widget.extend({},this.options,this._getCreateOptions(),t),this.bindings=e(),this.hoverable=e(),this.focusable=e(),i!==this&&(e.data(i,this.widgetFullName,this),this._on(!0,this.element,{remove:function(e){e.target===i&&this.destroy()}}),this.document=e(i.style?i.ownerDocument:i.document||i),this.window=e(this.document[0].defaultView||this.document[0].parentWindow)),this._create(),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:e.noop,_getCreateEventData:e.noop,_create:e.noop,_init:e.noop,destroy:function(){this._destroy(),this.element.unbind(this.eventNamespace).removeData(this.widgetFullName).removeData(e.camelCase(this.widgetFullName)),this.widget().unbind(this.eventNamespace).removeAttr("aria-disabled").removeClass(this.widgetFullName+"-disabled "+"ui-state-disabled"),this.bindings.unbind(this.eventNamespace),this.hoverable.removeClass("ui-state-hover"),this.focusable.removeClass("ui-state-focus")},_destroy:e.noop,widget:function(){return this.element},option:function(t,i){var s,n,a,o=t;if(0===arguments.length)return e.widget.extend({},this.options);if("string"==typeof t)if(o={},s=t.split("."),t=s.shift(),s.length){for(n=o[t]=e.widget.extend({},this.options[t]),a=0;s.length-1>a;a++)n[s[a]]=n[s[a]]||{},n=n[s[a]];if(t=s.pop(),1===arguments.length)return void 0===n[t]?null:n[t];n[t]=i}else{if(1===arguments.length)return void 0===this.options[t]?null:this.options[t];o[t]=i}return this._setOptions(o),this},_setOptions:function(e){var t;for(t in e)this._setOption(t,e[t]);return this},_setOption:function(e,t){return this.options[e]=t,"disabled"===e&&(this.widget().toggleClass(this.widgetFullName+"-disabled",!!t),t&&(this.hoverable.removeClass("ui-state-hover"),this.focusable.removeClass("ui-state-focus"))),this},enable:function(){return this._setOptions({disabled:!1})},disable:function(){return this._setOptions({disabled:!0})},_on:function(t,i,s){var n,a=this;"boolean"!=typeof t&&(s=i,i=t,t=!1),s?(i=n=e(i),this.bindings=this.bindings.add(i)):(s=i,i=this.element,n=this.widget()),e.each(s,function(s,o){function r(){return t||a.options.disabled!==!0&&!e(this).hasClass("ui-state-disabled")?("string"==typeof o?a[o]:o).apply(a,arguments):void 0}"string"!=typeof o&&(r.guid=o.guid=o.guid||r.guid||e.guid++);var h=s.match(/^([\w:-]*)\s*(.*)$/),l=h[1]+a.eventNamespace,u=h[2];u?n.delegate(u,l,r):i.bind(l,r)})},_off:function(e,t){t=(t||"").split(" ").join(this.eventNamespace+" ")+this.eventNamespace,e.unbind(t).undelegate(t)},_delay:function(e,t){function i(){return("string"==typeof e?s[e]:e).apply(s,arguments)}var s=this;return setTimeout(i,t||0)},_hoverable:function(t){this.hoverable=this.hoverable.add(t),this._on(t,{mouseenter:function(t){e(t.currentTarget).addClass("ui-state-hover")},mouseleave:function(t){e(t.currentTarget).removeClass("ui-state-hover")}})},_focusable:function(t){this.focusable=this.focusable.add(t),this._on(t,{focusin:function(t){e(t.currentTarget).addClass("ui-state-focus")},focusout:function(t){e(t.currentTarget).removeClass("ui-state-focus")}})},_trigger:function(t,i,s){var n,a,o=this.options[t];if(s=s||{},i=e.Event(i),i.type=(t===this.widgetEventPrefix?t:this.widgetEventPrefix+t).toLowerCase(),i.target=this.element[0],a=i.originalEvent)for(n in a)n in i||(i[n]=a[n]);return this.element.trigger(i,s),!(e.isFunction(o)&&o.apply(this.element[0],[i].concat(s))===!1||i.isDefaultPrevented())}},e.each({show:"fadeIn",hide:"fadeOut"},function(t,i){e.Widget.prototype["_"+t]=function(s,n,a){"string"==typeof n&&(n={effect:n});var o,r=n?n===!0||"number"==typeof n?i:n.effect||i:t;n=n||{},"number"==typeof n&&(n={duration:n}),o=!e.isEmptyObject(n),n.complete=a,n.delay&&s.delay(n.delay),o&&e.effects&&e.effects.effect[r]?s[t](n):r!==t&&s[r]?s[r](n.duration,n.easing,a):s.queue(function(i){e(this)[t](),a&&a.call(s[0]),i()})}}),e.widget;var a=!1;e(document).mouseup(function(){a=!1}),e.widget("ui.mouse",{version:"1.11.1",options:{cancel:"input,textarea,button,select,option",distance:1,delay:0},_mouseInit:function(){var t=this;this.element.bind("mousedown."+this.widgetName,function(e){return t._mouseDown(e)}).bind("click."+this.widgetName,function(i){return!0===e.data(i.target,t.widgetName+".preventClickEvent")?(e.removeData(i.target,t.widgetName+".preventClickEvent"),i.stopImmediatePropagation(),!1):void 0}),this.started=!1},_mouseDestroy:function(){this.element.unbind("."+this.widgetName),this._mouseMoveDelegate&&this.document.unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate)},_mouseDown:function(t){if(!a){this._mouseStarted&&this._mouseUp(t),this._mouseDownEvent=t;var i=this,s=1===t.which,n="string"==typeof this.options.cancel&&t.target.nodeName?e(t.target).closest(this.options.cancel).length:!1;return s&&!n&&this._mouseCapture(t)?(this.mouseDelayMet=!this.options.delay,this.mouseDelayMet||(this._mouseDelayTimer=setTimeout(function(){i.mouseDelayMet=!0},this.options.delay)),this._mouseDistanceMet(t)&&this._mouseDelayMet(t)&&(this._mouseStarted=this._mouseStart(t)!==!1,!this._mouseStarted)?(t.preventDefault(),!0):(!0===e.data(t.target,this.widgetName+".preventClickEvent")&&e.removeData(t.target,this.widgetName+".preventClickEvent"),this._mouseMoveDelegate=function(e){return i._mouseMove(e)},this._mouseUpDelegate=function(e){return i._mouseUp(e)},this.document.bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate),t.preventDefault(),a=!0,!0)):!0}},_mouseMove:function(t){return e.ui.ie&&(!document.documentMode||9>document.documentMode)&&!t.button?this._mouseUp(t):t.which?this._mouseStarted?(this._mouseDrag(t),t.preventDefault()):(this._mouseDistanceMet(t)&&this._mouseDelayMet(t)&&(this._mouseStarted=this._mouseStart(this._mouseDownEvent,t)!==!1,this._mouseStarted?this._mouseDrag(t):this._mouseUp(t)),!this._mouseStarted):this._mouseUp(t)},_mouseUp:function(t){return this.document.unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate),this._mouseStarted&&(this._mouseStarted=!1,t.target===this._mouseDownEvent.target&&e.data(t.target,this.widgetName+".preventClickEvent",!0),this._mouseStop(t)),a=!1,!1},_mouseDistanceMet:function(e){return Math.max(Math.abs(this._mouseDownEvent.pageX-e.pageX),Math.abs(this._mouseDownEvent.pageY-e.pageY))>=this.options.distance},_mouseDelayMet:function(){return this.mouseDelayMet},_mouseStart:function(){},_mouseDrag:function(){},_mouseStop:function(){},_mouseCapture:function(){return!0}}),e.widget("ui.resizable",e.ui.mouse,{version:"1.11.1",widgetEventPrefix:"resize",options:{alsoResize:!1,animate:!1,animateDuration:"slow",animateEasing:"swing",aspectRatio:!1,autoHide:!1,containment:!1,ghost:!1,grid:!1,handles:"e,s,se",helper:!1,maxHeight:null,maxWidth:null,minHeight:10,minWidth:10,zIndex:90,resize:null,start:null,stop:null},_num:function(e){return parseInt(e,10)||0},_isNumber:function(e){return!isNaN(parseInt(e,10))},_hasScroll:function(t,i){if("hidden"===e(t).css("overflow"))return!1;var s=i&&"left"===i?"scrollLeft":"scrollTop",n=!1;return t[s]>0?!0:(t[s]=1,n=t[s]>0,t[s]=0,n)},_create:function(){var t,i,s,n,a,o=this,r=this.options;if(this.element.addClass("ui-resizable"),e.extend(this,{_aspectRatio:!!r.aspectRatio,aspectRatio:r.aspectRatio,originalElement:this.element,_proportionallyResizeElements:[],_helper:r.helper||r.ghost||r.animate?r.helper||"ui-resizable-helper":null}),this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)&&(this.element.wrap(e("
").css({position:this.element.css("position"),width:this.element.outerWidth(),height:this.element.outerHeight(),top:this.element.css("top"),left:this.element.css("left")})),this.element=this.element.parent().data("ui-resizable",this.element.resizable("instance")),this.elementIsWrapper=!0,this.element.css({marginLeft:this.originalElement.css("marginLeft"),marginTop:this.originalElement.css("marginTop"),marginRight:this.originalElement.css("marginRight"),marginBottom:this.originalElement.css("marginBottom")}),this.originalElement.css({marginLeft:0,marginTop:0,marginRight:0,marginBottom:0}),this.originalResizeStyle=this.originalElement.css("resize"),this.originalElement.css("resize","none"),this._proportionallyResizeElements.push(this.originalElement.css({position:"static",zoom:1,display:"block"})),this.originalElement.css({margin:this.originalElement.css("margin")}),this._proportionallyResize()),this.handles=r.handles||(e(".ui-resizable-handle",this.element).length?{n:".ui-resizable-n",e:".ui-resizable-e",s:".ui-resizable-s",w:".ui-resizable-w",se:".ui-resizable-se",sw:".ui-resizable-sw",ne:".ui-resizable-ne",nw:".ui-resizable-nw"}:"e,s,se"),this.handles.constructor===String)for("all"===this.handles&&(this.handles="n,e,s,w,se,sw,ne,nw"),t=this.handles.split(","),this.handles={},i=0;t.length>i;i++)s=e.trim(t[i]),a="ui-resizable-"+s,n=e("
"),n.css({zIndex:r.zIndex}),"se"===s&&n.addClass("ui-icon ui-icon-gripsmall-diagonal-se"),this.handles[s]=".ui-resizable-"+s,this.element.append(n);this._renderAxis=function(t){var i,s,n,a;t=t||this.element;for(i in this.handles)this.handles[i].constructor===String&&(this.handles[i]=this.element.children(this.handles[i]).first().show()),this.elementIsWrapper&&this.originalElement[0].nodeName.match(/textarea|input|select|button/i)&&(s=e(this.handles[i],this.element),a=/sw|ne|nw|se|n|s/.test(i)?s.outerHeight():s.outerWidth(),n=["padding",/ne|nw|n/.test(i)?"Top":/se|sw|s/.test(i)?"Bottom":/^e$/.test(i)?"Right":"Left"].join(""),t.css(n,a),this._proportionallyResize()),e(this.handles[i]).length},this._renderAxis(this.element),this._handles=e(".ui-resizable-handle",this.element).disableSelection(),this._handles.mouseover(function(){o.resizing||(this.className&&(n=this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i)),o.axis=n&&n[1]?n[1]:"se")}),r.autoHide&&(this._handles.hide(),e(this.element).addClass("ui-resizable-autohide").mouseenter(function(){r.disabled||(e(this).removeClass("ui-resizable-autohide"),o._handles.show())}).mouseleave(function(){r.disabled||o.resizing||(e(this).addClass("ui-resizable-autohide"),o._handles.hide())})),this._mouseInit()},_destroy:function(){this._mouseDestroy();var t,i=function(t){e(t).removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing").removeData("resizable").removeData("ui-resizable").unbind(".resizable").find(".ui-resizable-handle").remove()};return this.elementIsWrapper&&(i(this.element),t=this.element,this.originalElement.css({position:t.css("position"),width:t.outerWidth(),height:t.outerHeight(),top:t.css("top"),left:t.css("left")}).insertAfter(t),t.remove()),this.originalElement.css("resize",this.originalResizeStyle),i(this.originalElement),this},_mouseCapture:function(t){var i,s,n=!1;for(i in this.handles)s=e(this.handles[i])[0],(s===t.target||e.contains(s,t.target))&&(n=!0);return!this.options.disabled&&n},_mouseStart:function(t){var i,s,n,a=this.options,o=this.element;return this.resizing=!0,this._renderProxy(),i=this._num(this.helper.css("left")),s=this._num(this.helper.css("top")),a.containment&&(i+=e(a.containment).scrollLeft()||0,s+=e(a.containment).scrollTop()||0),this.offset=this.helper.offset(),this.position={left:i,top:s},this.size=this._helper?{width:this.helper.width(),height:this.helper.height()}:{width:o.width(),height:o.height()},this.originalSize=this._helper?{width:o.outerWidth(),height:o.outerHeight()}:{width:o.width(),height:o.height()},this.sizeDiff={width:o.outerWidth()-o.width(),height:o.outerHeight()-o.height()},this.originalPosition={left:i,top:s},this.originalMousePosition={left:t.pageX,top:t.pageY},this.aspectRatio="number"==typeof a.aspectRatio?a.aspectRatio:this.originalSize.width/this.originalSize.height||1,n=e(".ui-resizable-"+this.axis).css("cursor"),e("body").css("cursor","auto"===n?this.axis+"-resize":n),o.addClass("ui-resizable-resizing"),this._propagate("start",t),!0},_mouseDrag:function(t){var i,s,n=this.originalMousePosition,a=this.axis,o=t.pageX-n.left||0,r=t.pageY-n.top||0,h=this._change[a];return this._updatePrevProperties(),h?(i=h.apply(this,[t,o,r]),this._updateVirtualBoundaries(t.shiftKey),(this._aspectRatio||t.shiftKey)&&(i=this._updateRatio(i,t)),i=this._respectSize(i,t),this._updateCache(i),this._propagate("resize",t),s=this._applyChanges(),!this._helper&&this._proportionallyResizeElements.length&&this._proportionallyResize(),e.isEmptyObject(s)||(this._updatePrevProperties(),this._trigger("resize",t,this.ui()),this._applyChanges()),!1):!1},_mouseStop:function(t){this.resizing=!1;var i,s,n,a,o,r,h,l=this.options,u=this;return this._helper&&(i=this._proportionallyResizeElements,s=i.length&&/textarea/i.test(i[0].nodeName),n=s&&this._hasScroll(i[0],"left")?0:u.sizeDiff.height,a=s?0:u.sizeDiff.width,o={width:u.helper.width()-a,height:u.helper.height()-n},r=parseInt(u.element.css("left"),10)+(u.position.left-u.originalPosition.left)||null,h=parseInt(u.element.css("top"),10)+(u.position.top-u.originalPosition.top)||null,l.animate||this.element.css(e.extend(o,{top:h,left:r})),u.helper.height(u.size.height),u.helper.width(u.size.width),this._helper&&!l.animate&&this._proportionallyResize()),e("body").css("cursor","auto"),this.element.removeClass("ui-resizable-resizing"),this._propagate("stop",t),this._helper&&this.helper.remove(),!1},_updatePrevProperties:function(){this.prevPosition={top:this.position.top,left:this.position.left},this.prevSize={width:this.size.width,height:this.size.height}},_applyChanges:function(){var e={};return this.position.top!==this.prevPosition.top&&(e.top=this.position.top+"px"),this.position.left!==this.prevPosition.left&&(e.left=this.position.left+"px"),this.size.width!==this.prevSize.width&&(e.width=this.size.width+"px"),this.size.height!==this.prevSize.height&&(e.height=this.size.height+"px"),this.helper.css(e),e},_updateVirtualBoundaries:function(e){var t,i,s,n,a,o=this.options;a={minWidth:this._isNumber(o.minWidth)?o.minWidth:0,maxWidth:this._isNumber(o.maxWidth)?o.maxWidth:1/0,minHeight:this._isNumber(o.minHeight)?o.minHeight:0,maxHeight:this._isNumber(o.maxHeight)?o.maxHeight:1/0},(this._aspectRatio||e)&&(t=a.minHeight*this.aspectRatio,s=a.minWidth/this.aspectRatio,i=a.maxHeight*this.aspectRatio,n=a.maxWidth/this.aspectRatio,t>a.minWidth&&(a.minWidth=t),s>a.minHeight&&(a.minHeight=s),a.maxWidth>i&&(a.maxWidth=i),a.maxHeight>n&&(a.maxHeight=n)),this._vBoundaries=a},_updateCache:function(e){this.offset=this.helper.offset(),this._isNumber(e.left)&&(this.position.left=e.left),this._isNumber(e.top)&&(this.position.top=e.top),this._isNumber(e.height)&&(this.size.height=e.height),this._isNumber(e.width)&&(this.size.width=e.width)},_updateRatio:function(e){var t=this.position,i=this.size,s=this.axis;return this._isNumber(e.height)?e.width=e.height*this.aspectRatio:this._isNumber(e.width)&&(e.height=e.width/this.aspectRatio),"sw"===s&&(e.left=t.left+(i.width-e.width),e.top=null),"nw"===s&&(e.top=t.top+(i.height-e.height),e.left=t.left+(i.width-e.width)),e},_respectSize:function(e){var t=this._vBoundaries,i=this.axis,s=this._isNumber(e.width)&&t.maxWidth&&t.maxWidthe.width,o=this._isNumber(e.height)&&t.minHeight&&t.minHeight>e.height,r=this.originalPosition.left+this.originalSize.width,h=this.position.top+this.size.height,l=/sw|nw|w/.test(i),u=/nw|ne|n/.test(i);return a&&(e.width=t.minWidth),o&&(e.height=t.minHeight),s&&(e.width=t.maxWidth),n&&(e.height=t.maxHeight),a&&l&&(e.left=r-t.minWidth),s&&l&&(e.left=r-t.maxWidth),o&&u&&(e.top=h-t.minHeight),n&&u&&(e.top=h-t.maxHeight),e.width||e.height||e.left||!e.top?e.width||e.height||e.top||!e.left||(e.left=null):e.top=null,e},_getPaddingPlusBorderDimensions:function(e){for(var t=0,i=[],s=[e.css("borderTopWidth"),e.css("borderRightWidth"),e.css("borderBottomWidth"),e.css("borderLeftWidth")],n=[e.css("paddingTop"),e.css("paddingRight"),e.css("paddingBottom"),e.css("paddingLeft")];4>t;t++)i[t]=parseInt(s[t],10)||0,i[t]+=parseInt(n[t],10)||0;return{height:i[0]+i[2],width:i[1]+i[3]}},_proportionallyResize:function(){if(this._proportionallyResizeElements.length)for(var e,t=0,i=this.helper||this.element;this._proportionallyResizeElements.length>t;t++)e=this._proportionallyResizeElements[t],this.outerDimensions||(this.outerDimensions=this._getPaddingPlusBorderDimensions(e)),e.css({height:i.height()-this.outerDimensions.height||0,width:i.width()-this.outerDimensions.width||0})},_renderProxy:function(){var t=this.element,i=this.options;this.elementOffset=t.offset(),this._helper?(this.helper=this.helper||e("
"),this.helper.addClass(this._helper).css({width:this.element.outerWidth()-1,height:this.element.outerHeight()-1,position:"absolute",left:this.elementOffset.left+"px",top:this.elementOffset.top+"px",zIndex:++i.zIndex}),this.helper.appendTo("body").disableSelection()):this.helper=this.element},_change:{e:function(e,t){return{width:this.originalSize.width+t}},w:function(e,t){var i=this.originalSize,s=this.originalPosition;return{left:s.left+t,width:i.width-t}},n:function(e,t,i){var s=this.originalSize,n=this.originalPosition;return{top:n.top+i,height:s.height-i}},s:function(e,t,i){return{height:this.originalSize.height+i}},se:function(t,i,s){return e.extend(this._change.s.apply(this,arguments),this._change.e.apply(this,[t,i,s]))},sw:function(t,i,s){return e.extend(this._change.s.apply(this,arguments),this._change.w.apply(this,[t,i,s]))},ne:function(t,i,s){return e.extend(this._change.n.apply(this,arguments),this._change.e.apply(this,[t,i,s]))},nw:function(t,i,s){return e.extend(this._change.n.apply(this,arguments),this._change.w.apply(this,[t,i,s]))}},_propagate:function(t,i){e.ui.plugin.call(this,t,[i,this.ui()]),"resize"!==t&&this._trigger(t,i,this.ui())},plugins:{},ui:function(){return{originalElement:this.originalElement,element:this.element,helper:this.helper,position:this.position,size:this.size,originalSize:this.originalSize,originalPosition:this.originalPosition}}}),e.ui.plugin.add("resizable","animate",{stop:function(t){var i=e(this).resizable("instance"),s=i.options,n=i._proportionallyResizeElements,a=n.length&&/textarea/i.test(n[0].nodeName),o=a&&i._hasScroll(n[0],"left")?0:i.sizeDiff.height,r=a?0:i.sizeDiff.width,h={width:i.size.width-r,height:i.size.height-o},l=parseInt(i.element.css("left"),10)+(i.position.left-i.originalPosition.left)||null,u=parseInt(i.element.css("top"),10)+(i.position.top-i.originalPosition.top)||null;i.element.animate(e.extend(h,u&&l?{top:u,left:l}:{}),{duration:s.animateDuration,easing:s.animateEasing,step:function(){var s={width:parseInt(i.element.css("width"),10),height:parseInt(i.element.css("height"),10),top:parseInt(i.element.css("top"),10),left:parseInt(i.element.css("left"),10)};n&&n.length&&e(n[0]).css({width:s.width,height:s.height}),i._updateCache(s),i._propagate("resize",t)}})}}),e.ui.plugin.add("resizable","containment",{start:function(){var t,i,s,n,a,o,r,h=e(this).resizable("instance"),l=h.options,u=h.element,d=l.containment,c=d instanceof e?d.get(0):/parent/.test(d)?u.parent().get(0):d;c&&(h.containerElement=e(c),/document/.test(d)||d===document?(h.containerOffset={left:0,top:0},h.containerPosition={left:0,top:0},h.parentData={element:e(document),left:0,top:0,width:e(document).width(),height:e(document).height()||document.body.parentNode.scrollHeight}):(t=e(c),i=[],e(["Top","Right","Left","Bottom"]).each(function(e,s){i[e]=h._num(t.css("padding"+s))}),h.containerOffset=t.offset(),h.containerPosition=t.position(),h.containerSize={height:t.innerHeight()-i[3],width:t.innerWidth()-i[1]},s=h.containerOffset,n=h.containerSize.height,a=h.containerSize.width,o=h._hasScroll(c,"left")?c.scrollWidth:a,r=h._hasScroll(c)?c.scrollHeight:n,h.parentData={element:c,left:s.left,top:s.top,width:o,height:r}))},resize:function(t){var i,s,n,a,o=e(this).resizable("instance"),r=o.options,h=o.containerOffset,l=o.position,u=o._aspectRatio||t.shiftKey,d={top:0,left:0},c=o.containerElement,p=!0;c[0]!==document&&/static/.test(c.css("position"))&&(d=h),l.left<(o._helper?h.left:0)&&(o.size.width=o.size.width+(o._helper?o.position.left-h.left:o.position.left-d.left),u&&(o.size.height=o.size.width/o.aspectRatio,p=!1),o.position.left=r.helper?h.left:0),l.top<(o._helper?h.top:0)&&(o.size.height=o.size.height+(o._helper?o.position.top-h.top:o.position.top),u&&(o.size.width=o.size.height*o.aspectRatio,p=!1),o.position.top=o._helper?h.top:0),n=o.containerElement.get(0)===o.element.parent().get(0),a=/relative|absolute/.test(o.containerElement.css("position")),n&&a?(o.offset.left=o.parentData.left+o.position.left,o.offset.top=o.parentData.top+o.position.top):(o.offset.left=o.element.offset().left,o.offset.top=o.element.offset().top),i=Math.abs(o.sizeDiff.width+(o._helper?o.offset.left-d.left:o.offset.left-h.left)),s=Math.abs(o.sizeDiff.height+(o._helper?o.offset.top-d.top:o.offset.top-h.top)),i+o.size.width>=o.parentData.width&&(o.size.width=o.parentData.width-i,u&&(o.size.height=o.size.width/o.aspectRatio,p=!1)),s+o.size.height>=o.parentData.height&&(o.size.height=o.parentData.height-s,u&&(o.size.width=o.size.height*o.aspectRatio,p=!1)),p||(o.position.left=o.prevPosition.left,o.position.top=o.prevPosition.top,o.size.width=o.prevSize.width,o.size.height=o.prevSize.height)},stop:function(){var t=e(this).resizable("instance"),i=t.options,s=t.containerOffset,n=t.containerPosition,a=t.containerElement,o=e(t.helper),r=o.offset(),h=o.outerWidth()-t.sizeDiff.width,l=o.outerHeight()-t.sizeDiff.height;t._helper&&!i.animate&&/relative/.test(a.css("position"))&&e(this).css({left:r.left-n.left-s.left,width:h,height:l}),t._helper&&!i.animate&&/static/.test(a.css("position"))&&e(this).css({left:r.left-n.left-s.left,width:h,height:l})}}),e.ui.plugin.add("resizable","alsoResize",{start:function(){var t=e(this).resizable("instance"),i=t.options,s=function(t){e(t).each(function(){var t=e(this);t.data("ui-resizable-alsoresize",{width:parseInt(t.width(),10),height:parseInt(t.height(),10),left:parseInt(t.css("left"),10),top:parseInt(t.css("top"),10)})})};"object"!=typeof i.alsoResize||i.alsoResize.parentNode?s(i.alsoResize):i.alsoResize.length?(i.alsoResize=i.alsoResize[0],s(i.alsoResize)):e.each(i.alsoResize,function(e){s(e)})},resize:function(t,i){var s=e(this).resizable("instance"),n=s.options,a=s.originalSize,o=s.originalPosition,r={height:s.size.height-a.height||0,width:s.size.width-a.width||0,top:s.position.top-o.top||0,left:s.position.left-o.left||0},h=function(t,s){e(t).each(function(){var t=e(this),n=e(this).data("ui-resizable-alsoresize"),a={},o=s&&s.length?s:t.parents(i.originalElement[0]).length?["width","height"]:["width","height","top","left"];e.each(o,function(e,t){var i=(n[t]||0)+(r[t]||0);i&&i>=0&&(a[t]=i||null)}),t.css(a)})};"object"!=typeof n.alsoResize||n.alsoResize.nodeType?h(n.alsoResize):e.each(n.alsoResize,function(e,t){h(e,t)})},stop:function(){e(this).removeData("resizable-alsoresize")}}),e.ui.plugin.add("resizable","ghost",{start:function(){var t=e(this).resizable("instance"),i=t.options,s=t.size;t.ghost=t.originalElement.clone(),t.ghost.css({opacity:.25,display:"block",position:"relative",height:s.height,width:s.width,margin:0,left:0,top:0}).addClass("ui-resizable-ghost").addClass("string"==typeof i.ghost?i.ghost:""),t.ghost.appendTo(t.helper)},resize:function(){var t=e(this).resizable("instance");t.ghost&&t.ghost.css({position:"relative",height:t.size.height,width:t.size.width})},stop:function(){var t=e(this).resizable("instance");t.ghost&&t.helper&&t.helper.get(0).removeChild(t.ghost.get(0))}}),e.ui.plugin.add("resizable","grid",{resize:function(){var t,i=e(this).resizable("instance"),s=i.options,n=i.size,a=i.originalSize,o=i.originalPosition,r=i.axis,h="number"==typeof s.grid?[s.grid,s.grid]:s.grid,l=h[0]||1,u=h[1]||1,d=Math.round((n.width-a.width)/l)*l,c=Math.round((n.height-a.height)/u)*u,p=a.width+d,f=a.height+c,m=s.maxWidth&&p>s.maxWidth,g=s.maxHeight&&f>s.maxHeight,v=s.minWidth&&s.minWidth>p,y=s.minHeight&&s.minHeight>f;s.grid=h,v&&(p+=l),y&&(f+=u),m&&(p-=l),g&&(f-=u),/^(se|s|e)$/.test(r)?(i.size.width=p,i.size.height=f):/^(ne)$/.test(r)?(i.size.width=p,i.size.height=f,i.position.top=o.top-c):/^(sw)$/.test(r)?(i.size.width=p,i.size.height=f,i.position.left=o.left-d):((0>=f-u||0>=p-l)&&(t=i._getPaddingPlusBorderDimensions(this)),f-u>0?(i.size.height=f,i.position.top=o.top-c):(f=u-t.height,i.size.height=f,i.position.top=o.top+a.height-f),p-l>0?(i.size.width=p,i.position.left=o.left-d):(p=u-t.height,i.size.width=p,i.position.left=o.left+a.width-p))}}),e.ui.resizable}); + +/*! WOW - v1.0.2 - 2014-09-24 +* Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */ + +(function(){var a,b,c,d,e,f=function(a,b){return function(){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};b=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in b)d=b[c],null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.addEvent=function(a,b,c){return null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=function(a,b,c){return null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=function(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),c=this.WeakMap||this.MozWeakMap||(c=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function(){function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=typeof console&&null!==console&&console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},a}()),d=this.getComputedStyle||function(a){return this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,function(a,b){return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},this},e=/(\-([a-z]){1})/g,this.WOW=function(){function e(a){null==a&&(a={}),this.scrollCallback=f(this.scrollCallback,this),this.scrollHandler=f(this.scrollHandler,this),this.start=f(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),this.animationNameCache=new c}return e.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0},e.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.util().addEvent(document,"DOMContentLoaded",this.start),this.finished=[]},e.prototype.start=function(){var b,c,d,e;if(this.stopped=!1,this.boxes=function(){var a,c,d,e;for(d=this.element.querySelectorAll("."+this.config.boxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.all=function(){var a,c,d,e;for(d=this.boxes,e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.boxes.length)if(this.disabled())this.resetStyle();else{for(e=this.boxes,c=0,d=e.length;d>c;c++)b=e[c],this.applyStyle(b,!0);this.util().addEvent(window,"scroll",this.scrollHandler),this.util().addEvent(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)}return this.config.live?new a(function(a){return function(b){var c,d,e,f,g;for(g=[],e=0,f=b.length;f>e;e++)d=b[e],g.push(function(){var a,b,e,f;for(e=d.addedNodes||[],f=[],a=0,b=e.length;b>a;a++)c=e[a],f.push(this.doSync(c));return f}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=function(){return this.stopped=!0,this.util().removeEvent(window,"scroll",this.scrollHandler),this.util().removeEvent(window,"resize",this.scrollHandler),null!=this.interval?clearInterval(this.interval):void 0},e.prototype.sync=function(){return a.notSupported?this.doSync(this.element):void 0},e.prototype.doSync=function(a){var b,c,d,e,f;if(null==a&&(a=this.element),1===a.nodeType){for(a=a.parentNode||a,e=a.querySelectorAll("."+this.config.boxClass),f=[],c=0,d=e.length;d>c;c++)b=e[c],g.call(this.all,b)<0?(this.boxes.push(b),this.all.push(b),this.stopped||this.disabled()?this.resetStyle():this.applyStyle(b,!0),f.push(this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},e.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},e.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),e.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.style.visibility="visible");return e},e.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=function(a,b){var c,d,e,f;f=[];for(c in b)d=b[c],a[""+c]=d,f.push(function(){var b,f,g,h;for(g=this.vendors,h=[],b=0,f=g.length;f>b;b++)e=g[b],h.push(a[""+e+c.charAt(0).toUpperCase()+c.substr(1)]=d);return h}.call(this));return f},e.prototype.vendorCSS=function(a,b){var c,e,f,g,h,i;for(e=d(a),c=e.getPropertyCSSValue(b),i=this.vendors,g=0,h=i.length;h>g;g++)f=i[g],c=c||e.getPropertyCSSValue("-"+f+"-"+b);return c},e.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},e.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},e.prototype.scrollHandler=function(){return this.scrolled=!0},e.prototype.scrollCallback=function(){var a;return!this.scrolled||(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),this.boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+Math.min(this.element.clientHeight,this.util().innerHeight())-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=function(){return null!=this._util?this._util:this._util=new b},e.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this); + +var wow = new WOW({ + mobile: false +}); +wow.init(); + + +// Agenda stuff +$(document).ready(function(){ + $(".talk").find(".subject").on("click", function(){ + $(this).parent().addClass("open"); + }); + $(".md-close", ".talk").on("click", function(){ + $(this).parents(".talk").removeClass("open"); + return false; + }); +}); +// Tracking +$(document).ready(function(){ + + // Track when the users subscribe to the newsletter + var signupForms = document.querySelectorAll('form.signup-form'); + for(var i in signupForms) { + signupForms[i].onsubmit = function(event){ + ga( 'send', 'event', 'newsletter', 'signup' ); + }; + } + +}); + + +// Google Maps +function initialize_map() { + + var place = new google.maps.LatLng(-34.585595, -58.393225); + + var map = new google.maps.Map(document.getElementById("map-holder"), { + center: place, + zoom: 16, + scrollwheel: false, + draggable: true, + scaleControl: true, + navigationControl: false, + mapTypeControl: false, + streetViewControl: false, + mapTypeId: google.maps.MapTypeId.ROADMAP + }); + + var marker = new google.maps.Marker({ + position: place, + icon: { + url: "static/styles/images/sprite.png", + size: new google.maps.Size(53, 58), + anchor: new google.maps.Point(27, 58), + origin: new google.maps.Point(230, 0), + scaledSize: new google.maps.Size(500, 250) + }, + map: map + }); + + // Keep it centered on resize + window.onresize = function(){ + google.maps.event.trigger(map, 'resize'); + map.setCenter(place); + }; + +} + + +// Async Loading for the Maps API +function loadGoogleMaps() { + var script = document.createElement('script'); + script.type = 'text/javascript'; + script.async = 1; + script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&callback=initialize_map'; + document.body.appendChild(script); +} + +$(window).load(function(){ + loadGoogleMaps(); +}); + + +// Planetarium +$(document).ready(function(){ + // Planetarium JS + var nyanColors = ["#FF0000", "#FF9900", "#FFFF00", "#33FF00", "#0099FF", "#0031B3"]; + var lightsAmount = $("#color-lights1").children().length; + function setPolygonFill(groupID) { + var randChild = Math.floor((Math.random() * lightsAmount) + 1); + var randColor = Math.floor((Math.random() * nyanColors.length)); + //Lets change randChild+" polygon to this nice color nyanColors[randColor] + $(groupID).children().eq(randChild).attr('fill', nyanColors[randColor]); + } + + var i; + setInterval(function() { + for (i = 0; i < 10; i++) { + setPolygonFill("#color-lights1"); + setPolygonFill("#color-lights2"); + setPolygonFill("#color-lights3"); + } + }, 500); + + $(".planetarium").click(function() { + $(this).addClass("fly"); + $("#nyancataudio").trigger("play"); + $("#nyancataudio").animate({volume: 1}, 500); + + setTimeout(function() { + $("#nyancataudio").animate({volume: 0}, 1500); + $(".planetarium").removeClass("fly"); + $(".planetarium").hide(); + }, 6000); + + setTimeout(function() { + $(".planetarium").fadeIn(800); + }, 8000); + + ga( 'send', 'event', 'toys', 'planetarium'); + }); + $("#nyancataudio").trigger("pause"); + $("#nyancataudio").prop('volume', 0); + +}); +// Obelisk +$(function() { + $('.illustration .button-obelisk').click(function(event) { + event.preventDefault(); + if( $(this).hasClass('down') ){ return; } + + $(this).addClass('down'); + $('.obelisk-group').addClass('launch'); + + $(".button-game").trigger('click'); + + /* + setTimeout(function () { + $('.illustration .button-obelisk').removeClass('down'); + $('.obelisk-group').removeClass('launch'); + var obelisk = $('.obelisk-group'), + newobelisk = obelisk.clone(true); + obelisk.before(newobelisk); + $('.obelisk-group:last').remove(); + },10000); + */ + }); +}); +// End Obelisk + +// Flower +function percentClose (date) { + var hours = date.getHours(); + var min = date.getMinutes(); + if (hours>12) { + var hours = hours-12; + porcent = (100/720)*((hours*60)+min); + }else{ + porcent = 100-((100/720)*((hours*60)+min)); + } + return porcent; +} + +function animateFlower (closePercent) { + var leftDeg = (25/(100/closePercent)); + var rightDeg = -(15/(100/closePercent)); + // console.log(leftDeg+','+rightDeg); + $('.flower-petal-1 , .flower-petal-2').css({ + 'transform': 'rotateZ('+leftDeg+'deg)', + '-webkit-transform': 'rotateZ('+leftDeg+'deg)', + '-moz-transform': 'rotateZ('+leftDeg+'deg)' + }); + $('.flower-petal-3 , .flower-petal-4').css({ + 'transform': 'rotateZ('+rightDeg+'deg)', + '-webkit-transform': 'rotateZ('+rightDeg+'deg)', + '-moz-transform': 'rotateZ('+rightDeg+'deg)' + }); +} + +var closePercent = percentClose(new Date()); +animateFlower(closePercent); +setInterval(function() { + var closePercent = percentClose(new Date()); + animateFlower(closePercent); +},60000) + +// Lights of towers + var colors = ["#0E374E", "#0E374E", "#0E374E", "#0E374E", "#ffcb00"]; + function setTowersLight(groupID) { + var lightsTowers = $(groupID).find('line').length; + var randChild = Math.floor((Math.random() * lightsTowers) + 1); + var randColor = Math.floor((Math.random() * colors.length)); + $(groupID).find('line').eq(randChild).attr('stroke', colors[randColor]); + } + + var i; + setInterval(function() { + for (i = 0; i < 10; i++) { + setTowersLight("#window-1"); + setTowersLight("#window-2"); + setTowersLight("#window-3"); + } + }, 500); + +$(document).ready(function(){ + + $(".button-game").on("click", function(event){ + event.preventDefault(); + if( $('#header-content').hasClass('game-active') ){ return; } + $('#header-content').addClass('game-active'); + + $('.illustration .button-obelisk').trigger('click'); + $('#header-content').fadeOut(500, function(){ + $('#game-signup').delay(200).fadeIn(500, function(){ + $('#game-signup input').focus(); + }); + }); + }); +}); + + +String.prototype.ucwords = function() { + str = this.toLowerCase(); + return str.replace(/(^([a-zA-Z\p{M}]))|([ -][a-zA-Z\p{M}])/g, + function($1){ + return $1.toUpperCase(); + }); +}; + + +// Early Bird Progress +$(document).ready(function(){ + + var interval = 5 * 1000; + var minProgressBarPercent = 0.6; + + function updateTicketsAvailability(data) { + + if( data.salesOpen ) { enableTickets(); } + + // Enable / Disable Tickets + if( data.availableEarlyBirdTickets <= 0 && data.availableRegularTickets <= 0 && data.salesOpen ) { + $('.section-tickets .tickets-content-buy, .tickets-progress').hide(); + $('.section-tickets .tickets-content-gone').show(); + + // Show a message if there's still a chance of getting one + if( (typeof data.maybeAvailableEarlyBirdTickets === 'number' && data.maybeAvailableEarlyBirdTickets > 0) || + (typeof data.maybeAvailableRegularTickets === 'number' && data.maybeAvailableRegularTickets > 0) ) { + $('.section-tickets .some-hope').show(); + } + } else { + $('.section-tickets .tickets-content-buy, .tickets-progress').show(); + $('.section-tickets .tickets-content-gone').hide(); + $('.section-tickets .some-hope').hide(); + } + + + // Move the progressbar + var percent = minProgressBarPercent; + + if( data.totalRegularTickets > 0 ) { + var percentUsed = (data.totalRegularTickets - data.availableRegularTickets) / data.totalRegularTickets; + percentUsed = Math.min(percentUsed, 1.0); + percent = minProgressBarPercent + percentUsed * (1-minProgressBarPercent); + } + + $('.tickets-progress .progressbar').css('width', (percent*100.0)+'%'); + + if( data.totalRegularTickets === 0 && data.availableRegularTickets === 0 ) { + // If we get 0 out of 0, it means the server hasn't started yet (or is about to start). Optimistically use 400 by default. + $('.tickets-progress .tickets-count').text(400); + } else { + $('.tickets-progress .tickets-count').text(data.availableRegularTickets); + } + + // Show the latest purchase + if( typeof data.lastBuyerName === 'string' && data.lastBuyerName !== '' ) { + // The name is user-generated + $('.section-tickets .progressbar-flag-name').text( data.lastBuyerName.substring(0, 30).ucwords() +' bought one!' ); + } + + } + + function updateTicketsProgress() { + + $.get('/tickets/status', function(data){ + if( typeof data.salesOpen === 'undefined' ) { return; } + if( typeof data.availableEarlyBirdTickets !== 'number' || typeof data.totalEarlyBirdTickets !== 'number' ) { return; } + if( typeof data.availableRegularTickets !== 'number' || typeof data.totalRegularTickets !== 'number' ) { return; } + + updateTicketsAvailability(data); + + var socket = io.connect('https://tickets.jsconfar.com/'); + socket.on('availability', updateTicketsAvailability); + + }, 'json'); + + } + + + function updateSpeaker(data) { + if( data.speaker.break === true ) { + $('#stream .current > div').hide(); + var $break = $('#stream .current > .break'); + $break.show(); + + $break.attr('class', 'break '+data.speaker.type); + } else { + $('#stream .current > div').hide(); + var $speaker = $('#stream .current > .person'); + $speaker.show(); + + $speaker.find('img').attr('src', 'static/images/speakers/'+ data.speaker.img); + $speaker.find('h2').text(data.speaker.title); + $speaker.find('h3').text(data.speaker.name); + $speaker.find('.info a').text('@'+data.speaker.twitter).attr('href', 'https://twitter.com/'+data.speaker.twitter); + } + + // Coming up next + $next = $('#stream .next'); + if( data.nextSpeaker !== null ) { + $next.show(); + if( data.nextSpeaker.break === true ) { + $next.find('h2').text(data.nextSpeaker.title); + $next.find('h3').text(data.nextSpeaker.sponsor); + } else { + $next.find('h2').text(data.nextSpeaker.title); + $next.find('h3').text(data.nextSpeaker.name); + } + } else { + $next.hide(); + } + } + + + function updateSpeakerProgress() { + + $.get('/tickets/speakers', function(data){ + + updateSpeaker(data); + + var socket = io.connect('https://tickets.jsconfar.com/'); + socket.on('speakerChange', updateSpeaker); + + }, 'json'); + + } + + //updateTicketsProgress(); + + //updateSpeakerProgress(); + +}); + + +$(document).ready(function(){ + // Pause the game when it's not visible + $(window).focus(function(e){ + $(window).trigger('scroll'); + }); + + // If the user clicks on the game, restore the controls + $('#invaders-game, #game-over, #game-score, #game-progress, #game-instructions, #game-friends').click(function(event){ + if( typeof game !== 'undefined' && typeof game.paused !== 'undefined' ) { + game.paused = false; + GameCycle.enableGameControls(); + } + }); + + $(window).scroll(function(e){ + if( typeof game !== 'undefined' && typeof game.paused !== 'undefined' ) { + if( $(this).scrollTop() > 560 ) { + game.paused = true; + GameCycle.disableGameControls(); + } else { + game.paused = false; + } + } + }).trigger('scroll'); + +}); + +// streaming stuff +$(document).ready(function(){ + var streamUrl = $("#video").attr("src"); + $(".closeStream").on("click", function(){ + $("body").removeClass("streaming"); + $("#video").attr("src", ""); + return false; + }); + $(".button-toggle", ".video").on("click", function(){ + $("body").addClass("streaming"); + $("#video").attr("src", streamUrl); + return false; + }); +}); diff --git a/static/js/terminal.js b/static/js/terminal.js new file mode 100644 index 0000000..09d16e6 --- /dev/null +++ b/static/js/terminal.js @@ -0,0 +1,543 @@ + window._is_mobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); + + if (_is_mobile) { + $('#contTerminal').remove(); + } else { + //$('#contTerminal').css('position', 'absolute').css('minHeight', $(document).height()+'px'); + + //From: http://stackoverflow.com/questions/237104/array-containsobj-in-javascript + Array.prototype.contains = function(obj) { var i = this.length; while (i--) { if (this[i] === obj) { return true; } } return false; } + + //Basic idea from: http://stackoverflow.com/questions/19790442/test-if-an-element-can-contain-text + function canContainText(node) { + var voidNodeTags = ['AREA', 'BASE', 'BR', 'COL', 'EMBED', 'HR', 'IMG', 'INPUT', 'KEYGEN', 'LINK', 'MENUITEM', 'META', 'PARAM', 'SOURCE', 'TRACK', 'WBR', 'BASEFONT', 'BGSOUND', 'FRAME', 'ISINDEX', 'SPAN', 'STRONG']; + return ((node.nodeType == 1)?(!voidNodeTags.contains(node.nodeName)):false); + }; + function getLastChildElement(el){ + if ($(el).length) { + var lc = el.lastChild; while(lc.nodeType != 1) { if (lc.previousSibling) lc = lc.previousSibling; else break; } return lc; + } + } + function setEndOfContenteditable(contentEditableElement) { + if ($(contentEditableElement).length) { + while(getLastChildElement(contentEditableElement) && canContainText(getLastChildElement(contentEditableElement))) { contentEditableElement = getLastChildElement(contentEditableElement); } + var range, selection; + if (document.createRange) { //Firefox, Chrome, Opera, Safari, IE 9+ + range = document.createRange(); //Create a range (a range is a like the selection but invisible) + range.selectNodeContents(contentEditableElement); //Select the entire contents of the element with the range + range.collapse(false); //collapse the range to the end point. false means collapse to end rather than the start + selection = window.getSelection(); //get the selection object (allows you to change selection) + selection.removeAllRanges(); //remove any selections already made + selection.addRange(range); //make the range you have just created the visible selection + } else if (document.selection) { //IE 8 and lower + range = document.body.createTextRange(); //Create a range (a range is a like the selection but invisible) + range.moveToElementText(contentEditableElement); //Select the entire contents of the element with the range + range.collapse(false); //collapse the range to the end point. false means collapse to end rather than the start + range.select(); //Select the range (make it the visible selection) + } + } + } + // + var ie = (typeof document.selection != "undefined" && document.selection.type != "Control") && true; + var w3 = (typeof window.getSelection != "undefined") && true; + function getCaretPosition(element) { + var caretOffset = 0; + if (w3) { + var range = window.getSelection().getRangeAt(0); + var preCaretRange = range.cloneRange(); + preCaretRange.selectNodeContents(element); + preCaretRange.setEnd(range.endContainer, range.endOffset); + caretOffset = preCaretRange.toString().length; + } else if (ie) { + var textRange = document.selection.createRange(); + var preCaretTextRange = document.body.createTextRange(); + preCaretTextRange.moveToElementText(element); + preCaretTextRange.setEndPoint("EndToEnd", textRange); + caretOffset = preCaretTextRange.text.length; + } + return caretOffset; + } + // + + function breakLine() { + var breakLine = String.fromCharCode(13); + breakLine = "\n"+String.fromCharCode(155); + return breakLine; + } + + $.fn.writeText = function(content) { + var contentArray = content.split(""), + current = 0, + elem = $(this), + a = '', + b = ''; + $(this).attr('contenteditable', false); + + writeTextInterval = setInterval(function() { + if (current < contentArray.length) { + a = contentArray[current]; + // when a html tag is closed, do not write the close and select parent() as element + if ((a == '<') && (contentArray[current+1] == 'index.html')) { + a = ''; + for (b = current; contentArray[b] != '>'; b++) { + current += 1; + } + elem = elem.parent(); + } + // when a html tag is opened, write the tag element and select the last html tag content as element + if ((a == '<') && (contentArray[current+1] != 'index.html')) { + for (b = current+1; contentArray[b-1] != '>'; b++) { + a += contentArray[b]; + current += 1; + } + elem.html(elem.html()+a); + elem = elem.find('*:last'); + } else { + elem.html(elem.html()+a); + } + current++; + } else { + $("#onlineTerminal").attr('contenteditable', true); + clearInterval(writeTextInterval); + setEndOfContenteditable(document.getElementById("onlineTerminal")); + $("#onlineTerminal").focus(); + } + }, 15); + }; + terminalOpen = false; + function launchJSTerminal() { + if (terminalOpen) { + terminalOpen = false; + $("#onlineTerminal").html(''); + $('.terminalHandle').css('background-position', '0 0'); + $('#contTerminal').attr('style', 'overflow: visible !important'); + $('#contTerminal').addClass('terminalsizeanimated'); + $('#contTerminal').removeClass('openedTerminal').addClass('closedTerminal'); + } else { + $('.terminalHandle').css('background-position', '-50px 0'); + $('#contTerminal').removeClass('closedTerminal').addClass('openedTerminal'); + terminalOpen = true; + $("#contTerminal").resizable({ handles: 'w', resize: function() { $(this).css("left", "auto"); } }); + setTimeout(function() { + $('#contTerminal').removeClass('terminalsizeanimated'); + welcomeText = "/* Welcome to the JS Terminal."+breakLine()+"Try help() to find out what you can do with the Terminal. Have fun! */"+breakLine()+breakLine(); + //$("#onlineTerminal").html(welcomeText); + $("#onlineTerminal").writeText(welcomeText); + //setEndOfContenteditable(document.getElementById("onlineTerminal")); + //$("#onlineTerminal").focus(); + },500); + } + ga( 'send', 'event', 'toys', 'terminal', 'open'); + + if( typeof game !== 'undefined' && typeof game.paused !== 'undefined' ) { + GameCycle.disableGameControls(); + } + } + + $("#onlineTerminal").on('click', function(e) { + if ((getCaretPosition($("#onlineTerminal").get(0))) < $("#onlineTerminal").text().lastIndexOf(String.fromCharCode(155))) { + setEndOfContenteditable(document.getElementById("onlineTerminal")); + } + }); + $("#onlineTerminal").on('keydown', function(e) { + // Repeat last command with up arrow + if (e.keyCode == 38) { + e.preventDefault(); + if (typeof lastCommandRepeat === "undefined") lastCommandRepeat = last_sent_commands.length; + if (!(typeof last_sent_commands[lastCommandRepeat-1] === "undefined")) { + if (lastCommandRepeat > 0) lastCommandRepeat--; + } + } else { + // arrow down + if (e.keyCode == 40) { + if (typeof lastCommandRepeat === "undefined") lastCommandRepeat = last_sent_commands.length; + if (!(typeof last_sent_commands[lastCommandRepeat] === "undefined")) { + if (lastCommandRepeat < last_sent_commands.length) lastCommandRepeat++; + } + } else { + delete lastCommandRepeat; + } + } + if ((e.keyCode == 38) || (e.keyCode == 40)) { + var ar_terminal_lines = $("#onlineTerminal").html().split("\n"); + var htmlWithoutCurrentLine = ''; + for (r = 0; r < ar_terminal_lines.length-1; r++) { + htmlWithoutCurrentLine += ar_terminal_lines[r]+breakLine(); + } + $("#onlineTerminal").html(htmlWithoutCurrentLine+((typeof last_sent_commands[lastCommandRepeat] === "undefined")?'':last_sent_commands[lastCommandRepeat])); + setEndOfContenteditable(document.getElementById("onlineTerminal")); + } + + // Disable backspace before current line + if (e.keyCode == 8) { + if (($("#onlineTerminal").html().charCodeAt($("#onlineTerminal").html().toString().length-1) == 62) || + ($("#onlineTerminal").html().charCodeAt($("#onlineTerminal").html().toString().length-1) == 155) || + (getCaretPosition($("#onlineTerminal").get(0)) < $("#onlineTerminal").text().lastIndexOf(String.fromCharCode(155)))) + e.preventDefault(); + } + // Disable delete before current line + if (e.keyCode == 46) { + if (getCaretPosition($("#onlineTerminal").get(0)) < $("#onlineTerminal").text().lastIndexOf(String.fromCharCode(155))) + e.preventDefault(); + } + // Disable <- before current line + if (e.keyCode == 37) { + if (($("#onlineTerminal").text().charCodeAt(getCaretPosition($("#onlineTerminal").get(0))-1) == 62) || + ($("#onlineTerminal").text().charCodeAt(getCaretPosition($("#onlineTerminal").get(0))-1) == 155)) + e.preventDefault(); + } + // Tab for autocomplete + if (e.keyCode == 9) { + e.preventDefault(); + var toAutocomplete = ''; + var ar_functionlist = Array('clear', 'cls', 'doge', 'dancer', 'help', 'planetarium', 'scrollTo', 'comicSans', 'helvetica', 'ieLove', 'weather', 'exit', 'lipsum', 'fbShare', 'twShare', 'latestTweets', 'likeasir', 'shades', 'perspective'); + var ar_terminal_lines = $("#onlineTerminal").html().split("\n"); + var lastline = ar_terminal_lines[ar_terminal_lines.length-1].toString().replace("\r", '').replace(String.fromCharCode('155'), '').trim(); + var ar_functionlist_length = ar_functionlist.length; + for (var r = 0; r < ar_functionlist_length; r++) { + if (ar_functionlist[r].substr(0, lastline.length) == lastline) toAutocomplete = ar_functionlist[r]; + } + if (toAutocomplete != '') { + var htmlWithoutCurrentLine = ''; + for (r = 0; r < ar_terminal_lines.length-1; r++) { + htmlWithoutCurrentLine += ar_terminal_lines[r]+breakLine(); + } + $("#onlineTerminal").html(htmlWithoutCurrentLine+toAutocomplete+'()'); + } else { + $("#onlineTerminal").html($("#onlineTerminal").html().replace(' ', '')); + } + setEndOfContenteditable(document.getElementById("onlineTerminal")); + $("#onlineTerminal").focus(); + } + }); + + last_sent_commands = Array(''); + errorCount = 0; + $('body').on('keypress', '#onlineTerminal', function(e) { + var $field = $(e.currentTarget); + + if (e.keyCode === 13) { + e.preventDefault(); + setTimeout(function() { + //$field.html($field.text()+breakLine()); + $field.html($field.html().replace('

', breakLine())+breakLine()); + setEndOfContenteditable(document.getElementById("onlineTerminal")); + + ar_terminal_lines = $field.text().split("\n"); + for (r = 0; r < ar_terminal_lines.length; r++) { + if (ar_terminal_lines[r].replace(/(\r\n|\n|\r)/gm,"") != '') lastCommand = r; + } + str_command = ar_terminal_lines[lastCommand-1]; + + try { + str_command = str_command.replace(String.fromCharCode(155), ''); + if ((!(typeof str_command === "undefined")) && (str_command != '')) { + last_sent_commands.push(str_command); + if ((str_command.toString().length == 1) || (str_command.toString() in window)) { // if it's a defined variable or function without () + var errorResponse = str_command.toString()+" is not defined"; + if (typeof window[str_command.toString()] === "function") errorResponse = str_command.toString()+" is a function. Try adding () after it. E.g. "+str_command.toString()+"()"; + if (last_sent_commands[last_sent_commands.length-1] == last_sent_commands[last_sent_commands.length-2]) errorCount++; + if (errorCount == 1) { errorResponse = 'Still not defined'; } + if (errorCount == 2) { errorResponse = 'Again?'; } + if (errorCount == 3) { errorResponse = 'ಠ_ಠ'; errorCount = 0; } + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+""+errorResponse+""+breakLine()+breakLine()); + } else { + eval(str_command); + } + } + } catch(err) { + if (last_sent_commands[last_sent_commands.length-1] == last_sent_commands[last_sent_commands.length-2]) errorCount++; + if (errorCount == 1) { err.message = 'Still not defined'; } + if (errorCount == 2) { err.message = 'Again?'; } + if (errorCount == 3) { err.message = 'ಠ_ಠ'; errorCount = 0; } + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+""+err.message+""+breakLine()+breakLine()); + } + setEndOfContenteditable(document.getElementById("onlineTerminal")); + + },0); + } + }); + + kc_count = 0; + $(document).keydown(function(e) { + // 220 in latin american keyboard, 192 in english kb + if (((e.altKey) && ((e.which == 67) || (e.which == 84))) || ((e.which == 192) || (e.which == 220))) { + launchJSTerminal(); + } + // ctrl + k to remove all toys from the screen + if ((e.ctrlKey) && (e.which == 75)) { + $('.dogeText').remove(); + $('.gifDancers').remove(); + $('#likeasir').remove(); + $('#shades').remove() + $('#ielovecanvas').remove() + } + // kc + resetkc = true; + if (((e.which == 38) && (kc_count < 2)) || + ((e.which == 40) && (kc_count >= 2) && (kc_count < 4)) || + ((e.which == 37) && ((kc_count == 4) || (kc_count == 6))) || + ((e.which == 39) && ((kc_count == 5) || (kc_count == 7))) || + ((e.which == 66) && (kc_count == 8))) { resetkc = false; kc_count++; } + if ((e.which == 65) && (kc_count == 9)) { kc_count++; } + if (kc_count == 10) { + $('main').append($('')); + ga( 'send', 'event', 'toys', 'terminal', 'upupdowndownleftrightleftrightba'); + }; + if (resetkc) kc_count = 0; + }); + + // Custom functions + function clear() { $("#onlineTerminal").html(breakLine()); } + function cls() { $("#onlineTerminal").html(breakLine()); } + function doge(func_options) { + if (typeof func_options === "undefined") func_options = ''; + if (func_options == "clear") { + $('.dogeText').remove(); + } else { + av_doge_texts = Array('wow', 'much code', 'much JS', 'so JS', 'so code', 'very JS', 'very programmer', 'd0g3 l337 h4x0r', 'wow', 'wow'); + av_doge_colors = Array('red', 'blue', 'yellow', 'pink', 'orange', 'green', 'purple', 'cyan'); + $("body").append('
'+av_doge_texts[Math.floor(Math.random()*av_doge_texts.length)]+'
'); + } + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'wow very random'+breakLine()+breakLine()); + ga( 'send', 'event', 'toys', 'terminal', 'doge'); + return null; + } + function dancer(func_options) { + if (typeof func_options === "undefined") func_options = ''; + if (func_options == "clear") { + $('.gifDancers').remove(); + } else { + $("body").append(''); + } + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'I don\'t feel like dancing, no sir, no dancing today.'+breakLine()+breakLine()); + ga( 'send', 'event', 'toys', 'terminal', 'dancer'); + } + function help(customFunctionName) { + if (typeof customFunctionName === "undefined") { + response = 'You can try: '; + response += 'clear()/cls()'; + response += ', comicSans()'; + response += ', dancer(options)'; + response += ', doge(options)'; + response += ', exit()'; + response += ', fbShare()'; + response += ', helvetica()'; + response += ', latestTweets()'; + response += ', likeasir()'; + response += ', scrollTo()'; + response += ', shades()'; + response += ', twShare()'; + response += ', weather()'; + response += ' or any javascript will work.'+breakLine()+breakLine()+'For more info help(\'functionName\'). e.g. help(\'doge\')'; + } else { + customFunctionName = customFunctionName.replace('()', '').toLowerCase(); + response = 'No no. '+customFunctionName+' is no here.'; + if (customFunctionName == 'clear') response = 'Get a fresh start, removing all text from JS Terminal.'; + if (customFunctionName == 'cls') response = 'Get a fresh start, removing all text from JS Terminal.'; + if (customFunctionName == 'comicsans') response = 'Changes the font style of the entire site to Comic Sans. It should be a crime if you ask me.'; + if (customFunctionName == 'dancer') response = 'Shows a totally random gif dancer on a random place on the screen. Do you feel like dancing?'; + if (customFunctionName == 'doge') response = 'Shows Doge text on the screen.'+breakLine()+breakLine()+'doge(\'clear\') removes it all.'; + if (customFunctionName == 'exit') response = 'It closes the close JS Terminal.'; + if (customFunctionName == 'fbShare') response = 'Share JSConf with you friends on Facebook.'; + if (customFunctionName == 'help') response = 'Captain%20Obvious%20is%20obvious%20o/index.html'; + if (customFunctionName == 'helvetica') response = 'Changes the font style of the entire site to Helvetica. Ironically.'; + if (customFunctionName == 'latestTweets') response = 'Get the latest tweets from @jsconfar.'; + if (customFunctionName == 'likeasir') response = 'See the world through the eyes of a gentleman.'; + if (customFunctionName == 'scrollto') response = 'It takes you to the specified object. E.g. scrollTo(\'footer\'). Much better than clicking. Isn\'t it?'; + if (customFunctionName == 'shades') response = 'See the world through the eyes of a douchebag.'; + if (customFunctionName == 'twShare') response = 'Share JSConf with you friends on Twitter.'; + if (customFunctionName == 'weather') response = 'Shows the weather forecast for the two days of JSConf 2014. It will be available only 5 days before the event.'; + } + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+''+response+''+breakLine()+breakLine()); + ga( 'send', 'event', 'toys', 'terminal', 'help'); + } + function planetarium() { + $(".planetarium").click(); + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'Gracias'+breakLine()+breakLine()); + setTimeout(function(){ $("#onlineTerminal .response:last").append('.') }, 500); + setTimeout(function(){ $("#onlineTerminal .response:last").append('.') }, 1000); + setTimeout(function(){ $("#onlineTerminal .response:last").append('.') }, 1500); + setTimeout(function(){ $("#onlineTerminal .response:last").append(' totales') }, 2000); + } + function scrollTo(part) { + // This function can take two types of arguments: a number (offset) or a selector + if( typeof part === 'number' ) { + $('html, body').animate({ + scrollTop: part + }, 1500); + } else if( typeof part === 'string' ) { + var $section = $(part); + if( $section.length == 0 ) { $section = $('.section-'+part); } + + if( $section.length > 0 ) { + $('html, body').animate({ + scrollTop: $section.offset().top + }, 1500); + } else { + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'We couldn\'t find that. Try something like \'footer\', \'speakers\' or any CSS selector.'+breakLine()+breakLine()); + } + } else { + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'You can only use a'+breakLine()+breakLine()); + } + } + function comicSans() { + $('*').css({"font-family": '"Comic Sans MS", cursive, sans-serif'}) + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'But... WHY?'+breakLine()+breakLine()); + ga( 'send', 'event', 'toys', 'terminal', 'comicSans'); + } + function helvetica() { + $('*').css({"font-family": '"Helvetica", cursive, sans-serif'}) + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'I used Helvetica before it was cool.'+breakLine()+breakLine()); + ga( 'send', 'event', 'toys', 'terminal', 'helvetica'); + } + function ieLove() { + var imageWidthHalf, imageHeightHalf; + var canvas = document.createElement('canvas'); + canvas.width = window.innerWidth; + canvas.height = window.innerHeight; + canvas.style.display = 'block'; + canvas.style.position = 'absolute'; + canvas.style.top = '0'; + canvas.id = 'ielovecanvas'; + document.body.appendChild(canvas); + + var context = canvas.getContext('2d'); + + var image = document.createElement('img'); + + image.addEventListener('load', function() { + imageWidthHalf = Math.floor(this.width / 2 ); + imageHeightHalf = Math.floor(this.height / 2 ); + document.addEventListener('mousemove', onMouseEvent, false); + document.addEventListener('touchstart', onTouchEvent, false); + document.addEventListener('touchmove', onTouchEvent, false); + }, false ); + + image.src = "data:image/png;base64,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"; + + function onMouseEvent(event) { + context.drawImage( image, event.clientX - imageWidthHalf, event.clientY - imageHeightHalf ); + } + + function onTouchEvent( event ) { + event.preventDefault(); + for ( var i = 0; i < event.touches.length; i++ ) { + context.drawImage( image, event.touches[i].pageX - imageWidthHalf, event.touches[i].pageY - imageHeightHalf ); + } + } + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'Oh... IE, we love you anyway.'+breakLine()+breakLine()); + ga( 'send', 'event', 'toys', 'terminal', 'ieLove'); + } + function weather() { + var fiveDaysBeforeJSConf = new Date(2014, 11, 24); + var today = new Date(); + //if (today.getTime() < fiveDaysBeforeJSConf.getTime()) { + //$("#onlineTerminal").html($("#onlineTerminal").html().trim()+'Too soon. The weather forecast will be available five days before the event.'+breakLine()+breakLine()); + //} else { + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'Loading weather condition for JSConf 2014 Buenos Aires...'+breakLine()+breakLine()); + var uri = "//api.worldweatheronline.com/free/v1/weather.ashx?q=Buenos%20Aires&format=json&num_of_days=2&date=2014-11-29&lang=es&key=c0bc674c45172b0ab46399b10bd4c0e1bf532d17"; + $.getJSON(uri, function(data) { + var weatherResponse = $("#onlineTerminal").html().trim()+''+ + 'Date: '+data['data']['weather'][0]['date']+''+breakLine()+ + 'Max: '+data['data']['weather'][0]['tempMaxC']+'°C ('+data['data']['weather'][0]['tempMaxF']+'°F)'+breakLine()+ + 'Min: '+data['data']['weather'][0]['tempMinC']+'°C ('+data['data']['weather'][0]['tempMinF']+'°F)'+breakLine()+ + ''+data['data']['weather'][0]['weatherDesc'][0]['value']+''+breakLine()+ + breakLine(); + if (data['data']['weather'][1]) { + weatherResponse = weatherResponse + 'Date: '+data['data']['weather'][1]['date']+''+breakLine()+ + 'Max: '+data['data']['weather'][1]['tempMaxC']+'°C ('+data['data']['weather'][1]['tempMaxF']+'°F)'+breakLine()+ + 'Min: '+data['data']['weather'][1]['tempMinC']+'°C ('+data['data']['weather'][1]['tempMinF']+'°F)'+breakLine()+ + ''+data['data']['weather'][1]['weatherDesc'][0]['value']+''+breakLine()+ + ''+breakLine(); + } + + $("#onlineTerminal").html(weatherResponse); + setEndOfContenteditable(document.getElementById("onlineTerminal")); + }); + //} + ga( 'send', 'event', 'toys', 'terminal', 'weather'); + } + function exit() { + $('.terminalHandle').click(); + terminalOpen = false; + } + + function lipsum() { + var getDocumentBody = function() { + if (document.getElementsByTagName) { + return document.getElementsByTagName('main').item(0); + } else if (document.main) { + return document.main; + } else if ((document.all) && (document.all.tags)) { + return document.all.tags('main')[0]; + } else { + return null; + } + }; + var loremipsum=["Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna."];var whitespaceAtFrontRe=/^[\s\xa0]+/;var whitespaceAtEndRe=/[\s\xa0]+$/;var punctationRe=/([:!?\.])$/;var punctationFrontRe=/^([:!?\.]\s+)/;var capatializedRe=/^[^\wÄÖÜÀÀÁÈÉÇ]*[A-ZÄÖÜÀÀÁÈÉÇ]/;var simpleExpressionRe=/^[\(\[]?.[:\.\)\]]?$/;var singleWordRe=/^\w*$/;var charAtFrontRe=/^[a-z]/i;var headlineRe=/^H[1-3]$/i;var lastTextHadPunctation=false;var foundMain=false;var idx=0;var getLoremIpsum=function(e,t,n){if(!foundMain&&t){idx=0;foundMain=true}var r=loremipsum[idx];var i=r.length;while(i=loremipsum.length)idx=0;r+=" "+loremipsum[idx];i=r.length}if(i>e){var s=r.substring(0,e);var o=r.substring(e).replace(/\s.*$/,"");if(!n&&(o.length<3||singleWordRe.test(s)&&charAtFrontRe.test(r.charAt(e)))){r=s+o}else{r=s.replace(/,?\s\w*$/,"")}if(r.length>3)r=r.replace(/\s\w$/,"")}r=r.replace(/\s+$/,"");if(++idx>=loremipsum.length)idx=0;return r};var replaceText=function(e,t){var n=e.nodeValue;if(!n)return;var r=n.length;n=n.replace(whitespaceAtFrontRe,"");var i=n.length!=r;r=n.length;n=n.replace(whitespaceAtEndRe,"");var s=n.length!=r;r=n.length;if(r>0&&!simpleExpressionRe.test(n)){var o=getLoremIpsum(r,t,singleWordRe.test(n));var u=punctationRe.exec(n);if(u){o=o.replace(/[,\.]+$/,"").replace(/\s+$/,"")+u[1]}else{o=o.replace(/,\s*$/,"")}var a=o.charAt(0);var f=o.substring(1);o=(lastTextHadPunctation||capatializedRe.test(n)?a.toUpperCase():a.toLowerCase())+f;u=punctationFrontRe.exec(n);if(u)o=u[1]+o;lastTextHadPunctation=punctationRe.test(o);if(i)o=" "+o;if(s)o+=" ";e.nodeValue=o}};var scanElement=function(e,t){var n=e.firstChild;while(n){var r=n.nodeType;var i=n.nextSibling;if(r==1){var s=n.nodeName;if(s!="SCRIPT"&&s!="STYLE"&&s!="EMBED"){scanElement(n,t||headlineRe.test(s))}}else if(r==3){replaceText(n,t)}n=i}};var b=getDocumentBody();if(b){scanElement(b,false)} + + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'Lorem what?.'+breakLine()+breakLine()); + ga( 'send', 'event', 'toys', 'terminal', 'lipsum'); + } + function fbShare() { + var winWidth = 520; var winHeight = 350; + var winTop = ((screen.height-winHeight) / 2) - (winHeight / 2); + var winLeft = ((screen.width-winWidth) / 2) - (winWidth / 2); + window.open('https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.jsconfar.com%2F', 'sharer', 'top='+winTop+', left='+winLeft+', toolbar=0, status=0, width='+winWidth+', height='+winHeight, true); + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'Please allow popups in your browser'+breakLine()+breakLine()); + ga( 'send', 'event', 'toys', 'terminal', 'fbShare'); + } + function twShare() { + var winWidth = 605; var winHeight = 428; + var winTop = ((screen.height-winHeight) / 2) - (winHeight / 2); + var winLeft = ((screen.width-winWidth) / 2) - (winWidth / 2); + window.open('https://twitter.com/home?status=JSConf+Buenos+Aires+2014+-+Conferences+for+the+Javascript+Community+http%3A%2F%2Fwww.jsconfar.com%2F', 'sharer', 'top='+winTop+',left='+winLeft+',toolbar=0,status=0,width='+winWidth+',height='+winHeight, true); + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'Please allow popups in your browser'+breakLine()+breakLine()); + ga( 'send', 'event', 'toys', 'terminal', 'twShare'); + } + function latestTweets() { + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'Getting the latest tweets from @jsconfar'+breakLine()+breakLine()); + $.getJSON("http://cdn.syndication.twimg.com/widgets/timelines/512296174846349312?dnt=true&domain=unquietcode.com&lang=en&callback=?", function(data) { + var tweets = $(data.body).find('li.tweet'); + for (var i = 0; i < 5; i++) { + var cur = $(tweets[i]); var tweet = {}; + tweet.date = cur.find("a.u-url").attr("data-datetime"); + tweet.id = cur.attr("data-tweet-id"); + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'@jsconfar: '+$.trim(cur.find("p.e-entry-title").html())+' on '+tweet.date.substr(0, 10)+''+breakLine()+breakLine()); + } + setEndOfContenteditable(document.getElementById("onlineTerminal")); + }); + ga( 'send', 'event', 'toys', 'terminal', 'latestTweets'); + } + function likeasir(func_options) { + if (typeof func_options === "undefined") func_options = ''; + $('#likeasir').remove(); + $('#shades').remove() + if (func_options != "clear") { + $('body').append($('
')); + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'I mustache you a question, but I\'ll shave it for later.'+breakLine()+breakLine()); + } else { + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'Too fancy. *sigh*'+breakLine()+breakLine()); + } + ga( 'send', 'event', 'toys', 'terminal', 'likeasir'); + } + function shades(func_options) { + if (typeof func_options === "undefined") func_options = ''; + $('#likeasir').remove(); + $('#shades').remove() + if (func_options != "clear") { + $('body').append($('
')); + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'Wake up in the mornin\' feelin\' like Kanye.'+breakLine()+breakLine()); + } else { + $("#onlineTerminal").html($("#onlineTerminal").html().trim()+'I was feeling like a total douche. *sigh*'+breakLine()+breakLine()); + } + ga( 'send', 'event', 'toys', 'terminal', 'shades'); + } + function perspective() { + $('body').addClass('bodyPerspective'); + ga( 'send', 'event', 'toys', 'terminal', 'perspective'); + } + // Insanity ends here + } + diff --git a/static/styles/fonts/inputmono-bold-webfont.eot b/static/styles/fonts/inputmono-bold-webfont.eot new file mode 100644 index 0000000..17b76e6 Binary files /dev/null and b/static/styles/fonts/inputmono-bold-webfont.eot differ diff --git a/static/styles/fonts/inputmono-bold-webfont.ttf b/static/styles/fonts/inputmono-bold-webfont.ttf new file mode 100644 index 0000000..75ee0c0 Binary files /dev/null and b/static/styles/fonts/inputmono-bold-webfont.ttf differ diff --git a/static/styles/fonts/inputmono-bold-webfont.woff b/static/styles/fonts/inputmono-bold-webfont.woff new file mode 100644 index 0000000..2d08fe5 Binary files /dev/null and b/static/styles/fonts/inputmono-bold-webfont.woff differ diff --git a/static/styles/fonts/inputmono-bold-webfontd41d.eot b/static/styles/fonts/inputmono-bold-webfontd41d.eot new file mode 100644 index 0000000..17b76e6 Binary files /dev/null and b/static/styles/fonts/inputmono-bold-webfontd41d.eot differ diff --git a/static/styles/fonts/inputmono-regular-webfont.eot b/static/styles/fonts/inputmono-regular-webfont.eot new file mode 100644 index 0000000..655620a Binary files /dev/null and b/static/styles/fonts/inputmono-regular-webfont.eot differ diff --git a/static/styles/fonts/inputmono-regular-webfont.ttf b/static/styles/fonts/inputmono-regular-webfont.ttf new file mode 100644 index 0000000..65eed0d Binary files /dev/null and b/static/styles/fonts/inputmono-regular-webfont.ttf differ diff --git a/static/styles/fonts/inputmono-regular-webfont.woff b/static/styles/fonts/inputmono-regular-webfont.woff new file mode 100644 index 0000000..9b614b4 Binary files /dev/null and b/static/styles/fonts/inputmono-regular-webfont.woff differ diff --git a/static/styles/fonts/inputmono-regular-webfontd41d.eot b/static/styles/fonts/inputmono-regular-webfontd41d.eot new file mode 100644 index 0000000..655620a Binary files /dev/null and b/static/styles/fonts/inputmono-regular-webfontd41d.eot differ diff --git a/static/styles/images/backterminalhandle2.png b/static/styles/images/backterminalhandle2.png new file mode 100644 index 0000000..8815b9f Binary files /dev/null and b/static/styles/images/backterminalhandle2.png differ diff --git a/static/styles/images/close-button.png b/static/styles/images/close-button.png new file mode 100644 index 0000000..37fb65d Binary files /dev/null and b/static/styles/images/close-button.png differ diff --git a/static/styles/images/favicon.png b/static/styles/images/favicon.png new file mode 100644 index 0000000..01151b3 Binary files /dev/null and b/static/styles/images/favicon.png differ diff --git a/static/styles/images/flags@2x.html b/static/styles/images/flags@2x.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/flags@2x.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/flagsec70.png b/static/styles/images/flagsec70.png new file mode 100644 index 0000000..4e0171d Binary files /dev/null and b/static/styles/images/flagsec70.png differ diff --git a/static/styles/images/illustration-footer-mobile.png b/static/styles/images/illustration-footer-mobile.png new file mode 100644 index 0000000..5e39e70 Binary files /dev/null and b/static/styles/images/illustration-footer-mobile.png differ diff --git a/static/styles/images/illustration-footer-mobile@2x.png b/static/styles/images/illustration-footer-mobile@2x.png new file mode 100644 index 0000000..19f0700 Binary files /dev/null and b/static/styles/images/illustration-footer-mobile@2x.png differ diff --git a/static/styles/images/illustration-footer.png b/static/styles/images/illustration-footer.png new file mode 100644 index 0000000..8c91513 Binary files /dev/null and b/static/styles/images/illustration-footer.png differ diff --git a/static/styles/images/illustration-footer@2x.png b/static/styles/images/illustration-footer@2x.png new file mode 100644 index 0000000..eddb63c Binary files /dev/null and b/static/styles/images/illustration-footer@2x.png differ diff --git a/static/styles/images/illustration-mobile.png b/static/styles/images/illustration-mobile.png new file mode 100644 index 0000000..1071993 Binary files /dev/null and b/static/styles/images/illustration-mobile.png differ diff --git a/static/styles/images/illustration-mobile@2x.png b/static/styles/images/illustration-mobile@2x.png new file mode 100644 index 0000000..c4f196c Binary files /dev/null and b/static/styles/images/illustration-mobile@2x.png differ diff --git a/static/styles/images/illustration-sky.png b/static/styles/images/illustration-sky.png new file mode 100644 index 0000000..2a8f080 Binary files /dev/null and b/static/styles/images/illustration-sky.png differ diff --git a/static/styles/images/illustration-sky@2x.png b/static/styles/images/illustration-sky@2x.png new file mode 100644 index 0000000..6ecd765 Binary files /dev/null and b/static/styles/images/illustration-sky@2x.png differ diff --git a/static/styles/images/illustration-tickets.png b/static/styles/images/illustration-tickets.png new file mode 100644 index 0000000..1806885 Binary files /dev/null and b/static/styles/images/illustration-tickets.png differ diff --git a/static/styles/images/illustration-tickets@2x.png b/static/styles/images/illustration-tickets@2x.png new file mode 100644 index 0000000..b55ece3 Binary files /dev/null and b/static/styles/images/illustration-tickets@2x.png differ diff --git a/static/styles/images/illustration.png b/static/styles/images/illustration.png new file mode 100644 index 0000000..da5ded7 Binary files /dev/null and b/static/styles/images/illustration.png differ diff --git a/static/styles/images/illustration@2x.png b/static/styles/images/illustration@2x.png new file mode 100644 index 0000000..c2137e1 Binary files /dev/null and b/static/styles/images/illustration@2x.png differ diff --git a/static/styles/images/inputs@2x.png b/static/styles/images/inputs@2x.png new file mode 100644 index 0000000..4e9fd14 Binary files /dev/null and b/static/styles/images/inputs@2x.png differ diff --git a/static/styles/images/loading-payment.gif b/static/styles/images/loading-payment.gif new file mode 100644 index 0000000..bb3dfce Binary files /dev/null and b/static/styles/images/loading-payment.gif differ diff --git a/static/styles/images/loading.gif b/static/styles/images/loading.gif new file mode 100644 index 0000000..9d1d115 Binary files /dev/null and b/static/styles/images/loading.gif differ diff --git a/static/styles/images/obelisk-mobile.png b/static/styles/images/obelisk-mobile.png new file mode 100644 index 0000000..545ca64 Binary files /dev/null and b/static/styles/images/obelisk-mobile.png differ diff --git a/static/styles/images/obelisk-mobile@2x.png b/static/styles/images/obelisk-mobile@2x.png new file mode 100644 index 0000000..3f4f1d8 Binary files /dev/null and b/static/styles/images/obelisk-mobile@2x.png differ diff --git a/static/styles/images/obelisk.png b/static/styles/images/obelisk.png new file mode 100644 index 0000000..d3e086f Binary files /dev/null and b/static/styles/images/obelisk.png differ diff --git a/static/styles/images/obelisk@2x.png b/static/styles/images/obelisk@2x.png new file mode 100644 index 0000000..3c85302 Binary files /dev/null and b/static/styles/images/obelisk@2x.png differ diff --git a/static/styles/images/progress-flag@2x.png b/static/styles/images/progress-flag@2x.png new file mode 100644 index 0000000..f320eef Binary files /dev/null and b/static/styles/images/progress-flag@2x.png differ diff --git a/static/styles/images/sprite@2xd756.png b/static/styles/images/sprite@2xd756.png new file mode 100644 index 0000000..9912e01 Binary files /dev/null and b/static/styles/images/sprite@2xd756.png differ diff --git a/static/styles/images/sprited756.png b/static/styles/images/sprited756.png new file mode 100644 index 0000000..6cbbb65 Binary files /dev/null and b/static/styles/images/sprited756.png differ diff --git a/static/styles/images/tickets-close.png b/static/styles/images/tickets-close.png new file mode 100644 index 0000000..82ac0b1 Binary files /dev/null and b/static/styles/images/tickets-close.png differ diff --git a/static/styles/images/tickets-loading.gif b/static/styles/images/tickets-loading.gif new file mode 100644 index 0000000..f2f2d89 Binary files /dev/null and b/static/styles/images/tickets-loading.gif differ diff --git a/static/styles/images/tickets-lock.png b/static/styles/images/tickets-lock.png new file mode 100644 index 0000000..719a5c7 Binary files /dev/null and b/static/styles/images/tickets-lock.png differ diff --git a/static/styles/images/ui-bg_diagonals-thick_18_b81900_40x40.html b/static/styles/images/ui-bg_diagonals-thick_18_b81900_40x40.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-bg_diagonals-thick_18_b81900_40x40.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-bg_diagonals-thick_20_666666_40x40.html b/static/styles/images/ui-bg_diagonals-thick_20_666666_40x40.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-bg_diagonals-thick_20_666666_40x40.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-bg_flat_10_000000_40x100.html b/static/styles/images/ui-bg_flat_10_000000_40x100.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-bg_flat_10_000000_40x100.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-bg_glass_100_f6f6f6_1x400.html b/static/styles/images/ui-bg_glass_100_f6f6f6_1x400.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-bg_glass_100_f6f6f6_1x400.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-bg_glass_100_fdf5ce_1x400.html b/static/styles/images/ui-bg_glass_100_fdf5ce_1x400.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-bg_glass_100_fdf5ce_1x400.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-bg_glass_65_ffffff_1x400.html b/static/styles/images/ui-bg_glass_65_ffffff_1x400.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-bg_glass_65_ffffff_1x400.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-bg_gloss-wave_35_f6a828_500x100.html b/static/styles/images/ui-bg_gloss-wave_35_f6a828_500x100.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-bg_gloss-wave_35_f6a828_500x100.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-bg_highlight-soft_100_eeeeee_1x100.html b/static/styles/images/ui-bg_highlight-soft_100_eeeeee_1x100.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-bg_highlight-soft_100_eeeeee_1x100.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-bg_highlight-soft_75_ffe45c_1x100.html b/static/styles/images/ui-bg_highlight-soft_75_ffe45c_1x100.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-bg_highlight-soft_75_ffe45c_1x100.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-icons_222222_256x240.html b/static/styles/images/ui-icons_222222_256x240.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-icons_222222_256x240.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-icons_228ef1_256x240.html b/static/styles/images/ui-icons_228ef1_256x240.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-icons_228ef1_256x240.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-icons_ef8c08_256x240.html b/static/styles/images/ui-icons_ef8c08_256x240.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-icons_ef8c08_256x240.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-icons_ffd27a_256x240.html b/static/styles/images/ui-icons_ffd27a_256x240.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-icons_ffd27a_256x240.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/images/ui-icons_ffffff_256x240.html b/static/styles/images/ui-icons_ffffff_256x240.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/images/ui-icons_ffffff_256x240.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/overlay.html b/static/styles/overlay.html new file mode 100644 index 0000000..4ae123d --- /dev/null +++ b/static/styles/overlay.html @@ -0,0 +1,7 @@ + +404 Not Found + +

404 Not Found

+
nginx/1.4.6 (Ubuntu)
+ + diff --git a/static/styles/stylescb5b.css b/static/styles/stylescb5b.css new file mode 100644 index 0000000..1ca97b8 --- /dev/null +++ b/static/styles/stylescb5b.css @@ -0,0 +1,9904 @@ +@charset "UTF-8"; +/* normalize.css v3.0.1 | MIT License | git.io/normalize */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; } + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background: transparent; } + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ +a:active, +a:hover { + outline: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; } + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + /* 2 */ + box-sizing: content-box; } + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; } + +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +@font-face { + font-family: 'InputMono'; + src: url("fonts/inputmono-regular-webfont.eot"); + src: url("fonts/inputmono-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/inputmono-regular-webfont.woff") format("woff"), url("fonts/inputmono-regular-webfont.ttf") format("truetype"); + font-weight: normal; + font-style: normal; } +@font-face { + font-family: 'InputMono'; + src: url("fonts/inputmono-bold-webfont.eot"); + src: url("fonts/inputmono-bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/inputmono-bold-webfont.woff") format("woff"), url("fonts/inputmono-bold-webfont.ttf") format("truetype"); + font-weight: bold; + font-style: normal; } +html, body { + margin: 0; + padding: 0; + font-family: "InputMono", "Consolas", "Lucida Console", "Courier", monospace; + font-size: 14px; + line-height: 160%; + color: #1e3d55; + min-height: 100%; + height: 100%; } + +input, textarea, select, button { + font-family: "InputMono", "Consolas", "Lucida Console", "Courier", monospace; + font-size: 14px; + line-height: 160%; } + +*, *:before, *:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +input:focus, textarea:focus, select:focus, button:focus, a:focus { + outline: none; } + +.container { + max-width: 1010px; + padding: 0 30px; + margin: 0 auto; } + .container:after { + content: "\0020"; + display: block; + height: 0; + clear: both; + visibility: hidden; } + +html { + overflow-y: scroll; } + +h1, h2, h3, h4, h5, h6, p, ul, ol { + line-height: 100%; + margin: 0; + font-weight: normal; } + +h1 { + text-align: center; + font-size: 36px; } + h1 .large-icon { + display: block; + margin: 0 auto; + margin-bottom: 10px; } + +p { + text-align: center; + line-height: 160%; } + +a { + text-decoration: none; + cursor: pointer; } + a:hover { + text-decoration: underline; } + +code { + display: block; + font-family: "InputMono", "Consolas", "Lucida Console", "Courier", monospace; + color: #d3a91e; + font-size: 14px; } + +ul.block-list, .speaker-list, .talk-list li, .talk-list li .subject, .housing-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, .housing-list:before, ul.block-list:after, .speaker-list:after, .talk-list li:after, .talk-list li .subject:after, .housing-list:after { + content: "."; + display: block; + height: 0; + overflow: hidden; } + ul.block-list:after, .speaker-list:after, .talk-list li:after, .talk-list li .subject:after, .housing-list:after { + clear: both; } + +.screenreader { + position: absolute; + left: -9999px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; } + +a.button, button.button { + display: inline-block; + cursor: pointer; + text-decoration: none; + border: none; + background: #ffca00; + color: #1e3d55; + font-size: 18px; + font-weight: bold; + padding: 29px 35px 31px; + text-align: center; + -webkit-transition: background-color 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67); + -moz-transition: background-color 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67); + -ms-transition: background-color 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67); + -o-transition: background-color 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67); + transition: background-color 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67); } + a.button.button-primary, button.button.button-primary { + background: #214760; + color: #ffca00; } + a.button.button-primary:hover, a.button.button-primary:focus, button.button.button-primary:hover, button.button.button-primary:focus { + background: #285573; } + a.button.button-secondary, a.button.button-cta, button.button.button-secondary, button.button.button-cta { + background: #ffca00; + color: #1e3d55; } + a.button.button-secondary:hover, a.button.button-cta:hover, a.button.button-secondary:focus, a.button.button-cta:focus, button.button.button-secondary:hover, button.button.button-cta:hover, button.button.button-secondary:focus, button.button.button-cta:focus { + background: #ffd533; } + a.button.button-disabled, button.button.button-disabled { + cursor: default; + background: #bcc7cf; + color: #657c8d; } + a.button.button-disabled:hover, a.button.button-disabled:focus, button.button.button-disabled:hover, button.button.button-disabled:focus { + background: #bcc7cf; } + a.button.button-cta, button.button.button-cta { + border: 2px solid #214760; + border-radius: 3px; } + +.cta-holder { + text-align: center; + padding: 0; } + +svg { + max-height: 100%; } + +.sprite, .icon, .large-icon, .illustration-tickets .button:before { + background: url(images/sprited756.png?20141025) no-repeat -1000px -1000px; + background-size: 500px 250px; + display: inline-block; + overflow: hidden; + vertical-align: top; } + .sprite.logo, .logo.icon, .logo.large-icon, .illustration-tickets .logo.button:before { + width: 207px; + height: 100px; + background-position: 0 0; } + +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + .sprite, .icon, .large-icon, .illustration-tickets .button:before { + background-image: url(images/sprite%402xd756.png?20141025); } } +.icon { + width: 20px; + height: 20px; } + .icon.icon-date { + background-position: 0px -110px; } + .icon.icon-place { + background-position: -30px -110px; } + .icon.icon-video { + width: 25px; + background-position: -60px -110px; } + .icon.icon-tickets-yellow { + width: 25px; + background-position: -90px -110px; } + .icon.icon-game { + width: 18px; + height: 25px; + margin-top: -3px; + background-position: -200px -110px; } + .icon.icon-star { + background-position: -128px -109px; } + .icon.icon-send-yellow { + width: 25px; + height: 23px; + background-position: -160px -110px; } + +.large-icon { + width: 50px; + height: 55px; } + .large-icon.icon-speakers { + width: 70px; + background-position: 2px -150px; } + .large-icon.icon-calendar { + background-position: -78px -150px; } + .large-icon.icon-tickets { + background-position: -138px -150px; } + .large-icon.icon-housing { + background-position: -208px -150px; } + .large-icon.icon-sponsors { + background-position: -277px -150px; } + .large-icon.icon-party { + background-position: -350px -150px; } + .large-icon.icon-nodejs { + background-position: -414px -150px; } + +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { + .sprite, .icon, .large-icon, .illustration-tickets .button:before { + background-image: url(images/sprite%402xd756.png?20141025); + -webkit-background-size: 500px 250px; + -moz-background-size: 500px 250px; + -ms-background-size: 500px 250px; + -o-background-size: 500px 250px; + background-size: 500px 250px; } } +.section-header { + text-align: center; } + .section-header .logo { + margin-bottom: 50px; } + .section-header address { + margin-bottom: 32px; + padding-top: 4px; + font-size: 18px; + font-style: normal; } + .section-header time, + .section-header .adr { + margin: 0 3px; } + .section-header time { + color: #585549; } + .section-header .adr { + color: #1e3d55; } + .section-header .hello { + margin-bottom: 25px; + font-size: 36px; + font-weight: bold; } + .section-header code { + margin-bottom: 32px; } + +.intro-holder { + padding-top: 24px; + background: #ffc20d url(images/illustration-sky.png) no-repeat 50% 100%; + position: relative; } + .intro-holder > .container { + position: relative; } + +h1.logo { + display: block; + margin: 0 auto; } + +.main-menu { + position: relative; + max-width: 402px; + margin: 0 auto; + padding-bottom: 37px; } + .main-menu .tickets, + .main-menu .video { + position: absolute; + top: 0; + width: 202px; + border: 2px solid #d3a91e; } + .main-menu .tickets .button, + .main-menu .video .button { + display: block; + width: 100%; + padding-left: 10px; + padding-right: 10px; + height: 77px; } + .main-menu .tickets { + left: 0; } + .main-menu .video { + right: 0; } + +.countdown { + margin: 0 200px; + overflow: hidden; + text-align: center; } + .countdown .counter { + width: 25%; + float: left; + border: 1px solid #d3a91e; + border-top-width: 2px; + border-bottom-width: 2px; + font-size: 18px; + font-weight: bold; + line-height: 27px; + text-transform: uppercase; + color: #d3a91e; } + .countdown .counter strong { + display: block; + color: #214760; + height: 79px; + font-size: 38px; + line-height: 83px; + overflow: hidden; + border-bottom: 2px solid #d3a91e; + margin-bottom: 2px; } + .countdown .counter:first-child { + border-left-width: 2px; } + .countdown .counter:last-child { + border-right-width: 2px; } + +.illustration-holder { + border-top: 2px solid #0e374e; + background: #214760; + z-index: 10; } + +.illustration { + position: relative; + background: url(images/illustration.png) no-repeat 50% 0%; + margin-top: -39px; + height: 590px; + padding: 1px; } + .illustration .obelisk { + position: absolute; + background: url(images/obelisk.png) no-repeat 0 0; + width: 43px; + height: 215px; + top: -60px; + left: 50%; + margin-left: -21.5px; } + +.global-stats { + max-width: 980px; + margin: 0 auto; + color: white; + text-align: center; + overflow: hidden; + padding-bottom: 30px; } + .global-stats .stat { + margin: 0; + width: 25%; + float: left; } + .global-stats .stat:first-child .stat-number { + border-left: 2px solid #0e374e; } + .global-stats .stat .stat-number { + background: #298b93; + padding: 33px 5px 33px 5px; + border: 2px solid #0e374e; + border-left: none; + font-weight: bold; } + .global-stats .stat .stat-number strong { + display: block; + font-size: 58px; + line-height: 100%; } + .global-stats .stat figcaption { + font-size: 14px; + color: #00c2d3; + padding: 25px 10px; } + +.signup-form { + max-width: 400px; + margin: 0 auto; + margin-bottom: 30px; } + .signup-form .input-group { + display: table; + width: 100%; } + .signup-form input { + display: table-cell; + padding: 13px 15px; + width: 100%; + height: 46px; + margin: 0; + line-height: 20px; + background: white; + border: 2px solid #d3a91e; + vertical-align: top; } + .signup-form .submit { + display: table-cell; + width: 1%; + vertical-align: top; } + .signup-form button { + display: block; + cursor: pointer; + height: 46px; + padding: 0px 10px; + margin: 0; + border: 2px solid #d3a91e; + color: #ffca00; + font-weight: bold; + background: #d3a91e; + border-left: none; + vertical-align: top; } + .signup-form button:hover, .signup-form button:focus { + background: #dfb321; } + +/* Attack of the Drones */ +/* Styles for Attack of the Drones */ +#game-holder { + position: relative; + background: #ffc20d; + z-index: 10; } + +#game-holder > img { + position: absolute; + z-index: 0; + bottom: 0; } + +#invaders-game { + position: relative; + background: rgba(255, 194, 13, 0.85); } + +#game-instructions { + position: absolute; + display: none; + top: 50%; + left: 50%; + width: 600px; + margin-left: -300px; + text-align: center; + color: #ffffff; + font-family: InputMono; + z-index: 100; + font-size: 26px; + line-height: 160%; } + +#game-score { + position: absolute; + top: 20px; + left: 50%; + width: 180px; + margin-left: -90px; + text-align: center; + color: #223F59; + font-family: InputMono; + border: 2px solid #223F59; + z-index: 100; + /*background: rgba(255,255,255,0.1);*/ } + +#game-score-text { + font-size: 32px; + line-height: 110%; + font-weight: bold; + padding: 10px 10px 0px 10px; } + +#game-score .score-text { + font-size: 14px; + text-transform: uppercase; + padding-bottom: 10px; } + +#game-score p { + line-height: 110%; + font-size: 16px; + padding-bottom: 9px; } + +.game-friends-title { + line-height: 140%; + font-weight: bold; + background: rgba(34, 63, 89, 0.85); + padding: 8px 0px 5px 0px; + color: #fff; } + +.game-friends-text { + padding-top: 5px; + line-height: 140%; + font-size: 12px; + font-weight: normal; + background: rgba(34, 63, 89, 0.85); + padding: 0 0 5px 0; + color: #fff; } + +#game-progress { + position: absolute; + left: 0; + right: 0; + top: 0; + z-index: 100; } + +#game-progress-bar { + position: relative; + box-sizing: border-box; + min-width: 90px; + width: 0%; + height: 18px; + padding-right: 15px; + font-size: 9px; + line-height: 21px; + text-transform: uppercase; + color: #fff; + font-weight: bold; + text-align: right; + font-family: InputMono; + background: rgba(34, 63, 89, 0.85); + white-space: nowrap; + -webkit-transition: width 0.2s ease-out; + transition: width 0.2s ease-out; } + +#game-progress-bar::after { + position: absolute; + content: ""; + top: 0px; + right: -12px; + width: 23px; + height: 18px; + background: url(../game_assets/ui/input.png) no-repeat 50% 50%; + background-size: 23px 18px; } + +#game-overlay, #game-over { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 10; + color: #fff; + text-align: center; + font-family: InputMono; + background: rgba(255, 198, 25, 0.7); + z-index: 200; } + +#game-overlay { + display: block; } + +#game-over { + display: none; } + +#game-over .game-over-share { + padding-top: 10px; } +#game-over a.share-twitter { + display: inline-block; + font-size: 20px; + line-height: 36px; + font-weight: bold; + color: #00B2EF; + border: 2px solid #00B2EF; + padding: 0px 10px; + text-decoration: none; } + #game-over a.share-twitter:hover { + background: rgba(0, 178, 239, 0.09); } +#game-over a.share-facebook { + display: inline-block; + font-size: 20px; + line-height: 36px; + font-weight: bold; + color: #34579A; + border: 2px solid #34579A; + padding: 0px 10px; + text-decoration: none; } + #game-over a.share-facebook:hover { + background: rgba(52, 87, 154, 0.11); } + +#game-overlay .game-ui-container, #game-over .game-ui-container { + box-sizing: border-box; + max-width: 399px; + margin: 10px auto 0 auto; + z-index: 10; + background: #ffffff; } + +#game-over .game-ui-container { + margin-top: 200px; } + +.game-signup { + display: block; } + +.game-signup figure { + background: #214760; } + +.game-signup figure, .game-signup img { + display: block; + margin: 0; } + +.game-signup form { + padding: 20px; + position: relative; } + +.game-signup form[disabled] { + background: url(../game_assets/ui/loading.gif) no-repeat 50% 35%; } + .game-signup form[disabled] input, .game-signup form[disabled] button { + visibility: hidden; } + .game-signup form[disabled]::after { + position: absolute; + bottom: 15%; + left: 0px; + width: 100%; + content: "... Loading Game ..."; + text-align: center; + color: #303030; } + +.game-signup input { + box-sizing: border-box; + width: 100%; + padding: 10px 15px; + font-size: 18px; + line-height: 26px; + margin-bottom: 20px; + padding-left: 50px; + background: url(../game_assets/ui/input.png) no-repeat 10px 10px; + border: 2px solid #1e3e55; + color: #1e3e55; } + +.game-signup button { + box-sizing: border-box; + display: block; + width: 100%; + background: #334F6E; + border: none; + color: #ffffff; + text-align: center; + text-transform: uppercase; + font-size: 16px; + font-weight: bold; + line-height: 18px; + padding: 14px 15px; } + +.game-signup button:hover { + background: #1e3e55; } + +.game-over .game-over-title { + background: #213F5A; + text-align: left; + font-size: 16px; + line-height: 110%; + font-weight: normal; + padding: 10px 15px; } + +.game-over .game-over-text { + box-sizing: border-box; + font-size: 24px; + line-height: 140%; + font-weight: bold; + color: #213F5A; + text-align: left; + padding: 20px 15px 20px 100px; + min-height: 100px; + background: url(../game_assets/ui/error.png) no-repeat 20px 20px; } + +.game-over .game-over-continue { + display: block; + font-size: 16px; + color: #213F5A; + background: #ebeff0; + padding: 10px 15px; } + +.game-signup figure { + position: relative; } +.game-signup .game-title { + position: absolute; + bottom: 30px; + left: 0; + right: 0; + font-size: 18px; + line-height: 29px; } +.game-signup .game-detail { + position: absolute; + bottom: 3px; + left: 0; + right: 0; + font-size: 12px; + line-height: 29px; } + +.intro-holder { + background: #ffc20d; + padding-top: 0px; + min-height: 560px; + z-index: 0; } + .intro-holder > .container { + padding-top: 24px; + z-index: 900; } + +#game-holder { + position: absolute; + background: #ffc20d; + z-index: 10; + height: 560px; + top: 0; + left: 0; + right: 0; + bottom: 0; } + +#game-score { + display: none; } + +#game-progress { + display: none; } + +.game-signup { + display: none; } + +.section-speakers { + background: white; + color: #1e3d55; + padding: 60px 0; } + .section-speakers h1 { + margin-bottom: 30px; } + .section-speakers .speaker-svg { + display: block; + position: relative; } + .section-speakers .speaker-svg svg { + max-width: 70px; } + .section-speakers .signup-form { + margin-top: 30px; } + .section-speakers .cta-holder { + margin-top: 45px; } + +.speaker-list { + padding: 2px 4px 0 12px; + margin: 40px -20px; } + +.speaker { + display: block; + width: 50%; + float: left; + min-height: 132px; + border: 2px solid #bcc7cf; + margin: -2px 0 0 -2px; } + .speaker figure { + float: left; + margin: 0; + position: relative; + width: 128px; + height: 128px; } + .speaker figure img { + display: block; + width: 100%; + height: 100%; } + .speaker .flag { + position: absolute; + top: 0; + left: 0; } + .speaker .icon-nodejs { + position: absolute; + top: 65px; + left: -26px; + z-index: 10; } + .speaker .description { + margin-left: 128px; + padding: 17px 20px 0 20px; } + .speaker .name { + min-height: 85px; } + .speaker h2 { + font-size: 18px; + margin-bottom: 6px; + font-weight: bold; + text-align: left; } + .speaker p { + font-size: 17px; + text-align: left; } + .speaker .social { + padding-bottom: 10px; } + .speaker a.facebook { + color: #133783; } + .speaker a.twitter { + color: #55acee; } + .speaker a.github { + color: #212121; } + .speaker.full-width { + margin-right: 4px; + width: auto; + float: none; + clear: both; } + .speaker.keynote-speaker { + min-height: 164px; } + .speaker.keynote-speaker h2 { + font-size: 22px; } + .speaker.keynote-speaker h2 em { + font-size: 13px; + font-weight: normal; + font-style: normal; + display: inline-block; + background: #264d7e; + color: white; + padding: 2px 8px; + border-radius: 3px; + vertical-align: top; + margin-top: -3px; + margin-left: 10px; } + .speaker.keynote-speaker p.talk { + font-size: 15px; + margin-top: 6px; } + .speaker.keynote-speaker .name { + min-height: 115px; } + .speaker.keynote-speaker figure { + width: 160px; + height: 160px; } + .speaker.keynote-speaker .description { + margin-left: 160px; } + .speaker.speaker-teaser { + padding: 47px 20px 0 20px; + background: #bcc7cf; } + .speaker.speaker-teaser h2 { + text-align: center; + line-height: 140%; } + +.flag { + width: 30px; + height: 30px; + overflow: hidden; + background: url(images/flagsec70.png?20141017) no-repeat -1000px -1000px; + background-size: 300px 30px; + z-index: 10; } + .flag.flag-argentina { + background-position: 0px 0px; } + .flag.flag-usa { + background-position: -30px 0px; } + .flag.flag-brazil { + background-position: -60px 0px; } + .flag.flag-spain { + background-position: -90px 0px; } + .flag.flag-switzerland { + background-position: -120px 0px; } + .flag.flag-colombia { + background-position: -150px 0px; } + .flag.flag-bulgary { + background-position: -180px 0px; } + .flag.flag-uruguay { + background-position: -210px 0px; } + +.section-calendar { + background: #214760; + color: white; + padding: 60px 0; } + .section-calendar h1 { + margin-bottom: 40px; } + +.agenda-svg { + display: block; + position: relative; } + .agenda-svg svg { + max-width: 50px; } + +.talk-list { + position: relative; + padding: 0; } + .talk-list:after { + content: ""; + width: 2px; + background: #0e374e; + position: absolute; + top: 4px; + bottom: 4px; + left: 50%; + margin-left: -1px; + z-index: 1; } + .talk-list li { + position: relative; + z-index: 3; + margin-bottom: 30px; } + .talk-list li:before { + content: ""; + position: absolute; + top: 3px; + left: 49.5%; + border: 2px solid #0e374e; + display: block; + width: 10px; + height: 10px; + background: #214760; + z-index: 2; } + .talk-list li .break-icon, + .talk-list li .checkin-icon, + .talk-list li .party-icon { + width: 47.5px; + height: 27.5px; + position: absolute; + top: -6px; + left: 50%; + margin-left: -24px; + z-index: 100; } + .talk-list li .break-icon:after, + .talk-list li .checkin-icon:after, + .talk-list li .party-icon:after { + content: ""; + width: 126px; + height: 25px; + background: #ffca00; + position: absolute; + top: 1px; + left: 50%; + z-index: -10; } + .talk-list li .break-icon svg, + .talk-list li .checkin-icon svg, + .talk-list li .party-icon svg { + width: 100%; + height: 100%; } + .talk-list li .party-icon { + top: -14px; + width: 32px; + height: 40px; + margin-left: -13px; } + .talk-list li .party-icon:after { + top: 11px; } + .talk-list li .break-icon { + width: 37px; + height: 37px; + top: -7px; + margin-left: -17px; } + .talk-list li .break-icon:after { + top: 5px; } + .talk-list li .more { + width: 30px; + height: 30px; + right: -2px; + position: absolute; + bottom: -2px; + border: 2px solid #0e374e; + color: #0e374e; + text-align: center; + line-height: 30px; + font-size: 1.5em; + text-decoration: none; } + .talk-list li .more:hover { + text-decoration: none; } + .talk-list li .time { + width: 49.5%; + float: left; + text-align: right; + padding-right: 30px; + -webkit-transition: padding-right ease-in-out 0.25s, -webkit-transform 0.25s ease-in-out; + -moz-transition: padding-right ease-in-out 0.25s, -moz-transform 0.25s ease-in-out; + transition: padding-right ease-in-out 0.25s, transform 0.25s ease-in-out; } + .talk-list li .time span { + background: #ff4a25; + font-size: 0.8em; + padding: 0 7px; + position: relative; } + .talk-list li .time span:after { + content: ""; + border: 5px solid transparent; + border-left: 5px solid #ff4a25; + display: block; + position: absolute; + height: 0; + width: 0; + left: 100%; + top: 4px; } + .talk-list li .actions { + position: absolute; + left: 100%; + top: 0; } + .talk-list li .actions a { + margin-top: -2px; + display: block; } + .talk-list li .actions .md-close { + background: url(images/close-button.png) no-repeat center; + border: 2px solid #0e374e; + width: 50px; + height: 50px; + display: block; + padding: 0; + margin-bottom: 100px; } + .talk-list li .actions .share { + display: block; + width: 127px; + height: 50px; + line-height: 50px; + text-align: center; + font-size: 1em; + border: 2px solid #0e374e; } + .talk-list li .actions .share.twitter { + color: #55acee; } + .talk-list li .actions .share.facebook { + color: #5a86e5; } + .talk-list li .subject { + width: 49.5%; + float: right; + padding-left: 30px; + -webkit-transition: -webkit-transform 0.25s ease-in-out; + -moz-transition: -moz-transform 0.25s ease-in-out; + transition: transform 0.25s ease-in-out; + position: relative; + z-index: 5; } + .talk-list li .subject.icon { + color: #0e374e; + font-size: 12px; + z-index: 100; } + .talk-list li .subject.icon h5 { + line-height: 19px; } + .talk-list li .subject.icon.party h5 { + line-height: 20px; } + .talk-list li .subject.icon.break h5 { + line-height: 23px; } + .talk-list li .subject .description { + min-height: 96px; + border: 2px solid #0e374e; + padding: 15px 15px 0px 15px; + margin-left: 92px; + position: relative; + cursor: pointer; + background: #214760; } + .talk-list li .subject .description h5 { + margin-bottom: 10px; } + .talk-list li .subject .avatar { + border: 2px solid #0e374e; + position: absolute; + top: -2px; + left: -96px; } + .talk-list li h5 { + font-size: 1.15em; + line-height: 1.15em; } + .talk-list li h6 { + font-size: 1em; + color: #179e7b; + margin-bottom: 10px; } + .talk-list li h6 .pill { + background: #179e7b; + color: white; + font-size: 0.75em; + text-transform: uppercase; + padding: 0 5px; } + .talk-list li .details { + visibility: hidden; + opacity: 0; + max-height: 0; + -webkit-transition: visibility ease-in-out 0.5s, opacity ease-in-out 0.5s, max-height ease-in-out 0.5s; + -moz-transition: visibility ease-in-out 0.5s, opacity ease-in-out 0.5s, max-height ease-in-out 0.5s; + transition: visibility ease-in-out 0.5s, opacity ease-in-out 0.5s, max-height ease-in-out 0.5s; } + .talk-list li .details p { + text-align: left; + font-size: 1em; + padding: 10px 0; } + .talk-list li .details h6 { + color: #ffca00; } + .talk-list li .details h6 a { + color: #ffca00; + text-decoration: none; } + .talk-list li.open .subject, .talk-list li.open .time { + -webkit-transform: translateX(-127px); + -moz-transform: translateX(-127px); + transform: translateX(-127px); } + .talk-list li.open .description { + cursor: text; } + .talk-list li.open:before { + opacity: 0; } + .talk-list li.open .time { + padding-right: 0; } + .talk-list li.open .details { + opacity: 1; + visibility: visible; + max-height: 12000px; } + .talk-list li.open .more { + display: none; } + .talk-list li.open .actions { + display: block; } + .talk-list li.highlight .subject .description, + .talk-list li.highlight .avatar, + .talk-list li.highlight .more, + .talk-list li.highlight .actions a, .talk-list li.highlight:before { + border: 2px solid #ffca00; } + .talk-list li.highlight .more { + color: #ffca00; } + .talk-list li.odd .time { + float: right; + text-align: left; + padding-left: 30px; + padding-right: 0; } + .talk-list li.odd .subject { + float: left; + padding-left: 0; + padding-right: 30px; } + .talk-list li.odd .subject .description { + margin-left: 0; + margin-right: 92px; } + .talk-list li.odd .subject .avatar { + left: auto; + right: -96px; } + .talk-list li.odd .actions { + left: auto; + right: 100%; } + .talk-list li.odd.open .subject, .talk-list li.odd.open .time { + -webkit-transform: translateX(128px); + -moz-transform: translateX(128px); + transform: translateX(128px); } + .talk-list li.odd.open .time { + padding-left: 0; } + +.event-starts-0800 { + left: 0%; } + +.event-ends-0800 { + right: 100%; } + +.event-starts-0805 { + left: 0.55556%; } + +.event-ends-0805 { + right: 99.44444%; } + +.event-starts-0810 { + left: 1.11111%; } + +.event-ends-0810 { + right: 98.88889%; } + +.event-starts-0815 { + left: 1.66667%; } + +.event-ends-0815 { + right: 98.33333%; } + +.event-starts-0820 { + left: 2.22222%; } + +.event-ends-0820 { + right: 97.77778%; } + +.event-starts-0825 { + left: 2.77778%; } + +.event-ends-0825 { + right: 97.22222%; } + +.event-starts-0830 { + left: 3.33333%; } + +.event-ends-0830 { + right: 96.66667%; } + +.event-starts-0835 { + left: 3.88889%; } + +.event-ends-0835 { + right: 96.11111%; } + +.event-starts-0840 { + left: 4.44444%; } + +.event-ends-0840 { + right: 95.55556%; } + +.event-starts-0845 { + left: 5%; } + +.event-ends-0845 { + right: 95%; } + +.event-starts-0850 { + left: 5.55556%; } + +.event-ends-0850 { + right: 94.44444%; } + +.event-starts-0855 { + left: 6.11111%; } + +.event-ends-0855 { + right: 93.88889%; } + +.event-starts-0900 { + left: 6.66667%; } + +.event-ends-0900 { + right: 93.33333%; } + +.event-starts-0905 { + left: 7.22222%; } + +.event-ends-0905 { + right: 92.77778%; } + +.event-starts-0910 { + left: 7.77778%; } + +.event-ends-0910 { + right: 92.22222%; } + +.event-starts-0915 { + left: 8.33333%; } + +.event-ends-0915 { + right: 91.66667%; } + +.event-starts-0920 { + left: 8.88889%; } + +.event-ends-0920 { + right: 91.11111%; } + +.event-starts-0925 { + left: 9.44444%; } + +.event-ends-0925 { + right: 90.55556%; } + +.event-starts-0930 { + left: 10%; } + +.event-ends-0930 { + right: 90%; } + +.event-starts-0935 { + left: 10.55556%; } + +.event-ends-0935 { + right: 89.44444%; } + +.event-starts-0940 { + left: 11.11111%; } + +.event-ends-0940 { + right: 88.88889%; } + +.event-starts-0945 { + left: 11.66667%; } + +.event-ends-0945 { + right: 88.33333%; } + +.event-starts-0950 { + left: 12.22222%; } + +.event-ends-0950 { + right: 87.77778%; } + +.event-starts-0955 { + left: 12.77778%; } + +.event-ends-0955 { + right: 87.22222%; } + +.event-starts-1000 { + left: 13.33333%; } + +.event-ends-1000 { + right: 86.66667%; } + +.event-starts-1005 { + left: 13.88889%; } + +.event-ends-1005 { + right: 86.11111%; } + +.event-starts-1010 { + left: 14.44444%; } + +.event-ends-1010 { + right: 85.55556%; } + +.event-starts-1015 { + left: 15%; } + +.event-ends-1015 { + right: 85%; } + +.event-starts-1020 { + left: 15.55556%; } + +.event-ends-1020 { + right: 84.44444%; } + +.event-starts-1025 { + left: 16.11111%; } + +.event-ends-1025 { + right: 83.88889%; } + +.event-starts-1030 { + left: 16.66667%; } + +.event-ends-1030 { + right: 83.33333%; } + +.event-starts-1035 { + left: 17.22222%; } + +.event-ends-1035 { + right: 82.77778%; } + +.event-starts-1040 { + left: 17.77778%; } + +.event-ends-1040 { + right: 82.22222%; } + +.event-starts-1045 { + left: 18.33333%; } + +.event-ends-1045 { + right: 81.66667%; } + +.event-starts-1050 { + left: 18.88889%; } + +.event-ends-1050 { + right: 81.11111%; } + +.event-starts-1055 { + left: 19.44444%; } + +.event-ends-1055 { + right: 80.55556%; } + +.event-starts-1100 { + left: 20%; } + +.event-ends-1100 { + right: 80%; } + +.event-starts-1105 { + left: 20.55556%; } + +.event-ends-1105 { + right: 79.44444%; } + +.event-starts-1110 { + left: 21.11111%; } + +.event-ends-1110 { + right: 78.88889%; } + +.event-starts-1115 { + left: 21.66667%; } + +.event-ends-1115 { + right: 78.33333%; } + +.event-starts-1120 { + left: 22.22222%; } + +.event-ends-1120 { + right: 77.77778%; } + +.event-starts-1125 { + left: 22.77778%; } + +.event-ends-1125 { + right: 77.22222%; } + +.event-starts-1130 { + left: 23.33333%; } + +.event-ends-1130 { + right: 76.66667%; } + +.event-starts-1135 { + left: 23.88889%; } + +.event-ends-1135 { + right: 76.11111%; } + +.event-starts-1140 { + left: 24.44444%; } + +.event-ends-1140 { + right: 75.55556%; } + +.event-starts-1145 { + left: 25%; } + +.event-ends-1145 { + right: 75%; } + +.event-starts-1150 { + left: 25.55556%; } + +.event-ends-1150 { + right: 74.44444%; } + +.event-starts-1155 { + left: 26.11111%; } + +.event-ends-1155 { + right: 73.88889%; } + +.event-starts-1200 { + left: 26.66667%; } + +.event-ends-1200 { + right: 73.33333%; } + +.event-starts-1205 { + left: 27.22222%; } + +.event-ends-1205 { + right: 72.77778%; } + +.event-starts-1210 { + left: 27.77778%; } + +.event-ends-1210 { + right: 72.22222%; } + +.event-starts-1215 { + left: 28.33333%; } + +.event-ends-1215 { + right: 71.66667%; } + +.event-starts-1220 { + left: 28.88889%; } + +.event-ends-1220 { + right: 71.11111%; } + +.event-starts-1225 { + left: 29.44444%; } + +.event-ends-1225 { + right: 70.55556%; } + +.event-starts-1230 { + left: 30%; } + +.event-ends-1230 { + right: 70%; } + +.event-starts-1235 { + left: 30.55556%; } + +.event-ends-1235 { + right: 69.44444%; } + +.event-starts-1240 { + left: 31.11111%; } + +.event-ends-1240 { + right: 68.88889%; } + +.event-starts-1245 { + left: 31.66667%; } + +.event-ends-1245 { + right: 68.33333%; } + +.event-starts-1250 { + left: 32.22222%; } + +.event-ends-1250 { + right: 67.77778%; } + +.event-starts-1255 { + left: 32.77778%; } + +.event-ends-1255 { + right: 67.22222%; } + +.event-starts-1300 { + left: 33.33333%; } + +.event-ends-1300 { + right: 66.66667%; } + +.event-starts-1305 { + left: 33.88889%; } + +.event-ends-1305 { + right: 66.11111%; } + +.event-starts-1310 { + left: 34.44444%; } + +.event-ends-1310 { + right: 65.55556%; } + +.event-starts-1315 { + left: 35.0%; } + +.event-ends-1315 { + right: 65%; } + +.event-starts-1320 { + left: 35.55556%; } + +.event-ends-1320 { + right: 64.44444%; } + +.event-starts-1325 { + left: 36.11111%; } + +.event-ends-1325 { + right: 63.88889%; } + +.event-starts-1330 { + left: 36.66667%; } + +.event-ends-1330 { + right: 63.33333%; } + +.event-starts-1335 { + left: 37.22222%; } + +.event-ends-1335 { + right: 62.77778%; } + +.event-starts-1340 { + left: 37.77778%; } + +.event-ends-1340 { + right: 62.22222%; } + +.event-starts-1345 { + left: 38.33333%; } + +.event-ends-1345 { + right: 61.66667%; } + +.event-starts-1350 { + left: 38.88889%; } + +.event-ends-1350 { + right: 61.11111%; } + +.event-starts-1355 { + left: 39.44444%; } + +.event-ends-1355 { + right: 60.55556%; } + +.event-starts-1400 { + left: 40%; } + +.event-ends-1400 { + right: 60%; } + +.event-starts-1405 { + left: 40.55556%; } + +.event-ends-1405 { + right: 59.44444%; } + +.event-starts-1410 { + left: 41.11111%; } + +.event-ends-1410 { + right: 58.88889%; } + +.event-starts-1415 { + left: 41.66667%; } + +.event-ends-1415 { + right: 58.33333%; } + +.event-starts-1420 { + left: 42.22222%; } + +.event-ends-1420 { + right: 57.77778%; } + +.event-starts-1425 { + left: 42.77778%; } + +.event-ends-1425 { + right: 57.22222%; } + +.event-starts-1430 { + left: 43.33333%; } + +.event-ends-1430 { + right: 56.66667%; } + +.event-starts-1435 { + left: 43.88889%; } + +.event-ends-1435 { + right: 56.11111%; } + +.event-starts-1440 { + left: 44.44444%; } + +.event-ends-1440 { + right: 55.55556%; } + +.event-starts-1445 { + left: 45%; } + +.event-ends-1445 { + right: 55%; } + +.event-starts-1450 { + left: 45.55556%; } + +.event-ends-1450 { + right: 54.44444%; } + +.event-starts-1455 { + left: 46.11111%; } + +.event-ends-1455 { + right: 53.88889%; } + +.event-starts-1500 { + left: 46.66667%; } + +.event-ends-1500 { + right: 53.33333%; } + +.event-starts-1505 { + left: 47.22222%; } + +.event-ends-1505 { + right: 52.77778%; } + +.event-starts-1510 { + left: 47.77778%; } + +.event-ends-1510 { + right: 52.22222%; } + +.event-starts-1515 { + left: 48.33333%; } + +.event-ends-1515 { + right: 51.66667%; } + +.event-starts-1520 { + left: 48.88889%; } + +.event-ends-1520 { + right: 51.11111%; } + +.event-starts-1525 { + left: 49.44444%; } + +.event-ends-1525 { + right: 50.55556%; } + +.event-starts-1530 { + left: 50%; } + +.event-ends-1530 { + right: 50%; } + +.event-starts-1535 { + left: 50.55556%; } + +.event-ends-1535 { + right: 49.44444%; } + +.event-starts-1540 { + left: 51.11111%; } + +.event-ends-1540 { + right: 48.88889%; } + +.event-starts-1545 { + left: 51.66667%; } + +.event-ends-1545 { + right: 48.33333%; } + +.event-starts-1550 { + left: 52.22222%; } + +.event-ends-1550 { + right: 47.77778%; } + +.event-starts-1555 { + left: 52.77778%; } + +.event-ends-1555 { + right: 47.22222%; } + +.event-starts-1600 { + left: 53.33333%; } + +.event-ends-1600 { + right: 46.66667%; } + +.event-starts-1605 { + left: 53.88889%; } + +.event-ends-1605 { + right: 46.11111%; } + +.event-starts-1610 { + left: 54.44444%; } + +.event-ends-1610 { + right: 45.55556%; } + +.event-starts-1615 { + left: 55%; } + +.event-ends-1615 { + right: 45%; } + +.event-starts-1620 { + left: 55.55556%; } + +.event-ends-1620 { + right: 44.44444%; } + +.event-starts-1625 { + left: 56.11111%; } + +.event-ends-1625 { + right: 43.88889%; } + +.event-starts-1630 { + left: 56.66667%; } + +.event-ends-1630 { + right: 43.33333%; } + +.event-starts-1635 { + left: 57.22222%; } + +.event-ends-1635 { + right: 42.77778%; } + +.event-starts-1640 { + left: 57.77778%; } + +.event-ends-1640 { + right: 42.22222%; } + +.event-starts-1645 { + left: 58.33333%; } + +.event-ends-1645 { + right: 41.66667%; } + +.event-starts-1650 { + left: 58.88889%; } + +.event-ends-1650 { + right: 41.11111%; } + +.event-starts-1655 { + left: 59.44444%; } + +.event-ends-1655 { + right: 40.55556%; } + +.event-starts-1700 { + left: 60%; } + +.event-ends-1700 { + right: 40%; } + +.event-starts-1705 { + left: 60.55556%; } + +.event-ends-1705 { + right: 39.44444%; } + +.event-starts-1710 { + left: 61.11111%; } + +.event-ends-1710 { + right: 38.88889%; } + +.event-starts-1715 { + left: 61.66667%; } + +.event-ends-1715 { + right: 38.33333%; } + +.event-starts-1720 { + left: 62.22222%; } + +.event-ends-1720 { + right: 37.77778%; } + +.event-starts-1725 { + left: 62.77778%; } + +.event-ends-1725 { + right: 37.22222%; } + +.event-starts-1730 { + left: 63.33333%; } + +.event-ends-1730 { + right: 36.66667%; } + +.event-starts-1735 { + left: 63.88889%; } + +.event-ends-1735 { + right: 36.11111%; } + +.event-starts-1740 { + left: 64.44444%; } + +.event-ends-1740 { + right: 35.55556%; } + +.event-starts-1745 { + left: 65%; } + +.event-ends-1745 { + right: 35%; } + +.event-starts-1750 { + left: 65.55556%; } + +.event-ends-1750 { + right: 34.44444%; } + +.event-starts-1755 { + left: 66.11111%; } + +.event-ends-1755 { + right: 33.88889%; } + +.event-starts-1800 { + left: 66.66667%; } + +.event-ends-1800 { + right: 33.33333%; } + +.event-starts-1805 { + left: 67.22222%; } + +.event-ends-1805 { + right: 32.77778%; } + +.event-starts-1810 { + left: 67.77778%; } + +.event-ends-1810 { + right: 32.22222%; } + +.event-starts-1815 { + left: 68.33333%; } + +.event-ends-1815 { + right: 31.66667%; } + +.event-starts-1820 { + left: 68.88889%; } + +.event-ends-1820 { + right: 31.11111%; } + +.event-starts-1825 { + left: 69.44444%; } + +.event-ends-1825 { + right: 30.55556%; } + +.event-starts-1830 { + left: 70.0%; } + +.event-ends-1830 { + right: 30.0%; } + +.event-starts-1835 { + left: 70.55556%; } + +.event-ends-1835 { + right: 29.44444%; } + +.event-starts-1840 { + left: 71.11111%; } + +.event-ends-1840 { + right: 28.88889%; } + +.event-starts-1845 { + left: 71.66667%; } + +.event-ends-1845 { + right: 28.33333%; } + +.event-starts-1850 { + left: 72.22222%; } + +.event-ends-1850 { + right: 27.77778%; } + +.event-starts-1855 { + left: 72.77778%; } + +.event-ends-1855 { + right: 27.22222%; } + +.event-starts-1900 { + left: 73.33333%; } + +.event-ends-1900 { + right: 26.66667%; } + +.event-starts-1905 { + left: 73.88889%; } + +.event-ends-1905 { + right: 26.11111%; } + +.event-starts-1910 { + left: 74.44444%; } + +.event-ends-1910 { + right: 25.55556%; } + +.event-starts-1915 { + left: 75%; } + +.event-ends-1915 { + right: 25%; } + +.event-starts-1920 { + left: 75.55556%; } + +.event-ends-1920 { + right: 24.44444%; } + +.event-starts-1925 { + left: 76.11111%; } + +.event-ends-1925 { + right: 23.88889%; } + +.event-starts-1930 { + left: 76.66667%; } + +.event-ends-1930 { + right: 23.33333%; } + +.event-starts-1935 { + left: 77.22222%; } + +.event-ends-1935 { + right: 22.77778%; } + +.event-starts-1940 { + left: 77.77778%; } + +.event-ends-1940 { + right: 22.22222%; } + +.event-starts-1945 { + left: 78.33333%; } + +.event-ends-1945 { + right: 21.66667%; } + +.event-starts-1950 { + left: 78.88889%; } + +.event-ends-1950 { + right: 21.11111%; } + +.event-starts-1955 { + left: 79.44444%; } + +.event-ends-1955 { + right: 20.55556%; } + +.event-starts-2000 { + left: 80%; } + +.event-ends-2000 { + right: 20%; } + +.event-starts-2005 { + left: 80.55556%; } + +.event-ends-2005 { + right: 19.44444%; } + +.event-starts-2010 { + left: 81.11111%; } + +.event-ends-2010 { + right: 18.88889%; } + +.event-starts-2015 { + left: 81.66667%; } + +.event-ends-2015 { + right: 18.33333%; } + +.event-starts-2020 { + left: 82.22222%; } + +.event-ends-2020 { + right: 17.77778%; } + +.event-starts-2025 { + left: 82.77778%; } + +.event-ends-2025 { + right: 17.22222%; } + +.event-starts-2030 { + left: 83.33333%; } + +.event-ends-2030 { + right: 16.66667%; } + +.event-starts-2035 { + left: 83.88889%; } + +.event-ends-2035 { + right: 16.11111%; } + +.event-starts-2040 { + left: 84.44444%; } + +.event-ends-2040 { + right: 15.55556%; } + +.event-starts-2045 { + left: 85%; } + +.event-ends-2045 { + right: 15%; } + +.event-starts-2050 { + left: 85.55556%; } + +.event-ends-2050 { + right: 14.44444%; } + +.event-starts-2055 { + left: 86.11111%; } + +.event-ends-2055 { + right: 13.88889%; } + +.event-starts-2100 { + left: 86.66667%; } + +.event-ends-2100 { + right: 13.33333%; } + +.event-starts-2105 { + left: 87.22222%; } + +.event-ends-2105 { + right: 12.77778%; } + +.event-starts-2110 { + left: 87.77778%; } + +.event-ends-2110 { + right: 12.22222%; } + +.event-starts-2115 { + left: 88.33333%; } + +.event-ends-2115 { + right: 11.66667%; } + +.event-starts-2120 { + left: 88.88889%; } + +.event-ends-2120 { + right: 11.11111%; } + +.event-starts-2125 { + left: 89.44444%; } + +.event-ends-2125 { + right: 10.55556%; } + +.event-starts-2130 { + left: 90%; } + +.event-ends-2130 { + right: 10%; } + +.event-starts-2135 { + left: 90.55556%; } + +.event-ends-2135 { + right: 9.44444%; } + +.event-starts-2140 { + left: 91.11111%; } + +.event-ends-2140 { + right: 8.88889%; } + +.event-starts-2145 { + left: 91.66667%; } + +.event-ends-2145 { + right: 8.33333%; } + +.event-starts-2150 { + left: 92.22222%; } + +.event-ends-2150 { + right: 7.77778%; } + +.event-starts-2155 { + left: 92.77778%; } + +.event-ends-2155 { + right: 7.22222%; } + +.event-starts-2200 { + left: 93.33333%; } + +.event-ends-2200 { + right: 6.66667%; } + +.section-place { + background: #d3a91e; } + +.place-grid { + position: relative; + max-width: 1920px; + margin: 0 auto; + height: 510px; + background: url(../images/auditorium.jpg) no-repeat 50% 50%; + background-size: cover; } + .place-grid figure { + margin: 0; } + .place-grid .place-cell-data { + position: absolute; + width: 50%; + height: 45%; + top: 0; + left: 0; + background: rgba(255, 202, 0, 0.8); + padding-top: 30px; + padding-left: 130px; } + .place-grid .place-cell-data h1 { + text-align: left; + margin-bottom: 26px; } + .place-grid .place-cell-data address { + font-style: normal; } + .place-grid .place-cell-data p { + font-size: 18px; + line-height: 150%; + color: white; + text-align: left; } + .place-grid .place-cell-data p strong { + display: block; + font-size: 20px; } + .place-grid .place-cell-data p.street-address { + margin-top: 13px; + font-size: 15px; } + .place-grid .place-cell-data p a { + color: white; + text-decoration: underline; + white-space: nowrap; } + .place-grid .place-cell-map { + position: absolute; + width: 50%; + top: 45%; + left: 0; + bottom: 0; + background: #bcc7cf; + overflow: hidden; } + .place-grid .place-cell-map .map-holder { + width: 100%; + height: 100%; } + .place-grid .place-cell-map .map-holder .gm-style > .gm-style-cc { + display: none !important; } + .place-grid .place-cell-map .map-cover { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 10; } + .place-grid .place-cell-map iframe { + margin: 0; + padding: 0; + width: 100%; + height: 200%; + margin-top: -25%; + z-index: 1; } + .place-grid .place-cell-photo { + position: absolute; + width: 50%; + top: 0; + right: 0; + bottom: 0; } + +.section-tickets { + background: white; + padding: 60px 0 0 0; + /* This leaves room for the progressbar */ } + .section-tickets .container { + padding-bottom: 80px; } + .section-tickets h1 { + margin-bottom: 60px; } + .section-tickets .ticket-svg { + display: block; + position: relative; } + .section-tickets .ticket-svg svg { + max-width: 50px; } + .section-tickets .buy-ticket { + width: 50%; + float: left; + margin: 0 40px 0 -40px; + padding-top: 10px; } + .section-tickets .buy-ticket .price { + font-size: 34px; + margin: 0 auto; + text-align: center; + padding: 0 205px 0 60px; + width: 580px; } + .section-tickets .ticket-includes { + width: 50%; + float: left; + font-size: 18px; } + .section-tickets .ticket-includes h2 { + font-size: 18px; + font-weight: bold; } + .section-tickets .ticket-includes p { + text-align: left; + margin-top: 14px; } + .section-tickets .ticket-includes p.note { + font-size: 13px; + line-height: 20px; } + .section-tickets .ticket-includes p a { + color: #214760; + text-decoration: underline; } + .section-tickets .ticket-includes ul { + line-height: 195%; + padding: 0; + padding-left: 20px; + list-style-type: square; } + +.illustration-tickets { + position: relative; + background: url(images/illustration-tickets.png) no-repeat -100px 0; + width: 580px; + height: 214px; } + .illustration-tickets .button { + position: absolute; + top: 15px; + left: 60px; + border: 2px solid #214760; + border-radius: 3px; + font-size: 18px; + font-weight: bold; + padding: 17px 40px 15px; + background: #ffca00; } + .illustration-tickets .button:before { + content: ""; + position: absolute; + top: -17px; + left: 12px; + width: 21px; + height: 23px; + background-position: 0px -220px; } + .illustration-tickets .button:hover { + background: #ffd533; } + +.tickets-content-buy { + clear: both; } + +.tickets-content-gone { + text-align: center; + clear: both; } + .tickets-content-gone figure { + margin: 0 0 30px 0; + text-align: center; } + .tickets-content-gone figure img { + width: 50%; + max-width: 311px; } + .tickets-content-gone h2 { + line-height: 140%; } + .tickets-content-gone p { + text-align: center; } + +.tickets-progress { + position: relative; + padding-right: 37px; } + .tickets-progress .progressbar { + box-sizing: border-box; + position: relative; + display: inline-block; + margin: 0; + height: 43px; + font-size: 16px; + line-height: 43px; + text-align: right; + padding-left: 30px; + padding-right: 50px; + color: #214760; + background: #ffca00; + min-width: 60%; + white-space: nowrap; + transition: width 0.5s linear; } + .tickets-progress .sprite.progressbar-bird, .tickets-progress .progressbar-bird.icon, .tickets-progress .progressbar-bird.large-icon, .tickets-progress .illustration-tickets .progressbar-bird.button:before, .illustration-tickets .tickets-progress .progressbar-bird.button:before { + position: absolute; + top: 0; + right: -37px; + width: 74px; + height: 43px; + background-position: -374px -50px; + z-index: 10; } + +@media(max-width: 768px) { + .tickets-progress .progressbar .hidden-tablet { + display: none; } } +@media(max-width: 480px) { + .tickets-progress .progressbar .hidden-mobile { + display: none; } } +.progressbar-flag, .progressbar-flag-in, .progressbar-flag-name { + background: url(images/progress-flag%402x.png) no-repeat 0px 0px; + background-size: 30px 225px; } + +.progressbar-flag { + position: absolute; + z-index: 2; + right: -5px; + bottom: 28px; + height: 75px; + background-position: 100% 0px; } + +.progressbar-flag-in { + height: 75px; + padding-left: 30px; + background-position: 0% -150px; } + +.progressbar-flag-name { + height: 75px; + line-height: 38px; + font-size: 16px; + color: #ffca00; + padding: 11px 15px 0px 5px; + background-position: 0% -75px; + background-repeat: repeat-x; + white-space: nowrap; } + +.section-housing { + background: #214760; + color: white; + padding: 60px 0; } + +.hotels-svg { + display: block; + position: relative; } + .hotels-svg svg { + max-width: 50px; } + +.housing-list { + margin-top: 35px; + margin-left: -30px; + margin-right: -30px; } + +.housing { + background: #bcc7cf; + background-size: cover; + background-repeat: no-repeat; + background-position: 50% 50%; + margin-bottom: 2px; } + .housing.hotel-belair { + background-image: url(../images/hotels/hotel-belair.jpg); } + .housing.hotel-dazzler { + background-image: url(../images/hotels/hotel-dazzler.jpg); } + .housing.hotel-intersur { + background-image: url(../images/hotels/hotel-intersur.jpg); } + .housing.hotel-loi { + background-image: url(../images/hotels/hotel-loisuites.jpg); } + .housing.hotel-melia { + background-image: url(../images/hotels/hotel-melia.jpg); } + .housing.hotel-urban { + background-image: url(../images/hotels/hotel-urban.jpg); } + .housing .description { + margin-left: 50%; + padding: 26px 22px 24px 29px; + background: rgba(255, 202, 0, 0.95); } + .housing h2 { + line-height: 140%; + font-size: 18px; + font-weight: bold; + color: #214760; + margin: 0 0 1px; } + .housing h2 a { + color: #214760; } + .housing p { + line-height: 140%; + font-size: 18px; + text-align: left; } + .housing p a { + color: white; } + .housing .description-inner { + margin: 0 150px 0 0; } + .housing .price-and-rating { + float: right; + min-width: 130px; + margin: 3px 3px 0 0; } + .housing .price-and-rating .price { + font-size: 48px; + line-height: 100%; } + .housing .price-and-rating .price sup { + display: inline-block; + padding-top: 12px; + margin-left: 2px; + font-size: 18px; + line-height: 18px; + vertical-align: top; } + .housing .price-and-rating .rating .icon { + margin-right: 4px; } + .housing .price-and-rating .rating .icon:last-child { + margin: 0; } + +.md-perspective, +.md-perspective body { + height: 100%; + overflow: hidden; } + +.md-perspective body { + background: #222222; + -webkit-perspective: 600px; + -moz-perspective: 600px; + perspective: 600px; } + +.md-modal { + position: fixed; + top: 50%; + left: 50%; + width: 100%; + max-width: 630px; + min-width: 320px; + height: auto; + z-index: 2000; + visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: translateX(-50%) translateY(-50%); + -moz-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); } + +.md-show { + visibility: visible; } + +.md-overlay { + position: fixed; + width: 100%; + height: 100%; + visibility: hidden; + top: 0; + left: 0; + z-index: 1000; + opacity: 0; + background: rgba(255, 191, 25, 0.8); + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; } + +.md-show ~ .md-overlay { + opacity: 1; + visibility: visible; } + +/* Content styles */ +.md-content { + color: #67919c; + background: white; + position: relative; + margin: 0 auto; } + +.md-content button.md-close { + width: 40px; + height: 40px; + display: block; + background: url(images/close-button.png) center no-repeat #132431; + border: 0; + color: #ffbf19; + position: absolute; + top: 0; + right: 0; } + +/* Effect: flip */ +.md-effect-flip.md-modal { + -webkit-perspective: 1300px; + -moz-perspective: 1300px; + perspective: 1300px; } + +.md-effect-flip .md-content { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transform: rotateY(-70deg); + -moz-transform: rotateY(-70deg); + -ms-transform: rotateY(-70deg); + transform: rotateY(-70deg); + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; + opacity: 0; } + +.md-show.md-effect-flip .md-content { + -webkit-transform: rotateY(0deg); + -moz-transform: rotateY(0deg); + -ms-transform: rotateY(0deg); + transform: rotateY(0deg); + opacity: 1; } + +.section-social { + background: #214760; + color: white; } + +.section-sponsors { + background: #ffca00; + color: #1e3d55; + padding: 55px 0 50px; } + .section-sponsors h1 { + margin-bottom: 35px; } + .section-sponsors .heart-svg { + display: block; + position: relative; } + .section-sponsors .heart-svg svg { + max-width: 50px; } + .section-sponsors p { + font-size: 14px; + text-align: center; + margin-bottom: 20px; } + .section-sponsors p a { + text-decoration: underline; + color: #1e3d55; } + .section-sponsors .cta-holder { + margin: 30px 15px 0 15px; } + +.sponsor-list { + padding: 0; + font-size: 0px; + margin: 0px auto; + text-align: center; + max-width: 1100px; } + .sponsor-list .sponsor { + display: inline-block; + margin: 1px; + width: 167px; + height: 78px; + background: #d1b03f; + overflow: hidden; } + .sponsor-list .sponsor img { + width: 100%; + height: 100%; } + .sponsor-list.sponsors-platinum .sponsor { + width: 289px; + height: 160px; } + .sponsor-list.sponsors-gold .sponsor { + width: 230px; + height: 128px; } + .sponsor-list.sponsors-silver .sponsor { + width: 167px; + height: 93px; } + .sponsor-list.sponsors-startup { + max-width: 800px; } + .sponsor-list.sponsors-startup .sponsor { + width: 167px; + height: 93px; } + +.section-earlybird { + background: white; + color: #1e3d55; + padding: 60px 0; } + .section-earlybird h1 { + margin-bottom: 30px; } + .section-earlybird .ticket-svg { + display: block; + position: relative; } + .section-earlybird .ticket-svg svg { + max-width: 50px; } + .section-earlybird p { + font-size: 17px; + font-weight: bold; } + .section-earlybird .main-menu { + margin: 60px auto 0px auto; + padding: 0; + max-width: 400px; + position: relative; } + .section-earlybird .countdown { + margin: 0; + margin-bottom: 30px; + max-width: 400px; } + .section-earlybird .signup-form { + margin-bottom: 0; } + +.birdie { + position: absolute; + display: block; } + .birdie.birdie-countdown { + background-position: -340px 0px; + top: -30px; + left: -7px; + width: 27px; + height: 32px; } + .birdie.birdie-flying { + background-position: -380px 0px; + top: -46px; + right: -54px; + width: 39px; + height: 30px; + -webkit-animation: levitate 2s infinite ease-in-out; + -moz-animation: levitate 2s infinite ease-in-out; + animation: levitate 2s infinite ease-in-out; } + +@-webkit-keyframes levitate { + 0% { + -webkit-transform: translateY(-5px); } + + 50% { + -webkit-transform: translateY(0px); } + + 100% { + -webkit-transform: translateY(-5px); } } +@-moz-keyframes levitate { + 0% { + -moz-transform: translateY(-5px); } + + 50% { + -moz-transform: translateY(0px); } + + 100% { + -moz-transform: translateY(-5px); } } +@keyframes levitate { + 0% { + transform: translateY(-5px); } + + 50% { + transform: translateY(0px); } + + 100% { + transform: translateY(-5px); } } +.section-footer { + background: #ffca00; + color: #1e3d55; + text-align: center; + line-height: 200%; } + .section-footer small { + display: block; + font-size: 14px; + color: #d3a91e; } + .section-footer p { + color: #1e3d55; + margin-top: 5px; + line-height: 180%; } + .section-footer p a { + color: #1e3d55; + text-decoration: underline; } + .section-footer code { + margin: 45px 0 65px 0; } + +.footer-illustration-wrapper { + position: relative; + background: #214760; } + +.footer-dark-strip { + background: #1e3e56; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 166px; + z-index: 10; } + +.footer-illustration { + position: relative; + background: url(images/illustration-footer.png) no-repeat 50% 0%; + height: 386px; + z-index: 20; } + +.footer-author { + background: #1e3d55; + padding-bottom: 30px; } + .footer-author p.author { + margin-top: 0; + color: #ffca00; } + .footer-author p.author a { + color: #ffca00; } + +.modal-holder { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(255, 200, 28, 0.8); + z-index: 8999; + display: flex; + align-items: center; + overflow: auto; } + +.modal { + margin: 0px auto 0px auto; + background: white; + padding: 40px; + max-width: 390px; + max-height: 100%; + overflow-y: auto; + z-index: 9000; + position: relative; } + .modal .modal-close { + position: absolute; + top: 20px; + right: 20px; + font-size: 22px; + font-weight: bold; + z-index: 9500; } + .modal figure { + text-align: center; + margin: 0; } + .modal figure img { + max-width: 100%; } + .modal h2 { + font-size: 22px; + font-weight: bold; + line-height: 30px; + margin-bottom: 10px; + text-align: center; } + .modal input, .modal select, .modal textarea, .modal button { + box-sizing: border-box; + width: 100%; + padding: 8px 15px 8px 50px; + border: 2px solid #214760; + font-size: 18px; + line-height: 26px; + background-color: white; + color: #214760; + margin-bottom: 20px; } + .modal input::-webkit-input-placeholder, .modal select::-webkit-input-placeholder, .modal textarea::-webkit-input-placeholder, .modal button::-webkit-input-placeholder { + color: #acbeca; } + .modal input:-moz-placeholder, .modal select:-moz-placeholder, .modal textarea:-moz-placeholder, .modal button:-moz-placeholder { + color: #acbeca; } + .modal input::-moz-placeholder, .modal select::-moz-placeholder, .modal textarea::-moz-placeholder, .modal button::-moz-placeholder { + color: #acbeca; } + .modal input:-ms-input-placeholder, .modal select:-ms-input-placeholder, .modal textarea:-ms-input-placeholder, .modal button:-ms-input-placeholder { + color: #acbeca; } + .modal input:-webkit-autofill, .modal select:-webkit-autofill, .modal textarea:-webkit-autofill, .modal button:-webkit-autofill { + background: white; + -webkit-box-shadow: none; } + .modal input, .modal .card-select { + background: url(images/inputs%402x.png) no-repeat 1000px 1000px; + background-size: 55px 500px; } + .modal input[name=name] { + background-position: 9px 7px; } + .modal input[name=email] { + background-position: 7px -41px; } + .modal select[name=paymenttype], .modal select[name=quantity] { + padding-left: 15px; + background: white; } + .modal .cardtype { + text-align: center; + margin-bottom: 12px; } + .modal .card-select { + position: relative; + overflow: hidden; + display: inline-block; + min-width: 80px; + min-height: 50px; + border: 2px solid #214760; + background-color: white; + cursor: pointer; } + .modal .card-select.selected { + background-color: #ffca00; } + .modal .card-select input { + visibility: hidden; + opacity: 0; + position: absolute; + top: -100px; + left: -100px; } + .modal .card-select.card-visa { + background-position: 50% -235px; } + .modal .card-select.card-amex { + background-position: 50% -336px; } + .modal .card-select.card-mastercard { + background-position: 50% -291px; } + .modal button { + padding: 12px 10px 12px 10px; + color: white; + font-weight: bold; + background: #214760; + margin-bottom: 0px; + cursor: pointer; } + .modal form.loading button { + background-image: url(images/loading.gif); + background-position: 50% 50%; + background-size: 30px 30px; + background-repeat: no-repeat; + color: transparent; + text-indent: -9999px; + cursor: default; } + +.modal-loading { + width: 64px; + height: 64px; + background: none; + background-image: url(images/loading-payment.gif); + background-position: 50% 50%; + background-size: 60px 60px; + background-repeat: no-repeat; } + +body { + transition: all 0.5s ease; } + +.bodyPerspective { + -webkit-transform: perspective(1500px) rotateX(4deg) rotateY(0deg) rotateZ(0deg); + -moz-transform: perspective(1500px) rotateX(4deg) rotateY(0deg) rotateZ(0deg); + -o-transform: perspective(1500px) rotateX(4deg) rotateY(0deg) rotateZ(0deg); + -ms-transform: perspective(1500px) rotateX(4deg) rotateY(0deg) rotateZ(0deg); + transform: perspective(1500px) rotateX(4deg) rotateY(0deg) rotateZ(0deg); + margin-top: -246px; } + +.terminalsizeanimated { + -webkit-transition: width 0.5s, -webkit-transform 0.5s; + transition: width 0.5s, transform 0.5s; } + +.closedTerminal { + width: 2px; } + +.openedTerminal { + width: 300px; } + +#contTerminal { + position: fixed; + top: 0; + right: 0; + height: 100%; + z-index: 25; + overflow: visible; + background: #132838; + overflow-x: hidden; + overflow-y: overlay; + -webkit-overflow-scrolling: touch; } + #contTerminal::-webkit-scrollbar { + background: none; + width: 9px; } + #contTerminal::-webkit-scrollbar-button { + display: none; } + #contTerminal::-webkit-scrollbar-track { + display: none; } + #contTerminal::-webkit-scrollbar-track-piece { + display: none; } + #contTerminal::-webkit-scrollbar-thumb { + background: transparent; + background-clip: content-box; + border-radius: 10px; + border: 2px solid transparent; } + #contTerminal::-webkit-scrollbar-corner { + display: none; } + #contTerminal::-webkit-resizer { + display: none; } + #contTerminal:hover::-webkit-scrollbar-thumb { + background: rgba(30, 62, 86, 0.7); + background-clip: content-box; + border-radius: 10px; + border: 1px solid rgba(21, 48, 67, 0.7); } + #contTerminal:hover::-webkit-scrollbar-thumb:hover { + background: rgba(0, 0, 0, 0.6); + background-clip: content-box; + border-radius: 10px; + border: 1px solid rgba(21, 48, 67, 0.7); } + #contTerminal .terminalHandle { + width: 50px; + height: 40px; + background: #132838; + position: absolute; + top: 20px; + left: auto; + margin-left: -50px; + background-image: url(images/backterminalhandle2.png); + background-size: 100px 40px; + background-position: 0 0; + background-repeat: no-repeat; } + +@media only screen and (max-width: 800px) { + #contTerminal { + display: none; } } +#onlineTerminal { + color: white; + background: #132838; + height: 100%; + padding: 30px; + margin-right: 10px; + font-family: monospace; + font-size: 19px; + line-height: 20px; + white-space: pre-wrap; + outline: 0; + overflow: auto; + box-sizing: border-box; + overflow-x: hidden; + overflow-y: overlay; + -webkit-overflow-scrolling: touch; } + #onlineTerminal::-webkit-scrollbar { + background: none; + width: 9px; } + #onlineTerminal::-webkit-scrollbar-button { + display: none; } + #onlineTerminal::-webkit-scrollbar-track { + display: none; } + #onlineTerminal::-webkit-scrollbar-track-piece { + display: none; } + #onlineTerminal::-webkit-scrollbar-thumb { + background: transparent; + background-clip: content-box; + border-radius: 10px; + border: 2px solid transparent; } + #onlineTerminal::-webkit-scrollbar-corner { + display: none; } + #onlineTerminal::-webkit-resizer { + display: none; } + #onlineTerminal:hover::-webkit-scrollbar-thumb { + background: rgba(30, 62, 86, 0.7); + background-clip: content-box; + border-radius: 10px; + border: 1px solid rgba(21, 48, 67, 0.7); } + #onlineTerminal:hover::-webkit-scrollbar-thumb:hover { + background: rgba(0, 0, 0, 0.6); + background-clip: content-box; + border-radius: 10px; + border: 1px solid rgba(21, 48, 67, 0.7); } + #onlineTerminal span { + color: #4681ae; } + #onlineTerminal span.response { + color: #66d9ef; } + #onlineTerminal strong, #onlineTerminal b { + font-weight: normal; + color: #f4ba11; } + #onlineTerminal a { + font-weight: normal; + color: #f4ba11; + text-decoration: underline; } + #onlineTerminal a span { + color: #f4ba11; } + +.button-watch { + display: none; } + +#stream .realTime { + overflow: hidden; } + +.streaming #game-holder { + display: none; } +.streaming #header-content { + display: none; } +.streaming #stream.container { + padding: 30px 0 0 0; } + .streaming #stream.container .heading { + padding-bottom: 20px; } + .streaming #stream.container .heading:after { + content: ""; + display: block; + height: 0; + clear: both; } + .streaming #stream.container .heading .jsconf { + display: block; + width: 123px; + height: 66px; + background: url(data:image/png;base64,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) no-repeat; + background-size: 100%; + overflow: hidden; + text-indent: -9999px; + float: left; } + .streaming #stream.container .heading .closeStream { + float: right; + margin-top: 16px; + color: #0e374e; + background: #ffca00; + border: 2px solid #214760; + padding: 10px 13px 8px 13px; } + .streaming #stream.container #video { + float: left; } + .streaming #stream.container .dashboard { + float: right; + width: 270px; + background: #214760; + border: 2px solid #0e374e; + height: 405px; + color: white; + position: relative; + text-align: left; } + .streaming #stream.container .dashboard .break { + text-align: center; + padding: 35px 15px 15px 15px; } + .streaming #stream.container .dashboard .break:before { + content: ""; + display: block; + width: 120px; + height: 120px; + margin: 0 auto 30px; + background: url(../images/breaks.png) no-repeat; + background-size: 360px; } + .streaming #stream.container .dashboard .break h3 { + color: #ffca00; + margin-bottom: 5px; } + .streaming #stream.container .dashboard .break .sponsor { + display: block; + width: 164px; + height: 30px; + margin: 0 auto; + overflow: hidden; + text-indent: -9999px; + background: url(../images/break-sponsors.png) no-repeat; } + .streaming #stream.container .dashboard .break.checkin:before { + background-position: left; } + .streaming #stream.container .dashboard .break.checkin h3 { + display: none; } + .streaming #stream.container .dashboard .break.checkin .sponsor { + display: none; } + .streaming #stream.container .dashboard .break.coffee h3:before { + content: "Coffee"; } + .streaming #stream.container .dashboard .break.coffee:before { + background-position: left; } + .streaming #stream.container .dashboard .break.coffee .sponsor { + background-position: bottom; } + .streaming #stream.container .dashboard .break.lunch h3:before { + content: "Lunch"; } + .streaming #stream.container .dashboard .break.lunch:before { + background-position: right; } + .streaming #stream.container .dashboard .break.lunch .sponsor { + background-position: center; } + .streaming #stream.container .dashboard .break.party h3:before { + content: "Party"; } + .streaming #stream.container .dashboard .break.party:before { + background-position: center; } + .streaming #stream.container .dashboard .break.party .sponsor { + background-position: top; } + .streaming #stream.container .dashboard .person .social:after { + content: ""; + display: block; + height: 0; + clear: both; } + .streaming #stream.container .dashboard .person .avatar { + width: 92px; + height: 92px; + border-right: 2px solid #0e374e; + border-bottom: 2px solid #0e374e; + float: left; } + .streaming #stream.container .dashboard .person .share { + float: right; + width: 174px; } + .streaming #stream.container .dashboard .person .share .share-btn { + display: block; + height: 46px; + line-height: 46px; + color: white; + background: #55acee; + border-bottom: 2px solid #0e374e; + text-align: center; } + .streaming #stream.container .dashboard .person .share .share-btn.fb { + background: #4666ac; } + .streaming #stream.container .dashboard .person .info { + padding: 15px; } + .streaming #stream.container .dashboard .person .info h2 { + font-size: 1.125em; + line-height: 1.3em; } + .streaming #stream.container .dashboard .person .info h3 { + font-size: 1em; + color: #298b93; + padding: 0.4em 0 0.2em 0; } + .streaming #stream.container .dashboard .person .info a { + color: #ffca00; + text-decoration: none; } + .streaming #stream.container .dashboard .next { + background: #0e374e; + padding: 15px; + position: absolute; + bottom: 0; + left: 0; + width: 100%; } + .streaming #stream.container .dashboard .next h4 { + text-transform: uppercase; + font-size: 0.875em; + color: #ffca00; + margin-bottom: 5px; } + .streaming #stream.container .dashboard .next h2 { + font-size: 1em; + line-height: 1.4em; } + .streaming #stream.container .dashboard .next h3 { + font-size: 1em; + line-height: 1.4em; + color: #298b93; } + +body:not(.streaming) #stream { + display: none; } + +.planetarium { + position: absolute; + top: 9px; + left: 50%; + margin-left: -373px; } + +#planeatrium { + width: 138px; + cursor: pointer; } + +#color-lights, #lights polygon { + -webkit-transition-property: fill; + transition-property: fill; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; } + +@-webkit-keyframes rotating_planetarium { + 0% { + transform: translateX(0px); } + + 100% { + transform: translateX(-133px); } } +@keyframes rotating_planetarium { + 0% { + transform: translateX(0px); } + + 100% { + transform: translateX(-133px); } } +#color-lights2 { + animation: lightsanimation1 6s 3s infinite linear; + -webkit-animation: lightsanimation1 6s 3s infinite linear; } + +#color-lights1 { + animation: lightsanimation1 6s infinite linear; + -webkit-animation: lightsanimation1 6s infinite linear; } + +#color-lights3 { + animation: lightsanimationinitial 6s linear; + -webkit-animation: lightsanimationinitial 6s linear; } + +#color-lights1, #color-lights2, #color-lights3 { + animation-play-state: paused; + -webkit-animation-play-state: paused; } + +#planeatrium:hover #color-lights1, #planeatrium:hover #color-lights2, #planeatrium:hover #color-lights3 { + animation-play-state: running; + -webkit-animation-play-state: running; } + +@-webkit-keyframes lightsanimation1 { + 0% { + visibility: visible; + transform: translateX(0px) translateZ(0); } + + 50% { + transform: translateX(-116px) translateZ(0); + opacity: 1; + visibility: visible; } + + 50.001% { + visibility: hidden; + opacity: 0; + transform: translateX(116px) translateZ(0); } + + 50.002% { + opacity: 1; + visibility: visible; } + + 100% { + transform: translateX(0px) translateZ(0); } } +@-webkit-keyframes lightsanimationinitial { + 0% { + visibility: visible; + transform: translateX(116px) translateZ(0); } + + 100% { + transform: translateX(-116px) translateZ(0); } } +.rainbows { + display: block; + position: absolute; + overflow: hidden; + width: 49px; + left: 40px; + height: 0px; + top: 99px; } + +.planetarium.fly #planeatrium { + animation: flyplanetarium 6s linear 0s infinite; + -webkit-animation: flyplanetarium 6s linear 0s infinite; } +.planetarium.fly .rainbows { + animation: flylights 6s linear 0s infinite; + -webkit-animation: flylights 6s linear 0s infinite; } +.planetarium.fly #color-lights1, .planetarium.fly #color-lights2, .planetarium.fly #color-lights3 { + animation-play-state: running; + -webkit-animation-play-state: running; } + +.rainbows div { + width: 47px; + height: 18px; + position: relative; + background: -webkit-linear-gradient(left, #d91a12 15%, #e13300 15%, #ff7f14 16%, #f2ab03 32%, #ebc000 32%, #fade00 33%, #efff03 48%, #56fc02 49%, #52ff01 66%, #4ade7e 67%, #3baaf2 67%, #3baaf2 84%, #7337f7 84%, #6b40f2 100%); + animation: rainbow1 0.3s linear 0s infinite; + -webkit-animation: rainbow1 0.3s linear 0s infinite; } + +.rainbows div:nth-child(odd) { + left: 2px; + animation: rainbow2 0.3s linear 0s infinite; + -webkit-animation: rainbow2 0.3s linear 0s infinite; } + +@-webkit-keyframes flyplanetarium { + 0% { + transform: translateY(0px); } + + 90% { + opacity: 1; } + + 100% { + transform: translateY(-800px); + opacity: 0; } } +@-webkit-keyframes flylights { + 0% { + transform: translateY(0px); + height: 0px; } + + 90% { + opacity: 1; } + + 100% { + transform: translateY(-800px); + height: 800px; + opacity: 0; } } +@-webkit-keyframes rainbow1 { + 0% { + left: 0; } + + 49.99% { + left: 0; } + + 50% { + left: 2px; } + + 99.99% { + left: 2px; } + + 100% { + left: 0; } } +@-webkit-keyframes rainbow2 { + 0% { + left: 2px; } + + 49.99% { + left: 2px; } + + 50% { + left: 0; } + + 99.99% { + left: 0; } + + 100% { + left: 2px; } } +.shake { + display: inline-block; + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; } + +.shake.shake-constant { + -webkit-animation-name: shake-base; + -ms-animation-name: shake-base; + animation-name: shake-base; + -webkit-animation-duration: 100ms; + -ms-animation-duration: 100ms; + animation-duration: 100ms; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: ease-in-out; + -ms-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-delay: 0s; + -ms-animation-delay: 0s; + animation-delay: 0s; + -webkit-animation-play-state: running; + -ms-animation-play-state: running; + animation-play-state: running; } + +.obelisk-group { + -webkit-animation-name: obelisk-fly; + -ms-animation-name: obelisk-fly; + animation-name: obelisk-fly; + -webkit-animation-duration: 1.5s; + -ms-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-iteration-count: 1; + -ms-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-timing-function: cubic-bezier(0.675, 0.005, 0.245, 0.415); + -ms-animation-timing-function: cubic-bezier(0.675, 0.005, 0.245, 0.415); + animation-timing-function: cubic-bezier(0.675, 0.005, 0.245, 0.415); + -webkit-animation-delay: 2.5s; + -ms-animation-delay: 2.5s; + animation-delay: 2.5s; + -webkit-animation-play-state: paused; + -ms-animation-play-state: paused; + animation-play-state: paused; + -webkit-animation-fill-mode: forwards; + -ms-animation-fill-mode: forwards; + animation-fill-mode: forwards; + position: relative; + z-index: 100; } + +.obelisk-group .obelisk { + -webkit-animation-name: obelisk-drop-shadow; + -ms-animation-name: obelisk-drop-shadow; + animation-name: obelisk-drop-shadow; + -webkit-animation-duration: 2s; + -ms-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-iteration-count: 1; + -ms-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-delay: 0s; + -ms-animation-delay: 0s; + animation-delay: 0s; + -webkit-animation-play-state: paused; + -ms-animation-play-state: paused; + animation-play-state: paused; + -webkit-animation-fill-mode: forwards; + -ms-animation-fill-mode: forwards; + animation-fill-mode: forwards; } + +.obelisk-group.launch { + -webkit-animation-play-state: running; + -ms-animation-play-state: running; + animation-play-state: running; } + +.obelisk-group.launch .obelisk { + -webkit-animation-play-state: running; + -ms-animation-play-state: running; + animation-play-state: running; } + +.obelisk-group.launch .wing-left svg, +.obelisk-group.launch .wing-right svg, +.obelisk-group.launch .fire_center svg, +.obelisk-group.launch .fire_right svg, +.obelisk-group.launch .fire_left svg { + -webkit-animation-play-state: running; + -ms-animation-play-state: running; + animation-play-state: running; } + +.fires-obelisk .fire_center svg, +.fires-obelisk .fire_right svg, +.fires-obelisk .fire_left svg { + -webkit-animation-name: obelisk-fire; + -ms-animation-name: obelisk-fire; + animation-name: obelisk-fire; + -webkit-animation-duration: 500ms; + -ms-animation-duration: 500ms; + animation-duration: 500ms; + -webkit-animation-iteration-count: 1; + -ms-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-delay: 2s; + -ms-animation-delay: 2s; + animation-delay: 2s; + -webkit-animation-play-state: paused; + -ms-animation-play-state: paused; + animation-play-state: paused; + -webkit-animation-timing-function: ease-in-out; + -ms-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-fill-mode: forwards; + -ms-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-transform-origin: top center 0; + -ms-transform-origin: top center 0; + transform-origin: top center 0; + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); } + +.wings-obelisk .wing-left svg, +.wings-obelisk .wing-right svg { + -webkit-animation-name: obelisk-wing-left; + -ms-animation-name: obelisk-wing-left; + animation-name: obelisk-wing-left; + -webkit-animation-duration: 2s; + -ms-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-iteration-count: 1; + -ms-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-timing-function: ease-in; + -ms-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-animation-delay: 0; + -ms-animation-delay: 0; + animation-delay: 0; + -webkit-animation-play-state: paused; + -ms-animation-play-state: paused; + animation-play-state: paused; + -webkit-animation-fill-mode: forwards; + -ms-animation-fill-mode: forwards; + animation-fill-mode: forwards; } + +.wings-obelisk .wing-right svg { + -webkit-animation-name: obelisk-wing-right; + -ms-animation-name: obelisk-wing-right; + animation-name: obelisk-wing-right; } + +.wings-obelisk, +.fires-obelisk { + width: 175px; + margin: 0 auto; + position: absolute; + top: 55px; + left: 0; + right: 0; + z-index: 2; } + +.wings-obelisk .wing-right, +.fires-obelisk .wing-right, +.wings-obelisk .wing-left, +.fires-obelisk .wing-left, +.wings-obelisk .wing-space, +.fires-obelisk .wing-space { + height: 125px; + width: 70px; + display: inline-block; + vertical-align: bottom; + overflow-x: hidden; + padding-top: 40px; } + +.wings-obelisk .wing-right svg, +.fires-obelisk .wing-right svg, +.wings-obelisk .wing-left svg, +.fires-obelisk .wing-left svg, +.wings-obelisk .wing-space svg, +.fires-obelisk .wing-space svg { + -webkit-filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.5)); + filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.5)); } + +.wings-obelisk .wing-space, +.fires-obelisk .wing-space { + width: 16px; } + +.wings-obelisk .wing-right svg, +.fires-obelisk .wing-right svg { + -webkit-transform-origin: bottom left 0; + -ms-transform-origin: bottom left 0; + transform-origin: bottom left 0; + -webkit-transform: rotateY(-90deg); + -ms-transform: rotateY(-90deg); + transform: rotateY(-90deg); } + +.wings-obelisk .wing-left svg, +.fires-obelisk .wing-left svg { + -webkit-transform-origin: bottom right 0; + -ms-transform-origin: bottom right 0; + transform-origin: bottom right 0; + -webkit-transform: rotateY(90deg); + -ms-transform: rotateY(90deg); + transform: rotateY(90deg); } + +.wings-obelisk .fire_center, +.fires-obelisk .fire_center { + width: 50px; } + +.wings-obelisk .fire_left, +.fires-obelisk .fire_left, +.wings-obelisk .fire_right, +.fires-obelisk .fire_right { + float: right; + width: 10px; + margin-top: 13px; } + +.wings-obelisk .fire_left, +.fires-obelisk .fire_left { + float: left; + margin-left: 1px; } + +.fires-obelisk { + top: 145px; + z-index: 1; } + +.illustration .obelisk { + z-index: 3; } + +.button-obelisk { + width: 28px; + position: absolute; + top: 183px; + left: 50%; + margin-left: -498px; + z-index: 10; } + +.button-obelisk:hover { + cursor: pointer; } + +.button-obelisk:hover .circle-top { + position: relative; + bottom: -5px; } + +.button-obelisk.down .circle-top { + position: relative; + bottom: -5px; } + +.button-obelisk.down .circle-top:after { + content: ''; + width: 40px; + height: 32px; + display: block; + position: relative; + top: -7px; + left: -8px; + border-radius: 50%; + border: solid 5px rgba(7, 55, 74, 0.5); } + +.button-obelisk .circle-top, +.button-obelisk .circle-bottom { + width: 28px; + height: 28px; + border-radius: 50%; + border: solid 2px #07374a; + display: block; } + +.button-obelisk .circle-top { + background: #fd411c; + overflow: hidden; } + +.button-obelisk .circle-bottom { + background: #da4525; + position: relative; + top: -22px; + z-index: -1; } + +.windows-1 { + width: 128px; + height: 69px; + position: absolute; + top: 7px; + left: 50%; + margin-left: 280px; } + +.windows-1 svg { + width: 100%; + height: 100%; } + +.windows-2 { + width: 87px; + height: 73px; + position: absolute; + bottom: 200px; + left: 50%; + margin-left: 116px; } + +.windows-2 svg { + width: 100%; + height: 100%; } + +.windows-3 { + width: 100px; + height: 84px; + position: absolute; + bottom: 239px; + left: 50%; + margin-left: -246px; } + +.windows-3 svg { + width: 100%; + height: 100%; } + +@media only screen and (max-width: 1004px) { + .windows-1, + .windows-2, + .windows-3 { + display: none; } } +.hackers { + position: absolute; + top: 103px; + left: 50%; + margin-left: -112px; + z-index: 10; + width: 221px; + height: 90px; } + +@media (max-width: 768px) { + .hackers { + display: none; } } +.hackers .display_left { + width: 30px; + height: 22px; + position: absolute; + top: 19px; + left: 7px; } + +.hackers .display_left svg { + width: 100%; + height: 100%; } + +.hackers .display_left .code_1 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 40ms; + -ms-animation-delay: 40ms; + animation-delay: 40ms; } + +.hackers .display_left .code_2 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 80ms; + -ms-animation-delay: 80ms; + animation-delay: 80ms; } + +.hackers .display_left .code_3 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 120ms; + -ms-animation-delay: 120ms; + animation-delay: 120ms; } + +.hackers .display_left .code_4 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 160ms; + -ms-animation-delay: 160ms; + animation-delay: 160ms; } + +.hackers .display_left .code_5 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 200ms; + -ms-animation-delay: 200ms; + animation-delay: 200ms; } + +.hackers .display_left .code_6 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 240ms; + -ms-animation-delay: 240ms; + animation-delay: 240ms; } + +.hackers .display_left .code_7 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 280ms; + -ms-animation-delay: 280ms; + animation-delay: 280ms; } + +.hackers .display_left .code_8 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 320ms; + -ms-animation-delay: 320ms; + animation-delay: 320ms; } + +.hackers .display_left .code_9 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 360ms; + -ms-animation-delay: 360ms; + animation-delay: 360ms; } + +.hackers .display_left .code_10 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 400ms; + -ms-animation-delay: 400ms; + animation-delay: 400ms; } + +.hackers .display_left .code_11 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 440ms; + -ms-animation-delay: 440ms; + animation-delay: 440ms; } + +.hackers .display_left .code_12 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 480ms; + -ms-animation-delay: 480ms; + animation-delay: 480ms; } + +.hackers .display_left .code_13 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 520ms; + -ms-animation-delay: 520ms; + animation-delay: 520ms; } + +.hackers .display_left .code_14 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 560ms; + -ms-animation-delay: 560ms; + animation-delay: 560ms; } + +.hackers .display_left .code_15 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_l 10s linear; + -ms-animation: code_l 10s linear; + animation: code_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 600ms; + -ms-animation-delay: 600ms; + animation-delay: 600ms; } + +.hackers .cable_left { + width: 51px; + height: 65px; + position: absolute; + top: 19px; + left: 39px; } + +.hackers .cable_left svg { + width: 100%; + height: 100%; } + +.hackers .cable_left .cable-left-2, +.hackers .cable_left .cable-left-3, +.hackers .cable_left .cable-left-4 { + -webkit-animation: dash_l 10s linear; + -ms-animation: dash_l 10s linear; + animation: dash_l 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + stroke-dashoffset: -242; + stroke-dasharray: 10, 20, 10, 325; } + +.hackers .cable_left .cable-left-3 { + stroke-dasharray: 0, 15, 11, 26, 12, 274; } + +.hackers .cable_left .cable-left-4 { + stroke-dasharray: 0, 0, 0, 70, 19, 274; } + +.hackers .display_right { + width: 30px; + height: 22px; + position: absolute; + top: 5px; + right: 7px; } + +.hackers .display_right svg { + width: 100%; + height: 100%; } + +.hackers .display_right .code_1 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 40ms; + -ms-animation-delay: 40ms; + animation-delay: 40ms; } + +.hackers .display_right .code_2 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 80ms; + -ms-animation-delay: 80ms; + animation-delay: 80ms; } + +.hackers .display_right .code_3 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 120ms; + -ms-animation-delay: 120ms; + animation-delay: 120ms; } + +.hackers .display_right .code_4 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 160ms; + -ms-animation-delay: 160ms; + animation-delay: 160ms; } + +.hackers .display_right .code_5 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 200ms; + -ms-animation-delay: 200ms; + animation-delay: 200ms; } + +.hackers .display_right .code_6 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 240ms; + -ms-animation-delay: 240ms; + animation-delay: 240ms; } + +.hackers .display_right .code_7 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 280ms; + -ms-animation-delay: 280ms; + animation-delay: 280ms; } + +.hackers .display_right .code_8 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 320ms; + -ms-animation-delay: 320ms; + animation-delay: 320ms; } + +.hackers .display_right .code_9 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 360ms; + -ms-animation-delay: 360ms; + animation-delay: 360ms; } + +.hackers .display_right .code_10 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 400ms; + -ms-animation-delay: 400ms; + animation-delay: 400ms; } + +.hackers .display_right .code_11 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 440ms; + -ms-animation-delay: 440ms; + animation-delay: 440ms; } + +.hackers .display_right .code_12 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 480ms; + -ms-animation-delay: 480ms; + animation-delay: 480ms; } + +.hackers .display_right .code_13 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 520ms; + -ms-animation-delay: 520ms; + animation-delay: 520ms; } + +.hackers .display_right .code_14 { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); + -webkit-animation: code_r 10s linear; + -ms-animation: code_r 10s linear; + animation: code_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-delay: 560ms; + -ms-animation-delay: 560ms; + animation-delay: 560ms; } + +.hackers .cable_right { + width: 52px; + height: 67px; + position: absolute; + top: 20px; + right: 35px; } + +.hackers .cable_right svg { + width: 100%; + height: 100%; } + +.hackers .cable_right .cable-right-2, +.hackers .cable_right .cable-right-3, +.hackers .cable_right .cable-right-4 { + -webkit-animation: dash_r 10s linear; + -ms-animation: dash_r 10s linear; + animation: dash_r 10s linear; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + stroke-dashoffset: -242; + stroke-dasharray: 10, 20, 10, 325; } + +.hackers .cable_right .cable-right-3 { + stroke-dasharray: 0, 15, 11, 26, 12, 274; } + +.hackers .cable_right .cable-right-4 { + stroke-dasharray: 0, 0, 0, 70, 19, 274; } + +.flower { + width: 100px; + height: 75px; + position: absolute; + top: 160px; + left: 50%; + margin-left: -328px; } + +.flower-base { + position: absolute; + bottom: 0; + right: 0; + z-index: 10; + width: 95px; + height: 35px; } + +.flower-base svg { + width: 100%; + height: 100%; } + +.flower .flower-petal-1, +.flower .flower-petal-2 { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; } + +.flower .flower-petal-3, +.flower .flower-petal-4 { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; } + +.flower-petal-1, +.flower-petal-2, +.flower-petal-3, +.flower-petal-4 { + -webkit-transition: all 0.3s ease-in; + transition: all 0.3s ease-in; } + +.flower-petal-1 svg, +.flower-petal-2 svg, +.flower-petal-3 svg, +.flower-petal-4 svg { + width: 100%; + height: 100%; } + +.flower-petal-1 { + position: absolute; + top: 27px; + left: 0; + z-index: 8; + width: 47px; + height: 33px; } + +.flower-petal-2 { + position: absolute; + top: 18px; + left: 5px; + z-index: 9; + width: 47px; + height: 36px; } + +.flower-petal-3 { + position: absolute; + top: 0px; + right: 28px; + z-index: 9; + width: 27px; + height: 49px; } + +.flower-petal-4 { + position: absolute; + top: 3px; + right: 22px; + z-index: 8; + width: 27px; + height: 49px; } + +.flower-inner { + position: absolute; + bottom: 30px; + right: 50px; + z-index: 1; + width: 25px; + height: 35px; } + +.flower-inner svg { + width: 100%; + height: 100%; } + +@-webkit-keyframes shake-base { + 0% { + -webkit-transform: translate(0px, 0px) rotate(0deg); + -ms-transform: translate(0px, 0px) rotate(0deg); + transform: translate(0px, 0px) rotate(0deg); } + + 2% { + -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg); + -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg); + transform: translate(-0.5px, 1.5px) rotate(0.5deg); } + + 4% { + -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); + -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); + transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } + + 6% { + -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg); + transform: translate(-2.5px, -1.5px) rotate(0.5deg); } + + 8% { + -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg); + -ms-transform: translate(-2.5px, -2.5px) rotate(-1.5deg); + transform: translate(-2.5px, -2.5px) rotate(-1.5deg); } + + 10% { + -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg); + -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); + transform: translate(1.5px, 1.5px) rotate(-1.5deg); } + + 12% { + -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); + transform: translate(-2.5px, -0.5px) rotate(-0.5deg); } + + 14% { + -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(1.5px, -2.5px) rotate(-0.5deg); + transform: translate(1.5px, -2.5px) rotate(-0.5deg); } + + 16% { + -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg); + -ms-transform: translate(0.5px, 1.5px) rotate(0.5deg); + transform: translate(0.5px, 1.5px) rotate(0.5deg); } + + 18% { + -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); + transform: translate(-2.5px, -0.5px) rotate(0.5deg); } + + 20% { + -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); + transform: translate(-0.5px, -0.5px) rotate(-1.5deg); } + + 22% { + -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); + -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); + transform: translate(-2.5px, -1.5px) rotate(-1.5deg); } + + 24% { + -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, -2.5px) rotate(-1.5deg); + transform: translate(-1.5px, -2.5px) rotate(-1.5deg); } + + 26% { + -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg); + transform: translate(0.5px, -0.5px) rotate(-1.5deg); } + + 28% { + -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); + -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); + transform: translate(-0.5px, -1.5px) rotate(-0.5deg); } + + 30% { + -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, 1.5px) rotate(0.5deg); + transform: translate(-2.5px, 1.5px) rotate(0.5deg); } + + 32% { + -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); + transform: translate(-2.5px, -2.5px) rotate(-0.5deg); } + + 34% { + -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, 0.5px) rotate(-1.5deg); + transform: translate(-1.5px, 0.5px) rotate(-1.5deg); } + + 36% { + -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); + -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg); + transform: translate(1.5px, -1.5px) rotate(-1.5deg); } + + 38% { + -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg); + transform: translate(0.5px, -0.5px) rotate(-0.5deg); } + + 40% { + -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg); + -ms-transform: translate(-0.5px, 0.5px) rotate(0.5deg); + transform: translate(-0.5px, 0.5px) rotate(0.5deg); } + + 42% { + -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + transform: translate(0.5px, -2.5px) rotate(-0.5deg); } + + 44% { + -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + transform: translate(0.5px, -2.5px) rotate(-0.5deg); } + + 46% { + -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); + transform: translate(-1.5px, 1.5px) rotate(-1.5deg); } + + 48% { + -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + transform: translate(0.5px, -2.5px) rotate(-0.5deg); } + + 50% { + -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); + transform: translate(-1.5px, -0.5px) rotate(-1.5deg); } + + 52% { + -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); + transform: translate(-2.5px, -0.5px) rotate(-1.5deg); } + + 54% { + -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg); + -ms-transform: translate(1.5px, 0.5px) rotate(-1.5deg); + transform: translate(1.5px, 0.5px) rotate(-1.5deg); } + + 56% { + -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg); + -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg); + transform: translate(0.5px, 0.5px) rotate(-1.5deg); } + + 58% { + -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg); + transform: translate(0.5px, 1.5px) rotate(-0.5deg); } + + 60% { + -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); + transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } + + 62% { + -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, -1.5px) rotate(-0.5deg); + transform: translate(-2.5px, -1.5px) rotate(-0.5deg); } + + 64% { + -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg); + -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg); + transform: translate(-1.5px, 0.5px) rotate(0.5deg); } + + 66% { + -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg); + transform: translate(0.5px, -0.5px) rotate(-1.5deg); } + + 68% { + -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); + transform: translate(-1.5px, -0.5px) rotate(-1.5deg); } + + 70% { + -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg); + -ms-transform: translate(-0.5px, -2.5px) rotate(-1.5deg); + transform: translate(-0.5px, -2.5px) rotate(-1.5deg); } + + 72% { + -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); + transform: translate(-2.5px, -0.5px) rotate(-1.5deg); } + + 74% { + -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg); + transform: translate(-2.5px, 0.5px) rotate(0.5deg); } + + 76% { + -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); + -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg); + transform: translate(1.5px, -1.5px) rotate(-1.5deg); } + + 78% { + -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg); + -ms-transform: translate(1.5px, -2.5px) rotate(0.5deg); + transform: translate(1.5px, -2.5px) rotate(0.5deg); } + + 80% { + -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); + transform: translate(-2.5px, -2.5px) rotate(-0.5deg); } + + 82% { + -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg); + transform: translate(-2.5px, -1.5px) rotate(0.5deg); } + + 84% { + -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + transform: translate(0.5px, -2.5px) rotate(-0.5deg); } + + 86% { + -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); + transform: translate(-2.5px, 0.5px) rotate(-0.5deg); } + + 88% { + -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); + transform: translate(-2.5px, -0.5px) rotate(-0.5deg); } + + 90% { + -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); + transform: translate(-1.5px, -1.5px) rotate(-1.5deg); } + + 92% { + -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); + -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); + transform: translate(-0.5px, -1.5px) rotate(-0.5deg); } + + 94% { + -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg); + transform: translate(0.5px, -0.5px) rotate(-0.5deg); } + + 96% { + -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, -2.5px) rotate(0.5deg); + transform: translate(-2.5px, -2.5px) rotate(0.5deg); } + + 98% { + -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); + -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); + transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } } +@keyframes shake-base { + 0% { + -webkit-transform: translate(0px, 0px) rotate(0deg); + -ms-transform: translate(0px, 0px) rotate(0deg); + transform: translate(0px, 0px) rotate(0deg); } + + 2% { + -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg); + -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg); + transform: translate(-0.5px, 1.5px) rotate(0.5deg); } + + 4% { + -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); + -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); + transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } + + 6% { + -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg); + transform: translate(-2.5px, -1.5px) rotate(0.5deg); } + + 8% { + -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg); + -ms-transform: translate(-2.5px, -2.5px) rotate(-1.5deg); + transform: translate(-2.5px, -2.5px) rotate(-1.5deg); } + + 10% { + -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg); + -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); + transform: translate(1.5px, 1.5px) rotate(-1.5deg); } + + 12% { + -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); + transform: translate(-2.5px, -0.5px) rotate(-0.5deg); } + + 14% { + -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(1.5px, -2.5px) rotate(-0.5deg); + transform: translate(1.5px, -2.5px) rotate(-0.5deg); } + + 16% { + -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg); + -ms-transform: translate(0.5px, 1.5px) rotate(0.5deg); + transform: translate(0.5px, 1.5px) rotate(0.5deg); } + + 18% { + -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); + transform: translate(-2.5px, -0.5px) rotate(0.5deg); } + + 20% { + -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); + transform: translate(-0.5px, -0.5px) rotate(-1.5deg); } + + 22% { + -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); + -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); + transform: translate(-2.5px, -1.5px) rotate(-1.5deg); } + + 24% { + -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, -2.5px) rotate(-1.5deg); + transform: translate(-1.5px, -2.5px) rotate(-1.5deg); } + + 26% { + -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg); + transform: translate(0.5px, -0.5px) rotate(-1.5deg); } + + 28% { + -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); + -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); + transform: translate(-0.5px, -1.5px) rotate(-0.5deg); } + + 30% { + -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, 1.5px) rotate(0.5deg); + transform: translate(-2.5px, 1.5px) rotate(0.5deg); } + + 32% { + -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); + transform: translate(-2.5px, -2.5px) rotate(-0.5deg); } + + 34% { + -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, 0.5px) rotate(-1.5deg); + transform: translate(-1.5px, 0.5px) rotate(-1.5deg); } + + 36% { + -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); + -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg); + transform: translate(1.5px, -1.5px) rotate(-1.5deg); } + + 38% { + -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg); + transform: translate(0.5px, -0.5px) rotate(-0.5deg); } + + 40% { + -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg); + -ms-transform: translate(-0.5px, 0.5px) rotate(0.5deg); + transform: translate(-0.5px, 0.5px) rotate(0.5deg); } + + 42% { + -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + transform: translate(0.5px, -2.5px) rotate(-0.5deg); } + + 44% { + -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + transform: translate(0.5px, -2.5px) rotate(-0.5deg); } + + 46% { + -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); + transform: translate(-1.5px, 1.5px) rotate(-1.5deg); } + + 48% { + -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + transform: translate(0.5px, -2.5px) rotate(-0.5deg); } + + 50% { + -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); + transform: translate(-1.5px, -0.5px) rotate(-1.5deg); } + + 52% { + -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); + transform: translate(-2.5px, -0.5px) rotate(-1.5deg); } + + 54% { + -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg); + -ms-transform: translate(1.5px, 0.5px) rotate(-1.5deg); + transform: translate(1.5px, 0.5px) rotate(-1.5deg); } + + 56% { + -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg); + -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg); + transform: translate(0.5px, 0.5px) rotate(-1.5deg); } + + 58% { + -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg); + transform: translate(0.5px, 1.5px) rotate(-0.5deg); } + + 60% { + -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); + transform: translate(-0.5px, -2.5px) rotate(-0.5deg); } + + 62% { + -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, -1.5px) rotate(-0.5deg); + transform: translate(-2.5px, -1.5px) rotate(-0.5deg); } + + 64% { + -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg); + -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg); + transform: translate(-1.5px, 0.5px) rotate(0.5deg); } + + 66% { + -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(0.5px, -0.5px) rotate(-1.5deg); + transform: translate(0.5px, -0.5px) rotate(-1.5deg); } + + 68% { + -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); + transform: translate(-1.5px, -0.5px) rotate(-1.5deg); } + + 70% { + -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg); + -ms-transform: translate(-0.5px, -2.5px) rotate(-1.5deg); + transform: translate(-0.5px, -2.5px) rotate(-1.5deg); } + + 72% { + -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); + -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); + transform: translate(-2.5px, -0.5px) rotate(-1.5deg); } + + 74% { + -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg); + transform: translate(-2.5px, 0.5px) rotate(0.5deg); } + + 76% { + -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); + -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg); + transform: translate(1.5px, -1.5px) rotate(-1.5deg); } + + 78% { + -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg); + -ms-transform: translate(1.5px, -2.5px) rotate(0.5deg); + transform: translate(1.5px, -2.5px) rotate(0.5deg); } + + 80% { + -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); + transform: translate(-2.5px, -2.5px) rotate(-0.5deg); } + + 82% { + -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, -1.5px) rotate(0.5deg); + transform: translate(-2.5px, -1.5px) rotate(0.5deg); } + + 84% { + -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg); + transform: translate(0.5px, -2.5px) rotate(-0.5deg); } + + 86% { + -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); + transform: translate(-2.5px, 0.5px) rotate(-0.5deg); } + + 88% { + -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); + -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); + transform: translate(-2.5px, -0.5px) rotate(-0.5deg); } + + 90% { + -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); + -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); + transform: translate(-1.5px, -1.5px) rotate(-1.5deg); } + + 92% { + -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); + -ms-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); + transform: translate(-0.5px, -1.5px) rotate(-0.5deg); } + + 94% { + -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); + -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg); + transform: translate(0.5px, -0.5px) rotate(-0.5deg); } + + 96% { + -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg); + -ms-transform: translate(-2.5px, -2.5px) rotate(0.5deg); + transform: translate(-2.5px, -2.5px) rotate(0.5deg); } + + 98% { + -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); + -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); + transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } } +@-webkit-keyframes obelisk-fly { + 0% { + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); } + + 100% { + -webkit-transform: translateY(-1000px); + -ms-transform: translateY(-1000px); + transform: translateY(-1000px); } } +@keyframes obelisk-fly { + 0% { + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); } + + 100% { + -webkit-transform: translateY(-1000px); + -ms-transform: translateY(-1000px); + transform: translateY(-1000px); } } +@-webkit-keyframes obelisk-drop-shadow { + 0% { + -webkit-filter: drop-shadow(0px 0px 0px transparent); + filter: drop-shadow(0px 0px 0px transparent); } + + 100% { + -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8)); + filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8)); } } +@keyframes obelisk-drop-shadow { + 0% { + -webkit-filter: drop-shadow(0px 0px 0px transparent); + filter: drop-shadow(0px 0px 0px transparent); } + + 100% { + -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8)); + filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8)); } } +@-webkit-keyframes obelisk-wing-right { + 85% { + -webkit-transform: rotateY(0deg); + -ms-transform: rotateY(0deg); + transform: rotateY(0deg); } + + 90% { + -webkit-transform: translateY(-2px); + -ms-transform: translateY(-2px); + transform: translateY(-2px); } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +@keyframes obelisk-wing-right { + 85% { + -webkit-transform: rotateY(0deg); + -ms-transform: rotateY(0deg); + transform: rotateY(0deg); } + + 90% { + -webkit-transform: translateY(-2px); + -ms-transform: translateY(-2px); + transform: translateY(-2px); } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +@-webkit-keyframes obelisk-wing-left { + 100% { + -webkit-transform: rotateY(0); + -ms-transform: rotateY(0); + transform: rotateY(0); } + + 90% { + -webkit-transform: translateY(-2px); + -ms-transform: translateY(-2px); + transform: translateY(-2px); } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +@keyframes obelisk-wing-left { + 100% { + -webkit-transform: rotateY(0); + -ms-transform: rotateY(0); + transform: rotateY(0); } + + 90% { + -webkit-transform: translateY(-2px); + -ms-transform: translateY(-2px); + transform: translateY(-2px); } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +@-webkit-keyframes obelisk-fire { + 0% { + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); } + + 95% { + -webkit-transform: scale(1.2); + -ms-transform: scale(1.2); + transform: scale(1.2); } + + 98% { + -webkit-transform: scale(0.9); + -ms-transform: scale(0.9); + transform: scale(0.9); } + + 99% { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } } +@keyframes obelisk-fire { + 0% { + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); } + + 95% { + -webkit-transform: scale(1.2); + -ms-transform: scale(1.2); + transform: scale(1.2); } + + 98% { + -webkit-transform: scale(0.9); + -ms-transform: scale(0.9); + transform: scale(0.9); } + + 99% { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } } +@-webkit-keyframes code_l { + 0%, 5% { + -webkit-transform: translateX(-35px); + -ms-transform: translateX(-35px); + transform: translateX(-35px); } + + 15%, 20% { + -webkit-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); } + + 45%, 100% { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); } } +@keyframes code_l { + 0%, 5% { + -webkit-transform: translateX(-35px); + -ms-transform: translateX(-35px); + transform: translateX(-35px); } + + 15%, 20% { + -webkit-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); } + + 45%, 100% { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); } } +@-webkit-keyframes dash_l { + 0%, 20% { + stroke-dashoffset: -242; } + + 60%, 100% { + stroke-dashoffset: 100; } } +@keyframes dash_l { + 0%, 20% { + stroke-dashoffset: -242; } + + 60%, 100% { + stroke-dashoffset: 100; } } +@-webkit-keyframes code_r { + 0%, 5% { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); } + + 15%, 20% { + -webkit-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); } + + 45%, 100% { + -webkit-transform: translateX(-35px); + -ms-transform: translateX(-35px); + transform: translateX(-35px); } } +@keyframes code_r { + 0%, 5% { + -webkit-transform: translateX(35px); + -ms-transform: translateX(35px); + transform: translateX(35px); } + + 15%, 20% { + -webkit-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); } + + 45%, 100% { + -webkit-transform: translateX(-35px); + -ms-transform: translateX(-35px); + transform: translateX(-35px); } } +@-webkit-keyframes dash_r { + 0%, 20% { + stroke-dashoffset: -242; } + + 60%, 100% { + stroke-dashoffset: 100; } } +@keyframes dash_r { + 0%, 20% { + stroke-dashoffset: -242; } + + 60%, 100% { + stroke-dashoffset: 100; } } +.cerrados, +.octopus-eyes:hover { + bottom: 55px; } + +.cerrados .octopus-eye-left:after, +.octopus-eyes:hover .octopus-eye-left:after, +.cerrados .octopus-eye-right:after, +.octopus-eyes:hover .octopus-eye-right:after { + top: -11px; } + +.footer-illustration-wrapper { + position: relative; } + +.octopus-eyes { + width: 60px; + height: 15px; + position: absolute; + bottom: 58px; + left: 50%; + z-index: 100; + margin-left: -126px; + -webkit-animation-name: pestaneo-cejas; + -ms-animation-name: pestaneo-cejas; + animation-name: pestaneo-cejas; + -webkit-animation-duration: 2s; + -ms-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: ease-in; + -ms-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-animation-delay: 0; + -ms-animation-delay: 0; + animation-delay: 0; + -webkit-animation-play-state: running; + -ms-animation-play-state: running; + animation-play-state: running; } + +.octopus-eyes .octopus-eye-left, +.octopus-eyes .octopus-eye-right { + overflow: hidden; + width: 20px; + height: 15px; + position: relative; + border-top: solid 3px #fff; } + +.octopus-eyes .octopus-eye-left:after, +.octopus-eyes .octopus-eye-right:after { + content: ''; + width: 11px; + height: 11px; + border-radius: 50%; + background: #fff; + position: absolute; + right: 0; + top: -6px; + -webkit-animation-name: pestaneo; + -ms-animation-name: pestaneo; + animation-name: pestaneo; + -webkit-animation-duration: 2s; + -ms-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: ease-in; + -ms-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-animation-delay: 0; + -ms-animation-delay: 0; + animation-delay: 0; + -webkit-animation-play-state: running; + -ms-animation-play-state: running; + animation-play-state: running; } + +.octopus-eyes .octopus-eye-left { + float: left; } + +.octopus-eyes .octopus-eye-right { + float: right; } + +@-webkit-keyframes pestaneo { + 0% { + top: -6px; + right: 0; } + + 52% { + right: 0; } + + 60% { + right: 9px; } + + 65% { + right: 9px; } + + 69% { + right: 0; } + + 90% { + top: -6px; } + + 95% { + top: -11px; } + + 100% { + top: -6px; } } +@keyframes pestaneo { + 0% { + top: -6px; + right: 0; } + + 52% { + right: 0; } + + 60% { + right: 9px; } + + 65% { + right: 9px; } + + 69% { + right: 0; } + + 90% { + top: -6px; } + + 95% { + top: -11px; } + + 100% { + top: -6px; } } +@-webkit-keyframes pestaneo-cejas { + 0% { + bottom: 58px; } + + 90% { + bottom: 58px; } + + 95% { + bottom: 55px; } + + 100% { + bottom: 58px; } } +@keyframes pestaneo-cejas { + 0% { + bottom: 58px; } + + 90% { + bottom: 58px; } + + 95% { + bottom: 55px; } + + 100% { + bottom: 58px; } } +.md-perspective, +.md-perspective body { + height: 100%; + overflow: hidden; } + +.md-perspective body { + background: #222; + -webkit-perspective: 600px; + -moz-perspective: 600px; + perspective: 600px; } + +.md-modal { + position: fixed; + top: 50%; + left: 50%; + width: 100%; + max-width: 630px; + min-width: 320px; + height: auto; + z-index: 2000; + visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: translateX(-50%) translateY(-50%); + -moz-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); } + +.md-show { + visibility: visible; } + +.md-overlay { + position: fixed; + width: 100%; + height: 100%; + visibility: hidden; + top: 0; + left: 0; + z-index: 1000; + opacity: 0; + background: rgba(255, 191, 25, 0.8); + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; } + +.md-show ~ .md-overlay { + opacity: 1; + visibility: visible; } + +/* Content styles */ +.md-content { + color: #67919c; + background: white; + position: relative; + margin: 0 auto; + *zoom: 1; } + .md-content:before, .md-content:after { + content: " "; + display: table; } + .md-content:after { + clear: both; } + .md-content figure { + float: left; + margin: 0; + position: relative; + width: 126px; + height: 126px; } + @media (min-width: 768px) { + .md-content figure { + width: 200px; + height: 200px; } } + .md-content figure img { + display: block; + width: 100%; + height: 100%; } + .md-content .description { + margin-left: 126px; + padding: 17px 20px 0 20px; + color: #1e3d55; } + @media (min-width: 768px) { + .md-content .description { + margin-left: 200px; } } + .md-content h2 { + font-size: 20px; + margin-bottom: 0; + font-weight: bold; + text-align: left; } + .md-content p { + font-size: 20px; + text-align: left; } + .md-content .social { + padding-bottom: 10px; } + .md-content a.facebook { + color: #133783; } + .md-content a.twitter { + color: #55acee; } + .md-content a.github { + color: #212121; } + .md-content .bio { + max-height: 76px; + overflow-x: hidden; + overflow-y: scroll; + display: none; } + @media (min-width: 768px) { + .md-content .bio { + display: block; } } + .md-content .bio p { + font-size: 12px; } + +.md-content button.md-close { + width: 40px; + height: 40px; + display: block; + background: url(images/close-button.png) center no-repeat #132431; + border: 0; + color: #ffbf19; + position: absolute; + top: 0; + right: 0; } + @media (min-width: 768px) { + .md-content button.md-close { + top: -20px; + right: -10px; } } + +/* Effect: flip */ +.md-effect-flip.md-modal { + -webkit-perspective: 1300px; + -moz-perspective: 1300px; + perspective: 1300px; } + +.md-effect-flip .md-content { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transform: rotateY(-70deg); + -moz-transform: rotateY(-70deg); + -ms-transform: rotateY(-70deg); + transform: rotateY(-70deg); + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; + opacity: 0; } + +.md-show.md-effect-flip .md-content { + -webkit-transform: rotateY(0deg); + -moz-transform: rotateY(0deg); + -ms-transform: rotateY(0deg); + transform: rotateY(0deg); + opacity: 1; } + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license + +Copyright (c) 2013 Daniel Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; } + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; } + +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); } + + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); } + + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); } } +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } + + 40% { + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); } + + 60% { + -webkit-transform: translateY(-15px); + -ms-transform: translateY(-15px); + transform: translateY(-15px); } } +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; } + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; } + + 25%, 75% { + opacity: 0; } } +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; } + + 25%, 75% { + opacity: 0; } } +.flash { + -webkit-animation-name: flash; + animation-name: flash; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); } + + 50% { + -webkit-transform: scale(1.1); + transform: scale(1.1); } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); } } +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } + + 50% { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } } +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; } + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0); } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); } } +@keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); } } +.shake { + -webkit-animation-name: shake; + animation-name: shake; } + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); } + + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); } + + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); } + + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); } + + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } } +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + -ms-transform: rotate(15deg); + transform: rotate(15deg); } + + 40% { + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); } + + 60% { + -webkit-transform: rotate(5deg); + -ms-transform: rotate(5deg); + transform: rotate(5deg); } + + 80% { + -webkit-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + transform: rotate(-5deg); } + + 100% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); } } +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; } + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1); } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); } + + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); } } +@keyframes tada { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + -ms-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + -ms-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + -ms-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); } + + 100% { + -webkit-transform: scale(1) rotate(0); + -ms-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); } } +.tada { + -webkit-animation-name: tada; + animation-name: tada; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + transform: translateX(0%); } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); } + + 100% { + -webkit-transform: translateX(0%); + transform: translateX(0%); } } +@keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + -ms-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + -ms-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + -ms-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + -ms-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + -ms-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); } + + 100% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); } } +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; } + +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(0.3); + transform: scale(0.3); } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + transform: scale(1.05); } + + 70% { + -webkit-transform: scale(0.9); + transform: scale(0.9); } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); } } +@keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(0.3); + -ms-transform: scale(0.3); + transform: scale(0.3); } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); } + + 70% { + -webkit-transform: scale(0.9); + -ms-transform: scale(0.9); + transform: scale(0.9); } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } } +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; } + +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + transform: translateY(30px); } + + 80% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); } } +@keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + -ms-transform: translateY(30px); + transform: translateY(30px); } + + 80% { + -webkit-transform: translateY(-10px); + -ms-transform: translateY(-10px); + transform: translateY(-10px); } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; } + +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + transform: translateX(30px); } + + 80% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); } } +@keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + -ms-transform: translateX(30px); + transform: translateX(30px); } + + 80% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } } +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; } + +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); } + + 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); } } +@keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + -ms-transform: translateX(-30px); + transform: translateX(-30px); } + + 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } } +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; } + +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); } + + 80% { + -webkit-transform: translateY(10px); + transform: translateY(10px); } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); } } +@keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); } + + 80% { + -webkit-transform: translateY(10px); + -ms-transform: translateY(10px); + transform: translateY(10px); } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; } + +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + transform: scale(1); } + + 25% { + -webkit-transform: scale(0.95); + transform: scale(0.95); } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + transform: scale(1.1); } + + 100% { + opacity: 0; + -webkit-transform: scale(0.3); + transform: scale(0.3); } } +@keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } + + 25% { + -webkit-transform: scale(0.95); + -ms-transform: scale(0.95); + transform: scale(0.95); } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } + + 100% { + opacity: 0; + -webkit-transform: scale(0.3); + -ms-transform: scale(0.3); + transform: scale(0.3); } } +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; } + +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); } } +@keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); } } +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; } + +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + transform: translateX(20px); } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); } } +@keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); } } +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; } + +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); } } +@keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); } } +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; } + +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + transform: translateY(20px); } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); } } +@keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); } } +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; } + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; } + + 100% { + opacity: 1; } } +@keyframes fadeIn { + 0% { + opacity: 0; } + + 100% { + opacity: 1; } } +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; } + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } } +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; } + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } } +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; } + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } } +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } } +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; } + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } } +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } } +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; } + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } } +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } } +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; } + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } } +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } } +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; } + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } } +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; } + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } } +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; } + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; } + + 100% { + opacity: 0; } } +@keyframes fadeOut { + 0% { + opacity: 1; } + + 100% { + opacity: 0; } } +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; } + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); } } +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); } } +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; } + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); } } +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); } } +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; } + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } } +@keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); } } +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; } + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); } } +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); } } +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; } + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); } } +@keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); } } +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; } + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); } } +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); } } +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; } + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); } } +@keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); } } +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; } + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); } } +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); } } +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; } + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } } +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } } +.animated.flip { + -webkit-backface-visibility: visible; + -ms-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; } + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; } } +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + -ms-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + -ms-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; } } +.flipInX { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; } + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; } } +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + -ms-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + -ms-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; } } +.flipInY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; } + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; } } +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; } } +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; } + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; } } +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; } } +.flipOutY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; } + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; } } +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + -ms-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + -ms-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; } } +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + +@-webkit-keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; } } +@keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; } } +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; } } +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + -ms-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } } +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; } + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; } } +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } } +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; } + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; } } +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } } +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; } + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; } } +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } } +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; } + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; } } +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } } +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; } + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; } } +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + -ms-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; } } +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; } + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; } } +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; } } +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; } + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; } } +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; } } +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; } + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; } } +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; } } +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; } + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; } } +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; } } +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; } + +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); } } +@keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } } +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; } + +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); } } +@keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } } +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; } + +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); } } +@keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } } +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; } + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); } } +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); } } +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; } + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); } } +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); } } +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; } + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); } } +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); } } +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; } + +@-webkit-keyframes hinge { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + + 20%, 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + + 40% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + + 100% { + -webkit-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; } } +@keyframes hinge { + 0% { + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + + 20%, 60% { + -webkit-transform: rotate(80deg); + -ms-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + + 40% { + -webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + -ms-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + + 100% { + -webkit-transform: translateY(700px); + -ms-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; } } +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); } } +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + -ms-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); } } +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); } } +@keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + -ms-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); } } +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; } + +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + + 50% { + opacity: 1; } } +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + + 50% { + opacity: 1; } } +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; } + +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; } + +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; } + +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; } + +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; } + +@-webkit-keyframes zoomOut { + 0% { + opacity: 1; } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + + 100% { + opacity: 0; } } +@keyframes zoomOut { + 0% { + opacity: 1; } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + + 100% { + opacity: 0; } } +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; } + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 100% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 100% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; } + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } + + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; } } +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } + + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; } } +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; } + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } + + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; } } +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } + + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; } } +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; } + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 100% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + + 100% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; } + +.wow { + visibility: hidden; } + +#cloudx1, #cloudx4 { + fill: #f7d043; } + +#cloudx2, #cloudx5 { + fill: #f1bc05; } + +#cloudx3 { + fill: #f5d24d; } + +.cloudx1, .cloudx2, .cloudx3, .cloudx4, .cloudx5 { + width: 138px; + height: 100%; + position: absolute; } + +.cloudx2, .cloudx4 { + width: 108px; } + +.cloudx3 { + width: 64px; } + +.cloudx1 { + top: 5%; + -webkit-animation: fly 45s linear infinite; + -moz-animation: fly 45s linear infinite; + -o-animation: fly 45s linear infinite; + animation: fly 45s linear infinite; } + +.cloudx2 { + left: 200px; + top: 20%; + opacity: 0.6; + -webkit-animation: fly 75s linear infinite; + -moz-animation: fly 75s linear infinite; + -o-animation: fly 75s linear infinite; + animation: fly 75s linear infinite; } + +.cloudx3 { + left: -250px; + top: 35%; + opacity: 0.8; + -webkit-animation: fly 60s linear infinite; + -moz-animation: fly 60s linear infinite; + -o-animation: fly 60s linear infinite; + animation: fly 60s linear infinite; } + +.cloudx4 { + left: 470px; + top: 50%; + opacity: 0.75; + -webkit-animation: fly 50s linear infinite; + -moz-animation: fly 50s linear infinite; + -o-animation: fly 50s linear infinite; + animation: fly 50s linear infinite; } + +.cloudx5 { + left: -150px; + top: 65%; + opacity: 0.8; + -webkit-animation: fly 60s linear infinite; + -moz-animation: fly 60s linear infinite; + -o-animation: fly 60s linear infinite; + animation: fly 60s linear infinite; } + +@-webkit-keyframes fly { + 0% { + margin-left: 50%; } + + 100% { + margin-left: -50%; } } +@-moz-keyframes fly { + 0% { + margin-left: 50%; } + + 100% { + margin-left: -50%; } } +@-o-keyframes fly { + 0% { + margin-left: 50%; } + + 100% { + margin-left: -50%; } } +@keyframes fly { + 0% { + margin-left: 50%; } + + 100% { + margin-left: -50%; } } +/** SPEAKER **/ +.speaker-svg-animation { + -webkit-animation: speaker 1s both; + -moz-animation: speaker 1s both; + -o-animation: speaker 1s both; + animation: speaker 1s both; } + +.sound-animation { + -webkit-animation: speak 1.5s 1s both; + -moz-animation: speak 1.5s 1s both; + -o-animation: speak 1.5s 1s both; + animation: speak 1.5s 1s both; } + +@-webkit-keyframes speak { + 0% { + stroke-dashoffset: 60px; + stroke-dasharray: 20px 20px; } + + 100% { + stroke-dasharray: 20px 20px; + stroke-dashoffset: 0; } } +@-moz-keyframes speak { + 0% { + stroke-dashoffset: 60px; + stroke-dasharray: 20px 20px; } + + 100% { + stroke-dasharray: 20px 20px; + stroke-dashoffset: 0; } } +@-o-keyframes speak { + 0% { + stroke-dashoffset: 60px; + stroke-dasharray: 20px 20px; } + + 100% { + stroke-dasharray: 20px 20px; + stroke-dashoffset: 0; } } +@keyframes speak { + 0% { + stroke-dashoffset: 60px; + stroke-dasharray: 20px 20px; } + + 100% { + stroke-dasharray: 20px 20px; + stroke-dashoffset: 0; } } +@-webkit-keyframes speaker { + 10%, 20% { + -webkit-transform: rotate3d(0, 0, 1, -3deg); + transform: rotate3d(0, 0, 1, -3deg); } + + 30%, 50%, 70%, 90% { + -webkit-transform: rotate3d(0, 0, 1, 3deg); + transform: rotate3d(0, 0, 1, 3deg); } + + 40%, 60%, 80% { + -webkit-transform: rotate3d(0, 0, 1, -3deg); + transform: rotate3d(0, 0, 1, -3deg); } } +@-moz-keyframes speaker { + 10%, 20% { + -webkit-transform: rotate3d(0, 0, 1, -3deg); + transform: rotate3d(0, 0, 1, -3deg); } + + 30%, 50%, 70%, 90% { + -webkit-transform: rotate3d(0, 0, 1, 3deg); + transform: rotate3d(0, 0, 1, 3deg); } + + 40%, 60%, 80% { + -webkit-transform: rotate3d(0, 0, 1, -3deg); + transform: rotate3d(0, 0, 1, -3deg); } } +@-o-keyframes speaker { + 10%, 20% { + -webkit-transform: rotate3d(0, 0, 1, -3deg); + transform: rotate3d(0, 0, 1, -3deg); } + + 30%, 50%, 70%, 90% { + -webkit-transform: rotate3d(0, 0, 1, 3deg); + transform: rotate3d(0, 0, 1, 3deg); } + + 40%, 60%, 80% { + -webkit-transform: rotate3d(0, 0, 1, -3deg); + transform: rotate3d(0, 0, 1, -3deg); } } +@keyframes speaker { + 10%, 20% { + -webkit-transform: rotate3d(0, 0, 1, -3deg); + transform: rotate3d(0, 0, 1, -3deg); } + + 30%, 50%, 70%, 90% { + -webkit-transform: rotate3d(0, 0, 1, 3deg); + transform: rotate3d(0, 0, 1, 3deg); } + + 40%, 60%, 80% { + -webkit-transform: rotate3d(0, 0, 1, -3deg); + transform: rotate3d(0, 0, 1, -3deg); } } +/** AGENDA **/ +.agenda-svg-animation-tab { + -webkit-animation: showLeft 1s both; + -moz-animation: showLeft 1s both; + -o-animation: showLeft 1s both; + animation: showLeft 1s both; } + +.agenda-svg-animation-tab2 { + -webkit-animation: showLeft 1.1s both; + -moz-animation: showLeft 1.1s both; + -o-animation: showLeft 1.1s both; + animation: showLeft 1.1s both; } + +.agenda-svg-animation-tab3 { + -webkit-animation: showLeft 1.2s both; + -moz-animation: showLeft 1.2s both; + -o-animation: showLeft 1.2s both; + animation: showLeft 1.2s both; } + +.agenda-svg-animation-tab4 { + -webkit-animation: showLeft 1.3s both; + -moz-animation: showLeft 1.3s both; + -o-animation: showLeft 1.3s both; + animation: showLeft 1.3s both; } + +@-webkit-keyframes showLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-300px, 0, 0); + transform: translate3d(-300px, 0, 0); } + + 60% { + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + + 90% { + opacity: 1; + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + + 100% { + -webkit-transform: none; + transform: none; } } +@-moz-keyframes showLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-300px, 0, 0); + transform: translate3d(-300px, 0, 0); } + + 60% { + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + + 90% { + opacity: 1; + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + + 100% { + -webkit-transform: none; + transform: none; } } +@-o-keyframes showLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-300px, 0, 0); + transform: translate3d(-300px, 0, 0); } + + 60% { + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + + 90% { + opacity: 1; + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + + 100% { + -webkit-transform: none; + transform: none; } } +@keyframes showLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-300px, 0, 0); + transform: translate3d(-300px, 0, 0); } + + 60% { + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + + 90% { + opacity: 1; + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + + 100% { + -webkit-transform: none; + transform: none; } } +/** TICKETS **/ +.ticket-svg-animation { + -webkit-animation: showUp 1s both; + -moz-animation: showUp 1s both; + -o-animation: showUp 1s both; + animation: showUp 1s both; } + +@-webkit-keyframes showUp { + 0% { + opacity: 0; + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0%); + -moz-transform: translateY(0%); + -ms-transform: translateY(0%); + -o-transform: translateY(0%); + transform: translateY(0%); } } +@-moz-keyframes showUp { + 0% { + opacity: 0; + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0%); + -moz-transform: translateY(0%); + -ms-transform: translateY(0%); + -o-transform: translateY(0%); + transform: translateY(0%); } } +@-o-keyframes showUp { + 0% { + opacity: 0; + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0%); + -moz-transform: translateY(0%); + -ms-transform: translateY(0%); + -o-transform: translateY(0%); + transform: translateY(0%); } } +@keyframes showUp { + 0% { + opacity: 0; + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); } + + 100% { + opacity: 1; + -webkit-transform: translateY(0%); + -moz-transform: translateY(0%); + -ms-transform: translateY(0%); + -o-transform: translateY(0%); + transform: translateY(0%); } } +/** Hear **/ +.heart-svg-animation { + -webkit-animation: pulse-heart 2s both; + -moz-animation: pulse-heart 2s both; + -o-animation: pulse-heart 2s both; + animation: pulse-heart 2s both; } + +@-webkit-keyframes pulse-heart { + 0% { + -webkit-transform: scale(1); + opacity: 1; } + + 25% { + -webkit-transform: scale(0.95); + opacity: 0.7; } + + 50% { + -webkit-transform: scale(1); + opacity: 1; } + + 75% { + -webkit-transform: scale(0.95); + opacity: 0.7; } + + 100% { + -webkit-transform: scale(1); + opacity: 1; } } +@-moz-keyframes pulse-heart { + 0% { + -webkit-transform: scale(1); + opacity: 1; } + + 25% { + -webkit-transform: scale(0.95); + opacity: 0.7; } + + 50% { + -webkit-transform: scale(1); + opacity: 1; } + + 75% { + -webkit-transform: scale(0.95); + opacity: 0.7; } + + 100% { + -webkit-transform: scale(1); + opacity: 1; } } +@-o-keyframes pulse-heart { + 0% { + -webkit-transform: scale(1); + opacity: 1; } + + 25% { + -webkit-transform: scale(0.95); + opacity: 0.7; } + + 50% { + -webkit-transform: scale(1); + opacity: 1; } + + 75% { + -webkit-transform: scale(0.95); + opacity: 0.7; } + + 100% { + -webkit-transform: scale(1); + opacity: 1; } } +@keyframes pulse-heart { + 0% { + -webkit-transform: scale(1); + opacity: 1; } + + 25% { + -webkit-transform: scale(0.95); + opacity: 0.7; } + + 50% { + -webkit-transform: scale(1); + opacity: 1; } + + 75% { + -webkit-transform: scale(0.95); + opacity: 0.7; } + + 100% { + -webkit-transform: scale(1); + opacity: 1; } } +/** HOTELS **/ +.z-animation { + -webkit-animation: zic-zac 1s both; + -moz-animation: zic-zac 1s both; + -o-animation: zic-zac 1s both; + animation: zic-zac 1s both; } + +.z-animation2 { + -webkit-animation: zic-zac 1s 0.5s both; + -moz-animation: zic-zac 1s 0.5s both; + -o-animation: zic-zac 1s 0.5s both; + animation: zic-zac 1s 0.5s both; } + +.z-animation3 { + -webkit-animation: zic-zac 0.5s 1s both; + -moz-animation: zic-zac 0.5s 1s both; + -o-animation: zic-zac 0.5s 1s both; + animation: zic-zac 0.5s 1s both; } + +@-webkit-keyframes zic-zac { + 0% { + stroke-dashoffset: 100px; + stroke-dasharray: 100px 100px; } + + 100% { + stroke-dasharray: 100px 100px; + stroke-dashoffset: 0; } } +@-moz-keyframes zic-zac { + 0% { + stroke-dashoffset: 100px; + stroke-dasharray: 100px 100px; } + + 100% { + stroke-dasharray: 100px 100px; + stroke-dashoffset: 0; } } +@-o-keyframes zic-zac { + 0% { + stroke-dashoffset: 100px; + stroke-dasharray: 100px 100px; } + + 100% { + stroke-dasharray: 100px 100px; + stroke-dashoffset: 0; } } +@keyframes zic-zac { + 0% { + stroke-dashoffset: 100px; + stroke-dasharray: 100px 100px; } + + 100% { + stroke-dasharray: 100px 100px; + stroke-dashoffset: 0; } } +@media only screen and (max-width: 1004px) { + .streaming .intro-holder { + min-height: 1px; } + .streaming #stream.container { + width: 100%; + max-width: 780px; + padding: 30px; } + .streaming #stream.container .dashboard { + display: none; } + .streaming #stream.container #video { + float: none; + margin: 0 auto; + width: 100%; + height: 50vw; + max-height: 405px; } + + .talk-list { + min-width: 300px; + width: 100%; + max-width: 640px; + margin: 0 auto; } + .talk-list .break-icon, + .talk-list .checkin-icon, + .talk-list .party-icon { + position: static !important; + display: block; + margin: 0 auto; + margin-left: auto !important; } + .talk-list .break-icon:after, + .talk-list .checkin-icon:after, + .talk-list .party-icon:after { + display: none; } + .talk-list li { + margin-bottom: 50px; } + .talk-list li h5.single-line { + display: inline-block; + text-align: center; + background: #ffca00; + border: 2px solid #0e374e; + padding: 5px 10px; } + .talk-list li:before { + display: none; } + .talk-list li .time { + float: none; + width: 100%; + padding-right: 0; + margin-bottom: 10px; + text-align: center; } + .talk-list li .subject { + float: none; + width: 100%; + padding-left: 0; + text-align: center; } + .talk-list li .subject.icon { + height: auto; } + .talk-list li .subject.icon h5 { + height: auto !important; + line-height: inherit; } + .talk-list li .subject .details p { + padding-bottom: 70px; } + .talk-list li .subject .description { + margin-left: 0; + margin-top: 96px; + min-height: 80px; } + .talk-list li .subject .description .avatar { + left: 50%; + top: -96px; + margin-left: -48px; } + .talk-list li .subject .actions { + position: absolute; + top: auto; + left: 0px; + bottom: 0px; + width: 100%; + overflow: hidden; + background: #0e374e; } + .talk-list li .subject .actions a { + float: left; + margin: 0; } + .talk-list li .subject .actions a.md-close { + float: right; + margin: 0; } + .talk-list li .subject .actions a.share { + width: auto; + padding: 0 10px; } + .talk-list li.odd .time { + padding-left: 0; + text-align: center; } + .talk-list li.odd .subject { + padding-right: 0; } + .talk-list li.odd .subject .description { + margin-right: 0; } + .talk-list li.open .time, + .talk-list li.open .subject { + -webkit-transform: translateX(0) !important; } } +@media only screen and (max-width: 980px) { + .global-stats { + max-width: none; } + .global-stats .stat:first-child .stat-number { + border-left: 0; } + .global-stats .stat:last-child .stat-number { + border-right: 0; } + + .section-tickets .buy-ticket { + float: none; + width: auto; + margin: 0 -15px; + overflow: hidden; } + .section-tickets .buy-ticket .price { + padding: 0; + padding-left: 60px; + width: 100%; } + .section-tickets .ticket-includes { + float: none; + width: auto; + text-align: center; + margin: 40px 0 0; } + .section-tickets .ticket-includes p { + text-align: center; } + .section-tickets .ticket-includes ul { + list-style: none; + padding: 0; } + + .illustration-tickets { + width: 100%; + background-position: 50% 0; } + .illustration-tickets .button { + left: 50%; + margin: 0 0 0 -130px; } } +@media only screen and (max-width: 960px) { + .speaker-list { + padding: 2px 6px 0 12px; } + + .speaker { + width: 50%; } + + .place-grid { + height: auto; } + .place-grid .place-cell-data, .place-grid .place-cell-map, .place-grid .place-cell-photo { + position: relative; + width: auto; + height: auto; } + .place-grid .place-cell-data { + padding-left: 30px; + padding-bottom: 30px; } + .place-grid .place-cell-map { + height: 200px; } + .place-grid .place-cell-photo { + display: none; } } +@media only screen and (max-width: 940px) { + .housing .description { + padding: 22px 24px; } + .housing h2 { + font-size: 17px; } + .housing p { + font-size: 16px; } + .housing .description-inner { + margin: 0 136px 0 0; } + .housing .price-and-rating { + min-width: 116px; } + .housing .price-and-rating .price { + font-size: 40px; } + .housing .price-and-rating .price sup { + padding-top: 6px; + font-size: 15px; + line-height: 15px; } } +@media only screen and (min-width: 800px) and (max-width: 960px) { + .speaker-list { + max-width: 720px; + margin-left: auto; + margin-right: auto; } } +@media only screen and (max-width: 840px) { + .housing .description { + margin-left: 36%; } + + .streaming #game-holder { + display: none; } } +@media only screen and (max-width: 820px) { + .main-menu { + max-width: 402px; + padding: 0 0 37px; } + .main-menu .tickets, + .main-menu .video { + width: 50%; } + .main-menu .tickets { + border-right-width: 1px; } + .main-menu .video { + border-left-width: 1px; } + + .countdown { + margin: 0; } } +@media only screen and (max-width: 780px) { + .illustration { + background-image: url(images/illustration-mobile.png); + margin-top: -30px; + height: 190px; } + .illustration .obelisk { + background-image: url(images/obelisk-mobile.png); + width: 35px; + height: 175px; + top: -50px; + margin-left: -17.5px; } + + .footer-illustration { + background-image: url(images/illustration-footer-mobile.png); + height: 286px; } + + .footer-dark-strip { + height: 122px; } + + .flower { + display: none; } + + .speaker.keynote-speaker p.talk { + display: none; } + + .octopus-eyes { + display: none; } } +@media only screen and (max-width: 710px) { + .housing .description { + margin-left: 0; } + .housing h2 { + font-size: 17px; } + .housing p { + font-size: 16px; } + .housing .description-inner { + margin: 0 136px 0 0; } + .housing .price-and-rating { + min-width: 116px; } + .housing .price-and-rating .price { + font-size: 40px; } + .housing .price-and-rating .price sup { + padding-top: 6px; + font-size: 15px; + line-height: 15px; } } +@media only screen and (max-width: 670px) { + .speaker-list { + margin-left: auto; + margin-right: auto; + padding: 2px 0 0; } + + .speaker { + width: 100%; + margin: -2px 0 0; } + .speaker.speaker-teaser { + padding-top: 37px; + margin-right: 0; } + .speaker.full-width { + margin-right: 0; } + + .section-tickets .ticket-includes { + font-size: 16px; } + .section-tickets .buy-ticket .price { + padding: 0; } + + .illustration-tickets { + margin: 0 -30px 0 -85px; + width: auto; } } +@media only screen and (max-width: 599px) { + .global-stats { + display: none; } + + .speaker.keynote-speaker h2 { + font-size: 20px; } + .speaker.keynote-speaker h2 .full-name { + display: block; } + .speaker.keynote-speaker h2 em { + margin: 0; + margin-top: 5px; } + .speaker.keynote-speaker p { + font-size: 15px; } } +@media only screen and (max-width: 540px) { + .container { + padding: 0 10px; } + + .housing-list { + margin: 35px -10px 0; } } +@media only screen and (max-width: 500px) { + .intro-holder { + background: #ffc81c; } } +@media only screen and (max-width: 480px) { + #game-holder { + display: none; } + + .streaming #stream { + display: none; } + .streaming #header-content { + display: block; } + .streaming #game-holder { + display: none; } + + .button-toggle, .main-menu .tickets { + display: none !important; } + + .button-watch { + display: block !important; } + + .main-menu { + padding-bottom: 60px; } + .main-menu .tickets, + .main-menu .video { + width: 100%; + border-width: 2px; + position: relative; } + + .speaker.keynote-speaker { + min-height: 132px; } + .speaker.keynote-speaker h2 { + font-size: 18px; } + .speaker.keynote-speaker h2 em { + font-size: 12px; } + .speaker.keynote-speaker figure { + width: 128px; + height: 128px; } + .speaker.keynote-speaker .description { + margin-left: 128px; } + .speaker.keynote-speaker .name { + min-height: 85px; } + .speaker.keynote-speaker p .hidden-mobile { + display: none; } + + .housing .description { + padding: 15px 20px 42px; + position: relative; } + .housing .description-inner { + margin: 0; } + .housing .price-and-rating { + float: none; + overflow: hidden; + margin: 0; + position: absolute; + bottom: 11px; + left: 20px; + right: 20px; } + .housing .price-and-rating .price { + float: left; + width: 50%; + font-size: 26px; } + .housing .price-and-rating .rating { + float: left; + width: 50%; + vertical-align: top; + padding: 1px 0 0; + text-align: right; } } +@media only screen and (max-width: 440px) { + .section-tickets .ticket-includes { + font-size: 14px; } } +@media only screen and (max-width: 480px) { + .section-header time, + .section-header .adr { + display: block; } + .section-header .adr { + margin: 7px 0 0; } } +@media only screen and (max-width: 420px) { + .main-menu { + margin: 0 -10px; + max-width: none; } + .main-menu .tickets { + border-left-width: 0; } + .main-menu .video { + border-right-width: 0; } + + .speaker-list { + margin-left: -10px; + margin-right: -10px; + max-width: none; } + + .speaker { + border-width: 2px 0; } + .speaker .icon-nodejs { + left: 8px; + top: 92px; + background-position: -300px 0px; + width: 27px; + height: 30px; } + + .countdown .counter:first-child { + border-left-width: 0; } + .countdown .counter:last-child { + border-right-width: 0; } + + .section-earlybird .countdown .counter:first-child { + border-left-width: 2px; } + .section-earlybird .countdown .counter:last-child { + border-right-width: 2px; } } +@media only screen and (max-width: 400px) { + .section-header address { + font-size: 16px; } + .section-header .hello { + font-size: 34px; } + .section-header code { + font-size: 11px; } + + .speaker h2 { + font-size: 17px; } + + .speaker p { + font-size: 15px; } } +@media only screen and (max-width: 370px) { + .main-menu { + padding: 0 0 37px 0; } + .main-menu .tickets { + top: auto; + left: 0; + right: 0; } + .main-menu .video { + top: auto; + right: 0; + left: 0; } + + .countdown .counter { + font-size: 15px; + line-height: 24px; } + .countdown .counter strong { + height: 70px; + font-size: 30px; + line-height: 75px; } } +@media only screen and (max-width: 360px) { + .housing h2 { + font-size: 16px; } + .housing p { + font-size: 14px; } } +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { + .intro-holder { + background-image: url(images/illustration-sky%402x.png); + -webkit-background-size: 1400px 380px; + -moz-background-size: 1400px 380px; + -ms-background-size: 1400px 380px; + -o-background-size: 1400px 380px; + background-size: 1400px 380px; } + + .illustration { + background-image: url(images/illustration%402x.png); + -webkit-background-size: 1300px 602px; + -moz-background-size: 1300px 602px; + -ms-background-size: 1300px 602px; + -o-background-size: 1300px 602px; + background-size: 1300px 602px; } + .illustration .obelisk { + background-image: url(images/obelisk%402x.png); + -webkit-background-size: 43px 215px; + -moz-background-size: 43px 215px; + -ms-background-size: 43px 215px; + -o-background-size: 43px 215px; + background-size: 43px 215px; } + + .flag { + background-image: url(images/flags%402x.html); + -webkit-background-size: 300px 30px; + -moz-background-size: 300px 30px; + -ms-background-size: 300px 30px; + -o-background-size: 300px 30px; + background-size: 300px 30px; } + + .illustration-tickets { + background-image: url(images/illustration-tickets%402x.png); + -webkit-background-size: 580px 214px; + -moz-background-size: 580px 214px; + -ms-background-size: 580px 214px; + -o-background-size: 580px 214px; + background-size: 580px 214px; } + + .footer-illustration { + background-image: url(images/illustration-footer%402x.png); + -webkit-background-size: 1712px 386px; + -moz-background-size: 1712px 386px; + -ms-background-size: 1712px 386px; + -o-background-size: 1712px 386px; + background-size: 1712px 386px; } } +@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 780px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 780px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 780px), only screen and (min-device-pixel-ratio: 2) and (max-width: 780px), only screen and (min-resolution: 192dpi) and (max-width: 780px), only screen and (min-resolution: 2dppx) and (max-width: 780px) { + .illustration { + background-image: url(images/illustration-mobile%402x.png); + -webkit-background-size: 1300px 190px; + -moz-background-size: 1300px 190px; + -ms-background-size: 1300px 190px; + -o-background-size: 1300px 190px; + background-size: 1300px 190px; } + .illustration .obelisk { + background-image: url(images/obelisk-mobile%402x.png); + -webkit-background-size: 35px 175px; + -moz-background-size: 35px 175px; + -ms-background-size: 35px 175px; + -o-background-size: 35px 175px; + background-size: 35px 175px; } + + .footer-illustration { + background-image: url(images/illustration-footer-mobile%402x.png); + -webkit-background-size: 1712px 386px; + -moz-background-size: 1712px 386px; + -ms-background-size: 1712px 386px; + -o-background-size: 1712px 386px; + background-size: 1712px 386px; } } +/*! jQuery UI - v1.11.1 - 2014-08-26 +* http://jqueryui.com +* Includes: core.css, resizable.css, theme.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px +* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ +.ui-helper-hidden { + display: none; } + +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; } + +.ui-helper-clearfix:before, .ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; } + +.ui-helper-clearfix:after { + clear: both; } + +.ui-helper-clearfix { + min-height: 0; } + +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter: Alpha(Opacity=0); } + +.ui-front { + z-index: 100; } + +.ui-state-disabled { + cursor: default !important; } + +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; } + +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; } + +.ui-resizable { + position: relative; } + +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + display: block; + -ms-touch-action: none; + touch-action: none; } + +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { + display: none; } + +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0; } + +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0; } + +.ui-resizable-e { + cursor: e-resize; + width: 7px; + right: -5px; + top: 0; + height: 100%; } + +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0; + height: 100%; } + +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; } + +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; } + +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; } + +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; } + +.ui-widget { + font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; + font-size: 1.1em; } + +.ui-widget .ui-widget { + font-size: 1em; } + +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { + font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; + font-size: 1em; } + +.ui-widget-content { + border: 1px solid #ddd; + background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.html") 50% top repeat-x; + color: #333; } + +.ui-widget-content a { + color: #333; } + +.ui-widget-header { + border: 1px solid #e78f08; + background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.html") 50% 50% repeat-x; + color: #fff; + font-weight: bold; } + +.ui-widget-header a { + color: #fff; } + +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { + border: 1px solid #ccc; + background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.html") 50% 50% repeat-x; + font-weight: bold; + color: #1c94c4; } + +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { + color: #1c94c4; + text-decoration: none; } + +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { + border: 1px solid #fbcb09; + background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.html") 50% 50% repeat-x; + font-weight: bold; + color: #c77405; } + +.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { + color: #c77405; + text-decoration: none; } + +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { + border: 1px solid #fbd850; + background: white url("images/ui-bg_glass_65_ffffff_1x400.html") 50% 50% repeat-x; + font-weight: bold; + color: #eb8f00; } + +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { + color: #eb8f00; + text-decoration: none; } + +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { + border: 1px solid #fed22f; + background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.html") 50% top repeat-x; + color: #363636; } + +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { + color: #363636; } + +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { + border: 1px solid #cd0a0a; + background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.html") 50% 50% repeat; + color: #fff; } + +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { + color: #fff; } + +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { + color: #fff; } + +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { + font-weight: bold; } + +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { + opacity: .7; + filter: Alpha(Opacity=70); + font-weight: normal; } + +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { + opacity: .35; + filter: Alpha(Opacity=35); + background-image: none; } + +.ui-state-disabled .ui-icon { + filter: Alpha(Opacity=35); } + +.ui-icon { + width: 16px; + height: 16px; } + +.ui-icon, .ui-widget-content .ui-icon { + background-image: url("images/ui-icons_222222_256x240.html"); } + +.ui-widget-header .ui-icon { + background-image: url("images/ui-icons_ffffff_256x240.html"); } + +.ui-state-default .ui-icon { + background-image: url("images/ui-icons_ef8c08_256x240.html"); } + +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { + background-image: url("images/ui-icons_ef8c08_256x240.html"); } + +.ui-state-active .ui-icon { + background-image: url("images/ui-icons_ef8c08_256x240.html"); } + +.ui-state-highlight .ui-icon { + background-image: url("images/ui-icons_228ef1_256x240.html"); } + +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { + background-image: url("images/ui-icons_ffd27a_256x240.html"); } + +.ui-icon-blank { + background-position: 16px 16px; } + +.ui-icon-carat-1-n { + background-position: 0 0; } + +.ui-icon-carat-1-ne { + background-position: -16px 0; } + +.ui-icon-carat-1-e { + background-position: -32px 0; } + +.ui-icon-carat-1-se { + background-position: -48px 0; } + +.ui-icon-carat-1-s { + background-position: -64px 0; } + +.ui-icon-carat-1-sw { + background-position: -80px 0; } + +.ui-icon-carat-1-w { + background-position: -96px 0; } + +.ui-icon-carat-1-nw { + background-position: -112px 0; } + +.ui-icon-carat-2-n-s { + background-position: -128px 0; } + +.ui-icon-carat-2-e-w { + background-position: -144px 0; } + +.ui-icon-triangle-1-n { + background-position: 0 -16px; } + +.ui-icon-triangle-1-ne { + background-position: -16px -16px; } + +.ui-icon-triangle-1-e { + background-position: -32px -16px; } + +.ui-icon-triangle-1-se { + background-position: -48px -16px; } + +.ui-icon-triangle-1-s { + background-position: -64px -16px; } + +.ui-icon-triangle-1-sw { + background-position: -80px -16px; } + +.ui-icon-triangle-1-w { + background-position: -96px -16px; } + +.ui-icon-triangle-1-nw { + background-position: -112px -16px; } + +.ui-icon-triangle-2-n-s { + background-position: -128px -16px; } + +.ui-icon-triangle-2-e-w { + background-position: -144px -16px; } + +.ui-icon-arrow-1-n { + background-position: 0 -32px; } + +.ui-icon-arrow-1-ne { + background-position: -16px -32px; } + +.ui-icon-arrow-1-e { + background-position: -32px -32px; } + +.ui-icon-arrow-1-se { + background-position: -48px -32px; } + +.ui-icon-arrow-1-s { + background-position: -64px -32px; } + +.ui-icon-arrow-1-sw { + background-position: -80px -32px; } + +.ui-icon-arrow-1-w { + background-position: -96px -32px; } + +.ui-icon-arrow-1-nw { + background-position: -112px -32px; } + +.ui-icon-arrow-2-n-s { + background-position: -128px -32px; } + +.ui-icon-arrow-2-ne-sw { + background-position: -144px -32px; } + +.ui-icon-arrow-2-e-w { + background-position: -160px -32px; } + +.ui-icon-arrow-2-se-nw { + background-position: -176px -32px; } + +.ui-icon-arrowstop-1-n { + background-position: -192px -32px; } + +.ui-icon-arrowstop-1-e { + background-position: -208px -32px; } + +.ui-icon-arrowstop-1-s { + background-position: -224px -32px; } + +.ui-icon-arrowstop-1-w { + background-position: -240px -32px; } + +.ui-icon-arrowthick-1-n { + background-position: 0 -48px; } + +.ui-icon-arrowthick-1-ne { + background-position: -16px -48px; } + +.ui-icon-arrowthick-1-e { + background-position: -32px -48px; } + +.ui-icon-arrowthick-1-se { + background-position: -48px -48px; } + +.ui-icon-arrowthick-1-s { + background-position: -64px -48px; } + +.ui-icon-arrowthick-1-sw { + background-position: -80px -48px; } + +.ui-icon-arrowthick-1-w { + background-position: -96px -48px; } + +.ui-icon-arrowthick-1-nw { + background-position: -112px -48px; } + +.ui-icon-arrowthick-2-n-s { + background-position: -128px -48px; } + +.ui-icon-arrowthick-2-ne-sw { + background-position: -144px -48px; } + +.ui-icon-arrowthick-2-e-w { + background-position: -160px -48px; } + +.ui-icon-arrowthick-2-se-nw { + background-position: -176px -48px; } + +.ui-icon-arrowthickstop-1-n { + background-position: -192px -48px; } + +.ui-icon-arrowthickstop-1-e { + background-position: -208px -48px; } + +.ui-icon-arrowthickstop-1-s { + background-position: -224px -48px; } + +.ui-icon-arrowthickstop-1-w { + background-position: -240px -48px; } + +.ui-icon-arrowreturnthick-1-w { + background-position: 0 -64px; } + +.ui-icon-arrowreturnthick-1-n { + background-position: -16px -64px; } + +.ui-icon-arrowreturnthick-1-e { + background-position: -32px -64px; } + +.ui-icon-arrowreturnthick-1-s { + background-position: -48px -64px; } + +.ui-icon-arrowreturn-1-w { + background-position: -64px -64px; } + +.ui-icon-arrowreturn-1-n { + background-position: -80px -64px; } + +.ui-icon-arrowreturn-1-e { + background-position: -96px -64px; } + +.ui-icon-arrowreturn-1-s { + background-position: -112px -64px; } + +.ui-icon-arrowrefresh-1-w { + background-position: -128px -64px; } + +.ui-icon-arrowrefresh-1-n { + background-position: -144px -64px; } + +.ui-icon-arrowrefresh-1-e { + background-position: -160px -64px; } + +.ui-icon-arrowrefresh-1-s { + background-position: -176px -64px; } + +.ui-icon-arrow-4 { + background-position: 0 -80px; } + +.ui-icon-arrow-4-diag { + background-position: -16px -80px; } + +.ui-icon-extlink { + background-position: -32px -80px; } + +.ui-icon-newwin { + background-position: -48px -80px; } + +.ui-icon-refresh { + background-position: -64px -80px; } + +.ui-icon-shuffle { + background-position: -80px -80px; } + +.ui-icon-transfer-e-w { + background-position: -96px -80px; } + +.ui-icon-transferthick-e-w { + background-position: -112px -80px; } + +.ui-icon-folder-collapsed { + background-position: 0 -96px; } + +.ui-icon-folder-open { + background-position: -16px -96px; } + +.ui-icon-document { + background-position: -32px -96px; } + +.ui-icon-document-b { + background-position: -48px -96px; } + +.ui-icon-note { + background-position: -64px -96px; } + +.ui-icon-mail-closed { + background-position: -80px -96px; } + +.ui-icon-mail-open { + background-position: -96px -96px; } + +.ui-icon-suitcase { + background-position: -112px -96px; } + +.ui-icon-comment { + background-position: -128px -96px; } + +.ui-icon-person { + background-position: -144px -96px; } + +.ui-icon-print { + background-position: -160px -96px; } + +.ui-icon-trash { + background-position: -176px -96px; } + +.ui-icon-locked { + background-position: -192px -96px; } + +.ui-icon-unlocked { + background-position: -208px -96px; } + +.ui-icon-bookmark { + background-position: -224px -96px; } + +.ui-icon-tag { + background-position: -240px -96px; } + +.ui-icon-home { + background-position: 0 -112px; } + +.ui-icon-flag { + background-position: -16px -112px; } + +.ui-icon-calendar { + background-position: -32px -112px; } + +.ui-icon-cart { + background-position: -48px -112px; } + +.ui-icon-pencil { + background-position: -64px -112px; } + +.ui-icon-clock { + background-position: -80px -112px; } + +.ui-icon-disk { + background-position: -96px -112px; } + +.ui-icon-calculator { + background-position: -112px -112px; } + +.ui-icon-zoomin { + background-position: -128px -112px; } + +.ui-icon-zoomout { + background-position: -144px -112px; } + +.ui-icon-search { + background-position: -160px -112px; } + +.ui-icon-wrench { + background-position: -176px -112px; } + +.ui-icon-gear { + background-position: -192px -112px; } + +.ui-icon-heart { + background-position: -208px -112px; } + +.ui-icon-star { + background-position: -224px -112px; } + +.ui-icon-link { + background-position: -240px -112px; } + +.ui-icon-cancel { + background-position: 0 -128px; } + +.ui-icon-plus { + background-position: -16px -128px; } + +.ui-icon-plusthick { + background-position: -32px -128px; } + +.ui-icon-minus { + background-position: -48px -128px; } + +.ui-icon-minusthick { + background-position: -64px -128px; } + +.ui-icon-close { + background-position: -80px -128px; } + +.ui-icon-closethick { + background-position: -96px -128px; } + +.ui-icon-key { + background-position: -112px -128px; } + +.ui-icon-lightbulb { + background-position: -128px -128px; } + +.ui-icon-scissors { + background-position: -144px -128px; } + +.ui-icon-clipboard { + background-position: -160px -128px; } + +.ui-icon-copy { + background-position: -176px -128px; } + +.ui-icon-contact { + background-position: -192px -128px; } + +.ui-icon-image { + background-position: -208px -128px; } + +.ui-icon-video { + background-position: -224px -128px; } + +.ui-icon-script { + background-position: -240px -128px; } + +.ui-icon-alert { + background-position: 0 -144px; } + +.ui-icon-info { + background-position: -16px -144px; } + +.ui-icon-notice { + background-position: -32px -144px; } + +.ui-icon-help { + background-position: -48px -144px; } + +.ui-icon-check { + background-position: -64px -144px; } + +.ui-icon-bullet { + background-position: -80px -144px; } + +.ui-icon-radio-on { + background-position: -96px -144px; } + +.ui-icon-radio-off { + background-position: -112px -144px; } + +.ui-icon-pin-w { + background-position: -128px -144px; } + +.ui-icon-pin-s { + background-position: -144px -144px; } + +.ui-icon-play { + background-position: 0 -160px; } + +.ui-icon-pause { + background-position: -16px -160px; } + +.ui-icon-seek-next { + background-position: -32px -160px; } + +.ui-icon-seek-prev { + background-position: -48px -160px; } + +.ui-icon-seek-end { + background-position: -64px -160px; } + +.ui-icon-seek-start { + background-position: -80px -160px; } + +.ui-icon-seek-first { + background-position: -80px -160px; } + +.ui-icon-stop { + background-position: -96px -160px; } + +.ui-icon-eject { + background-position: -112px -160px; } + +.ui-icon-volume-off { + background-position: -128px -160px; } + +.ui-icon-volume-on { + background-position: -144px -160px; } + +.ui-icon-power { + background-position: 0 -176px; } + +.ui-icon-signal-diag { + background-position: -16px -176px; } + +.ui-icon-signal { + background-position: -32px -176px; } + +.ui-icon-battery-0 { + background-position: -48px -176px; } + +.ui-icon-battery-1 { + background-position: -64px -176px; } + +.ui-icon-battery-2 { + background-position: -80px -176px; } + +.ui-icon-battery-3 { + background-position: -96px -176px; } + +.ui-icon-circle-plus { + background-position: 0 -192px; } + +.ui-icon-circle-minus { + background-position: -16px -192px; } + +.ui-icon-circle-close { + background-position: -32px -192px; } + +.ui-icon-circle-triangle-e { + background-position: -48px -192px; } + +.ui-icon-circle-triangle-s { + background-position: -64px -192px; } + +.ui-icon-circle-triangle-w { + background-position: -80px -192px; } + +.ui-icon-circle-triangle-n { + background-position: -96px -192px; } + +.ui-icon-circle-arrow-e { + background-position: -112px -192px; } + +.ui-icon-circle-arrow-s { + background-position: -128px -192px; } + +.ui-icon-circle-arrow-w { + background-position: -144px -192px; } + +.ui-icon-circle-arrow-n { + background-position: -160px -192px; } + +.ui-icon-circle-zoomin { + background-position: -176px -192px; } + +.ui-icon-circle-zoomout { + background-position: -192px -192px; } + +.ui-icon-circle-check { + background-position: -208px -192px; } + +.ui-icon-circlesmall-plus { + background-position: 0 -208px; } + +.ui-icon-circlesmall-minus { + background-position: -16px -208px; } + +.ui-icon-circlesmall-close { + background-position: -32px -208px; } + +.ui-icon-squaresmall-plus { + background-position: -48px -208px; } + +.ui-icon-squaresmall-minus { + background-position: -64px -208px; } + +.ui-icon-squaresmall-close { + background-position: -80px -208px; } + +.ui-icon-grip-dotted-vertical { + background-position: 0 -224px; } + +.ui-icon-grip-dotted-horizontal { + background-position: -16px -224px; } + +.ui-icon-grip-solid-vertical { + background-position: -32px -224px; } + +.ui-icon-grip-solid-horizontal { + background-position: -48px -224px; } + +.ui-icon-gripsmall-diagonal-se { + background-position: -64px -224px; } + +.ui-icon-grip-diagonal-se { + background-position: -80px -224px; } + +.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { + border-top-left-radius: 4px; } + +.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { + border-top-right-radius: 4px; } + +.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { + border-bottom-left-radius: 4px; } + +.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { + border-bottom-right-radius: 4px; } + +.ui-widget-overlay { + background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.html") 50% 50% repeat; + opacity: .5; + filter: Alpha(Opacity=50); } + +.ui-widget-shadow { + margin: -5px 0 0 -5px; + padding: 5px; + background: black url("images/ui-bg_flat_10_000000_40x100.html") 50% 50% repeat-x; + opacity: .2; + filter: Alpha(Opacity=20); + border-radius: 5px; } + +.ticketsPaymentModal { + position: fixed; + top: 0; + left: 0; + z-index: 9998; + overflow: auto; + background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(20px, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.6))); + background: -webkit-radial-gradient(center center, rgba(0, 0, 0, 0.3) 20px, rgba(0, 0, 0, 0.6)); + background: -moz-radial-gradient(center center, rgba(0, 0, 0, 0.3) 20px, rgba(0, 0, 0, 0.6)); + background: -o-radial-gradient(center center, rgba(0, 0, 0, 0.3) 20px, rgba(0, 0, 0, 0.6)); + background: radial-gradient(center center, rgba(0, 0, 0, 0.3) 20px, rgba(0, 0, 0, 0.6)); } + +.ticketsPaymentModal * { + width: auto; + height: auto; + padding: 0; + margin: 0; } + +.ticketsPaymentModal, .ticketsPaymentModal .ticketsPaymentModal-h { + width: 100%; + height: 100%; } + +.ticketsPaymentModal .ticketsPaymentModal-h { + display: table; + text-align: center; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i { + display: table-cell; + vertical-align: middle; + padding: 40px 0; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c { + width: 520px; + padding: 30px 30px 10px; + margin: 0 auto; + background: #FFF; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.5); + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-brand { + padding-bottom: 20px; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-brand h1 { + font: bold 28px Arial, Helvetica, sans-serif; + color: #000; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-brand img { + display: block; + margin: 0 auto; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-iframe { + background: url(images/tickets-loading.gif) no-repeat center center; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-iframe iframe { + border: 0; + width: 100%; + height: 510px; + border: 0; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-iframe-hidden { + height: 60px; + margin: 20px 0; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-iframe-hidden iframe { + display: none; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-close { + position: absolute; + top: 25px; + right: 25px; + z-index: 9999; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-close a { + display: block; + font-size: 0; + text-indent: -9999em; + width: 30px; + height: 30px; + background: url(images/tickets-close.png) no-repeat 0 0; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-close a:focus { + outline: 0; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-security { + width: 580px; + margin: 20px auto 0; + padding: 12px 0; + text-align: center; + background: rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-security p { + padding-left: 20px; + background: url(images/tickets-lock.png) no-repeat 0 0; + display: inline; + color: #CCC; + font-size: 13px; + font-family: Helvetica, Arial, sans-serif; } + +@media screen and (max-width: 580px) { + .ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i { + padding: 0; } + + .ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c { + width: auto; + border: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; } + + .ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-security { + width: auto; + margin: 20px; } } +/* Overrides */ +.ticketsPaymentModal { + background: none; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-brand { + display: none; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-brand h1 { + display: none; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c { + border: none; + -webkit-border-radius: none; + -moz-border-radius: none; + -ms-border-radius: none; + -o-border-radius: none; + border-radius: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-c .ticketsPaymentModal-close { + position: absolute; + top: 5px; + right: -1px; + z-index: 9999; } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-security { + width: 520px; + background: rgba(43, 51, 56, 0.7); } + +.ticketsPaymentModal .ticketsPaymentModal-h .ticketsPaymentModal-i .ticketsPaymentModal-security p { + font-family: "InputMono", "Consolas", "Lucida Console", "Courier", monospace; + color: #ffffff; } + +main { + width: 100%; + overflow: hidden; } + +.site-overlay { + width: 1212px; + height: 6234px; + position: absolute; + top: 0; + left: -1px; + right: 0; + margin: 0 auto; + background: url(overlay.html) 0 0 no-repeat; + z-index: 99999; + opacity: 0.5; + display: none; }