├── .gitignore
├── README.md
├── audio
    ├── msg_other.wav
    └── qingchun.ogg
├── img
    ├── none.jpg
    ├── pic1.jpg
    ├── pic2.jpg
    ├── pic3.jpg
    ├── pic4.jpg
    ├── pic5.jpg
    ├── pic6.jpg
    └── setting.png
├── index.html
├── package.json
├── photos
    ├── 1.png
    ├── 2.png
    └── 3.png
└── public
    ├── animate.css
    ├── jquery.js
    ├── lodash.min.js
    ├── socket.io.js
    └── socket.js


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | 
 5 | # Runtime data
 6 | pids
 7 | *.pid
 8 | *.seed
 9 | 
10 | # Directory for instrumented libs generated by jscoverage/JSCover
11 | lib-cov
12 | 
13 | # Coverage directory used by tools like istanbul
14 | coverage
15 | 
16 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
17 | .grunt
18 | 
19 | # Compiled binary addons (http://nodejs.org/api/addons.html)
20 | build/Release
21 | 
22 | # Dependency directory
23 | # Commenting this out is preferred by some people, see
24 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git-
25 | node_modules
26 | 
27 | # Users Environment Variables
28 | .lock-wscript
29 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # freechat
 2 | nodejs 的一个聊天软件，类似微信。
 3 | - 模仿微信的界面，做到简单明了地聊天。
 4 | - 无需注册，登录一次后，该电脑将记住用户名，下次直接进入聊天。旨在最简化聊天。
 5 | - 支持聊天室，陌生人聊天。
 6 | 
 7 | ## 软件框架
 8 | - node webkit. 桌面客户端的寄宿环境。
 9 | - socket.io 客户端与服务器进行通讯。
10 | - html5, css3 , js 客户端开发语言。
11 | 
12 | ![img](https://github.com/BryanYang/freechat/blob/master/photos/1.png)
13 | ![img](https://github.com/BryanYang/freechat/blob/master/photos/2.png)
14 | ![img](https://github.com/BryanYang/freechat/blob/master/photos/3.png)
15 | 
16 | ## 运行前，请先下载 nw.js 。地址：[nw首页](http://nwjs.io/)
17 | 


--------------------------------------------------------------------------------
/audio/msg_other.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/audio/msg_other.wav


--------------------------------------------------------------------------------
/audio/qingchun.ogg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/audio/qingchun.ogg


--------------------------------------------------------------------------------
/img/none.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/img/none.jpg


--------------------------------------------------------------------------------
/img/pic1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/img/pic1.jpg


--------------------------------------------------------------------------------
/img/pic2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/img/pic2.jpg


--------------------------------------------------------------------------------
/img/pic3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/img/pic3.jpg


--------------------------------------------------------------------------------
/img/pic4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/img/pic4.jpg


--------------------------------------------------------------------------------
/img/pic5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/img/pic5.jpg


--------------------------------------------------------------------------------
/img/pic6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/img/pic6.jpg


--------------------------------------------------------------------------------
/img/setting.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/img/setting.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 | 
  4 | <head>
  5 |     <title>Free Chat</title>
  6 |     <meta charset="utf-8" />
  7 |     <style>
  8 |     * {
  9 |         margin: 0;
 10 |         padding: 0;
 11 |         box-sizing: border-box;
 12 |     }
 13 |     body {
 14 |         font: 13px Helvetica, Arial;
 15 |     }
 16 |     #login,
 17 |     #main {
 18 |         height: 600px;
 19 |         width: 800px;
 20 |         box-sizing: content-box;
 21 |         font-family: Microsoft Yahei;
 22 |         display: none;
 23 |         overflow: hidden;
 24 |     }
 25 |     #main button {
 26 |         width: 800px;
 27 |         height: 600px;
 28 |         border: none;
 29 |     }
 30 |     #messages {
 31 |         list-style-type: none;
 32 |         margin: 0;
 33 |         padding: 0;
 34 |     }
 35 |     #messages li {
 36 |         padding: 5px 10px;
 37 |     }
 38 |     #messages li:nth-child(odd) {
 39 |         background: #eee;
 40 |     }
 41 |     #left {
 42 |         width: 50px;
 43 |         background-color: rgb(16, 16, 16);
 44 |         position: absolute;
 45 |         z-index: 2;
 46 |         height: 600px;
 47 |     }
 48 |     #myPic {
 49 |         height: 35px;
 50 |         width: 35px;
 51 |         margin: 5px;
 52 |     }
 53 |     #middle {
 54 |         width: 200px;
 55 |         background-color: rgb(40, 40, 40);
 56 |         color: rgb(87, 87, 87);
 57 |         margin-left: 50px;
 58 |     }
 59 |     .online .line_tag {
 60 |         background-color: rgb(0, 190, 0);
 61 |     }
 62 |     .online {
 63 |         color: rgb(237, 237, 237);
 64 |     }
 65 |     .u_container {
 66 |         height: 50px;
 67 |     }
 68 |     .u_container img {
 69 |         height: 40px;
 70 |         width: 40px;
 71 |         margin: 5px;
 72 |         float: left;
 73 |     }
 74 |     .u_container:hover {
 75 |         background-color: rgb(105, 105, 105);
 76 |         color: white;
 77 |     }
 78 |     .new_msg {
 79 |         background-color: rgb(207, 187, 124);
 80 |     }
 81 |     .u_name {
 82 |         line-height: 30px;
 83 |         font-size: 20px;
 84 |     }
 85 |     .u_location {
 86 |         font-size: 10px;
 87 |     }
 88 |     .line_tag {
 89 |         height: 40px;
 90 |         width: 10px;
 91 |         float: left;
 92 |         background-color: rgb(123, 123, 123);
 93 |         margin: 5px 0;
 94 |     }
 95 |     #right {
 96 |         width: 550px;
 97 |         background-color: rgb(226, 226, 226);
 98 |     }
 99 |     #main > div {
100 |         float: left;
101 |         height: 100%;
102 |     }
103 |     #title {
104 |         height: 5%;
105 |         background-color: rgb(244, 244, 244);
106 |         border-bottom: 1px solid rgb(232, 232, 232);
107 |     }
108 |     #title h3 {
109 |         text-align: center;
110 |         color: rgb(181, 181, 181);
111 |         font-weight: 100;
112 |         line-height: 30px;
113 |     }
114 |     #title .drag {
115 |         height: 100%;
116 |         width: 500px;
117 |         float: left;
118 |         padding-left: 25px;
119 |     }
120 |     #msg {
121 |         height: 65%;
122 |         background-color: rgb(244, 244, 244);
123 |         overflow: auto;
124 |         padding-top: 10px;
125 |     }
126 |     #msg li {
127 |         list-style: none;
128 |         padding: 0 10px;
129 |     }
130 |     #msg > li >img {
131 |         height: 35px;
132 |         width: 35px;
133 |         border-radius: 10px;
134 |         -webkit-border-radius: 10px;
135 |     }
136 |     #msg>li >span {
137 |         line-height: 20px;
138 |         display: inline-block;
139 |         padding: 5px;
140 |         margin: 10px;
141 |         position: relative;
142 |         top: -10px;
143 |     }
144 |     .msg_me span {
145 |         background-color: rgb(174, 234, 164);
146 |     }
147 |     .msg_me img {} .msg_me {
148 |         text-align: right;
149 |     }
150 |     .msg_other span {
151 |         background-color: white;
152 |     }
153 |     #input {
154 |         height: 30%;
155 |         background-color: rgb(244, 244, 244);
156 |         border-top: 1px solid rgb(213, 213, 213);
157 |     }
158 |     #input:focus {
159 |         background-color: white;
160 |     }
161 |     #right div {
162 |         *width: 100%;
163 |     }
164 |     #input_tool {
165 |         height: 29px;
166 |     }
167 |     #input_text {
168 |         height: 120px;
169 |     }
170 |     #send {
171 |         height: 30px;
172 |         text-align: right;
173 |     }
174 |     #text {
175 |         height: 100%;
176 |         width: 100%;
177 |         font-family: Microsoft Yahei;
178 |         font-size: 1.1em;
179 |         border: none;
180 |         outline: medium;
181 |         background-color: rgb(244, 244, 244);
182 |     }
183 |     #text:focus {
184 |         background-color: white;
185 |     }
186 |     #sentBtn {
187 |         margin-right: 20px;
188 |         width: 50px;
189 |         height: 25px;
190 |         background-color: rgb(218, 218, 218);
191 |         border: none;
192 |         font-family: Microsoft Yahei;
193 |     }
194 |     #sentBtn:hover {
195 |         background-color: white;
196 |     }
197 |     #login .top_half,
198 |     #login .bottom_half {
199 |         height: 50%
200 |     }
201 |     .top_half {
202 |         background-color: rgb(76, 184, 231);
203 |     }
204 |     #login input {
205 |         position: relative;
206 |         height: 40px;
207 |         width: 200px;
208 |         left: 300px;
209 |         font-size: 20px;
210 |         border-radius: 6px;
211 |         border: none;
212 |         text-align: center;
213 |         -webkit-transition: box-shadow 0.30s ease-in-out;
214 |         font-family: Microsoft Yahei;
215 |         opacity: 0;
216 |     }
217 |     .top_half input {
218 |         top: 48px;
219 |     }
220 |     .top_half h1 {
221 |         color: white;
222 |         text-align: center;
223 |         font-size: 80px;
224 |         position: relative;
225 |         top: 50px;
226 |     }
227 |     .top_half input:focus {
228 |         outline: none;
229 |         border: #87C6F9 1px solid;
230 |         box-shadow: 0 0 8px white;
231 |     }
232 |     .bottom_half input {
233 |         top: 10px;
234 |         background-color: rgb(76, 184, 231);
235 |         color: white;
236 |     }
237 |     .bottom_half input:hover {
238 |         outline: none;
239 |         border: #87C6F9 1px solid;
240 |         box-shadow: 0 0 8px gray;
241 |     }
242 |     .bottom_half {
243 |         background-color: rgb(252, 252, 252);
244 |     }
245 |     .bottom_half div {
246 |         text-align: center;
247 |         position: relative;
248 |         top: 240px;
249 |         color: rgb(168, 168, 168);
250 |     }
251 |     .login_drag {
252 |         height: 200px;
253 |         width: 700px;
254 |         padding-left: 50px;
255 |     }
256 |     .dragable {
257 |         -webkit-app-region: drag;
258 |     }
259 |     .login_winBtn {
260 |         position: absolute;
261 |         right: 10px;
262 |         top: 10px;
263 |     }
264 |     b.x {
265 |         display: inline-block;
266 |         width: 15px;
267 |         height: 2px;
268 |         background: gray;
269 |         font-size: 0;
270 |         line-height: 0;
271 |         vertical-align: middle;
272 |         -webkit-transform: rotate(45deg);
273 |     }
274 |     b.x:after {
275 |         content: '.';
276 |         display: block;
277 |         width: 15px;
278 |         height: 2px;
279 |         background: gray;
280 |         -webkit-transform: rotate(-90deg);
281 |     }
282 |     b._ {
283 |         display: inline-block;
284 |         width: 12px;
285 |         height: 2px;
286 |         background: gray;
287 |         font-size: 0;
288 |         line-height: 0;
289 |         vertical-align: bottom;
290 |     }
291 |     div._:hover,
292 |     div.x:hover {
293 |         background: white;
294 |     }
295 |     div._,
296 |     div.x {
297 |         height: 20px;
298 |         width: 20px;
299 |         float: left;
300 |         text-align: center;
301 |     }
302 |     .transparency {
303 |         opacity: 0;
304 |     }
305 |     .setting {
306 |         display: inline-block;
307 |         height: 35px;
308 |         width: 35px;
309 |         margin: 5px;
310 |         position: relative;
311 |         top: 500px;
312 |     }
313 |     #setPanel {
314 |         width: 400px;
315 |         z-index: 1;
316 |         font-size: 1.1em;
317 |         left: -400px;
318 |         position: absolute;
319 |         background-color: rgba(242, 242, 242, 0.97);
320 |         overflow: hidden;
321 |         box-shadow: rgb(210, 210, 210) 1px 2px 10px;
322 |     }
323 |     #setPanel > div {
324 |         margin: 20px;
325 |     }
326 |     .set_title {
327 |         text-align: center;
328 |     }
329 |     .set_content .lable {
330 |         width: 70px;
331 |         text-align: right;
332 |         float: left;
333 |     }
334 |     .set_content .content {
335 |         width: 250px;
336 |         float: left;
337 |         border-top: 1px rgb(197, 197, 197) solid;
338 |         box-sizing: border-box;
339 |         padding: 5px;
340 |         margin: 10px;
341 |     }
342 |     .set_content .music_cd {
343 |         height: 100px;
344 |         width: 100px;
345 |         border-radius: 50px;
346 |         margin: 30px auto;
347 |         border: 2px white solid;
348 |         box-shadow: rgb(234, 234, 234) 1px 1px 1px 1px;
349 |         background: url('http://a.hiphotos.baidu.com/ting/pic/item/0dd7912397dda144df7fa1cbb0b7d0a20cf48651.jpg')
350 |     }
351 |     </style>
352 |     <link href="public/animate.css" type="text/css" rel='stylesheet' />
353 |     <script src="public/socket.io.js"></script>
354 |     <script src="public/jquery.js"></script>
355 |     <script src="public/lodash.min.js"></script>
356 |     <script>
357 |     function User(name, img) {
358 |         this.name = name;
359 |         this.img = img;
360 |     }
361 | 
362 |     var socket = io("http://111.206.74.131:3000");
363 | 
364 |     var gui, win = null;
365 |     if (typeof(require) != 'undefined') {
366 |         gui = require('nw.gui');
367 |         win = gui.Window.get();
368 |     }
369 | 
370 | 
371 | 
372 |     function untitity() {
373 | 
374 |         this.getObj = function(str) {
375 |             var o = localStorage.getItem(str);
376 |             if (!o) {
377 |                 return null;
378 |             } else {
379 |                 return JSON.parse(o);
380 |             }
381 |         }
382 | 
383 |         this.setObj = function(str, obj) {
384 |             var strObj = JSON.stringify(obj);
385 |             localStorage.setItem(str, strObj);
386 |         }
387 | 
388 |         this.getStr = function(str) {
389 |             var o = localStorage.getItem(str);
390 |             if (!o) {
391 |                 return null;
392 |             } else {
393 |                 return o;
394 |             }
395 |         }
396 | 
397 |         this.getInt = function() {
398 |             var o = localStorage.getItem(str);
399 |             if (!o) {
400 |                 return null;
401 |             } else {
402 |                 return Number(o);
403 |             }
404 |         }
405 | 
406 |         this.diff = function(arr1, arr2, compare) {
407 |             var result = [];
408 |             _.forEach(arr1, function(a) {
409 |                 var isSame = _.some(arr2, function(b) {
410 |                     return compare(a, b);
411 |                 })
412 | 
413 |                 if (!isSame) {
414 |                     result.push(a);
415 |                 }
416 |             })
417 | 
418 |             return result;
419 |         }
420 |     }
421 | 
422 |     var uti = new untitity();
423 | 
424 |     function myAnimate(e, x) {
425 |         $(e).removeClass().addClass(x + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
426 |             $(this).removeClass();
427 |             $('#login input').addClass('fadeIn animated');
428 |             $('.winBtn div').addClass('zoomIn animated');
429 |         });
430 |     };
431 | 
432 | 
433 |     function init(socket) {
434 |         var $login = $('#login');
435 |         var $main = $('#main');
436 | 
437 |         var user = uti.getObj('user');
438 |         if (!user) {
439 |             $login.show();
440 |             myAnimate('#appName', 'rollIn');
441 |         } else {
442 |             $main.show();
443 |             $('#myPic').attr('src', user.img || 'img/none.jpg');
444 |             $('#myPic').attr('title', user.name);
445 |             socket.emit('online_user', user);
446 |         }
447 |     }
448 | 
449 |     function login() {
450 |         var $login = $('#login');
451 |         var $main = $('#main');
452 |         var uname = $('.top_half input').val();
453 |         if (uname == '') {
454 |             return false;
455 |         }
456 |         user = new User(uname, 'img/pic' + Math.floor(Math.random() * 6 + 1) + '.jpg');
457 |         uti.setObj("user", user);
458 |         $login.hide();
459 |         $main.show();
460 | 
461 |         $('#myPic').attr('src', user.img || 'img/none.jpg');
462 |         $('#myPic').attr('title', user.name);
463 |         socket.emit('online_user', user);
464 |     }
465 | 
466 |     function playSound(name) {
467 |         var src = musicList[name];
468 |         var _s = document.getElementById('snd');
469 |         if (src != '' && typeof src != undefined) {
470 |             _s.src = src;
471 |         }
472 |         _s.play();
473 |     }
474 | 
475 | 
476 | 
477 |     function userHtml(u) {
478 |         u = u.user;
479 |         var container = $('<div>', {
480 |             'class': 'u_container',
481 |             id: 'u_' + u.name
482 |         });
483 |         $('<div>', {
484 |             'class': 'line_tag'
485 |         }).appendTo(container);
486 |         $('<img>', {
487 |             src: u.img || 'img/none.jpg'
488 |         }).appendTo(container);
489 |         $('<div>', {
490 |             'class': 'u_name'
491 |         }).html(u.name).appendTo(container);
492 |         $('<div>', {
493 |             'class': 'u_location'
494 |         }).html('中国').appendTo(container);
495 |         return container;
496 |     }
497 | 
498 |     function msgHtml(msg) {
499 |         //我发的消息的样式
500 |         if (msg.from.name == uti.getObj('user').name) {
501 |             return $('<li>', {
502 |                 'class': 'msg_me'
503 |             }).append('<span>' + msg.msg + '</span>').append($('<img>', {
504 |                 src: msg.from.img
505 |             }));
506 |         }
507 |         //别人消息样式
508 |         else {
509 |             return $('<li>', {
510 |                 'class': 'msg_other'
511 |             }).append($('<img>', {
512 |                 src: msg.from.img
513 |             })).append('<span>' + msg.msg + '</span>');
514 |         }
515 |     }
516 | 
517 |     function enterDown(event) {
518 |         event.preventDefault();
519 |         $('#sentBtn').click();
520 |     }
521 | 
522 |     //为元素绑定事件
523 |     function bindElementEvent() {
524 |         var minBtn = $('div._');
525 |         var closeBtn = $('div.x');
526 | 
527 |         minBtn.click(function() { 
528 |             win.minimize();
529 |         });
530 | 
531 |         closeBtn.click(function() {
532 |             win.close();
533 |         })
534 | 
535 |         $('a.setting').click(function() {
536 |             var chilun = $(this).find('img');
537 |             var setP = $('#setPanel');
538 |             var class1 = setP.hasClass('extend') ? 'extend' : 'contract';
539 |             var class2 = setP.hasClass('extend') ? 'contract' : 'extend';
540 |             setP.removeClass(class1).addClass(class2);
541 |             var class3 = setP.hasClass('extend') ? 'circle_aw' : 'circle_cw';
542 |             var class4 = setP.hasClass('extend') ? 'circle_cw' : 'circle_aw';
543 |             chilun.removeClass(class3).addClass(class4);
544 | 
545 |         })
546 | 
547 |         $('div.music_cd').click(function(event) {
548 |             var myCD = $('#myCD');
549 |             if (myCD.get(0).paused) {
550 |                 if (!myCD.attr('src')) {
551 |                     myCD.attr('src', 'audio/qingchun.wav');
552 |                 }
553 |                 myCD.get(0).play();
554 |                 $(this).addClass('music_playing');
555 | 
556 |             } else {
557 |                 myCD.get(0).pause();
558 |                 $(this).removeClass('music_playing');
559 |             }
560 | 
561 | 
562 |         });
563 |     }
564 | 
565 |     var currentChat = null;
566 |     var chatMsgs = {};
567 |     var msgQueue = {};
568 |     var userList = [];
569 |     var musicList = {
570 |         msg_other: 'audio/msg_other.wav',
571 |         msg_me: 'audio/msg_me.mp3'
572 |     }
573 | 
574 |     $(function() {
575 | 
576 |         init(socket);
577 |         bindElementEvent();
578 | 
579 |         socket.on("online_user", function(users) {
580 |             var compareUser = function(u1, u2) {
581 |                 return u1.user.name == u2.user.name
582 |             }
583 | 
584 |             users = _.filter(users, function(u) {
585 |                 return u.user.name != uti.getObj('user').name;
586 |             })
587 | 
588 |             var newu = uti.diff(users, userList, compareUser);
589 |             var offline = uti.diff(userList, users, compareUser);
590 | 
591 |             _.forEach(newu, function(u) {
592 |                 $('#middle').append(userHtml(u));
593 |                 userList.push(u);
594 |             })
595 | 
596 |             _.forEach(users, function(u) {
597 |                 $('#u_' + u.user.name).addClass('online');
598 | 
599 |             })
600 | 
601 |             _.forEach(offline, function(u) {
602 |                 $('#u_' + u.user.name).removeClass('online');
603 |             })
604 |         })
605 | 
606 |         socket.on('chat message', function(msg) {
607 |             $('#msg').append($('<li>').text(msg));
608 |         });
609 | 
610 |         socket.on('personal', function(msgBody) {
611 |             var chat_msg = msgHtml(msgBody);
612 |             //如果消息是对方回复的消息，或者是我刚发出的消息，则直接填到页面上。
613 |             if (currentChat == msgBody.from.name || currentChat == msgBody.to) {
614 |                 $('#msg').append(chat_msg);
615 |                 $('#msg').get(0).scrollTop = $('#msg').get(0).scrollHeight;
616 | 
617 |             } else {
618 |                 $('#u_' + msgBody.from.name).addClass('new_msg');
619 |                 msgQueue[msgBody.from.name] = msgQueue[msgBody.from.name] || [];
620 |                 msgQueue[msgBody.from.name].push(msgBody);
621 |             }
622 | 
623 |             if (msgBody.from.name != uti.getObj('user').name) {
624 |                 playSound('msg_other');
625 |             }
626 | 
627 | 
628 |         });
629 | 
630 |         $('#middle').delegate('div.u_container', 'click', function() {
631 |             var selectedUser = $(this).attr('id').split('_')[1];
632 |             var $msg = $('#msg');
633 |             var $title = $('#title .drag');
634 |             $(this).removeClass('new_msg');
635 | 
636 |             if (currentChat == selectedUser) {
637 | 
638 |             } else {
639 |                 $title.html('<h3>' + selectedUser + '</h3>');
640 |                 if (currentChat) chatMsgs[currentChat] = $msg.html();
641 |                 currentChat = selectedUser;
642 |                 //填入旧消息
643 |                 $msg.html(chatMsgs[currentChat] || '');
644 |                 //生成消息队列中的消息
645 |                 if (msgQueue[currentChat] && msgQueue[currentChat].length > 0) {
646 |                     _.forEach(msgQueue[currentChat], function(m) {
647 |                         $msg.append(msgHtml(m));
648 |                     })
649 |                     $msg.get(0).scrollTop = $msg.get(0).scrollHeight
650 |                     msgQueue[currentChat] = [];
651 |                 }
652 |             }
653 |         })
654 | 
655 |         $('#sentBtn').click(function() {
656 |             if ($('#text').val().length == 0) {
657 |                 return false;
658 |             }
659 |             if (currentChat != null) {
660 | 
661 |                 socket.emit('personal', {
662 |                     from: uti.getObj('user'),
663 |                     to: currentChat,
664 |                     msg: $('#text').val()
665 |                 });
666 |             }
667 |             $('#text').val('');
668 |             return false;
669 |         });
670 | 
671 |     })
672 |     </script>
673 | </head>
674 | 
675 | <body>
676 |     <audio id="snd" src=""></audio>
677 |     <div id="main">
678 |         <div id="left" style="height:600px">
679 |             <img id="myPic" />
680 |             <a class="setting animated"><img src="img/setting.png" />
681 |             </a>
682 |         </div>
683 |         <div id="setPanel" class="animated" style="height:600px">
684 |             <div class="set_title">设置</div>
685 |             <div class="set_content">
686 |                 <div class="lable">声音</div>
687 |                 <div class="content"></div>
688 |             </div>
689 |             <div class="set_content">
690 |                 <div class="lable">一起Music</div>
691 |                 <div class="content">
692 |                     <div class="music_cd">
693 |                         <audio id="myCD" />
694 |                     </div>
695 | 
696 |                 </div>
697 |             </div>
698 |         </div>
699 |         <div id="middle">
700 |         </div>
701 |         <div id="right">
702 |             <div id="title">
703 |                 <div class="dragable drag"></div>
704 |                 <div style="padding-top:3px">
705 |                     <div class="_"> <b class="_" title="缩小"></b>
706 |                     </div>
707 |                     <div class="x"> <b class="x" title="关闭"></b>
708 |                     </div>
709 |                 </div>
710 |             </div>
711 |             <div id="msg">
712 |                 <p style="text-align: center;font-size: 1.6em;color: rgba(0, 0, 0, 0.4);">点击左侧在线用户开始聊天</p>
713 |             </div>
714 |             <div id="input">
715 |                 <div id="input_tool"></div>
716 |                 <div id="input_text">
717 |                     <textarea id="text" onkeydown='if(event.keyCode==13){enterDown(event)}'></textarea>
718 |                 </div>
719 |                 <div id="send">
720 |                     <span style="color:rgb(163, 163, 163)">回车</span>
721 |                     <input type="button" id="sentBtn" value="发送" />
722 |                 </div>
723 |             </div>
724 |         </div>
725 | 
726 |     </div>
727 |     <div id="login">
728 |         <div class="top_half">
729 |             <div class="login_drag dragable">
730 |                 <h1 id="appName">Free Chat</h1>
731 |             </div>
732 |             <div class="winBtn login_winBtn">
733 |                 <div class="_"> <b class="_" title="缩小"></b>
734 |                 </div>
735 |                 <div class="x"> <b class="x" title="关闭"></b>
736 |                 </div>
737 |                 <div style="clear:both"></div>
738 |             </div>
739 | 
740 |             <input type="text" placeholder="起个昵称" />
741 |         </div>
742 |         <div class="bottom_half">
743 |             <input type="button" value="进入聊天室" onclick="login()" />
744 |             <div> © Gaofei Yang</div>
745 |         </div>
746 | 
747 |     </div>
748 | </body>
749 | 
750 | </html>
751 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "nw-demo",
 3 |     "main": "index.html",
 4 |     "window": {
 5 |         "toolbar": false,
 6 |         "width": 800,
 7 |         "height": 600,
 8 |         "positon":"mouse",
 9 |         "resizable":false,
10 |         "show_in_taskbar":true,
11 |         "frame":false
12 |     }
13 | 
14 | }
15 | 


--------------------------------------------------------------------------------
/photos/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/photos/1.png


--------------------------------------------------------------------------------
/photos/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/photos/2.png


--------------------------------------------------------------------------------
/photos/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BryanYang/freechat/ec978f0da2e828786ff03a1305a7fe4deee6e3d0/photos/3.png


--------------------------------------------------------------------------------
/public/animate.css:
--------------------------------------------------------------------------------
   1 | @charset "UTF-8";
   2 | /*!
   3 | Animate.css - http://daneden.me/animate
   4 | Licensed under the MIT license - http://opensource.org/licenses/MIT
   5 | 
   6 | Copyright (c) 2014 Daniel Eden
   7 | */
   8 | 
   9 | .animated {
  10 |   -webkit-animation-duration: 1s;
  11 |           animation-duration: 1s;
  12 |   -webkit-animation-fill-mode: both;
  13 |           animation-fill-mode: both;
  14 | }
  15 | 
  16 | .animated.infinite {
  17 |   -webkit-animation-iteration-count: infinite;
  18 |           animation-iteration-count: infinite;
  19 | }
  20 | 
  21 | .animated.hinge {
  22 |   -webkit-animation-duration: 2s;
  23 |           animation-duration: 2s;
  24 | }
  25 | 
  26 | @-webkit-keyframes bounce {
  27 |   0%, 20%, 53%, 80%, 100% {
  28 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  29 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  30 |     -webkit-transform: translate3d(0,0,0);
  31 |             transform: translate3d(0,0,0);
  32 |   }
  33 | 
  34 |   40%, 43% {
  35 |     -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  36 |             transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  37 |     -webkit-transform: translate3d(0, -30px, 0);
  38 |             transform: translate3d(0, -30px, 0);
  39 |   }
  40 | 
  41 |   70% {
  42 |     -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  43 |             transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  44 |     -webkit-transform: translate3d(0, -15px, 0);
  45 |             transform: translate3d(0, -15px, 0);
  46 |   }
  47 | 
  48 |   90% {
  49 |     -webkit-transform: translate3d(0,-4px,0);
  50 |             transform: translate3d(0,-4px,0);
  51 |   }
  52 | }
  53 | 
  54 | @keyframes bounce {
  55 |   0%, 20%, 53%, 80%, 100% {
  56 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  57 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  58 |     -webkit-transform: translate3d(0,0,0);
  59 |             transform: translate3d(0,0,0);
  60 |   }
  61 | 
  62 |   40%, 43% {
  63 |     -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  64 |             transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  65 |     -webkit-transform: translate3d(0, -30px, 0);
  66 |             transform: translate3d(0, -30px, 0);
  67 |   }
  68 | 
  69 |   70% {
  70 |     -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  71 |             transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  72 |     -webkit-transform: translate3d(0, -15px, 0);
  73 |             transform: translate3d(0, -15px, 0);
  74 |   }
  75 | 
  76 |   90% {
  77 |     -webkit-transform: translate3d(0,-4px,0);
  78 |             transform: translate3d(0,-4px,0);
  79 |   }
  80 | }
  81 | 
  82 | .bounce {
  83 |   -webkit-animation-name: bounce;
  84 |           animation-name: bounce;
  85 |   -webkit-transform-origin: center bottom;
  86 |       -ms-transform-origin: center bottom;
  87 |           transform-origin: center bottom;
  88 | }
  89 | 
  90 | @-webkit-keyframes flash {
  91 |   0%, 50%, 100% {
  92 |     opacity: 1;
  93 |   }
  94 | 
  95 |   25%, 75% {
  96 |     opacity: 0;
  97 |   }
  98 | }
  99 | 
 100 | @keyframes flash {
 101 |   0%, 50%, 100% {
 102 |     opacity: 1;
 103 |   }
 104 | 
 105 |   25%, 75% {
 106 |     opacity: 0;
 107 |   }
 108 | }
 109 | 
 110 | .flash {
 111 |   -webkit-animation-name: flash;
 112 |           animation-name: flash;
 113 | }
 114 | 
 115 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 116 | 
 117 | @-webkit-keyframes pulse {
 118 |   0% {
 119 |     -webkit-transform: scale3d(1, 1, 1);
 120 |             transform: scale3d(1, 1, 1);
 121 |   }
 122 | 
 123 |   50% {
 124 |     -webkit-transform: scale3d(1.05, 1.05, 1.05);
 125 |             transform: scale3d(1.05, 1.05, 1.05);
 126 |   }
 127 | 
 128 |   100% {
 129 |     -webkit-transform: scale3d(1, 1, 1);
 130 |             transform: scale3d(1, 1, 1);
 131 |   }
 132 | }
 133 | 
 134 | @keyframes pulse {
 135 |   0% {
 136 |     -webkit-transform: scale3d(1, 1, 1);
 137 |             transform: scale3d(1, 1, 1);
 138 |   }
 139 | 
 140 |   50% {
 141 |     -webkit-transform: scale3d(1.05, 1.05, 1.05);
 142 |             transform: scale3d(1.05, 1.05, 1.05);
 143 |   }
 144 | 
 145 |   100% {
 146 |     -webkit-transform: scale3d(1, 1, 1);
 147 |             transform: scale3d(1, 1, 1);
 148 |   }
 149 | }
 150 | 
 151 | .pulse {
 152 |   -webkit-animation-name: pulse;
 153 |           animation-name: pulse;
 154 | }
 155 | 
 156 | @-webkit-keyframes rubberBand {
 157 |   0% {
 158 |     -webkit-transform: scale3d(1, 1, 1);
 159 |             transform: scale3d(1, 1, 1);
 160 |   }
 161 | 
 162 |   30% {
 163 |     -webkit-transform: scale3d(1.25, 0.75, 1);
 164 |             transform: scale3d(1.25, 0.75, 1);
 165 |   }
 166 | 
 167 |   40% {
 168 |     -webkit-transform: scale3d(0.75, 1.25, 1);
 169 |             transform: scale3d(0.75, 1.25, 1);
 170 |   }
 171 | 
 172 |   50% {
 173 |     -webkit-transform: scale3d(1.15, 0.85, 1);
 174 |             transform: scale3d(1.15, 0.85, 1);
 175 |   }
 176 | 
 177 |   65% {
 178 |     -webkit-transform: scale3d(.95, 1.05, 1);
 179 |             transform: scale3d(.95, 1.05, 1);
 180 |   }
 181 | 
 182 |   75% {
 183 |     -webkit-transform: scale3d(1.05, .95, 1);
 184 |             transform: scale3d(1.05, .95, 1);
 185 |   }
 186 | 
 187 |   100% {
 188 |     -webkit-transform: scale3d(1, 1, 1);
 189 |             transform: scale3d(1, 1, 1);
 190 |   }
 191 | }
 192 | 
 193 | @keyframes rubberBand {
 194 |   0% {
 195 |     -webkit-transform: scale3d(1, 1, 1);
 196 |             transform: scale3d(1, 1, 1);
 197 |   }
 198 | 
 199 |   30% {
 200 |     -webkit-transform: scale3d(1.25, 0.75, 1);
 201 |             transform: scale3d(1.25, 0.75, 1);
 202 |   }
 203 | 
 204 |   40% {
 205 |     -webkit-transform: scale3d(0.75, 1.25, 1);
 206 |             transform: scale3d(0.75, 1.25, 1);
 207 |   }
 208 | 
 209 |   50% {
 210 |     -webkit-transform: scale3d(1.15, 0.85, 1);
 211 |             transform: scale3d(1.15, 0.85, 1);
 212 |   }
 213 | 
 214 |   65% {
 215 |     -webkit-transform: scale3d(.95, 1.05, 1);
 216 |             transform: scale3d(.95, 1.05, 1);
 217 |   }
 218 | 
 219 |   75% {
 220 |     -webkit-transform: scale3d(1.05, .95, 1);
 221 |             transform: scale3d(1.05, .95, 1);
 222 |   }
 223 | 
 224 |   100% {
 225 |     -webkit-transform: scale3d(1, 1, 1);
 226 |             transform: scale3d(1, 1, 1);
 227 |   }
 228 | }
 229 | 
 230 | .rubberBand {
 231 |   -webkit-animation-name: rubberBand;
 232 |           animation-name: rubberBand;
 233 | }
 234 | 
 235 | @-webkit-keyframes shake {
 236 |   0%, 100% {
 237 |     -webkit-transform: translate3d(0, 0, 0);
 238 |             transform: translate3d(0, 0, 0);
 239 |   }
 240 | 
 241 |   10%, 30%, 50%, 70%, 90% {
 242 |     -webkit-transform: translate3d(-10px, 0, 0);
 243 |             transform: translate3d(-10px, 0, 0);
 244 |   }
 245 | 
 246 |   20%, 40%, 60%, 80% {
 247 |     -webkit-transform: translate3d(10px, 0, 0);
 248 |             transform: translate3d(10px, 0, 0);
 249 |   }
 250 | }
 251 | 
 252 | @keyframes shake {
 253 |   0%, 100% {
 254 |     -webkit-transform: translate3d(0, 0, 0);
 255 |             transform: translate3d(0, 0, 0);
 256 |   }
 257 | 
 258 |   10%, 30%, 50%, 70%, 90% {
 259 |     -webkit-transform: translate3d(-10px, 0, 0);
 260 |             transform: translate3d(-10px, 0, 0);
 261 |   }
 262 | 
 263 |   20%, 40%, 60%, 80% {
 264 |     -webkit-transform: translate3d(10px, 0, 0);
 265 |             transform: translate3d(10px, 0, 0);
 266 |   }
 267 | }
 268 | 
 269 | .shake {
 270 |   -webkit-animation-name: shake;
 271 |           animation-name: shake;
 272 | }
 273 | 
 274 | @-webkit-keyframes swing {
 275 |   20% {
 276 |     -webkit-transform: rotate3d(0, 0, 1, 15deg);
 277 |             transform: rotate3d(0, 0, 1, 15deg);
 278 |   }
 279 | 
 280 |   40% {
 281 |     -webkit-transform: rotate3d(0, 0, 1, -10deg);
 282 |             transform: rotate3d(0, 0, 1, -10deg);
 283 |   }
 284 | 
 285 |   60% {
 286 |     -webkit-transform: rotate3d(0, 0, 1, 5deg);
 287 |             transform: rotate3d(0, 0, 1, 5deg);
 288 |   }
 289 | 
 290 |   80% {
 291 |     -webkit-transform: rotate3d(0, 0, 1, -5deg);
 292 |             transform: rotate3d(0, 0, 1, -5deg);
 293 |   }
 294 | 
 295 |   100% {
 296 |     -webkit-transform: rotate3d(0, 0, 1, 0deg);
 297 |             transform: rotate3d(0, 0, 1, 0deg);
 298 |   }
 299 | }
 300 | 
 301 | @keyframes swing {
 302 |   20% {
 303 |     -webkit-transform: rotate3d(0, 0, 1, 15deg);
 304 |             transform: rotate3d(0, 0, 1, 15deg);
 305 |   }
 306 | 
 307 |   40% {
 308 |     -webkit-transform: rotate3d(0, 0, 1, -10deg);
 309 |             transform: rotate3d(0, 0, 1, -10deg);
 310 |   }
 311 | 
 312 |   60% {
 313 |     -webkit-transform: rotate3d(0, 0, 1, 5deg);
 314 |             transform: rotate3d(0, 0, 1, 5deg);
 315 |   }
 316 | 
 317 |   80% {
 318 |     -webkit-transform: rotate3d(0, 0, 1, -5deg);
 319 |             transform: rotate3d(0, 0, 1, -5deg);
 320 |   }
 321 | 
 322 |   100% {
 323 |     -webkit-transform: rotate3d(0, 0, 1, 0deg);
 324 |             transform: rotate3d(0, 0, 1, 0deg);
 325 |   }
 326 | }
 327 | 
 328 | .swing {
 329 |   -webkit-transform-origin: top center;
 330 |       -ms-transform-origin: top center;
 331 |           transform-origin: top center;
 332 |   -webkit-animation-name: swing;
 333 |           animation-name: swing;
 334 | }
 335 | 
 336 | @-webkit-keyframes tada {
 337 |   0% {
 338 |     -webkit-transform: scale3d(1, 1, 1);
 339 |             transform: scale3d(1, 1, 1);
 340 |   }
 341 | 
 342 |   10%, 20% {
 343 |     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 344 |             transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 345 |   }
 346 | 
 347 |   30%, 50%, 70%, 90% {
 348 |     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 349 |             transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 350 |   }
 351 | 
 352 |   40%, 60%, 80% {
 353 |     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 354 |             transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 355 |   }
 356 | 
 357 |   100% {
 358 |     -webkit-transform: scale3d(1, 1, 1);
 359 |             transform: scale3d(1, 1, 1);
 360 |   }
 361 | }
 362 | 
 363 | @keyframes tada {
 364 |   0% {
 365 |     -webkit-transform: scale3d(1, 1, 1);
 366 |             transform: scale3d(1, 1, 1);
 367 |   }
 368 | 
 369 |   10%, 20% {
 370 |     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 371 |             transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 372 |   }
 373 | 
 374 |   30%, 50%, 70%, 90% {
 375 |     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 376 |             transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 377 |   }
 378 | 
 379 |   40%, 60%, 80% {
 380 |     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 381 |             transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 382 |   }
 383 | 
 384 |   100% {
 385 |     -webkit-transform: scale3d(1, 1, 1);
 386 |             transform: scale3d(1, 1, 1);
 387 |   }
 388 | }
 389 | 
 390 | .tada {
 391 |   -webkit-animation-name: tada;
 392 |           animation-name: tada;
 393 | }
 394 | 
 395 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 396 | 
 397 | @-webkit-keyframes wobble {
 398 |   0% {
 399 |     -webkit-transform: none;
 400 |             transform: none;
 401 |   }
 402 | 
 403 |   15% {
 404 |     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 405 |             transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 406 |   }
 407 | 
 408 |   30% {
 409 |     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 410 |             transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 411 |   }
 412 | 
 413 |   45% {
 414 |     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 415 |             transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 416 |   }
 417 | 
 418 |   60% {
 419 |     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 420 |             transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 421 |   }
 422 | 
 423 |   75% {
 424 |     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 425 |             transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 426 |   }
 427 | 
 428 |   100% {
 429 |     -webkit-transform: none;
 430 |             transform: none;
 431 |   }
 432 | }
 433 | 
 434 | @keyframes wobble {
 435 |   0% {
 436 |     -webkit-transform: none;
 437 |             transform: none;
 438 |   }
 439 | 
 440 |   15% {
 441 |     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 442 |             transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 443 |   }
 444 | 
 445 |   30% {
 446 |     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 447 |             transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 448 |   }
 449 | 
 450 |   45% {
 451 |     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 452 |             transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 453 |   }
 454 | 
 455 |   60% {
 456 |     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 457 |             transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 458 |   }
 459 | 
 460 |   75% {
 461 |     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 462 |             transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 463 |   }
 464 | 
 465 |   100% {
 466 |     -webkit-transform: none;
 467 |             transform: none;
 468 |   }
 469 | }
 470 | 
 471 | .wobble {
 472 |   -webkit-animation-name: wobble;
 473 |           animation-name: wobble;
 474 | }
 475 | 
 476 | @-webkit-keyframes bounceIn {
 477 |   0%, 20%, 40%, 60%, 80%, 100% {
 478 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 479 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 480 |   }
 481 | 
 482 |   0% {
 483 |     opacity: 0;
 484 |     -webkit-transform: scale3d(.3, .3, .3);
 485 |             transform: scale3d(.3, .3, .3);
 486 |   }
 487 | 
 488 |   20% {
 489 |     -webkit-transform: scale3d(1.1, 1.1, 1.1);
 490 |             transform: scale3d(1.1, 1.1, 1.1);
 491 |   }
 492 | 
 493 |   40% {
 494 |     -webkit-transform: scale3d(.9, .9, .9);
 495 |             transform: scale3d(.9, .9, .9);
 496 |   }
 497 | 
 498 |   60% {
 499 |     opacity: 1;
 500 |     -webkit-transform: scale3d(1.03, 1.03, 1.03);
 501 |             transform: scale3d(1.03, 1.03, 1.03);
 502 |   }
 503 | 
 504 |   80% {
 505 |     -webkit-transform: scale3d(.97, .97, .97);
 506 |             transform: scale3d(.97, .97, .97);
 507 |   }
 508 | 
 509 |   100% {
 510 |     opacity: 1;
 511 |     -webkit-transform: scale3d(1, 1, 1);
 512 |             transform: scale3d(1, 1, 1);
 513 |   }
 514 | }
 515 | 
 516 | @keyframes bounceIn {
 517 |   0%, 20%, 40%, 60%, 80%, 100% {
 518 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 519 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 520 |   }
 521 | 
 522 |   0% {
 523 |     opacity: 0;
 524 |     -webkit-transform: scale3d(.3, .3, .3);
 525 |             transform: scale3d(.3, .3, .3);
 526 |   }
 527 | 
 528 |   20% {
 529 |     -webkit-transform: scale3d(1.1, 1.1, 1.1);
 530 |             transform: scale3d(1.1, 1.1, 1.1);
 531 |   }
 532 | 
 533 |   40% {
 534 |     -webkit-transform: scale3d(.9, .9, .9);
 535 |             transform: scale3d(.9, .9, .9);
 536 |   }
 537 | 
 538 |   60% {
 539 |     opacity: 1;
 540 |     -webkit-transform: scale3d(1.03, 1.03, 1.03);
 541 |             transform: scale3d(1.03, 1.03, 1.03);
 542 |   }
 543 | 
 544 |   80% {
 545 |     -webkit-transform: scale3d(.97, .97, .97);
 546 |             transform: scale3d(.97, .97, .97);
 547 |   }
 548 | 
 549 |   100% {
 550 |     opacity: 1;
 551 |     -webkit-transform: scale3d(1, 1, 1);
 552 |             transform: scale3d(1, 1, 1);
 553 |   }
 554 | }
 555 | 
 556 | .bounceIn {
 557 |   -webkit-animation-name: bounceIn;
 558 |           animation-name: bounceIn;
 559 |   -webkit-animation-duration: .75s;
 560 |           animation-duration: .75s;
 561 | }
 562 | 
 563 | @-webkit-keyframes bounceInDown {
 564 |   0%, 60%, 75%, 90%, 100% {
 565 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 566 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 567 |   }
 568 | 
 569 |   0% {
 570 |     opacity: 0;
 571 |     -webkit-transform: translate3d(0, -3000px, 0);
 572 |             transform: translate3d(0, -3000px, 0);
 573 |   }
 574 | 
 575 |   60% {
 576 |     opacity: 1;
 577 |     -webkit-transform: translate3d(0, 25px, 0);
 578 |             transform: translate3d(0, 25px, 0);
 579 |   }
 580 | 
 581 |   75% {
 582 |     -webkit-transform: translate3d(0, -10px, 0);
 583 |             transform: translate3d(0, -10px, 0);
 584 |   }
 585 | 
 586 |   90% {
 587 |     -webkit-transform: translate3d(0, 5px, 0);
 588 |             transform: translate3d(0, 5px, 0);
 589 |   }
 590 | 
 591 |   100% {
 592 |     -webkit-transform: none;
 593 |             transform: none;
 594 |   }
 595 | }
 596 | 
 597 | @keyframes bounceInDown {
 598 |   0%, 60%, 75%, 90%, 100% {
 599 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 600 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 601 |   }
 602 | 
 603 |   0% {
 604 |     opacity: 0;
 605 |     -webkit-transform: translate3d(0, -3000px, 0);
 606 |             transform: translate3d(0, -3000px, 0);
 607 |   }
 608 | 
 609 |   60% {
 610 |     opacity: 1;
 611 |     -webkit-transform: translate3d(0, 25px, 0);
 612 |             transform: translate3d(0, 25px, 0);
 613 |   }
 614 | 
 615 |   75% {
 616 |     -webkit-transform: translate3d(0, -10px, 0);
 617 |             transform: translate3d(0, -10px, 0);
 618 |   }
 619 | 
 620 |   90% {
 621 |     -webkit-transform: translate3d(0, 5px, 0);
 622 |             transform: translate3d(0, 5px, 0);
 623 |   }
 624 | 
 625 |   100% {
 626 |     -webkit-transform: none;
 627 |             transform: none;
 628 |   }
 629 | }
 630 | 
 631 | .bounceInDown {
 632 |   -webkit-animation-name: bounceInDown;
 633 |           animation-name: bounceInDown;
 634 | }
 635 | 
 636 | @-webkit-keyframes bounceInLeft {
 637 |   0%, 60%, 75%, 90%, 100% {
 638 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 639 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 640 |   }
 641 | 
 642 |   0% {
 643 |     opacity: 0;
 644 |     -webkit-transform: translate3d(-3000px, 0, 0);
 645 |             transform: translate3d(-3000px, 0, 0);
 646 |   }
 647 | 
 648 |   60% {
 649 |     opacity: 1;
 650 |     -webkit-transform: translate3d(25px, 0, 0);
 651 |             transform: translate3d(25px, 0, 0);
 652 |   }
 653 | 
 654 |   75% {
 655 |     -webkit-transform: translate3d(-10px, 0, 0);
 656 |             transform: translate3d(-10px, 0, 0);
 657 |   }
 658 | 
 659 |   90% {
 660 |     -webkit-transform: translate3d(5px, 0, 0);
 661 |             transform: translate3d(5px, 0, 0);
 662 |   }
 663 | 
 664 |   100% {
 665 |     -webkit-transform: none;
 666 |             transform: none;
 667 |   }
 668 | }
 669 | 
 670 | @keyframes bounceInLeft {
 671 |   0%, 60%, 75%, 90%, 100% {
 672 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 673 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 674 |   }
 675 | 
 676 |   0% {
 677 |     opacity: 0;
 678 |     -webkit-transform: translate3d(-3000px, 0, 0);
 679 |             transform: translate3d(-3000px, 0, 0);
 680 |   }
 681 | 
 682 |   60% {
 683 |     opacity: 1;
 684 |     -webkit-transform: translate3d(25px, 0, 0);
 685 |             transform: translate3d(25px, 0, 0);
 686 |   }
 687 | 
 688 |   75% {
 689 |     -webkit-transform: translate3d(-10px, 0, 0);
 690 |             transform: translate3d(-10px, 0, 0);
 691 |   }
 692 | 
 693 |   90% {
 694 |     -webkit-transform: translate3d(5px, 0, 0);
 695 |             transform: translate3d(5px, 0, 0);
 696 |   }
 697 | 
 698 |   100% {
 699 |     -webkit-transform: none;
 700 |             transform: none;
 701 |   }
 702 | }
 703 | 
 704 | .bounceInLeft {
 705 |   -webkit-animation-name: bounceInLeft;
 706 |           animation-name: bounceInLeft;
 707 | }
 708 | 
 709 | @-webkit-keyframes bounceInRight {
 710 |   0%, 60%, 75%, 90%, 100% {
 711 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 712 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 713 |   }
 714 | 
 715 |   0% {
 716 |     opacity: 0;
 717 |     -webkit-transform: translate3d(3000px, 0, 0);
 718 |             transform: translate3d(3000px, 0, 0);
 719 |   }
 720 | 
 721 |   60% {
 722 |     opacity: 1;
 723 |     -webkit-transform: translate3d(-25px, 0, 0);
 724 |             transform: translate3d(-25px, 0, 0);
 725 |   }
 726 | 
 727 |   75% {
 728 |     -webkit-transform: translate3d(10px, 0, 0);
 729 |             transform: translate3d(10px, 0, 0);
 730 |   }
 731 | 
 732 |   90% {
 733 |     -webkit-transform: translate3d(-5px, 0, 0);
 734 |             transform: translate3d(-5px, 0, 0);
 735 |   }
 736 | 
 737 |   100% {
 738 |     -webkit-transform: none;
 739 |             transform: none;
 740 |   }
 741 | }
 742 | 
 743 | @keyframes bounceInRight {
 744 |   0%, 60%, 75%, 90%, 100% {
 745 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 746 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 747 |   }
 748 | 
 749 |   0% {
 750 |     opacity: 0;
 751 |     -webkit-transform: translate3d(3000px, 0, 0);
 752 |             transform: translate3d(3000px, 0, 0);
 753 |   }
 754 | 
 755 |   60% {
 756 |     opacity: 1;
 757 |     -webkit-transform: translate3d(-25px, 0, 0);
 758 |             transform: translate3d(-25px, 0, 0);
 759 |   }
 760 | 
 761 |   75% {
 762 |     -webkit-transform: translate3d(10px, 0, 0);
 763 |             transform: translate3d(10px, 0, 0);
 764 |   }
 765 | 
 766 |   90% {
 767 |     -webkit-transform: translate3d(-5px, 0, 0);
 768 |             transform: translate3d(-5px, 0, 0);
 769 |   }
 770 | 
 771 |   100% {
 772 |     -webkit-transform: none;
 773 |             transform: none;
 774 |   }
 775 | }
 776 | 
 777 | .bounceInRight {
 778 |   -webkit-animation-name: bounceInRight;
 779 |           animation-name: bounceInRight;
 780 | }
 781 | 
 782 | @-webkit-keyframes bounceInUp {
 783 |   0%, 60%, 75%, 90%, 100% {
 784 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 785 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 786 |   }
 787 | 
 788 |   0% {
 789 |     opacity: 0;
 790 |     -webkit-transform: translate3d(0, 3000px, 0);
 791 |             transform: translate3d(0, 3000px, 0);
 792 |   }
 793 | 
 794 |   60% {
 795 |     opacity: 1;
 796 |     -webkit-transform: translate3d(0, -20px, 0);
 797 |             transform: translate3d(0, -20px, 0);
 798 |   }
 799 | 
 800 |   75% {
 801 |     -webkit-transform: translate3d(0, 10px, 0);
 802 |             transform: translate3d(0, 10px, 0);
 803 |   }
 804 | 
 805 |   90% {
 806 |     -webkit-transform: translate3d(0, -5px, 0);
 807 |             transform: translate3d(0, -5px, 0);
 808 |   }
 809 | 
 810 |   100% {
 811 |     -webkit-transform: translate3d(0, 0, 0);
 812 |             transform: translate3d(0, 0, 0);
 813 |   }
 814 | }
 815 | 
 816 | @keyframes bounceInUp {
 817 |   0%, 60%, 75%, 90%, 100% {
 818 |     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 819 |             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 820 |   }
 821 | 
 822 |   0% {
 823 |     opacity: 0;
 824 |     -webkit-transform: translate3d(0, 3000px, 0);
 825 |             transform: translate3d(0, 3000px, 0);
 826 |   }
 827 | 
 828 |   60% {
 829 |     opacity: 1;
 830 |     -webkit-transform: translate3d(0, -20px, 0);
 831 |             transform: translate3d(0, -20px, 0);
 832 |   }
 833 | 
 834 |   75% {
 835 |     -webkit-transform: translate3d(0, 10px, 0);
 836 |             transform: translate3d(0, 10px, 0);
 837 |   }
 838 | 
 839 |   90% {
 840 |     -webkit-transform: translate3d(0, -5px, 0);
 841 |             transform: translate3d(0, -5px, 0);
 842 |   }
 843 | 
 844 |   100% {
 845 |     -webkit-transform: translate3d(0, 0, 0);
 846 |             transform: translate3d(0, 0, 0);
 847 |   }
 848 | }
 849 | 
 850 | .bounceInUp {
 851 |   -webkit-animation-name: bounceInUp;
 852 |           animation-name: bounceInUp;
 853 | }
 854 | 
 855 | @-webkit-keyframes bounceOut {
 856 |   20% {
 857 |     -webkit-transform: scale3d(.9, .9, .9);
 858 |             transform: scale3d(.9, .9, .9);
 859 |   }
 860 | 
 861 |   50%, 55% {
 862 |     opacity: 1;
 863 |     -webkit-transform: scale3d(1.1, 1.1, 1.1);
 864 |             transform: scale3d(1.1, 1.1, 1.1);
 865 |   }
 866 | 
 867 |   100% {
 868 |     opacity: 0;
 869 |     -webkit-transform: scale3d(.3, .3, .3);
 870 |             transform: scale3d(.3, .3, .3);
 871 |   }
 872 | }
 873 | 
 874 | @keyframes bounceOut {
 875 |   20% {
 876 |     -webkit-transform: scale3d(.9, .9, .9);
 877 |             transform: scale3d(.9, .9, .9);
 878 |   }
 879 | 
 880 |   50%, 55% {
 881 |     opacity: 1;
 882 |     -webkit-transform: scale3d(1.1, 1.1, 1.1);
 883 |             transform: scale3d(1.1, 1.1, 1.1);
 884 |   }
 885 | 
 886 |   100% {
 887 |     opacity: 0;
 888 |     -webkit-transform: scale3d(.3, .3, .3);
 889 |             transform: scale3d(.3, .3, .3);
 890 |   }
 891 | }
 892 | 
 893 | .bounceOut {
 894 |   -webkit-animation-name: bounceOut;
 895 |           animation-name: bounceOut;
 896 |   -webkit-animation-duration: .75s;
 897 |           animation-duration: .75s;
 898 | }
 899 | 
 900 | @-webkit-keyframes bounceOutDown {
 901 |   20% {
 902 |     -webkit-transform: translate3d(0, 10px, 0);
 903 |             transform: translate3d(0, 10px, 0);
 904 |   }
 905 | 
 906 |   40%, 45% {
 907 |     opacity: 1;
 908 |     -webkit-transform: translate3d(0, -20px, 0);
 909 |             transform: translate3d(0, -20px, 0);
 910 |   }
 911 | 
 912 |   100% {
 913 |     opacity: 0;
 914 |     -webkit-transform: translate3d(0, 2000px, 0);
 915 |             transform: translate3d(0, 2000px, 0);
 916 |   }
 917 | }
 918 | 
 919 | @keyframes bounceOutDown {
 920 |   20% {
 921 |     -webkit-transform: translate3d(0, 10px, 0);
 922 |             transform: translate3d(0, 10px, 0);
 923 |   }
 924 | 
 925 |   40%, 45% {
 926 |     opacity: 1;
 927 |     -webkit-transform: translate3d(0, -20px, 0);
 928 |             transform: translate3d(0, -20px, 0);
 929 |   }
 930 | 
 931 |   100% {
 932 |     opacity: 0;
 933 |     -webkit-transform: translate3d(0, 2000px, 0);
 934 |             transform: translate3d(0, 2000px, 0);
 935 |   }
 936 | }
 937 | 
 938 | .bounceOutDown {
 939 |   -webkit-animation-name: bounceOutDown;
 940 |           animation-name: bounceOutDown;
 941 | }
 942 | 
 943 | @-webkit-keyframes bounceOutLeft {
 944 |   20% {
 945 |     opacity: 1;
 946 |     -webkit-transform: translate3d(20px, 0, 0);
 947 |             transform: translate3d(20px, 0, 0);
 948 |   }
 949 | 
 950 |   100% {
 951 |     opacity: 0;
 952 |     -webkit-transform: translate3d(-2000px, 0, 0);
 953 |             transform: translate3d(-2000px, 0, 0);
 954 |   }
 955 | }
 956 | 
 957 | @keyframes bounceOutLeft {
 958 |   20% {
 959 |     opacity: 1;
 960 |     -webkit-transform: translate3d(20px, 0, 0);
 961 |             transform: translate3d(20px, 0, 0);
 962 |   }
 963 | 
 964 |   100% {
 965 |     opacity: 0;
 966 |     -webkit-transform: translate3d(-2000px, 0, 0);
 967 |             transform: translate3d(-2000px, 0, 0);
 968 |   }
 969 | }
 970 | 
 971 | .bounceOutLeft {
 972 |   -webkit-animation-name: bounceOutLeft;
 973 |           animation-name: bounceOutLeft;
 974 | }
 975 | 
 976 | @-webkit-keyframes bounceOutRight {
 977 |   20% {
 978 |     opacity: 1;
 979 |     -webkit-transform: translate3d(-20px, 0, 0);
 980 |             transform: translate3d(-20px, 0, 0);
 981 |   }
 982 | 
 983 |   100% {
 984 |     opacity: 0;
 985 |     -webkit-transform: translate3d(2000px, 0, 0);
 986 |             transform: translate3d(2000px, 0, 0);
 987 |   }
 988 | }
 989 | 
 990 | @keyframes bounceOutRight {
 991 |   20% {
 992 |     opacity: 1;
 993 |     -webkit-transform: translate3d(-20px, 0, 0);
 994 |             transform: translate3d(-20px, 0, 0);
 995 |   }
 996 | 
 997 |   100% {
 998 |     opacity: 0;
 999 |     -webkit-transform: translate3d(2000px, 0, 0);
1000 |             transform: translate3d(2000px, 0, 0);
1001 |   }
1002 | }
1003 | 
1004 | .bounceOutRight {
1005 |   -webkit-animation-name: bounceOutRight;
1006 |           animation-name: bounceOutRight;
1007 | }
1008 | 
1009 | @-webkit-keyframes bounceOutUp {
1010 |   20% {
1011 |     -webkit-transform: translate3d(0, -10px, 0);
1012 |             transform: translate3d(0, -10px, 0);
1013 |   }
1014 | 
1015 |   40%, 45% {
1016 |     opacity: 1;
1017 |     -webkit-transform: translate3d(0, 20px, 0);
1018 |             transform: translate3d(0, 20px, 0);
1019 |   }
1020 | 
1021 |   100% {
1022 |     opacity: 0;
1023 |     -webkit-transform: translate3d(0, -2000px, 0);
1024 |             transform: translate3d(0, -2000px, 0);
1025 |   }
1026 | }
1027 | 
1028 | @keyframes bounceOutUp {
1029 |   20% {
1030 |     -webkit-transform: translate3d(0, -10px, 0);
1031 |             transform: translate3d(0, -10px, 0);
1032 |   }
1033 | 
1034 |   40%, 45% {
1035 |     opacity: 1;
1036 |     -webkit-transform: translate3d(0, 20px, 0);
1037 |             transform: translate3d(0, 20px, 0);
1038 |   }
1039 | 
1040 |   100% {
1041 |     opacity: 0;
1042 |     -webkit-transform: translate3d(0, -2000px, 0);
1043 |             transform: translate3d(0, -2000px, 0);
1044 |   }
1045 | }
1046 | 
1047 | .bounceOutUp {
1048 |   -webkit-animation-name: bounceOutUp;
1049 |           animation-name: bounceOutUp;
1050 | }
1051 | 
1052 | @-webkit-keyframes fadeIn {
1053 |   0% {opacity: 0;}
1054 |   100% {opacity: 1;}
1055 | }
1056 | 
1057 | @keyframes fadeIn {
1058 |   0% {opacity: 0;}
1059 |   100% {opacity: 1;}
1060 | }
1061 | 
1062 | .fadeIn {
1063 |   -webkit-animation-name: fadeIn;
1064 |           animation-name: fadeIn;
1065 | }
1066 | 
1067 | @-webkit-keyframes fadeInDown {
1068 |   0% {
1069 |     opacity: 0;
1070 |     -webkit-transform: translate3d(0, -100%, 0);
1071 |             transform: translate3d(0, -100%, 0);
1072 |   }
1073 | 
1074 |   100% {
1075 |     opacity: 1;
1076 |     -webkit-transform: none;
1077 |             transform: none;
1078 |   }
1079 | }
1080 | 
1081 | @keyframes fadeInDown {
1082 |   0% {
1083 |     opacity: 0;
1084 |     -webkit-transform: translate3d(0, -100%, 0);
1085 |             transform: translate3d(0, -100%, 0);
1086 |   }
1087 | 
1088 |   100% {
1089 |     opacity: 1;
1090 |     -webkit-transform: none;
1091 |             transform: none;
1092 |   }
1093 | }
1094 | 
1095 | .fadeInDown {
1096 |   -webkit-animation-name: fadeInDown;
1097 |           animation-name: fadeInDown;
1098 | }
1099 | 
1100 | @-webkit-keyframes fadeInDownBig {
1101 |   0% {
1102 |     opacity: 0;
1103 |     -webkit-transform: translate3d(0, -2000px, 0);
1104 |             transform: translate3d(0, -2000px, 0);
1105 |   }
1106 | 
1107 |   100% {
1108 |     opacity: 1;
1109 |     -webkit-transform: none;
1110 |             transform: none;
1111 |   }
1112 | }
1113 | 
1114 | @keyframes fadeInDownBig {
1115 |   0% {
1116 |     opacity: 0;
1117 |     -webkit-transform: translate3d(0, -2000px, 0);
1118 |             transform: translate3d(0, -2000px, 0);
1119 |   }
1120 | 
1121 |   100% {
1122 |     opacity: 1;
1123 |     -webkit-transform: none;
1124 |             transform: none;
1125 |   }
1126 | }
1127 | 
1128 | .fadeInDownBig {
1129 |   -webkit-animation-name: fadeInDownBig;
1130 |           animation-name: fadeInDownBig;
1131 | }
1132 | 
1133 | @-webkit-keyframes fadeInLeft {
1134 |   0% {
1135 |     opacity: 0;
1136 |     -webkit-transform: translate3d(-100%, 0, 0);
1137 |             transform: translate3d(-100%, 0, 0);
1138 |   }
1139 | 
1140 |   100% {
1141 |     opacity: 1;
1142 |     -webkit-transform: none;
1143 |             transform: none;
1144 |   }
1145 | }
1146 | 
1147 | @keyframes fadeInLeft {
1148 |   0% {
1149 |     opacity: 0;
1150 |     -webkit-transform: translate3d(-100%, 0, 0);
1151 |             transform: translate3d(-100%, 0, 0);
1152 |   }
1153 | 
1154 |   100% {
1155 |     opacity: 1;
1156 |     -webkit-transform: none;
1157 |             transform: none;
1158 |   }
1159 | }
1160 | 
1161 | .fadeInLeft {
1162 |   -webkit-animation-name: fadeInLeft;
1163 |           animation-name: fadeInLeft;
1164 | }
1165 | 
1166 | @-webkit-keyframes fadeInLeftBig {
1167 |   0% {
1168 |     opacity: 0;
1169 |     -webkit-transform: translate3d(-2000px, 0, 0);
1170 |             transform: translate3d(-2000px, 0, 0);
1171 |   }
1172 | 
1173 |   100% {
1174 |     opacity: 1;
1175 |     -webkit-transform: none;
1176 |             transform: none;
1177 |   }
1178 | }
1179 | 
1180 | @keyframes fadeInLeftBig {
1181 |   0% {
1182 |     opacity: 0;
1183 |     -webkit-transform: translate3d(-2000px, 0, 0);
1184 |             transform: translate3d(-2000px, 0, 0);
1185 |   }
1186 | 
1187 |   100% {
1188 |     opacity: 1;
1189 |     -webkit-transform: none;
1190 |             transform: none;
1191 |   }
1192 | }
1193 | 
1194 | .fadeInLeftBig {
1195 |   -webkit-animation-name: fadeInLeftBig;
1196 |           animation-name: fadeInLeftBig;
1197 | }
1198 | 
1199 | @-webkit-keyframes fadeInRight {
1200 |   0% {
1201 |     opacity: 0;
1202 |     -webkit-transform: translate3d(100%, 0, 0);
1203 |             transform: translate3d(100%, 0, 0);
1204 |   }
1205 | 
1206 |   100% {
1207 |     opacity: 1;
1208 |     -webkit-transform: none;
1209 |             transform: none;
1210 |   }
1211 | }
1212 | 
1213 | @keyframes fadeInRight {
1214 |   0% {
1215 |     opacity: 0;
1216 |     -webkit-transform: translate3d(100%, 0, 0);
1217 |             transform: translate3d(100%, 0, 0);
1218 |   }
1219 | 
1220 |   100% {
1221 |     opacity: 1;
1222 |     -webkit-transform: none;
1223 |             transform: none;
1224 |   }
1225 | }
1226 | 
1227 | .fadeInRight {
1228 |   -webkit-animation-name: fadeInRight;
1229 |           animation-name: fadeInRight;
1230 | }
1231 | 
1232 | @-webkit-keyframes fadeInRightBig {
1233 |   0% {
1234 |     opacity: 0;
1235 |     -webkit-transform: translate3d(2000px, 0, 0);
1236 |             transform: translate3d(2000px, 0, 0);
1237 |   }
1238 | 
1239 |   100% {
1240 |     opacity: 1;
1241 |     -webkit-transform: none;
1242 |             transform: none;
1243 |   }
1244 | }
1245 | 
1246 | @keyframes fadeInRightBig {
1247 |   0% {
1248 |     opacity: 0;
1249 |     -webkit-transform: translate3d(2000px, 0, 0);
1250 |             transform: translate3d(2000px, 0, 0);
1251 |   }
1252 | 
1253 |   100% {
1254 |     opacity: 1;
1255 |     -webkit-transform: none;
1256 |             transform: none;
1257 |   }
1258 | }
1259 | 
1260 | .fadeInRightBig {
1261 |   -webkit-animation-name: fadeInRightBig;
1262 |           animation-name: fadeInRightBig;
1263 | }
1264 | 
1265 | @-webkit-keyframes fadeInUp {
1266 |   0% {
1267 |     opacity: 0;
1268 |     -webkit-transform: translate3d(0, 100%, 0);
1269 |             transform: translate3d(0, 100%, 0);
1270 |   }
1271 | 
1272 |   100% {
1273 |     opacity: 1;
1274 |     -webkit-transform: none;
1275 |             transform: none;
1276 |   }
1277 | }
1278 | 
1279 | @keyframes fadeInUp {
1280 |   0% {
1281 |     opacity: 0;
1282 |     -webkit-transform: translate3d(0, 100%, 0);
1283 |             transform: translate3d(0, 100%, 0);
1284 |   }
1285 | 
1286 |   100% {
1287 |     opacity: 1;
1288 |     -webkit-transform: none;
1289 |             transform: none;
1290 |   }
1291 | }
1292 | 
1293 | .fadeInUp {
1294 |   -webkit-animation-name: fadeInUp;
1295 |           animation-name: fadeInUp;
1296 | }
1297 | 
1298 | @-webkit-keyframes fadeInUpBig {
1299 |   0% {
1300 |     opacity: 0;
1301 |     -webkit-transform: translate3d(0, 2000px, 0);
1302 |             transform: translate3d(0, 2000px, 0);
1303 |   }
1304 | 
1305 |   100% {
1306 |     opacity: 1;
1307 |     -webkit-transform: none;
1308 |             transform: none;
1309 |   }
1310 | }
1311 | 
1312 | @keyframes fadeInUpBig {
1313 |   0% {
1314 |     opacity: 0;
1315 |     -webkit-transform: translate3d(0, 2000px, 0);
1316 |             transform: translate3d(0, 2000px, 0);
1317 |   }
1318 | 
1319 |   100% {
1320 |     opacity: 1;
1321 |     -webkit-transform: none;
1322 |             transform: none;
1323 |   }
1324 | }
1325 | 
1326 | .fadeInUpBig {
1327 |   -webkit-animation-name: fadeInUpBig;
1328 |           animation-name: fadeInUpBig;
1329 | }
1330 | 
1331 | @-webkit-keyframes fadeOut {
1332 |   0% {opacity: 1;}
1333 |   100% {opacity: 0;}
1334 | }
1335 | 
1336 | @keyframes fadeOut {
1337 |   0% {opacity: 1;}
1338 |   100% {opacity: 0;}
1339 | }
1340 | 
1341 | .fadeOut {
1342 |   -webkit-animation-name: fadeOut;
1343 |           animation-name: fadeOut;
1344 | }
1345 | 
1346 | @-webkit-keyframes fadeOutDown {
1347 |   0% {
1348 |     opacity: 1;
1349 |   }
1350 | 
1351 |   100% {
1352 |     opacity: 0;
1353 |     -webkit-transform: translate3d(0, 100%, 0);
1354 |             transform: translate3d(0, 100%, 0);
1355 |   }
1356 | }
1357 | 
1358 | @keyframes fadeOutDown {
1359 |   0% {
1360 |     opacity: 1;
1361 |   }
1362 | 
1363 |   100% {
1364 |     opacity: 0;
1365 |     -webkit-transform: translate3d(0, 100%, 0);
1366 |             transform: translate3d(0, 100%, 0);
1367 |   }
1368 | }
1369 | 
1370 | .fadeOutDown {
1371 |   -webkit-animation-name: fadeOutDown;
1372 |           animation-name: fadeOutDown;
1373 | }
1374 | 
1375 | @-webkit-keyframes fadeOutDownBig {
1376 |   0% {
1377 |     opacity: 1;
1378 |   }
1379 | 
1380 |   100% {
1381 |     opacity: 0;
1382 |     -webkit-transform: translate3d(0, 2000px, 0);
1383 |             transform: translate3d(0, 2000px, 0);
1384 |   }
1385 | }
1386 | 
1387 | @keyframes fadeOutDownBig {
1388 |   0% {
1389 |     opacity: 1;
1390 |   }
1391 | 
1392 |   100% {
1393 |     opacity: 0;
1394 |     -webkit-transform: translate3d(0, 2000px, 0);
1395 |             transform: translate3d(0, 2000px, 0);
1396 |   }
1397 | }
1398 | 
1399 | .fadeOutDownBig {
1400 |   -webkit-animation-name: fadeOutDownBig;
1401 |           animation-name: fadeOutDownBig;
1402 | }
1403 | 
1404 | @-webkit-keyframes fadeOutLeft {
1405 |   0% {
1406 |     opacity: 1;
1407 |   }
1408 | 
1409 |   100% {
1410 |     opacity: 0;
1411 |     -webkit-transform: translate3d(-100%, 0, 0);
1412 |             transform: translate3d(-100%, 0, 0);
1413 |   }
1414 | }
1415 | 
1416 | @keyframes fadeOutLeft {
1417 |   0% {
1418 |     opacity: 1;
1419 |   }
1420 | 
1421 |   100% {
1422 |     opacity: 0;
1423 |     -webkit-transform: translate3d(-100%, 0, 0);
1424 |             transform: translate3d(-100%, 0, 0);
1425 |   }
1426 | }
1427 | 
1428 | .fadeOutLeft {
1429 |   -webkit-animation-name: fadeOutLeft;
1430 |           animation-name: fadeOutLeft;
1431 | }
1432 | 
1433 | @-webkit-keyframes fadeOutLeftBig {
1434 |   0% {
1435 |     opacity: 1;
1436 |   }
1437 | 
1438 |   100% {
1439 |     opacity: 0;
1440 |     -webkit-transform: translate3d(-2000px, 0, 0);
1441 |             transform: translate3d(-2000px, 0, 0);
1442 |   }
1443 | }
1444 | 
1445 | @keyframes fadeOutLeftBig {
1446 |   0% {
1447 |     opacity: 1;
1448 |   }
1449 | 
1450 |   100% {
1451 |     opacity: 0;
1452 |     -webkit-transform: translate3d(-2000px, 0, 0);
1453 |             transform: translate3d(-2000px, 0, 0);
1454 |   }
1455 | }
1456 | 
1457 | .fadeOutLeftBig {
1458 |   -webkit-animation-name: fadeOutLeftBig;
1459 |           animation-name: fadeOutLeftBig;
1460 | }
1461 | 
1462 | @-webkit-keyframes fadeOutRight {
1463 |   0% {
1464 |     opacity: 1;
1465 |   }
1466 | 
1467 |   100% {
1468 |     opacity: 0;
1469 |     -webkit-transform: translate3d(100%, 0, 0);
1470 |             transform: translate3d(100%, 0, 0);
1471 |   }
1472 | }
1473 | 
1474 | @keyframes fadeOutRight {
1475 |   0% {
1476 |     opacity: 1;
1477 |   }
1478 | 
1479 |   100% {
1480 |     opacity: 0;
1481 |     -webkit-transform: translate3d(100%, 0, 0);
1482 |             transform: translate3d(100%, 0, 0);
1483 |   }
1484 | }
1485 | 
1486 | .fadeOutRight {
1487 |   -webkit-animation-name: fadeOutRight;
1488 |           animation-name: fadeOutRight;
1489 | }
1490 | 
1491 | @-webkit-keyframes fadeOutRightBig {
1492 |   0% {
1493 |     opacity: 1;
1494 |   }
1495 | 
1496 |   100% {
1497 |     opacity: 0;
1498 |     -webkit-transform: translate3d(2000px, 0, 0);
1499 |             transform: translate3d(2000px, 0, 0);
1500 |   }
1501 | }
1502 | 
1503 | @keyframes fadeOutRightBig {
1504 |   0% {
1505 |     opacity: 1;
1506 |   }
1507 | 
1508 |   100% {
1509 |     opacity: 0;
1510 |     -webkit-transform: translate3d(2000px, 0, 0);
1511 |             transform: translate3d(2000px, 0, 0);
1512 |   }
1513 | }
1514 | 
1515 | .fadeOutRightBig {
1516 |   -webkit-animation-name: fadeOutRightBig;
1517 |           animation-name: fadeOutRightBig;
1518 | }
1519 | 
1520 | @-webkit-keyframes fadeOutUp {
1521 |   0% {
1522 |     opacity: 1;
1523 |   }
1524 | 
1525 |   100% {
1526 |     opacity: 0;
1527 |     -webkit-transform: translate3d(0, -100%, 0);
1528 |             transform: translate3d(0, -100%, 0);
1529 |   }
1530 | }
1531 | 
1532 | @keyframes fadeOutUp {
1533 |   0% {
1534 |     opacity: 1;
1535 |   }
1536 | 
1537 |   100% {
1538 |     opacity: 0;
1539 |     -webkit-transform: translate3d(0, -100%, 0);
1540 |             transform: translate3d(0, -100%, 0);
1541 |   }
1542 | }
1543 | 
1544 | .fadeOutUp {
1545 |   -webkit-animation-name: fadeOutUp;
1546 |           animation-name: fadeOutUp;
1547 | }
1548 | 
1549 | @-webkit-keyframes fadeOutUpBig {
1550 |   0% {
1551 |     opacity: 1;
1552 |   }
1553 | 
1554 |   100% {
1555 |     opacity: 0;
1556 |     -webkit-transform: translate3d(0, -2000px, 0);
1557 |             transform: translate3d(0, -2000px, 0);
1558 |   }
1559 | }
1560 | 
1561 | @keyframes fadeOutUpBig {
1562 |   0% {
1563 |     opacity: 1;
1564 |   }
1565 | 
1566 |   100% {
1567 |     opacity: 0;
1568 |     -webkit-transform: translate3d(0, -2000px, 0);
1569 |             transform: translate3d(0, -2000px, 0);
1570 |   }
1571 | }
1572 | 
1573 | .fadeOutUpBig {
1574 |   -webkit-animation-name: fadeOutUpBig;
1575 |           animation-name: fadeOutUpBig;
1576 | }
1577 | 
1578 | @-webkit-keyframes flip {
1579 |   0% {
1580 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1581 |             transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1582 |     -webkit-animation-timing-function: ease-out;
1583 |             animation-timing-function: ease-out;
1584 |   }
1585 | 
1586 |   40% {
1587 |     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1588 |             transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1589 |     -webkit-animation-timing-function: ease-out;
1590 |             animation-timing-function: ease-out;
1591 |   }
1592 | 
1593 |   50% {
1594 |     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1595 |             transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1596 |     -webkit-animation-timing-function: ease-in;
1597 |             animation-timing-function: ease-in;
1598 |   }
1599 | 
1600 |   80% {
1601 |     -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1602 |             transform: perspective(400px) scale3d(.95, .95, .95);
1603 |     -webkit-animation-timing-function: ease-in;
1604 |             animation-timing-function: ease-in;
1605 |   }
1606 | 
1607 |   100% {
1608 |     -webkit-transform: perspective(400px);
1609 |             transform: perspective(400px);
1610 |     -webkit-animation-timing-function: ease-in;
1611 |             animation-timing-function: ease-in;
1612 |   }
1613 | }
1614 | 
1615 | @keyframes flip {
1616 |   0% {
1617 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1618 |             transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1619 |     -webkit-animation-timing-function: ease-out;
1620 |             animation-timing-function: ease-out;
1621 |   }
1622 | 
1623 |   40% {
1624 |     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1625 |             transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1626 |     -webkit-animation-timing-function: ease-out;
1627 |             animation-timing-function: ease-out;
1628 |   }
1629 | 
1630 |   50% {
1631 |     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1632 |             transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1633 |     -webkit-animation-timing-function: ease-in;
1634 |             animation-timing-function: ease-in;
1635 |   }
1636 | 
1637 |   80% {
1638 |     -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1639 |             transform: perspective(400px) scale3d(.95, .95, .95);
1640 |     -webkit-animation-timing-function: ease-in;
1641 |             animation-timing-function: ease-in;
1642 |   }
1643 | 
1644 |   100% {
1645 |     -webkit-transform: perspective(400px);
1646 |             transform: perspective(400px);
1647 |     -webkit-animation-timing-function: ease-in;
1648 |             animation-timing-function: ease-in;
1649 |   }
1650 | }
1651 | 
1652 | .animated.flip {
1653 |   -webkit-backface-visibility: visible;
1654 |           backface-visibility: visible;
1655 |   -webkit-animation-name: flip;
1656 |           animation-name: flip;
1657 | }
1658 | 
1659 | @-webkit-keyframes flipInX {
1660 |   0% {
1661 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1662 |             transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1663 |     -webkit-transition-timing-function: ease-in;
1664 |             transition-timing-function: ease-in;
1665 |     opacity: 0;
1666 |   }
1667 | 
1668 |   40% {
1669 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1670 |             transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1671 |     -webkit-transition-timing-function: ease-in;
1672 |             transition-timing-function: ease-in;
1673 |   }
1674 | 
1675 |   60% {
1676 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1677 |             transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1678 |     opacity: 1;
1679 |   }
1680 | 
1681 |   80% {
1682 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1683 |             transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1684 |   }
1685 | 
1686 |   100% {
1687 |     -webkit-transform: perspective(400px);
1688 |             transform: perspective(400px);
1689 |   }
1690 | }
1691 | 
1692 | @keyframes flipInX {
1693 |   0% {
1694 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1695 |             transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1696 |     -webkit-transition-timing-function: ease-in;
1697 |             transition-timing-function: ease-in;
1698 |     opacity: 0;
1699 |   }
1700 | 
1701 |   40% {
1702 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1703 |             transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1704 |     -webkit-transition-timing-function: ease-in;
1705 |             transition-timing-function: ease-in;
1706 |   }
1707 | 
1708 |   60% {
1709 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1710 |             transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1711 |     opacity: 1;
1712 |   }
1713 | 
1714 |   80% {
1715 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1716 |             transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1717 |   }
1718 | 
1719 |   100% {
1720 |     -webkit-transform: perspective(400px);
1721 |             transform: perspective(400px);
1722 |   }
1723 | }
1724 | 
1725 | .flipInX {
1726 |   -webkit-backface-visibility: visible !important;
1727 |           backface-visibility: visible !important;
1728 |   -webkit-animation-name: flipInX;
1729 |           animation-name: flipInX;
1730 | }
1731 | 
1732 | @-webkit-keyframes flipInY {
1733 |   0% {
1734 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1735 |             transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1736 |     -webkit-transition-timing-function: ease-in;
1737 |             transition-timing-function: ease-in;
1738 |     opacity: 0;
1739 |   }
1740 | 
1741 |   40% {
1742 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1743 |             transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1744 |     -webkit-transition-timing-function: ease-in;
1745 |             transition-timing-function: ease-in;
1746 |   }
1747 | 
1748 |   60% {
1749 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1750 |             transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1751 |     opacity: 1;
1752 |   }
1753 | 
1754 |   80% {
1755 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1756 |             transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1757 |   }
1758 | 
1759 |   100% {
1760 |     -webkit-transform: perspective(400px);
1761 |             transform: perspective(400px);
1762 |   }
1763 | }
1764 | 
1765 | @keyframes flipInY {
1766 |   0% {
1767 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1768 |             transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1769 |     -webkit-transition-timing-function: ease-in;
1770 |             transition-timing-function: ease-in;
1771 |     opacity: 0;
1772 |   }
1773 | 
1774 |   40% {
1775 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1776 |             transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1777 |     -webkit-transition-timing-function: ease-in;
1778 |             transition-timing-function: ease-in;
1779 |   }
1780 | 
1781 |   60% {
1782 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1783 |             transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1784 |     opacity: 1;
1785 |   }
1786 | 
1787 |   80% {
1788 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1789 |             transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1790 |   }
1791 | 
1792 |   100% {
1793 |     -webkit-transform: perspective(400px);
1794 |             transform: perspective(400px);
1795 |   }
1796 | }
1797 | 
1798 | .flipInY {
1799 |   -webkit-backface-visibility: visible !important;
1800 |           backface-visibility: visible !important;
1801 |   -webkit-animation-name: flipInY;
1802 |           animation-name: flipInY;
1803 | }
1804 | 
1805 | @-webkit-keyframes flipOutX {
1806 |   0% {
1807 |     -webkit-transform: perspective(400px);
1808 |             transform: perspective(400px);
1809 |   }
1810 | 
1811 |   30% {
1812 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1813 |             transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1814 |     opacity: 1;
1815 |   }
1816 | 
1817 |   100% {
1818 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1819 |             transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1820 |     opacity: 0;
1821 |   }
1822 | }
1823 | 
1824 | @keyframes flipOutX {
1825 |   0% {
1826 |     -webkit-transform: perspective(400px);
1827 |             transform: perspective(400px);
1828 |   }
1829 | 
1830 |   30% {
1831 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1832 |             transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1833 |     opacity: 1;
1834 |   }
1835 | 
1836 |   100% {
1837 |     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1838 |             transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1839 |     opacity: 0;
1840 |   }
1841 | }
1842 | 
1843 | .flipOutX {
1844 |   -webkit-animation-name: flipOutX;
1845 |           animation-name: flipOutX;
1846 |   -webkit-animation-duration: .75s;
1847 |           animation-duration: .75s;
1848 |   -webkit-backface-visibility: visible !important;
1849 |           backface-visibility: visible !important;
1850 | }
1851 | 
1852 | @-webkit-keyframes flipOutY {
1853 |   0% {
1854 |     -webkit-transform: perspective(400px);
1855 |             transform: perspective(400px);
1856 |   }
1857 | 
1858 |   30% {
1859 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1860 |             transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1861 |     opacity: 1;
1862 |   }
1863 | 
1864 |   100% {
1865 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1866 |             transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1867 |     opacity: 0;
1868 |   }
1869 | }
1870 | 
1871 | @keyframes flipOutY {
1872 |   0% {
1873 |     -webkit-transform: perspective(400px);
1874 |             transform: perspective(400px);
1875 |   }
1876 | 
1877 |   30% {
1878 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1879 |             transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1880 |     opacity: 1;
1881 |   }
1882 | 
1883 |   100% {
1884 |     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1885 |             transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1886 |     opacity: 0;
1887 |   }
1888 | }
1889 | 
1890 | .flipOutY {
1891 |   -webkit-backface-visibility: visible !important;
1892 |           backface-visibility: visible !important;
1893 |   -webkit-animation-name: flipOutY;
1894 |           animation-name: flipOutY;
1895 |   -webkit-animation-duration: .75s;
1896 |           animation-duration: .75s;
1897 | }
1898 | 
1899 | @-webkit-keyframes lightSpeedIn {
1900 |   0% {
1901 |     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1902 |             transform: translate3d(100%, 0, 0) skewX(-30deg);
1903 |     opacity: 0;
1904 |   }
1905 | 
1906 |   60% {
1907 |     -webkit-transform: skewX(20deg);
1908 |             transform: skewX(20deg);
1909 |     opacity: 1;
1910 |   }
1911 | 
1912 |   80% {
1913 |     -webkit-transform: skewX(-5deg);
1914 |             transform: skewX(-5deg);
1915 |     opacity: 1;
1916 |   }
1917 | 
1918 |   100% {
1919 |     -webkit-transform: none;
1920 |             transform: none;
1921 |     opacity: 1;
1922 |   }
1923 | }
1924 | 
1925 | @keyframes lightSpeedIn {
1926 |   0% {
1927 |     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1928 |             transform: translate3d(100%, 0, 0) skewX(-30deg);
1929 |     opacity: 0;
1930 |   }
1931 | 
1932 |   60% {
1933 |     -webkit-transform: skewX(20deg);
1934 |             transform: skewX(20deg);
1935 |     opacity: 1;
1936 |   }
1937 | 
1938 |   80% {
1939 |     -webkit-transform: skewX(-5deg);
1940 |             transform: skewX(-5deg);
1941 |     opacity: 1;
1942 |   }
1943 | 
1944 |   100% {
1945 |     -webkit-transform: none;
1946 |             transform: none;
1947 |     opacity: 1;
1948 |   }
1949 | }
1950 | 
1951 | .lightSpeedIn {
1952 |   -webkit-animation-name: lightSpeedIn;
1953 |           animation-name: lightSpeedIn;
1954 |   -webkit-animation-timing-function: ease-out;
1955 |           animation-timing-function: ease-out;
1956 | }
1957 | 
1958 | @-webkit-keyframes lightSpeedOut {
1959 |   0% {
1960 |     opacity: 1;
1961 |   }
1962 | 
1963 |   100% {
1964 |     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1965 |             transform: translate3d(100%, 0, 0) skewX(30deg);
1966 |     opacity: 0;
1967 |   }
1968 | }
1969 | 
1970 | @keyframes lightSpeedOut {
1971 |   0% {
1972 |     opacity: 1;
1973 |   }
1974 | 
1975 |   100% {
1976 |     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1977 |             transform: translate3d(100%, 0, 0) skewX(30deg);
1978 |     opacity: 0;
1979 |   }
1980 | }
1981 | 
1982 | .lightSpeedOut {
1983 |   -webkit-animation-name: lightSpeedOut;
1984 |           animation-name: lightSpeedOut;
1985 |   -webkit-animation-timing-function: ease-in;
1986 |           animation-timing-function: ease-in;
1987 | }
1988 | 
1989 | @-webkit-keyframes rotateIn {
1990 |   0% {
1991 |     -webkit-transform-origin: center;
1992 |             transform-origin: center;
1993 |     -webkit-transform: rotate3d(0, 0, 1, -200deg);
1994 |             transform: rotate3d(0, 0, 1, -200deg);
1995 |     opacity: 0;
1996 |   }
1997 | 
1998 |   100% {
1999 |     -webkit-transform-origin: center;
2000 |             transform-origin: center;
2001 |     -webkit-transform: none;
2002 |             transform: none;
2003 |     opacity: 1;
2004 |   }
2005 | }
2006 | 
2007 | @keyframes rotateIn {
2008 |   0% {
2009 |     -webkit-transform-origin: center;
2010 |             transform-origin: center;
2011 |     -webkit-transform: rotate3d(0, 0, 1, -200deg);
2012 |             transform: rotate3d(0, 0, 1, -200deg);
2013 |     opacity: 0;
2014 |   }
2015 | 
2016 |   100% {
2017 |     -webkit-transform-origin: center;
2018 |             transform-origin: center;
2019 |     -webkit-transform: none;
2020 |             transform: none;
2021 |     opacity: 1;
2022 |   }
2023 | }
2024 | 
2025 | .rotateIn {
2026 |   -webkit-animation-name: rotateIn;
2027 |           animation-name: rotateIn;
2028 | }
2029 | 
2030 | @-webkit-keyframes rotateInDownLeft {
2031 |   0% {
2032 |     -webkit-transform-origin: left bottom;
2033 |             transform-origin: left bottom;
2034 |     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2035 |             transform: rotate3d(0, 0, 1, -45deg);
2036 |     opacity: 0;
2037 |   }
2038 | 
2039 |   100% {
2040 |     -webkit-transform-origin: left bottom;
2041 |             transform-origin: left bottom;
2042 |     -webkit-transform: none;
2043 |             transform: none;
2044 |     opacity: 1;
2045 |   }
2046 | }
2047 | 
2048 | @keyframes rotateInDownLeft {
2049 |   0% {
2050 |     -webkit-transform-origin: left bottom;
2051 |             transform-origin: left bottom;
2052 |     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2053 |             transform: rotate3d(0, 0, 1, -45deg);
2054 |     opacity: 0;
2055 |   }
2056 | 
2057 |   100% {
2058 |     -webkit-transform-origin: left bottom;
2059 |             transform-origin: left bottom;
2060 |     -webkit-transform: none;
2061 |             transform: none;
2062 |     opacity: 1;
2063 |   }
2064 | }
2065 | 
2066 | .rotateInDownLeft {
2067 |   -webkit-animation-name: rotateInDownLeft;
2068 |           animation-name: rotateInDownLeft;
2069 | }
2070 | 
2071 | @-webkit-keyframes rotateInDownRight {
2072 |   0% {
2073 |     -webkit-transform-origin: right bottom;
2074 |             transform-origin: right bottom;
2075 |     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2076 |             transform: rotate3d(0, 0, 1, 45deg);
2077 |     opacity: 0;
2078 |   }
2079 | 
2080 |   100% {
2081 |     -webkit-transform-origin: right bottom;
2082 |             transform-origin: right bottom;
2083 |     -webkit-transform: none;
2084 |             transform: none;
2085 |     opacity: 1;
2086 |   }
2087 | }
2088 | 
2089 | @keyframes rotateInDownRight {
2090 |   0% {
2091 |     -webkit-transform-origin: right bottom;
2092 |             transform-origin: right bottom;
2093 |     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2094 |             transform: rotate3d(0, 0, 1, 45deg);
2095 |     opacity: 0;
2096 |   }
2097 | 
2098 |   100% {
2099 |     -webkit-transform-origin: right bottom;
2100 |             transform-origin: right bottom;
2101 |     -webkit-transform: none;
2102 |             transform: none;
2103 |     opacity: 1;
2104 |   }
2105 | }
2106 | 
2107 | .rotateInDownRight {
2108 |   -webkit-animation-name: rotateInDownRight;
2109 |           animation-name: rotateInDownRight;
2110 | }
2111 | 
2112 | @-webkit-keyframes rotateInUpLeft {
2113 |   0% {
2114 |     -webkit-transform-origin: left bottom;
2115 |             transform-origin: left bottom;
2116 |     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2117 |             transform: rotate3d(0, 0, 1, 45deg);
2118 |     opacity: 0;
2119 |   }
2120 | 
2121 |   100% {
2122 |     -webkit-transform-origin: left bottom;
2123 |             transform-origin: left bottom;
2124 |     -webkit-transform: none;
2125 |             transform: none;
2126 |     opacity: 1;
2127 |   }
2128 | }
2129 | 
2130 | @keyframes rotateInUpLeft {
2131 |   0% {
2132 |     -webkit-transform-origin: left bottom;
2133 |             transform-origin: left bottom;
2134 |     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2135 |             transform: rotate3d(0, 0, 1, 45deg);
2136 |     opacity: 0;
2137 |   }
2138 | 
2139 |   100% {
2140 |     -webkit-transform-origin: left bottom;
2141 |             transform-origin: left bottom;
2142 |     -webkit-transform: none;
2143 |             transform: none;
2144 |     opacity: 1;
2145 |   }
2146 | }
2147 | 
2148 | .rotateInUpLeft {
2149 |   -webkit-animation-name: rotateInUpLeft;
2150 |           animation-name: rotateInUpLeft;
2151 | }
2152 | 
2153 | @-webkit-keyframes rotateInUpRight {
2154 |   0% {
2155 |     -webkit-transform-origin: right bottom;
2156 |             transform-origin: right bottom;
2157 |     -webkit-transform: rotate3d(0, 0, 1, -90deg);
2158 |             transform: rotate3d(0, 0, 1, -90deg);
2159 |     opacity: 0;
2160 |   }
2161 | 
2162 |   100% {
2163 |     -webkit-transform-origin: right bottom;
2164 |             transform-origin: right bottom;
2165 |     -webkit-transform: none;
2166 |             transform: none;
2167 |     opacity: 1;
2168 |   }
2169 | }
2170 | 
2171 | @keyframes rotateInUpRight {
2172 |   0% {
2173 |     -webkit-transform-origin: right bottom;
2174 |             transform-origin: right bottom;
2175 |     -webkit-transform: rotate3d(0, 0, 1, -90deg);
2176 |             transform: rotate3d(0, 0, 1, -90deg);
2177 |     opacity: 0;
2178 |   }
2179 | 
2180 |   100% {
2181 |     -webkit-transform-origin: right bottom;
2182 |             transform-origin: right bottom;
2183 |     -webkit-transform: none;
2184 |             transform: none;
2185 |     opacity: 1;
2186 |   }
2187 | }
2188 | 
2189 | .rotateInUpRight {
2190 |   -webkit-animation-name: rotateInUpRight;
2191 |           animation-name: rotateInUpRight;
2192 | }
2193 | 
2194 | @-webkit-keyframes rotateOut {
2195 |   0% {
2196 |     -webkit-transform-origin: center;
2197 |             transform-origin: center;
2198 |     opacity: 1;
2199 |   }
2200 | 
2201 |   100% {
2202 |     -webkit-transform-origin: center;
2203 |             transform-origin: center;
2204 |     -webkit-transform: rotate3d(0, 0, 1, 200deg);
2205 |             transform: rotate3d(0, 0, 1, 200deg);
2206 |     opacity: 0;
2207 |   }
2208 | }
2209 | 
2210 | @keyframes rotateOut {
2211 |   0% {
2212 |     -webkit-transform-origin: center;
2213 |             transform-origin: center;
2214 |     opacity: 1;
2215 |   }
2216 | 
2217 |   100% {
2218 |     -webkit-transform-origin: center;
2219 |             transform-origin: center;
2220 |     -webkit-transform: rotate3d(0, 0, 1, 200deg);
2221 |             transform: rotate3d(0, 0, 1, 200deg);
2222 |     opacity: 0;
2223 |   }
2224 | }
2225 | 
2226 | .rotateOut {
2227 |   -webkit-animation-name: rotateOut;
2228 |           animation-name: rotateOut;
2229 | }
2230 | 
2231 | @-webkit-keyframes rotateOutDownLeft {
2232 |   0% {
2233 |     -webkit-transform-origin: left bottom;
2234 |             transform-origin: left bottom;
2235 |     opacity: 1;
2236 |   }
2237 | 
2238 |   100% {
2239 |     -webkit-transform-origin: left bottom;
2240 |             transform-origin: left bottom;
2241 |     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2242 |             transform: rotate3d(0, 0, 1, 45deg);
2243 |     opacity: 0;
2244 |   }
2245 | }
2246 | 
2247 | @keyframes rotateOutDownLeft {
2248 |   0% {
2249 |     -webkit-transform-origin: left bottom;
2250 |             transform-origin: left bottom;
2251 |     opacity: 1;
2252 |   }
2253 | 
2254 |   100% {
2255 |     -webkit-transform-origin: left bottom;
2256 |             transform-origin: left bottom;
2257 |     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2258 |             transform: rotate3d(0, 0, 1, 45deg);
2259 |     opacity: 0;
2260 |   }
2261 | }
2262 | 
2263 | .rotateOutDownLeft {
2264 |   -webkit-animation-name: rotateOutDownLeft;
2265 |           animation-name: rotateOutDownLeft;
2266 | }
2267 | 
2268 | @-webkit-keyframes rotateOutDownRight {
2269 |   0% {
2270 |     -webkit-transform-origin: right bottom;
2271 |             transform-origin: right bottom;
2272 |     opacity: 1;
2273 |   }
2274 | 
2275 |   100% {
2276 |     -webkit-transform-origin: right bottom;
2277 |             transform-origin: right bottom;
2278 |     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2279 |             transform: rotate3d(0, 0, 1, -45deg);
2280 |     opacity: 0;
2281 |   }
2282 | }
2283 | 
2284 | @keyframes rotateOutDownRight {
2285 |   0% {
2286 |     -webkit-transform-origin: right bottom;
2287 |             transform-origin: right bottom;
2288 |     opacity: 1;
2289 |   }
2290 | 
2291 |   100% {
2292 |     -webkit-transform-origin: right bottom;
2293 |             transform-origin: right bottom;
2294 |     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2295 |             transform: rotate3d(0, 0, 1, -45deg);
2296 |     opacity: 0;
2297 |   }
2298 | }
2299 | 
2300 | .rotateOutDownRight {
2301 |   -webkit-animation-name: rotateOutDownRight;
2302 |           animation-name: rotateOutDownRight;
2303 | }
2304 | 
2305 | @-webkit-keyframes rotateOutUpLeft {
2306 |   0% {
2307 |     -webkit-transform-origin: left bottom;
2308 |             transform-origin: left bottom;
2309 |     opacity: 1;
2310 |   }
2311 | 
2312 |   100% {
2313 |     -webkit-transform-origin: left bottom;
2314 |             transform-origin: left bottom;
2315 |     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2316 |             transform: rotate3d(0, 0, 1, -45deg);
2317 |     opacity: 0;
2318 |   }
2319 | }
2320 | 
2321 | @keyframes rotateOutUpLeft {
2322 |   0% {
2323 |     -webkit-transform-origin: left bottom;
2324 |             transform-origin: left bottom;
2325 |     opacity: 1;
2326 |   }
2327 | 
2328 |   100% {
2329 |     -webkit-transform-origin: left bottom;
2330 |             transform-origin: left bottom;
2331 |     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2332 |             transform: rotate3d(0, 0, 1, -45deg);
2333 |     opacity: 0;
2334 |   }
2335 | }
2336 | 
2337 | .rotateOutUpLeft {
2338 |   -webkit-animation-name: rotateOutUpLeft;
2339 |           animation-name: rotateOutUpLeft;
2340 | }
2341 | 
2342 | @-webkit-keyframes rotateOutUpRight {
2343 |   0% {
2344 |     -webkit-transform-origin: right bottom;
2345 |             transform-origin: right bottom;
2346 |     opacity: 1;
2347 |   }
2348 | 
2349 |   100% {
2350 |     -webkit-transform-origin: right bottom;
2351 |             transform-origin: right bottom;
2352 |     -webkit-transform: rotate3d(0, 0, 1, 90deg);
2353 |             transform: rotate3d(0, 0, 1, 90deg);
2354 |     opacity: 0;
2355 |   }
2356 | }
2357 | 
2358 | @keyframes rotateOutUpRight {
2359 |   0% {
2360 |     -webkit-transform-origin: right bottom;
2361 |             transform-origin: right bottom;
2362 |     opacity: 1;
2363 |   }
2364 | 
2365 |   100% {
2366 |     -webkit-transform-origin: right bottom;
2367 |             transform-origin: right bottom;
2368 |     -webkit-transform: rotate3d(0, 0, 1, 90deg);
2369 |             transform: rotate3d(0, 0, 1, 90deg);
2370 |     opacity: 0;
2371 |   }
2372 | }
2373 | 
2374 | .rotateOutUpRight {
2375 |   -webkit-animation-name: rotateOutUpRight;
2376 |           animation-name: rotateOutUpRight;
2377 | }
2378 | 
2379 | @-webkit-keyframes hinge {
2380 |   0% {
2381 |     -webkit-transform-origin: top left;
2382 |             transform-origin: top left;
2383 |     -webkit-animation-timing-function: ease-in-out;
2384 |             animation-timing-function: ease-in-out;
2385 |   }
2386 | 
2387 |   20%, 60% {
2388 |     -webkit-transform: rotate3d(0, 0, 1, 80deg);
2389 |             transform: rotate3d(0, 0, 1, 80deg);
2390 |     -webkit-transform-origin: top left;
2391 |             transform-origin: top left;
2392 |     -webkit-animation-timing-function: ease-in-out;
2393 |             animation-timing-function: ease-in-out;
2394 |   }
2395 | 
2396 |   40%, 80% {
2397 |     -webkit-transform: rotate3d(0, 0, 1, 60deg);
2398 |             transform: rotate3d(0, 0, 1, 60deg);
2399 |     -webkit-transform-origin: top left;
2400 |             transform-origin: top left;
2401 |     -webkit-animation-timing-function: ease-in-out;
2402 |             animation-timing-function: ease-in-out;
2403 |     opacity: 1;
2404 |   }
2405 | 
2406 |   100% {
2407 |     -webkit-transform: translate3d(0, 700px, 0);
2408 |             transform: translate3d(0, 700px, 0);
2409 |     opacity: 0;
2410 |   }
2411 | }
2412 | 
2413 | @keyframes hinge {
2414 |   0% {
2415 |     -webkit-transform-origin: top left;
2416 |             transform-origin: top left;
2417 |     -webkit-animation-timing-function: ease-in-out;
2418 |             animation-timing-function: ease-in-out;
2419 |   }
2420 | 
2421 |   20%, 60% {
2422 |     -webkit-transform: rotate3d(0, 0, 1, 80deg);
2423 |             transform: rotate3d(0, 0, 1, 80deg);
2424 |     -webkit-transform-origin: top left;
2425 |             transform-origin: top left;
2426 |     -webkit-animation-timing-function: ease-in-out;
2427 |             animation-timing-function: ease-in-out;
2428 |   }
2429 | 
2430 |   40%, 80% {
2431 |     -webkit-transform: rotate3d(0, 0, 1, 60deg);
2432 |             transform: rotate3d(0, 0, 1, 60deg);
2433 |     -webkit-transform-origin: top left;
2434 |             transform-origin: top left;
2435 |     -webkit-animation-timing-function: ease-in-out;
2436 |             animation-timing-function: ease-in-out;
2437 |     opacity: 1;
2438 |   }
2439 | 
2440 |   100% {
2441 |     -webkit-transform: translate3d(0, 700px, 0);
2442 |             transform: translate3d(0, 700px, 0);
2443 |     opacity: 0;
2444 |   }
2445 | }
2446 | 
2447 | .hinge {
2448 |   -webkit-animation-name: hinge;
2449 |           animation-name: hinge;
2450 | }
2451 | 
2452 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2453 | 
2454 | @-webkit-keyframes rollIn {
2455 |   0% {
2456 |     opacity: 0;
2457 |     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2458 |             transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2459 |   }
2460 | 
2461 |   100% {
2462 |     opacity: 1;
2463 |     -webkit-transform: none;
2464 |             transform: none;
2465 |   }
2466 | }
2467 | 
2468 | @keyframes rollIn {
2469 |   0% {
2470 |     opacity: 0;
2471 |     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2472 |             transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2473 |   }
2474 | 
2475 |   100% {
2476 |     opacity: 1;
2477 |     -webkit-transform: none;
2478 |             transform: none;
2479 |   }
2480 | }
2481 | 
2482 | .rollIn {
2483 |   -webkit-animation-name: rollIn;
2484 |           animation-name: rollIn;
2485 | }
2486 | 
2487 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2488 | 
2489 | @-webkit-keyframes rollOut {
2490 |   0% {
2491 |     opacity: 1;
2492 |   }
2493 | 
2494 |   100% {
2495 |     opacity: 0;
2496 |     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2497 |             transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2498 |   }
2499 | }
2500 | 
2501 | @keyframes rollOut {
2502 |   0% {
2503 |     opacity: 1;
2504 |   }
2505 | 
2506 |   100% {
2507 |     opacity: 0;
2508 |     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2509 |             transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2510 |   }
2511 | }
2512 | 
2513 | .rollOut {
2514 |   -webkit-animation-name: rollOut;
2515 |           animation-name: rollOut;
2516 | }
2517 | 
2518 | @-webkit-keyframes zoomIn {
2519 |   0% {
2520 |     opacity: 0;
2521 |     -webkit-transform: scale3d(.3, .3, .3);
2522 |             transform: scale3d(.3, .3, .3);
2523 |   }
2524 | 
2525 |   100% {
2526 |     opacity: 1;
2527 |   }
2528 | }
2529 | 
2530 | @keyframes zoomIn {
2531 |   0% {
2532 |     opacity: 0;
2533 |     -webkit-transform: scale3d(.3, .3, .3);
2534 |             transform: scale3d(.3, .3, .3);
2535 |   }
2536 | 
2537 |   100% {
2538 |     opacity: 1;
2539 |   }
2540 | }
2541 | 
2542 | .zoomIn {
2543 |   -webkit-animation-name: zoomIn;
2544 |           animation-name: zoomIn;
2545 | }
2546 | 
2547 | @-webkit-keyframes zoomInDown {
2548 |   0% {
2549 |     opacity: 0;
2550 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2551 |             transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2552 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2553 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2554 |   }
2555 | 
2556 |   60% {
2557 |     opacity: 1;
2558 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2559 |             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2560 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2561 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2562 |   }
2563 | }
2564 | 
2565 | @keyframes zoomInDown {
2566 |   0% {
2567 |     opacity: 0;
2568 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2569 |             transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2570 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2571 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2572 |   }
2573 | 
2574 |   60% {
2575 |     opacity: 1;
2576 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2577 |             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2578 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2579 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2580 |   }
2581 | }
2582 | 
2583 | .zoomInDown {
2584 |   -webkit-animation-name: zoomInDown;
2585 |           animation-name: zoomInDown;
2586 | }
2587 | 
2588 | @-webkit-keyframes zoomInLeft {
2589 |   0% {
2590 |     opacity: 0;
2591 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2592 |             transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2593 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2594 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2595 |   }
2596 | 
2597 |   60% {
2598 |     opacity: 1;
2599 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2600 |             transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2601 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2602 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2603 |   }
2604 | }
2605 | 
2606 | @keyframes zoomInLeft {
2607 |   0% {
2608 |     opacity: 0;
2609 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2610 |             transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2611 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2612 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2613 |   }
2614 | 
2615 |   60% {
2616 |     opacity: 1;
2617 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2618 |             transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2619 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2620 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2621 |   }
2622 | }
2623 | 
2624 | .zoomInLeft {
2625 |   -webkit-animation-name: zoomInLeft;
2626 |           animation-name: zoomInLeft;
2627 | }
2628 | 
2629 | @-webkit-keyframes zoomInRight {
2630 |   0% {
2631 |     opacity: 0;
2632 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2633 |             transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2634 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2635 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2636 |   }
2637 | 
2638 |   60% {
2639 |     opacity: 1;
2640 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2641 |             transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2642 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2643 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2644 |   }
2645 | }
2646 | 
2647 | @keyframes zoomInRight {
2648 |   0% {
2649 |     opacity: 0;
2650 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2651 |             transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2652 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2653 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2654 |   }
2655 | 
2656 |   60% {
2657 |     opacity: 1;
2658 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2659 |             transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2660 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2661 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2662 |   }
2663 | }
2664 | 
2665 | .zoomInRight {
2666 |   -webkit-animation-name: zoomInRight;
2667 |           animation-name: zoomInRight;
2668 | }
2669 | 
2670 | @-webkit-keyframes zoomInUp {
2671 |   0% {
2672 |     opacity: 0;
2673 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2674 |             transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2675 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2676 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2677 |   }
2678 | 
2679 |   60% {
2680 |     opacity: 1;
2681 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2682 |             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2683 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2684 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2685 |   }
2686 | }
2687 | 
2688 | @keyframes zoomInUp {
2689 |   0% {
2690 |     opacity: 0;
2691 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2692 |             transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2693 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2694 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2695 |   }
2696 | 
2697 |   60% {
2698 |     opacity: 1;
2699 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2700 |             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2701 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2702 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2703 |   }
2704 | }
2705 | 
2706 | .zoomInUp {
2707 |   -webkit-animation-name: zoomInUp;
2708 |           animation-name: zoomInUp;
2709 | }
2710 | 
2711 | @-webkit-keyframes zoomOut {
2712 |   0% {
2713 |     opacity: 1;
2714 |   }
2715 | 
2716 |   50% {
2717 |     opacity: 0;
2718 |     -webkit-transform: scale3d(.3, .3, .3);
2719 |             transform: scale3d(.3, .3, .3);
2720 |   }
2721 | 
2722 |   100% {
2723 |     opacity: 0;
2724 |   }
2725 | }
2726 | 
2727 | @keyframes zoomOut {
2728 |   0% {
2729 |     opacity: 1;
2730 |   }
2731 | 
2732 |   50% {
2733 |     opacity: 0;
2734 |     -webkit-transform: scale3d(.3, .3, .3);
2735 |             transform: scale3d(.3, .3, .3);
2736 |   }
2737 | 
2738 |   100% {
2739 |     opacity: 0;
2740 |   }
2741 | }
2742 | 
2743 | .zoomOut {
2744 |   -webkit-animation-name: zoomOut;
2745 |           animation-name: zoomOut;
2746 | }
2747 | 
2748 | @-webkit-keyframes zoomOutDown {
2749 |   40% {
2750 |     opacity: 1;
2751 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2752 |             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2753 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2754 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2755 |   }
2756 | 
2757 |   100% {
2758 |     opacity: 0;
2759 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2760 |             transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2761 |     -webkit-transform-origin: center bottom;
2762 |             transform-origin: center bottom;
2763 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2764 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2765 |   }
2766 | }
2767 | 
2768 | @keyframes zoomOutDown {
2769 |   40% {
2770 |     opacity: 1;
2771 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2772 |             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2773 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2774 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2775 |   }
2776 | 
2777 |   100% {
2778 |     opacity: 0;
2779 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2780 |             transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2781 |     -webkit-transform-origin: center bottom;
2782 |             transform-origin: center bottom;
2783 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2784 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2785 |   }
2786 | }
2787 | 
2788 | .zoomOutDown {
2789 |   -webkit-animation-name: zoomOutDown;
2790 |           animation-name: zoomOutDown;
2791 | }
2792 | 
2793 | @-webkit-keyframes zoomOutLeft {
2794 |   40% {
2795 |     opacity: 1;
2796 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2797 |             transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2798 |   }
2799 | 
2800 |   100% {
2801 |     opacity: 0;
2802 |     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2803 |             transform: scale(.1) translate3d(-2000px, 0, 0);
2804 |     -webkit-transform-origin: left center;
2805 |             transform-origin: left center;
2806 |   }
2807 | }
2808 | 
2809 | @keyframes zoomOutLeft {
2810 |   40% {
2811 |     opacity: 1;
2812 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2813 |             transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2814 |   }
2815 | 
2816 |   100% {
2817 |     opacity: 0;
2818 |     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2819 |             transform: scale(.1) translate3d(-2000px, 0, 0);
2820 |     -webkit-transform-origin: left center;
2821 |             transform-origin: left center;
2822 |   }
2823 | }
2824 | 
2825 | .zoomOutLeft {
2826 |   -webkit-animation-name: zoomOutLeft;
2827 |           animation-name: zoomOutLeft;
2828 | }
2829 | 
2830 | @-webkit-keyframes zoomOutRight {
2831 |   40% {
2832 |     opacity: 1;
2833 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2834 |             transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2835 |   }
2836 | 
2837 |   100% {
2838 |     opacity: 0;
2839 |     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2840 |             transform: scale(.1) translate3d(2000px, 0, 0);
2841 |     -webkit-transform-origin: right center;
2842 |             transform-origin: right center;
2843 |   }
2844 | }
2845 | 
2846 | @keyframes zoomOutRight {
2847 |   40% {
2848 |     opacity: 1;
2849 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2850 |             transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2851 |   }
2852 | 
2853 |   100% {
2854 |     opacity: 0;
2855 |     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2856 |             transform: scale(.1) translate3d(2000px, 0, 0);
2857 |     -webkit-transform-origin: right center;
2858 |             transform-origin: right center;
2859 |   }
2860 | }
2861 | 
2862 | .zoomOutRight {
2863 |   -webkit-animation-name: zoomOutRight;
2864 |           animation-name: zoomOutRight;
2865 | }
2866 | 
2867 | @-webkit-keyframes zoomOutUp {
2868 |   40% {
2869 |     opacity: 1;
2870 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2871 |             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2872 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2873 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2874 |   }
2875 | 
2876 |   100% {
2877 |     opacity: 0;
2878 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2879 |             transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2880 |     -webkit-transform-origin: center bottom;
2881 |             transform-origin: center bottom;
2882 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2883 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2884 |   }
2885 | }
2886 | 
2887 | @keyframes zoomOutUp {
2888 |   40% {
2889 |     opacity: 1;
2890 |     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2891 |             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2892 |     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2893 |             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2894 |   }
2895 | 
2896 |   100% {
2897 |     opacity: 0;
2898 |     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2899 |             transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2900 |     -webkit-transform-origin: center bottom;
2901 |             transform-origin: center bottom;
2902 |     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2903 |             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2904 |   }
2905 | }
2906 | 
2907 | .zoomOutUp {
2908 |   -webkit-animation-name: zoomOutUp;
2909 |           animation-name: zoomOutUp;
2910 | }
2911 | 
2912 | @-webkit-keyframes slideInDown {
2913 |   0% {
2914 |     -webkit-transform: translateY(-100%);
2915 |             transform: translateY(-100%);
2916 |     visibility: visible;
2917 |   }
2918 | 
2919 |   100% {
2920 |     -webkit-transform: translateY(0);
2921 |             transform: translateY(0);
2922 |   }
2923 | }
2924 | 
2925 | @keyframes slideInDown {
2926 |   0% {
2927 |     -webkit-transform: translateY(-100%);
2928 |             transform: translateY(-100%);
2929 |     visibility: visible;
2930 |   }
2931 | 
2932 |   100% {
2933 |     -webkit-transform: translateY(0);
2934 |             transform: translateY(0);
2935 |   }
2936 | }
2937 | 
2938 | .slideInDown {
2939 |   -webkit-animation-name: slideInDown;
2940 |           animation-name: slideInDown;
2941 | }
2942 | 
2943 | @-webkit-keyframes slideInLeft {
2944 |   0% {
2945 |     -webkit-transform: translateX(-100%);
2946 |             transform: translateX(-100%);
2947 |     visibility: visible;
2948 |   }
2949 | 
2950 |   100% {
2951 |     -webkit-transform: translateX(0);
2952 |             transform: translateX(0);
2953 |   }
2954 | }
2955 | 
2956 | @keyframes slideInLeft {
2957 |   0% {
2958 |     -webkit-transform: translateX(-100%);
2959 |             transform: translateX(-100%);
2960 |     visibility: visible;
2961 |   }
2962 | 
2963 |   100% {
2964 |     -webkit-transform: translateX(0);
2965 |             transform: translateX(0);
2966 |   }
2967 | }
2968 | 
2969 | .slideInLeft {
2970 |   -webkit-animation-name: slideInLeft;
2971 |           animation-name: slideInLeft;
2972 | }
2973 | 
2974 | @-webkit-keyframes slideInRight {
2975 |   0% {
2976 |     -webkit-transform: translateX(100%);
2977 |             transform: translateX(100%);
2978 |     visibility: visible;
2979 |   }
2980 | 
2981 |   100% {
2982 |     -webkit-transform: translateX(0);
2983 |             transform: translateX(0);
2984 |   }
2985 | }
2986 | 
2987 | @keyframes slideInRight {
2988 |   0% {
2989 |     -webkit-transform: translateX(100%);
2990 |             transform: translateX(100%);
2991 |     visibility: visible;
2992 |   }
2993 | 
2994 |   100% {
2995 |     -webkit-transform: translateX(0);
2996 |             transform: translateX(0);
2997 |   }
2998 | }
2999 | 
3000 | .slideInRight {
3001 |   -webkit-animation-name: slideInRight;
3002 |           animation-name: slideInRight;
3003 | }
3004 | 
3005 | @-webkit-keyframes slideInUp {
3006 |   0% {
3007 |     -webkit-transform: translateY(100%);
3008 |             transform: translateY(100%);
3009 |     visibility: visible;
3010 |   }
3011 | 
3012 |   100% {
3013 |     -webkit-transform: translateY(0);
3014 |             transform: translateY(0);
3015 |   }
3016 | }
3017 | 
3018 | @keyframes slideInUp {
3019 |   0% {
3020 |     -webkit-transform: translateY(100%);
3021 |             transform: translateY(100%);
3022 |     visibility: visible;
3023 |   }
3024 | 
3025 |   100% {
3026 |     -webkit-transform: translateY(0);
3027 |             transform: translateY(0);
3028 |   }
3029 | }
3030 | 
3031 | .slideInUp {
3032 |   -webkit-animation-name: slideInUp;
3033 |           animation-name: slideInUp;
3034 | }
3035 | 
3036 | @-webkit-keyframes slideOutDown {
3037 |   0% {
3038 |     -webkit-transform: translateY(0);
3039 |             transform: translateY(0);
3040 |   }
3041 | 
3042 |   100% {
3043 |     visibility: hidden;
3044 |     -webkit-transform: translateY(100%);
3045 |             transform: translateY(100%);
3046 |   }
3047 | }
3048 | 
3049 | @keyframes slideOutDown {
3050 |   0% {
3051 |     -webkit-transform: translateY(0);
3052 |             transform: translateY(0);
3053 |   }
3054 | 
3055 |   100% {
3056 |     visibility: hidden;
3057 |     -webkit-transform: translateY(100%);
3058 |             transform: translateY(100%);
3059 |   }
3060 | }
3061 | 
3062 | .slideOutDown {
3063 |   -webkit-animation-name: slideOutDown;
3064 |           animation-name: slideOutDown;
3065 | }
3066 | 
3067 | @-webkit-keyframes slideOutLeft {
3068 |   0% {
3069 |     -webkit-transform: translateX(0);
3070 |             transform: translateX(0);
3071 |   }
3072 | 
3073 |   100% {
3074 |     visibility: hidden;
3075 |     -webkit-transform: translateX(-100%);
3076 |             transform: translateX(-100%);
3077 |   }
3078 | }
3079 | 
3080 | @keyframes slideOutLeft {
3081 |   0% {
3082 |     -webkit-transform: translateX(0);
3083 |             transform: translateX(0);
3084 |   }
3085 | 
3086 |   100% {
3087 |     visibility: hidden;
3088 |     -webkit-transform: translateX(-100%);
3089 |             transform: translateX(-100%);
3090 |   }
3091 | }
3092 | 
3093 | .slideOutLeft {
3094 |   -webkit-animation-name: slideOutLeft;
3095 |           animation-name: slideOutLeft;
3096 | }
3097 | 
3098 | @-webkit-keyframes slideOutRight {
3099 |   0% {
3100 |     -webkit-transform: translateX(0);
3101 |             transform: translateX(0);
3102 |   }
3103 | 
3104 |   100% {
3105 |     visibility: hidden;
3106 |     -webkit-transform: translateX(100%);
3107 |             transform: translateX(100%);
3108 |   }
3109 | }
3110 | 
3111 | @keyframes slideOutRight {
3112 |   0% {
3113 |     -webkit-transform: translateX(0);
3114 |             transform: translateX(0);
3115 |   }
3116 | 
3117 |   100% {
3118 |     visibility: hidden;
3119 |     -webkit-transform: translateX(100%);
3120 |             transform: translateX(100%);
3121 |   }
3122 | }
3123 | 
3124 | .slideOutRight {
3125 |   -webkit-animation-name: slideOutRight;
3126 |           animation-name: slideOutRight;
3127 | }
3128 | 
3129 | @-webkit-keyframes slideOutUp {
3130 |   0% {
3131 |     -webkit-transform: translateY(0);
3132 |             transform: translateY(0);
3133 |   }
3134 | 
3135 |   100% {
3136 |     visibility: hidden;
3137 |     -webkit-transform: translateY(-100%);
3138 |             transform: translateY(-100%);
3139 |   }
3140 | }
3141 | 
3142 | @keyframes slideOutUp {
3143 |   0% {
3144 |     -webkit-transform: translateY(0);
3145 |             transform: translateY(0);
3146 |   }
3147 | 
3148 |   100% {
3149 |     visibility: hidden;
3150 |     -webkit-transform: translateY(-100%);
3151 |             transform: translateY(-100%);
3152 |   }
3153 | }
3154 | 
3155 | .slideOutUp {
3156 |   -webkit-animation-name: slideOutUp;
3157 |           animation-name: slideOutUp;
3158 | }
3159 | 
3160 | @-webkit-keyframes  extend{
3161 |   0% {
3162 |      left:-380px;
3163 |   }
3164 | 
3165 |   100% {
3166 |       left: 50px;
3167 |   }
3168 | }
3169 | 
3170 | .extend{
3171 |    -webkit-animation-name:extend;
3172 |    animation-name:extend;
3173 | }
3174 | 
3175 | @-webkit-keyframes  contract{
3176 |   0% {
3177 |      left:50px;
3178 |   }
3179 | 
3180 |   100% {
3181 |       left: -380px;
3182 |   }
3183 | }
3184 | 
3185 | .contract{
3186 |    -webkit-animation-name:contract;
3187 |    animation-name:contract;
3188 | }
3189 | 
3190 | 
3191 | 
3192 | .circle_cw{
3193 |   transform: rotate(180deg);
3194 |   transition:all .7s;
3195 | }
3196 | 
3197 | .circle_aw{
3198 |     transform: rotate(-180deg);
3199 |     transition:all 1.2s;
3200 | }
3201 | 
3202 | 
3203 | @-webkit-keyframes music_playing {
3204 |     0%{  
3205 |         -webkit-transform: rotate(0deg);
3206 |     
3207 |     }
3208 |     50%{
3209 |         -webkit-transform: rotate(180deg);
3210 | 
3211 |     }
3212 |     100%{
3213 |         -webkit-transform: rotate(360deg);
3214 | 
3215 |     }
3216 | }
3217 | 
3218 | .music_playing{
3219 |    -webkit-animation:music_playing 9s infinite linear ;
3220 | }
3221 | 
3222 | 


--------------------------------------------------------------------------------
/public/lodash.min.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * @license
 3 |  * lodash 3.1.0 (Custom Build) lodash.com/license | Underscore.js 1.7.0 underscorejs.org/LICENSE
 4 |  * Build: `lodash modern -o ./lodash.js`
 5 |  */
 6 | ;(function(){function n(n,t){if(n!==t){var r=n===n,e=t===t;if(n>t||!r||typeof n=="undefined"&&e)return 1;if(n<t||!e||typeof t=="undefined"&&r)return-1}return 0}function t(n,t,r){if(t!==t)return p(n,r);r=(r||0)-1;for(var e=n.length;++r<e;)if(n[r]===t)return r;return-1}function r(n,t){var r=n.length;for(n.sort(t);r--;)n[r]=n[r].c;return n}function e(n){return typeof n=="string"?n:null==n?"":n+""}function u(n){return n.charCodeAt(0)}function o(n,t){for(var r=-1,e=n.length;++r<e&&-1<t.indexOf(n.charAt(r)););return r
 7 | }function i(n,t){for(var r=n.length;r--&&-1<t.indexOf(n.charAt(r)););return r}function a(t,r){return n(t.a,r.a)||t.b-r.b}function f(t,r){for(var e=-1,u=t.a,o=r.a,i=u.length;++e<i;){var a=n(u[e],o[e]);if(a)return a}return t.b-r.b}function c(n){return Wt[n]}function l(n){return Nt[n]}function s(n){return"\\"+Lt[n]}function p(n,t,r){var e=n.length;for(t=r?t||e:(t||0)-1;r?t--:++t<e;){var u=n[t];if(u!==u)return t}return-1}function h(n){return n&&typeof n=="object"||false}function g(n){return 160>=n&&9<=n&&13>=n||32==n||160==n||5760==n||6158==n||8192<=n&&(8202>=n||8232==n||8233==n||8239==n||8287==n||12288==n||65279==n)
 8 | }function v(n,t){for(var r=-1,e=n.length,u=-1,o=[];++r<e;)n[r]===t&&(n[r]=B,o[++u]=r);return o}function d(n){for(var t=-1,r=n.length;++t<r&&g(n.charCodeAt(t)););return t}function y(n){for(var t=n.length;t--&&g(n.charCodeAt(t)););return t}function _(n){return Ut[n]}function m(g){function Wt(n){if(h(n)&&!Co(n)){if(n instanceof Nt)return n;if(Wu.call(n,"__wrapped__"))return new Nt(n.__wrapped__,n.__chain__,zt(n.__actions__))}return new Nt(n)}function Nt(n,t,r){this.__actions__=r||[],this.__chain__=!!t,this.__wrapped__=n
 9 | }function Ut(n){this.actions=null,this.dir=1,this.dropCount=0,this.filtered=false,this.iteratees=null,this.takeCount=co,this.views=null,this.wrapped=n}function Ft(){this.__data__={}}function Lt(n){var t=n?n.length:0;for(this.data={hash:Qu(null),set:new Vu};t--;)this.push(n[t])}function Bt(n,t){var r=n.data;return(typeof t=="string"||Ge(t)?r.set.has(t):r.hash[t])?0:-1}function zt(n,t){var r=-1,e=n.length;for(t||(t=_u(e));++r<e;)t[r]=n[r];return t}function Mt(n,t){for(var r=-1,e=n.length;++r<e&&false!==t(n[r],r,n););return n
10 | }function qt(n,t){for(var r=-1,e=n.length;++r<e;)if(!t(n[r],r,n))return false;return true}function Pt(n,t){for(var r=-1,e=n.length,u=-1,o=[];++r<e;){var i=n[r];t(i,r,n)&&(o[++u]=i)}return o}function Kt(n,t){for(var r=-1,e=n.length,u=_u(e);++r<e;)u[r]=t(n[r],r,n);return u}function Vt(n){for(var t=-1,r=n.length,e=fo;++t<r;){var u=n[t];u>e&&(e=u)}return e}function Yt(n,t,r,e){var u=-1,o=n.length;for(e&&o&&(r=n[++u]);++u<o;)r=t(r,n[u],u,n);return r}function Zt(n,t,r,e){var u=n.length;for(e&&u&&(r=n[--u]);u--;)r=t(r,n[u],u,n);
11 | return r}function Gt(n,t){for(var r=-1,e=n.length;++r<e;)if(t(n[r],r,n))return true;return false}function Jt(n,t){return typeof n=="undefined"?t:n}function Xt(n,t,r,e){return typeof n!="undefined"&&Wu.call(e,r)?n:t}function Ht(n,t,r){var e=No(t);if(!r)return nr(t,n,e);for(var u=-1,o=e.length;++u<o;){var i=e[u],a=n[i],f=r(a,t[i],i,n,t);(f===f?f===a:a!==a)&&(typeof a!="undefined"||i in n)||(n[i]=f)}return n}function Qt(n,t){for(var r=-1,e=n.length,u=ue(e),o=t.length,i=_u(o);++r<o;){var a=t[r];u?(a=parseFloat(a),i[r]=re(a,e)?n[a]:b):i[r]=n[a]
12 | }return i}function nr(n,t,r){r||(r=t,t={});for(var e=-1,u=r.length;++e<u;){var o=r[e];t[o]=n[o]}return t}function tr(n,t,r){var e=typeof n;if("function"==e){if(e=typeof t!="undefined"){var e=Wt.support,u=!(e.funcNames?n.name:e.funcDecomp);if(!u){var o=Tu.call(n);e.funcNames||(u=!_t.test(o)),u||(u=kt.test(o)||Je(n),mo(n,u))}e=u}n=e?Wr(n,t,r):n}else n=null==n?gu:"object"==e?wr(n):Ar(n+"");return n}function rr(n,t,r,e,u,o,i){var a;if(r&&(a=u?r(n,e,u):r(n)),typeof a!="undefined")return a;if(!Ge(n))return n;
13 | if(e=Co(n)){if(a=Qr(n),!t)return zt(n,a)}else{var f=Uu.call(n),c=f==K;if(f!=Y&&f!=z&&(!c||u))return Tt[f]?te(n,f,t):u?n:{};if(a=ne(c?{}:n),!t)return nr(n,a,No(n))}for(o||(o=[]),i||(i=[]),u=o.length;u--;)if(o[u]==n)return i[u];return o.push(n),i.push(a),(e?Mt:gr)(n,function(e,u){a[u]=rr(e,t,r,u,n,o,i)}),a}function er(n,t,r,e){if(!Ze(n))throw new Ru($);return Yu(function(){n.apply(b,Er(r,e))},t)}function ur(n,r){var e=n?n.length:0,u=[];if(!e)return u;var o=-1,i=Hr(),a=i==t,f=a&&200<=r.length&&bo(r),c=r.length;
14 | f&&(i=Bt,a=false,r=f);n:for(;++o<e;)if(f=n[o],a&&f===f){for(var l=c;l--;)if(r[l]===f)continue n;u.push(f)}else 0>i(r,f)&&u.push(f);return u}function or(n,t){var r=n?n.length:0;if(!ue(r))return gr(n,t);for(var e=-1,u=se(n);++e<r&&false!==t(u[e],e,u););return n}function ir(n,t){var r=n?n.length:0;if(!ue(r))return vr(n,t);for(var e=se(n);r--&&false!==t(e[r],r,e););return n}function ar(n,t){var r=true;return or(n,function(n,e,u){return r=!!t(n,e,u)}),r}function fr(n,t){var r=[];return or(n,function(n,e,u){t(n,e,u)&&r.push(n)
15 | }),r}function cr(n,t,r,e){var u;return r(n,function(n,r,o){return t(n,r,o)?(u=e?r:n,false):void 0}),u}function lr(n,t,r,e){e=(e||0)-1;for(var u=n.length,o=-1,i=[];++e<u;){var a=n[e];if(h(a)&&ue(a.length)&&(Co(a)||Ke(a))){t&&(a=lr(a,t,r));var f=-1,c=a.length;for(i.length+=c;++f<c;)i[++o]=a[f]}else r||(i[++o]=a)}return i}function sr(n,t,r){var e=-1,u=se(n);r=r(n);for(var o=r.length;++e<o;){var i=r[e];if(false===t(u[i],i,u))break}return n}function pr(n,t,r){var e=se(n);r=r(n);for(var u=r.length;u--;){var o=r[u];
16 | if(false===t(e[o],o,e))break}return n}function hr(n,t){sr(n,t,eu)}function gr(n,t){return sr(n,t,No)}function vr(n,t){return pr(n,t,No)}function dr(n,t){for(var r=-1,e=t.length,u=-1,o=[];++r<e;){var i=t[r];Ze(n[i])&&(o[++u]=i)}return o}function yr(n,t,r){var e=-1,u=typeof t=="function",o=n?n.length:0,i=ue(o)?_u(o):[];return or(n,function(n){var o=u?t:null!=n&&n[t];i[++e]=o?o.apply(n,r):b}),i}function _r(n,t,r,e,u,o){if(n===t)return 0!==n||1/n==1/t;var i=typeof n,a=typeof t;if("function"!=i&&"object"!=i&&"function"!=a&&"object"!=a||null==n||null==t)n=n!==n&&t!==t;
17 | else n:{var i=_r,a=Co(n),f=Co(t),c=D,l=D;a||(c=Uu.call(n),c==z?c=Y:c!=Y&&(a=nu(n))),f||(l=Uu.call(t),l==z?l=Y:l!=Y&&nu(t));var s=c==Y,f=l==Y,l=c==l;if(!l||a||s)if(c=s&&Wu.call(n,"__wrapped__"),f=f&&Wu.call(t,"__wrapped__"),c||f)n=i(c?n.value():n,f?t.value():t,r,e,u,o);else if(l){for(u||(u=[]),o||(o=[]),c=u.length;c--;)if(u[c]==n){n=o[c]==t;break n}u.push(n),o.push(t),n=(a?Yr:Gr)(n,t,i,r,e,u,o),u.pop(),o.pop()}else n=false;else n=Zr(n,t,c)}return n}function mr(n,t,r,e,u){var o=t.length;if(null==n)return!o;
18 | for(var i=-1,a=!u;++i<o;)if(a&&e[i]?r[i]!==n[t[i]]:!Wu.call(n,t[i]))return false;for(i=-1;++i<o;){var f=t[i];if(a&&e[i])f=Wu.call(n,f);else{var c=n[f],l=r[i],f=u?u(c,l,f):b;typeof f=="undefined"&&(f=_r(l,c,u,true))}if(!f)return false}return true}function br(n,t){var r=[];return or(n,function(n,e,u){r.push(t(n,e,u))}),r}function wr(n){var t=No(n),r=t.length;if(1==r){var e=t[0],u=n[e];if(oe(u))return function(n){return null!=n&&u===n[e]&&Wu.call(n,e)}}for(var o=_u(r),i=_u(r);r--;)u=n[t[r]],o[r]=u,i[r]=oe(u);return function(n){return mr(n,t,o,i)
19 | }}function xr(n,t,r,e,u){var o=ue(t.length)&&(Co(t)||nu(t));return(o?Mt:gr)(t,function(t,i,a){if(h(t)){e||(e=[]),u||(u=[]);n:{t=e;for(var f=u,c=t.length,l=a[i];c--;)if(t[c]==l){n[i]=f[c],i=void 0;break n}c=n[i],a=r?r(c,l,i,n,a):b;var s=typeof a=="undefined";s&&(a=l,ue(l.length)&&(Co(l)||nu(l))?a=Co(c)?c:c?zt(c):[]:So(l)||Ke(l)?a=Ke(c)?tu(c):So(c)?c:{}:s=false),t.push(l),f.push(a),s?n[i]=xr(a,l,r,t,f):(a===a?a!==c:c===c)&&(n[i]=a),i=void 0}return i}f=n[i],a=r?r(f,t,i,n,a):b,(l=typeof a=="undefined")&&(a=t),!o&&typeof a=="undefined"||!l&&(a===a?a===f:f!==f)||(n[i]=a)
20 | }),n}function Ar(n){return function(t){return null==t?b:t[n]}}function jr(n,t){return n+Mu(ao()*(t-n+1))}function kr(n,t,r,e,u){return u(n,function(n,u,o){r=e?(e=false,n):t(r,n,u,o)}),r}function Er(n,t,r){var e=-1,u=n.length;for(t=null==t?0:+t||0,0>t&&(t=-t>u?0:u+t),r=typeof r=="undefined"||r>u?u:+r||0,0>r&&(r+=u),u=t>r?0:r-t>>>0,t>>>=0,r=_u(u);++e<u;)r[e]=n[e+t];return r}function Rr(n,t){var r;return or(n,function(n,e,u){return r=t(n,e,u),!r}),!!r}function Ir(n,r){var e=-1,u=Hr(),o=n.length,i=u==t,a=i&&200<=o,f=a&&bo(),c=[];
21 | f?(u=Bt,i=false):(a=false,f=r?[]:c);n:for(;++e<o;){var l=n[e],s=r?r(l,e,n):l;if(i&&l===l){for(var p=f.length;p--;)if(f[p]===s)continue n;r&&f.push(s),c.push(l)}else 0>u(f,s)&&((r||a)&&f.push(s),c.push(l))}return c}function Or(n,t){for(var r=-1,e=t.length,u=_u(e);++r<e;)u[r]=n[t[r]];return u}function Cr(n,t){var r=n;r instanceof Ut&&(r=r.value());for(var e=-1,u=t.length;++e<u;){var r=[r],o=t[e];Pu.apply(r,o.args),r=o.func.apply(o.thisArg,r)}return r}function Tr(n,t,r){var e=0,u=n?n.length:e;if(typeof t=="number"&&t===t&&u<=po){for(;e<u;){var o=e+u>>>1,i=n[o];
22 | (r?i<=t:i<t)?e=o+1:u=o}return u}return Sr(n,t,gu,r)}function Sr(n,t,r,e){t=r(t);for(var u=0,o=n?n.length:0,i=t!==t,a=typeof t=="undefined";u<o;){var f=Mu((u+o)/2),c=r(n[f]),l=c===c;(i?l||e:a?l&&(e||typeof c!="undefined"):e?c<=t:c<t)?u=f+1:o=f}return eo(o,so)}function Wr(n,t,r){if(typeof n!="function")return gu;if(typeof t=="undefined")return n;switch(r){case 1:return function(r){return n.call(t,r)};case 3:return function(r,e,u){return n.call(t,r,e,u)};case 4:return function(r,e,u,o){return n.call(t,r,e,u,o)
23 | };case 5:return function(r,e,u,o,i){return n.call(t,r,e,u,o,i)}}return function(){return n.apply(t,arguments)}}function Nr(n){return Bu.call(n,0)}function Ur(n,t,r){for(var e=r.length,u=-1,o=ro(n.length-e,0),i=-1,a=t.length,f=_u(o+a);++i<a;)f[i]=t[i];for(;++u<e;)f[r[u]]=n[u];for(;o--;)f[i++]=n[u++];return f}function Fr(n,t,r){for(var e=-1,u=r.length,o=-1,i=ro(n.length-u,0),a=-1,f=t.length,c=_u(i+f);++o<i;)c[o]=n[o];for(i=o;++a<f;)c[i+a]=t[a];for(;++e<u;)c[i+r[e]]=n[o++];return c}function Lr(n,t){return function(r,e,u){var o=t?t():{};
24 | if(e=Xr(e,u,3),Co(r)){u=-1;for(var i=r.length;++u<i;){var a=r[u];n(o,a,e(a,u,r),r)}}else or(r,function(t,r,u){n(o,t,e(t,r,u),u)});return o}}function $r(n){return function(){var t=arguments.length,r=arguments[0];if(2>t||null==r)return r;if(3<t&&ee(arguments[1],arguments[2],arguments[3])&&(t=2),3<t&&"function"==typeof arguments[t-2])var e=Wr(arguments[--t-1],arguments[t--],5);else 2<t&&"function"==typeof arguments[t-1]&&(e=arguments[--t]);for(var u=0;++u<t;){var o=arguments[u];o&&n(r,o,e)}return r}
25 | }function Br(n,t){function r(){return(this instanceof r?e:n).apply(t,arguments)}var e=Dr(n);return r}function zr(n){return function(t){var r=-1;t=lu(ou(t));for(var e=t.length,u="";++r<e;)u=n(u,t[r],r);return u}}function Dr(n){return function(){var t=_o(n.prototype),r=n.apply(t,arguments);return Ge(r)?r:t}}function Mr(n,t){return function(r,e,o){o&&ee(r,e,o)&&(e=null);var i=Xr(),a=null==e;if(i===tr&&a||(a=false,e=i(e,o,3)),a){if(e=Co(r),e||!Qe(r))return n(e?r:le(r));e=u}return Jr(r,e,t)}}function qr(n,t,r,e,u,o,i,a,f,c){function l(){for(var w=arguments.length,j=w,k=_u(w);j--;)k[j]=arguments[j];
26 | if(e&&(k=Ur(k,e,u)),o&&(k=Fr(k,o,i)),g||y){var j=l.placeholder,E=v(k,j),w=w-E.length;if(w<c){var O=a?zt(a):null,w=ro(c-w,0),C=g?E:null,E=g?null:E,T=g?k:null,k=g?null:k;return t|=g?R:I,t&=~(g?I:R),d||(t&=~(x|A)),k=qr(n,t,r,T,C,k,E,O,f,w),k.placeholder=j,k}}if(j=p?r:this,h&&(n=j[m]),a)for(O=k.length,w=eo(a.length,O),C=zt(k);w--;)E=a[w],k[w]=re(E,O)?C[E]:b;return s&&f<k.length&&(k.length=f),(this instanceof l?_||Dr(n):n).apply(j,k)}var s=t&C,p=t&x,h=t&A,g=t&k,d=t&j,y=t&E,_=!h&&Dr(n),m=n;return l}function Pr(n,t,r){return n=n.length,t=+t,n<t&&no(t)?(t-=n,r=null==r?" ":r+"",fu(r,zu(t/r.length)).slice(0,t)):""
27 | }function Kr(n,t,r,e){function u(){for(var t=-1,a=arguments.length,f=-1,c=e.length,l=_u(a+c);++f<c;)l[f]=e[f];for(;a--;)l[f++]=arguments[++t];return(this instanceof u?i:n).apply(o?r:this,l)}var o=t&x,i=Dr(n);return u}function Vr(n,t,r,e,u,o,i,a){var f=t&A;if(!f&&!Ze(n))throw new Ru($);var c=e?e.length:0;if(c||(t&=~(R|I),e=u=null),c-=u?u.length:0,t&I){var l=e,s=u;e=u=null}var p=!f&&wo(n);if(r=[n,t,r,e,u,l,s,o,i,a],p&&true!==p){e=r[1],t=p[1],a=e|t,o=C|O,u=x|A,i=o|u|j|E;var l=e&C&&!(t&C),s=e&O&&!(t&O),h=(s?r:p)[7],g=(l?r:p)[8];
28 | o=a>=o&&a<=i&&(e<O||(s||l)&&h.length<=g),(!(e>=O&&t>u||e>u&&t>=O)||o)&&(t&x&&(r[2]=p[2],a|=e&x?0:j),(e=p[3])&&(u=r[3],r[3]=u?Ur(u,e,p[4]):zt(e),r[4]=u?v(r[3],B):zt(p[4])),(e=p[5])&&(u=r[5],r[5]=u?Fr(u,e,p[6]):zt(e),r[6]=u?v(r[5],B):zt(p[6])),(e=p[7])&&(r[7]=zt(e)),t&C&&(r[8]=null==r[8]?p[8]:eo(r[8],p[8])),null==r[9]&&(r[9]=p[9]),r[0]=p[0],r[1]=a),t=r[1],a=r[9]}return r[9]=null==a?f?0:n.length:ro(a-c,0)||0,(p?mo:xo)(t==x?Br(r[0],r[2]):t!=R&&t!=(x|R)||r[4].length?qr.apply(null,r):Kr.apply(null,r),r)
29 | }function Yr(n,t,r,e,u,o,i){var a=-1,f=n.length,c=t.length,l=true;if(f!=c&&(!u||c<=f))return false;for(;l&&++a<f;){var s=n[a],p=t[a],l=b;if(e&&(l=u?e(p,s,a):e(s,p,a)),typeof l=="undefined")if(u)for(var h=c;h--&&(p=t[h],!(l=s&&s===p||r(s,p,e,u,o,i))););else l=s&&s===p||r(s,p,e,u,o,i)}return!!l}function Zr(n,t,r){switch(r){case M:case q:return+n==+t;case P:return n.name==t.name&&n.message==t.message;case V:return n!=+n?t!=+t:0==n?1/n==1/t:n==+t;case Z:case G:return n==t+""}return false}function Gr(n,t,r,e,u,o,i){var a=No(n),f=a.length,c=No(t).length;
30 | if(f!=c&&!u)return false;for(var l,c=-1;++c<f;){var s=a[c],p=Wu.call(t,s);if(p){var h=n[s],g=t[s],p=b;e&&(p=u?e(g,h,s):e(h,g,s)),typeof p=="undefined"&&(p=h&&h===g||r(h,g,e,u,o,i))}if(!p)return false;l||(l="constructor"==s)}return l||(r=n.constructor,e=t.constructor,!(r!=e&&"constructor"in n&&"constructor"in t)||typeof r=="function"&&r instanceof r&&typeof e=="function"&&e instanceof e)?true:false}function Jr(n,t,r){var e=r?co:fo,u=e,o=u;return or(n,function(n,i,a){i=t(n,i,a),((r?i<u:i>u)||i===e&&i===o)&&(u=i,o=n)
31 | }),o}function Xr(n,t,r){var e=Wt.callback||pu,e=e===pu?tr:e;return r?e(n,t,r):e}function Hr(n,r,e){var u=Wt.indexOf||de,u=u===de?t:u;return n?u(n,r,e):u}function Qr(n){var t=n.length,r=new n.constructor(t);return t&&"string"==typeof n[0]&&Wu.call(n,"index")&&(r.index=n.index,r.input=n.input),r}function ne(n){return n=n.constructor,typeof n=="function"&&n instanceof n||(n=ju),new n}function te(n,t,r){var e=n.constructor;switch(t){case J:return Nr(n);case M:case q:return new e(+n);case X:case H:case Q:case nt:case tt:case rt:case et:case ut:case ot:return t=n.buffer,new e(r?Nr(t):t,n.byteOffset,n.length);
32 | case V:case G:return new e(n);case Z:var u=new e(n.source,yt.exec(n));u.lastIndex=n.lastIndex}return u}function re(n,t){return n=+n,t=null==t?go:t,-1<n&&0==n%1&&n<t}function ee(n,t,r){if(!Ge(r))return false;var e=typeof t;return"number"==e?(e=r.length,e=ue(e)&&re(t,e)):e="string"==e&&t in r,e&&r[t]===n}function ue(n){return typeof n=="number"&&-1<n&&0==n%1&&n<=go}function oe(n){return n===n&&(0===n?0<1/n:!Ge(n))}function ie(n,t){n=se(n);for(var r=-1,e=t.length,u={};++r<e;){var o=t[r];o in n&&(u[o]=n[o])
33 | }return u}function ae(n,t){var r={};return hr(n,function(n,e,u){t(n,e,u)&&(r[e]=n)}),r}function fe(n){var t;if(!h(n)||Uu.call(n)!=Y||!(Wu.call(n,"constructor")||(t=n.constructor,typeof t!="function"||t instanceof t)))return false;var r;return hr(n,function(n,t){r=t}),typeof r=="undefined"||Wu.call(n,r)}function ce(n){for(var t=eu(n),r=t.length,e=r&&n.length,u=Wt.support,u=e&&ue(e)&&(Co(n)||u.nonEnumArgs&&Ke(n)),o=-1,i=[];++o<r;){var a=t[o];(u&&re(a,e)||Wu.call(n,a))&&i.push(a)}return i}function le(n){return null==n?[]:ue(n.length)?Ge(n)?n:ju(n):uu(n)
34 | }function se(n){return Ge(n)?n:ju(n)}function pe(n,t,r){return n&&n.length?((r?ee(n,t,r):null==t)&&(t=1),Er(n,0>t?0:t)):[]}function he(n,t,r){var e=n?n.length:0;return e?((r?ee(n,t,r):null==t)&&(t=1),t=e-(+t||0),Er(n,0,0>t?0:t)):[]}function ge(n,t,r){var e=-1,u=n?n.length:0;for(t=Xr(t,r,3);++e<u;)if(t(n[e],e,n))return e;return-1}function ve(n){return n?n[0]:b}function de(n,r,e){var u=n?n.length:0;if(!u)return-1;if(typeof e=="number")e=0>e?ro(u+e,0):e||0;else if(e)return e=Tr(n,r),n=n[e],(r===r?r===n:n!==n)?e:-1;
35 | return t(n,r,e)}function ye(n){return pe(n,1)}function _e(n,r,e,u){if(!n||!n.length)return[];typeof r!="boolean"&&null!=r&&(u=e,e=ee(n,r,u)?null:r,r=false);var o=Xr();if((o!==tr||null!=e)&&(e=o(e,u,3)),r&&Hr()==t){r=e;var i;e=-1,u=n.length;for(var o=-1,a=[];++e<u;){var f=n[e],c=r?r(f,e,n):f;e&&i===c||(i=c,a[++o]=f)}n=a}else n=Ir(n,e);return n}function me(n){for(var t=-1,r=(n&&n.length&&Vt(Kt(n,Su)))>>>0,e=_u(r);++t<r;)e[t]=Kt(n,Ar(t));return e}function be(n,t){var r=-1,e=n?n.length:0,u={};for(!e||t||Co(n[0])||(t=[]);++r<e;){var o=n[r];
36 | t?u[o]=t[r]:o&&(u[o[0]]=o[1])}return u}function we(n){return n=Wt(n),n.__chain__=true,n}function xe(n,t,r){return t.call(r,n)}function Ae(n,t,r){var e=n?n.length:0;return ue(e)||(n=uu(n),e=n.length),e?(r=typeof r=="number"?0>r?ro(e+r,0):r||0:0,typeof n=="string"||!Co(n)&&Qe(n)?r<e&&-1<n.indexOf(t,r):-1<Hr(n,t,r)):false}function je(n,t,r){var e=Co(n)?qt:ar;return(typeof t!="function"||typeof r!="undefined")&&(t=Xr(t,r,3)),e(n,t)}function ke(n,t,r){var e=Co(n)?Pt:fr;return t=Xr(t,r,3),e(n,t)}function Ee(n,t,r){return Co(n)?(t=ge(n,t,r),-1<t?n[t]:b):(t=Xr(t,r,3),cr(n,t,or))
37 | }function Re(n,t,r){return typeof t=="function"&&typeof r=="undefined"&&Co(n)?Mt(n,t):or(n,Wr(t,r,3))}function Ie(n,t,r){if(typeof t=="function"&&typeof r=="undefined"&&Co(n))for(r=n.length;r--&&false!==t(n[r],r,n););else n=ir(n,Wr(t,r,3));return n}function Oe(n,t,r){var e=Co(n)?Kt:br;return t=Xr(t,r,3),e(n,t)}function Ce(n,t,r,e){return(Co(n)?Yt:kr)(n,Xr(t,e,4),r,3>arguments.length,or)}function Te(n,t,r,e){return(Co(n)?Zt:kr)(n,Xr(t,e,4),r,3>arguments.length,ir)}function Se(n,t,r){return(r?ee(n,t,r):null==t)?(n=le(n),t=n.length,0<t?n[jr(0,t-1)]:b):(n=We(n),n.length=eo(0>t?0:+t||0,n.length),n)
38 | }function We(n){n=le(n);for(var t=-1,r=n.length,e=_u(r);++t<r;){var u=jr(0,t);t!=u&&(e[t]=e[u]),e[u]=n[t]}return e}function Ne(n,t,r){var e=Co(n)?Gt:Rr;return(typeof t!="function"||typeof r!="undefined")&&(t=Xr(t,r,3)),e(n,t)}function Ue(n,t){var r;if(!Ze(t)){if(!Ze(n))throw new Ru($);var e=n;n=t,t=e}return function(){return 0<--n?r=t.apply(this,arguments):t=null,r}}function Fe(n,t){var r=x;if(2<arguments.length)var e=Er(arguments,2),u=v(e,Fe.placeholder),r=r|R;return Vr(n,r,t,e,u)}function Le(n,t){var r=x|A;
39 | if(2<arguments.length)var e=Er(arguments,2),u=v(e,Le.placeholder),r=r|R;return Vr(t,r,n,e,u)}function $e(n,t,r){return r&&ee(n,t,r)&&(t=null),n=Vr(n,k,null,null,null,null,null,t),n.placeholder=$e.placeholder,n}function Be(n,t,r){return r&&ee(n,t,r)&&(t=null),n=Vr(n,E,null,null,null,null,null,t),n.placeholder=Be.placeholder,n}function ze(n,t,r){function e(){var r=t-(Oo()-c);0>=r||r>t?(a&&Du(a),r=p,a=s=p=b,r&&(h=Oo(),f=n.apply(l,i),s||a||(i=l=null))):s=Yu(e,r)}function u(){s&&Du(s),a=s=p=b,(v||g!==t)&&(h=Oo(),f=n.apply(l,i),s||a||(i=l=null))
40 | }function o(){if(i=arguments,c=Oo(),l=this,p=v&&(s||!d),false===g)var r=d&&!s;else{a||d||(h=c);var o=g-(c-h),y=0>=o||o>g;y?(a&&(a=Du(a)),h=c,f=n.apply(l,i)):a||(a=Yu(u,o))}return y&&s?s=Du(s):s||t===g||(s=Yu(e,t)),r&&(y=true,f=n.apply(l,i)),!y||s||a||(i=l=null),f}var i,a,f,c,l,s,p,h=0,g=false,v=true;if(!Ze(n))throw new Ru($);if(t=0>t?0:t,true===r)var d=true,v=false;else Ge(r)&&(d=r.leading,g="maxWait"in r&&ro(+r.maxWait||0,t),v="trailing"in r?r.trailing:v);return o.cancel=function(){s&&Du(s),a&&Du(a),a=s=p=b},o}function De(){var n=arguments,t=n.length-1;
41 | if(0>t)return function(){};if(!qt(n,Ze))throw new Ru($);return function(){for(var r=t,e=n[r].apply(this,arguments);r--;)e=n[r].call(this,e);return e}}function Me(n,t){function r(){var e=r.cache,u=t?t.apply(this,arguments):arguments[0];if(e.has(u))return e.get(u);var o=n.apply(this,arguments);return e.set(u,o),o}if(!Ze(n)||t&&!Ze(t))throw new Ru($);return r.cache=new Me.Cache,r}function qe(n){var t=Er(arguments,1),r=v(t,qe.placeholder);return Vr(n,R,null,t,r)}function Pe(n){var t=Er(arguments,1),r=v(t,Pe.placeholder);
42 | return Vr(n,I,null,t,r)}function Ke(n){return ue(h(n)?n.length:b)&&Uu.call(n)==z||false}function Ve(n){return n&&1===n.nodeType&&h(n)&&-1<Uu.call(n).indexOf("Element")||false}function Ye(n){return h(n)&&typeof n.message=="string"&&Uu.call(n)==P||false}function Ze(n){return typeof n=="function"||false}function Ge(n){var t=typeof n;return"function"==t||n&&"object"==t||false}function Je(n){return null==n?false:Uu.call(n)==K?Lu.test(Tu.call(n)):h(n)&&bt.test(n)||false}function Xe(n){return typeof n=="number"||h(n)&&Uu.call(n)==V||false
43 | }function He(n){return h(n)&&Uu.call(n)==Z||false}function Qe(n){return typeof n=="string"||h(n)&&Uu.call(n)==G||false}function nu(n){return h(n)&&ue(n.length)&&Ct[Uu.call(n)]||false}function tu(n){return nr(n,eu(n))}function ru(n){return dr(n,eu(n))}function eu(n){if(null==n)return[];Ge(n)||(n=ju(n));for(var t=n.length,t=t&&ue(t)&&(Co(n)||yo.nonEnumArgs&&Ke(n))&&t||0,r=n.constructor,e=-1,r=typeof r=="function"&&r.prototype==n,u=_u(t),o=0<t;++e<t;)u[e]=e+"";for(var i in n)o&&re(i,t)||"constructor"==i&&(r||!Wu.call(n,i))||u.push(i);
44 | return u}function uu(n){return Or(n,No(n))}function ou(n){return(n=e(n))&&n.replace(wt,c)}function iu(n){return(n=e(n))&&jt.test(n)?n.replace(At,"\\$&"):n}function au(n,t,r){return r&&ee(n,t,r)&&(t=0),io(n,t)}function fu(n,t){var r="";if(n=e(n),t=+t,1>t||!n||!no(t))return r;do t%2&&(r+=n),t=Mu(t/2),n+=n;while(t);return r}function cu(n,t,r){var u=n;return(n=e(n))?(r?ee(u,t,r):null==t)?n.slice(d(n),y(n)+1):(t+="",n.slice(o(n,t),i(n,t)+1)):n}function lu(n,t,r){return r&&ee(n,t,r)&&(t=null),n=e(n),n.match(t||Rt)||[]
45 | }function su(n){try{return n()}catch(t){return Ye(t)?t:bu(t)}}function pu(n,t,r){return r&&ee(n,t,r)&&(t=null),h(n)?vu(n):tr(n,t)}function hu(n){return function(){return n}}function gu(n){return n}function vu(n){return wr(rr(n,true))}function du(n,t,r){if(null==r){var e=Ge(t),u=e&&No(t);((u=u&&u.length&&dr(t,u))?u.length:e)||(u=false,r=t,t=n,n=this)}u||(u=dr(t,No(t)));var o=true,e=-1,i=Ze(n),a=u.length;false===r?o=false:Ge(r)&&"chain"in r&&(o=r.chain);for(;++e<a;){r=u[e];var f=t[r];n[r]=f,i&&(n.prototype[r]=function(t){return function(){var r=this.__chain__;
46 | if(o||r){var e=n(this.__wrapped__);return(e.__actions__=zt(this.__actions__)).push({func:t,args:arguments,thisArg:n}),e.__chain__=r,e}return r=[this.value()],Pu.apply(r,arguments),t.apply(n,r)}}(f))}return n}function yu(){}g=g?Dt.defaults($t.Object(),g,Dt.pick($t,Ot)):$t;var _u=g.Array,mu=g.Date,bu=g.Error,wu=g.Function,xu=g.Math,Au=g.Number,ju=g.Object,ku=g.RegExp,Eu=g.String,Ru=g.TypeError,Iu=_u.prototype,Ou=ju.prototype,Cu=(Cu=g.window)&&Cu.document,Tu=wu.prototype.toString,Su=Ar("length"),Wu=Ou.hasOwnProperty,Nu=0,Uu=Ou.toString,Fu=g._,Lu=ku("^"+iu(Uu).replace(/toString|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),$u=Je($u=g.ArrayBuffer)&&$u,Bu=Je(Bu=$u&&new $u(0).slice)&&Bu,zu=xu.ceil,Du=g.clearTimeout,Mu=xu.floor,qu=Je(qu=ju.getPrototypeOf)&&qu,Pu=Iu.push,Ku=Ou.propertyIsEnumerable,Vu=Je(Vu=g.Set)&&Vu,Yu=g.setTimeout,Zu=Iu.splice,Gu=Je(Gu=g.Uint8Array)&&Gu,Ju=Je(Ju=g.WeakMap)&&Ju,Xu=function(){try{var n=Je(n=g.Float64Array)&&n,t=new n(new $u(10),0,1)&&n
47 | }catch(r){}return t}(),Hu=Je(Hu=_u.isArray)&&Hu,Qu=Je(Qu=ju.create)&&Qu,no=g.isFinite,to=Je(to=ju.keys)&&to,ro=xu.max,eo=xu.min,uo=Je(uo=mu.now)&&uo,oo=Je(oo=Au.isFinite)&&oo,io=g.parseInt,ao=xu.random,fo=Au.NEGATIVE_INFINITY,co=Au.POSITIVE_INFINITY,lo=xu.pow(2,32)-1,so=lo-1,po=lo>>>1,ho=Xu?Xu.BYTES_PER_ELEMENT:0,go=xu.pow(2,53)-1,vo=Ju&&new Ju,yo=Wt.support={};!function(n){yo.funcDecomp=!Je(g.WinRTError)&&kt.test(m),yo.funcNames=typeof wu.name=="string";try{yo.dom=11===Cu.createDocumentFragment().nodeType
48 | }catch(t){yo.dom=false}try{yo.nonEnumArgs=!Ku.call(arguments,1)}catch(r){yo.nonEnumArgs=true}}(0,0),Wt.templateSettings={escape:ht,evaluate:gt,interpolate:vt,variable:"",imports:{_:Wt}};var _o=function(){function n(){}return function(t){if(Ge(t)){n.prototype=t;var r=new n;n.prototype=null}return r||g.Object()}}(),mo=vo?function(n,t){return vo.set(n,t),n}:gu;Bu||(Nr=$u&&Gu?function(n){var t=n.byteLength,r=Xu?Mu(t/ho):0,e=r*ho,u=new $u(t);if(r){var o=new Xu(u,0,r);o.set(new Xu(n,0,r))}return t!=e&&(o=new Gu(u,e),o.set(new Gu(n,e))),u
49 | }:hu(null));var bo=Qu&&Vu?function(n){return new Lt(n)}:hu(null),wo=vo?function(n){return vo.get(n)}:yu,xo=function(){var n=0,t=0;return function(r,e){var u=Oo(),o=N-(u-t);if(t=u,0<o){if(++n>=W)return r}else n=0;return mo(r,e)}}(),Ao=Lr(function(n,t,r){Wu.call(n,r)?++n[r]:n[r]=1}),jo=Lr(function(n,t,r){Wu.call(n,r)?n[r].push(t):n[r]=[t]}),ko=Lr(function(n,t,r){n[r]=t}),Eo=Mr(Vt),Ro=Mr(function(n){for(var t=-1,r=n.length,e=co;++t<r;){var u=n[t];u<e&&(e=u)}return e},true),Io=Lr(function(n,t,r){n[r?0:1].push(t)
50 | },function(){return[[],[]]}),Oo=uo||function(){return(new mu).getTime()},Co=Hu||function(n){return h(n)&&ue(n.length)&&Uu.call(n)==D||false};yo.dom||(Ve=function(n){return n&&1===n.nodeType&&h(n)&&!So(n)||false});var To=oo||function(n){return typeof n=="number"&&no(n)};(Ze(/x/)||Gu&&!Ze(Gu))&&(Ze=function(n){return Uu.call(n)==K});var So=qu?function(n){if(!n||Uu.call(n)!=Y)return false;var t=n.valueOf,r=Je(t)&&(r=qu(t))&&qu(r);return r?n==r||qu(n)==r:fe(n)}:fe,Wo=$r(Ht),No=to?function(n){if(n)var t=n.constructor,r=n.length;
51 | return typeof t=="function"&&t.prototype===n||typeof n!="function"&&r&&ue(r)?ce(n):Ge(n)?to(n):[]}:ce,Uo=$r(xr),Fo=zr(function(n,t,r){return t=t.toLowerCase(),n+(r?t.charAt(0).toUpperCase()+t.slice(1):t)}),Lo=zr(function(n,t,r){return n+(r?"-":"")+t.toLowerCase()});8!=io(It+"08")&&(au=function(n,t,r){return(r?ee(n,t,r):null==t)?t=0:t&&(t=+t),n=cu(n),io(n,t||(mt.test(n)?16:10))});var $o=zr(function(n,t,r){return n+(r?"_":"")+t.toLowerCase()}),Bo=zr(function(n,t,r){return n+(r?" ":"")+(t.charAt(0).toUpperCase()+t.slice(1))
52 | });return Nt.prototype=Wt.prototype,Ft.prototype["delete"]=function(n){return this.has(n)&&delete this.__data__[n]},Ft.prototype.get=function(n){return"__proto__"==n?b:this.__data__[n]},Ft.prototype.has=function(n){return"__proto__"!=n&&Wu.call(this.__data__,n)},Ft.prototype.set=function(n,t){return"__proto__"!=n&&(this.__data__[n]=t),this},Lt.prototype.push=function(n){var t=this.data;typeof n=="string"||Ge(n)?t.set.add(n):t.hash[n]=true},Me.Cache=Ft,Wt.after=function(n,t){if(!Ze(t)){if(!Ze(n))throw new Ru($);
53 | var r=n;n=t,t=r}return n=no(n=+n)?n:0,function(){return 1>--n?t.apply(this,arguments):void 0}},Wt.ary=function(n,t,r){return r&&ee(n,t,r)&&(t=null),t=n&&null==t?n.length:ro(+t||0,0),Vr(n,C,null,null,null,null,t)},Wt.assign=Wo,Wt.at=function(n){return ue(n?n.length:0)&&(n=le(n)),Qt(n,lr(arguments,false,false,1))},Wt.before=Ue,Wt.bind=Fe,Wt.bindAll=function(n){for(var t=n,r=1<arguments.length?lr(arguments,false,false,1):ru(n),e=-1,u=r.length;++e<u;){var o=r[e];t[o]=Vr(t[o],x,t)}return t},Wt.bindKey=Le,Wt.callback=pu,Wt.chain=we,Wt.chunk=function(n,t,r){t=(r?ee(n,t,r):null==t)?1:ro(+t||1,1),r=0;
54 | for(var e=n?n.length:0,u=-1,o=_u(zu(e/t));r<e;)o[++u]=Er(n,r,r+=t);return o},Wt.compact=function(n){for(var t=-1,r=n?n.length:0,e=-1,u=[];++t<r;){var o=n[t];o&&(u[++e]=o)}return u},Wt.constant=hu,Wt.countBy=Ao,Wt.create=function(n,t,r){var e=_o(n);return r&&ee(n,t,r)&&(t=null),t?nr(t,e,No(t)):e},Wt.curry=$e,Wt.curryRight=Be,Wt.debounce=ze,Wt.defaults=function(n){if(null==n)return n;var t=zt(arguments);return t.push(Jt),Wo.apply(b,t)},Wt.defer=function(n){return er(n,1,arguments,1)},Wt.delay=function(n,t){return er(n,t,arguments,2)
55 | },Wt.difference=function(){for(var n=-1,t=arguments.length;++n<t;){var r=arguments[n];if(Co(r)||Ke(r))break}return ur(r,lr(arguments,false,true,++n))},Wt.drop=pe,Wt.dropRight=he,Wt.dropRightWhile=function(n,t,r){var e=n?n.length:0;if(!e)return[];for(t=Xr(t,r,3);e--&&t(n[e],e,n););return Er(n,0,e+1)},Wt.dropWhile=function(n,t,r){var e=n?n.length:0;if(!e)return[];var u=-1;for(t=Xr(t,r,3);++u<e&&t(n[u],u,n););return Er(n,u)},Wt.filter=ke,Wt.flatten=function(n,t,r){var e=n?n.length:0;return r&&ee(n,t,r)&&(t=false),e?lr(n,t):[]
56 | },Wt.flattenDeep=function(n){return n&&n.length?lr(n,true):[]},Wt.flow=function(){var n=arguments,t=n.length;if(!t)return function(){};if(!qt(n,Ze))throw new Ru($);return function(){for(var r=0,e=n[r].apply(this,arguments);++r<t;)e=n[r].call(this,e);return e}},Wt.flowRight=De,Wt.forEach=Re,Wt.forEachRight=Ie,Wt.forIn=function(n,t,r){return(typeof t!="function"||typeof r!="undefined")&&(t=Wr(t,r,3)),sr(n,t,eu)},Wt.forInRight=function(n,t,r){return t=Wr(t,r,3),pr(n,t,eu)},Wt.forOwn=function(n,t,r){return(typeof t!="function"||typeof r!="undefined")&&(t=Wr(t,r,3)),gr(n,t)
57 | },Wt.forOwnRight=function(n,t,r){return t=Wr(t,r,3),pr(n,t,No)},Wt.functions=ru,Wt.groupBy=jo,Wt.indexBy=ko,Wt.initial=function(n){return he(n,1)},Wt.intersection=function(){for(var n=[],r=-1,e=arguments.length,u=[],o=Hr(),i=o==t;++r<e;){var a=arguments[r];(Co(a)||Ke(a))&&(n.push(a),u.push(i&&120<=a.length&&bo(r&&a)))}var e=n.length,i=n[0],f=-1,c=i?i.length:0,l=[],s=u[0];n:for(;++f<c;)if(a=i[f],0>(s?Bt(s,a):o(l,a))){for(r=e;--r;){var p=u[r];if(0>(p?Bt(p,a):o(n[r],a)))continue n}s&&s.push(a),l.push(a)
58 | }return l},Wt.invert=function(n,t,r){r&&ee(n,t,r)&&(t=null),r=-1;for(var e=No(n),u=e.length,o={};++r<u;){var i=e[r],a=n[i];t?Wu.call(o,a)?o[a].push(i):o[a]=[i]:o[a]=i}return o},Wt.invoke=function(n,t){return yr(n,t,Er(arguments,2))},Wt.keys=No,Wt.keysIn=eu,Wt.map=Oe,Wt.mapValues=function(n,t,r){var e={};return t=Xr(t,r,3),gr(n,function(n,r,u){e[r]=t(n,r,u)}),e},Wt.matches=vu,Wt.memoize=Me,Wt.merge=Uo,Wt.mixin=du,Wt.negate=function(n){if(!Ze(n))throw new Ru($);return function(){return!n.apply(this,arguments)
59 | }},Wt.omit=function(n,t,r){if(null==n)return{};if(typeof t!="function"){var e=Kt(lr(arguments,false,false,1),Eu);return ie(n,ur(eu(n),e))}return t=Wr(t,r,3),ae(n,function(n,r,e){return!t(n,r,e)})},Wt.once=function(n){return Ue(n,2)},Wt.pairs=function(n){for(var t=-1,r=No(n),e=r.length,u=_u(e);++t<e;){var o=r[t];u[t]=[o,n[o]]}return u},Wt.partial=qe,Wt.partialRight=Pe,Wt.partition=Io,Wt.pick=function(n,t,r){return null==n?{}:typeof t=="function"?ae(n,Wr(t,r,3)):ie(n,lr(arguments,false,false,1))},Wt.pluck=function(n,t){return Oe(n,Ar(t+""))
60 | },Wt.property=function(n){return Ar(n+"")},Wt.propertyOf=function(n){return function(t){return null==n?b:n[t]}},Wt.pull=function(){var n=arguments[0];if(!n||!n.length)return n;for(var t=0,r=Hr(),e=arguments.length;++t<e;)for(var u=0,o=arguments[t];-1<(u=r(n,o,u));)Zu.call(n,u,1);return n},Wt.pullAt=function(t){var r=t||[],e=lr(arguments,false,false,1),u=e.length,o=Qt(r,e);for(e.sort(n);u--;){var i=parseFloat(e[u]);if(i!=a&&re(i)){var a=i;Zu.call(r,i,1)}}return o},Wt.range=function(n,t,r){r&&ee(n,t,r)&&(t=r=null),n=+n||0,r=null==r?1:+r||0,null==t?(t=n,n=0):t=+t||0;
61 | var e=-1;t=ro(zu((t-n)/(r||1)),0);for(var u=_u(t);++e<t;)u[e]=n,n+=r;return u},Wt.rearg=function(n){var t=lr(arguments,false,false,1);return Vr(n,O,null,null,null,t)},Wt.reject=function(n,t,r){var e=Co(n)?Pt:fr;return t=Xr(t,r,3),e(n,function(n,r,e){return!t(n,r,e)})},Wt.remove=function(n,t,r){var e=-1,u=n?n.length:0,o=[];for(t=Xr(t,r,3);++e<u;)r=n[e],t(r,e,n)&&(o.push(r),Zu.call(n,e--,1),u--);return o},Wt.rest=ye,Wt.shuffle=We,Wt.slice=function(n,t,r){var e=n?n.length:0;return e?(r&&typeof r!="number"&&ee(n,t,r)&&(t=0,r=e),Er(n,t,r)):[]
62 | },Wt.sortBy=function(n,t,e){var u=-1,o=n?n.length:0,i=ue(o)?_u(o):[];return e&&ee(n,t,e)&&(t=null),t=Xr(t,e,3),or(n,function(n,r,e){i[++u]={a:t(n,r,e),b:u,c:n}}),r(i,a)},Wt.sortByAll=function(n){var t=arguments;3<t.length&&ee(t[1],t[2],t[3])&&(t=[n,t[1]]);var e=-1,u=n?n.length:0,o=lr(t,false,false,1),i=ue(u)?_u(u):[];return or(n,function(n){for(var t=o.length,r=_u(t);t--;)r[t]=null==n?b:n[o[t]];i[++e]={a:r,b:e,c:n}}),r(i,f)},Wt.take=function(n,t,r){return n&&n.length?((r?ee(n,t,r):null==t)&&(t=1),Er(n,0,0>t?0:t)):[]
63 | },Wt.takeRight=function(n,t,r){var e=n?n.length:0;return e?((r?ee(n,t,r):null==t)&&(t=1),t=e-(+t||0),Er(n,0>t?0:t)):[]},Wt.takeRightWhile=function(n,t,r){var e=n?n.length:0;if(!e)return[];for(t=Xr(t,r,3);e--&&t(n[e],e,n););return Er(n,e+1)},Wt.takeWhile=function(n,t,r){var e=n?n.length:0;if(!e)return[];var u=-1;for(t=Xr(t,r,3);++u<e&&t(n[u],u,n););return Er(n,0,u)},Wt.tap=function(n,t,r){return t.call(r,n),n},Wt.throttle=function(n,t,r){var e=true,u=true;if(!Ze(n))throw new Ru($);return false===r?e=false:Ge(r)&&(e="leading"in r?!!r.leading:e,u="trailing"in r?!!r.trailing:u),St.leading=e,St.maxWait=+t,St.trailing=u,ze(n,t,St)
64 | },Wt.thru=xe,Wt.times=function(n,t,r){if(n=+n,1>n||!no(n))return[];var e=-1,u=_u(eo(n,lo));for(t=Wr(t,r,1);++e<n;)e<lo?u[e]=t(e):t(e);return u},Wt.toArray=function(n){var t=n?n.length:0;return ue(t)?t?zt(n):[]:uu(n)},Wt.toPlainObject=tu,Wt.transform=function(n,t,r,e){var u=Co(n)||nu(n);return t=Xr(t,e,4),null==r&&(u||Ge(n)?(e=n.constructor,r=u?Co(n)?new e:[]:_o(typeof e=="function"&&e.prototype)):r={}),(u?Mt:gr)(n,function(n,e,u){return t(r,n,e,u)}),r},Wt.union=function(){return Ir(lr(arguments,false,true))
65 | },Wt.uniq=_e,Wt.unzip=me,Wt.values=uu,Wt.valuesIn=function(n){return Or(n,eu(n))},Wt.where=function(n,t){return ke(n,wr(t))},Wt.without=function(n){return ur(n,Er(arguments,1))},Wt.wrap=function(n,t){return t=null==t?gu:t,Vr(t,R,null,[n],[])},Wt.xor=function(){for(var n=-1,t=arguments.length;++n<t;){var r=arguments[n];if(Co(r)||Ke(r))var e=e?ur(e,r).concat(ur(r,e)):r}return e?Ir(e):[]},Wt.zip=function(){for(var n=arguments.length,t=_u(n);n--;)t[n]=arguments[n];return me(t)},Wt.zipObject=be,Wt.backflow=De,Wt.collect=Oe,Wt.compose=De,Wt.each=Re,Wt.eachRight=Ie,Wt.extend=Wo,Wt.iteratee=pu,Wt.methods=ru,Wt.object=be,Wt.select=ke,Wt.tail=ye,Wt.unique=_e,du(Wt,Wt),Wt.attempt=su,Wt.camelCase=Fo,Wt.capitalize=function(n){return(n=e(n))&&n.charAt(0).toUpperCase()+n.slice(1)
66 | },Wt.clone=function(n,t,r,e){return typeof t!="boolean"&&null!=t&&(e=r,r=ee(n,t,e)?null:t,t=false),r=typeof r=="function"&&Wr(r,e,1),rr(n,t,r)},Wt.cloneDeep=function(n,t,r){return t=typeof t=="function"&&Wr(t,r,1),rr(n,true,t)},Wt.deburr=ou,Wt.endsWith=function(n,t,r){n=e(n),t+="";var u=n.length;return r=(typeof r=="undefined"?u:eo(0>r?0:+r||0,u))-t.length,0<=r&&n.indexOf(t,r)==r},Wt.escape=function(n){return(n=e(n))&&pt.test(n)?n.replace(lt,l):n},Wt.escapeRegExp=iu,Wt.every=je,Wt.find=Ee,Wt.findIndex=ge,Wt.findKey=function(n,t,r){return t=Xr(t,r,3),cr(n,t,gr,true)
67 | },Wt.findLast=function(n,t,r){return t=Xr(t,r,3),cr(n,t,ir)},Wt.findLastIndex=function(n,t,r){var e=n?n.length:0;for(t=Xr(t,r,3);e--;)if(t(n[e],e,n))return e;return-1},Wt.findLastKey=function(n,t,r){return t=Xr(t,r,3),cr(n,t,vr,true)},Wt.findWhere=function(n,t){return Ee(n,wr(t))},Wt.first=ve,Wt.has=function(n,t){return n?Wu.call(n,t):false},Wt.identity=gu,Wt.includes=Ae,Wt.indexOf=de,Wt.isArguments=Ke,Wt.isArray=Co,Wt.isBoolean=function(n){return true===n||false===n||h(n)&&Uu.call(n)==M||false},Wt.isDate=function(n){return h(n)&&Uu.call(n)==q||false
68 | },Wt.isElement=Ve,Wt.isEmpty=function(n){if(null==n)return true;var t=n.length;return ue(t)&&(Co(n)||Qe(n)||Ke(n)||h(n)&&Ze(n.splice))?!t:!No(n).length},Wt.isEqual=function(n,t,r,e){return r=typeof r=="function"&&Wr(r,e,3),!r&&oe(n)&&oe(t)?n===t:(e=r?r(n,t):b,typeof e=="undefined"?_r(n,t,r):!!e)},Wt.isError=Ye,Wt.isFinite=To,Wt.isFunction=Ze,Wt.isMatch=function(n,t,r,e){var u=No(t),o=u.length;if(r=typeof r=="function"&&Wr(r,e,3),!r&&1==o){var i=u[0];if(e=t[i],oe(e))return null!=n&&e===n[i]&&Wu.call(n,i)
69 | }for(var i=_u(o),a=_u(o);o--;)e=i[o]=t[u[o]],a[o]=oe(e);return mr(n,u,i,a,r)},Wt.isNaN=function(n){return Xe(n)&&n!=+n},Wt.isNative=Je,Wt.isNull=function(n){return null===n},Wt.isNumber=Xe,Wt.isObject=Ge,Wt.isPlainObject=So,Wt.isRegExp=He,Wt.isString=Qe,Wt.isTypedArray=nu,Wt.isUndefined=function(n){return typeof n=="undefined"},Wt.kebabCase=Lo,Wt.last=function(n){var t=n?n.length:0;return t?n[t-1]:b},Wt.lastIndexOf=function(n,t,r){var e=n?n.length:0;if(!e)return-1;var u=e;if(typeof r=="number")u=(0>r?ro(e+r,0):eo(r||0,e-1))+1;
70 | else if(r)return u=Tr(n,t,true)-1,n=n[u],(t===t?t===n:n!==n)?u:-1;if(t!==t)return p(n,u,true);for(;u--;)if(n[u]===t)return u;return-1},Wt.max=Eo,Wt.min=Ro,Wt.noConflict=function(){return g._=Fu,this},Wt.noop=yu,Wt.now=Oo,Wt.pad=function(n,t,r){n=e(n),t=+t;var u=n.length;return u<t&&no(t)?(u=(t-u)/2,t=Mu(u),u=zu(u),r=Pr("",u,r),r.slice(0,t)+n+r):n},Wt.padLeft=function(n,t,r){return(n=e(n))&&Pr(n,t,r)+n},Wt.padRight=function(n,t,r){return(n=e(n))&&n+Pr(n,t,r)},Wt.parseInt=au,Wt.random=function(n,t,r){r&&ee(n,t,r)&&(t=r=null);
71 | var e=null==n,u=null==t;return null==r&&(u&&typeof n=="boolean"?(r=n,n=1):typeof t=="boolean"&&(r=t,u=true)),e&&u&&(t=1,u=false),n=+n||0,u?(t=n,n=0):t=+t||0,r||n%1||t%1?(r=ao(),eo(n+r*(t-n+parseFloat("1e-"+((r+"").length-1))),t)):jr(n,t)},Wt.reduce=Ce,Wt.reduceRight=Te,Wt.repeat=fu,Wt.result=function(n,t,r){return t=null==n?b:n[t],typeof t=="undefined"&&(t=r),Ze(t)?t.call(n):t},Wt.runInContext=m,Wt.size=function(n){var t=n?n.length:0;return ue(t)?t:No(n).length},Wt.snakeCase=$o,Wt.some=Ne,Wt.sortedIndex=function(n,t,r,e){var u=Xr(r);
72 | return u===tr&&null==r?Tr(n,t):Sr(n,t,u(r,e,1))},Wt.sortedLastIndex=function(n,t,r,e){var u=Xr(r);return u===tr&&null==r?Tr(n,t,true):Sr(n,t,u(r,e,1),true)},Wt.startCase=Bo,Wt.startsWith=function(n,t,r){return n=e(n),r=null==r?0:eo(0>r?0:+r||0,n.length),n.lastIndexOf(t,r)==r},Wt.template=function(n,t,r){var u=Wt.templateSettings;r&&ee(n,t,r)&&(t=r=null),n=e(n),t=Ht(Ht({},r||t),u,Xt),r=Ht(Ht({},t.imports),u.imports,Xt);var o,i,a=No(r),f=Or(r,a),c=0;r=t.interpolate||xt;var l="__p+='";r=ku((t.escape||xt).source+"|"+r.source+"|"+(r===vt?dt:xt).source+"|"+(t.evaluate||xt).source+"|$","g");
73 | var p="sourceURL"in t?"//# sourceURL="+t.sourceURL+"\n":"";if(n.replace(r,function(t,r,e,u,a,f){return e||(e=u),l+=n.slice(c,f).replace(Et,s),r&&(o=true,l+="'+__e("+r+")+'"),a&&(i=true,l+="';"+a+";\n__p+='"),e&&(l+="'+((__t=("+e+"))==null?'':__t)+'"),c=f+t.length,t}),l+="';",(t=t.variable)||(l="with(obj){"+l+"}"),l=(i?l.replace(it,""):l).replace(at,"$1").replace(ft,"$1;"),l="function("+(t||"obj")+"){"+(t?"":"obj||(obj={});")+"var __t,__p=''"+(o?",__e=_.escape":"")+(i?",__j=Array.prototype.join;function print(){__p+=__j.call(arguments,'')}":";")+l+"return __p}",t=su(function(){return wu(a,p+"return "+l).apply(b,f)
74 | }),t.source=l,Ye(t))throw t;return t},Wt.trim=cu,Wt.trimLeft=function(n,t,r){var u=n;return(n=e(n))?n.slice((r?ee(u,t,r):null==t)?d(n):o(n,t+"")):n},Wt.trimRight=function(n,t,r){var u=n;return(n=e(n))?(r?ee(u,t,r):null==t)?n.slice(0,y(n)+1):n.slice(0,i(n,t+"")+1):n},Wt.trunc=function(n,t,r){r&&ee(n,t,r)&&(t=null);var u=T;if(r=S,null!=t)if(Ge(t)){var o="separator"in t?t.separator:o,u="length"in t?+t.length||0:u;r="omission"in t?e(t.omission):r}else u=+t||0;if(n=e(n),u>=n.length)return n;if(u-=r.length,1>u)return r;
75 | if(t=n.slice(0,u),null==o)return t+r;if(He(o)){if(n.slice(u).search(o)){var i,a=n.slice(0,u);for(o.global||(o=ku(o.source,(yt.exec(o)||"")+"g")),o.lastIndex=0;n=o.exec(a);)i=n.index;t=t.slice(0,null==i?u:i)}}else n.indexOf(o,u)!=u&&(o=t.lastIndexOf(o),-1<o&&(t=t.slice(0,o)));return t+r},Wt.unescape=function(n){return(n=e(n))&&st.test(n)?n.replace(ct,_):n},Wt.uniqueId=function(n){var t=++Nu;return e(n)+t},Wt.words=lu,Wt.all=je,Wt.any=Ne,Wt.contains=Ae,Wt.detect=Ee,Wt.foldl=Ce,Wt.foldr=Te,Wt.head=ve,Wt.include=Ae,Wt.inject=Ce,du(Wt,function(){var n={};
76 | return gr(Wt,function(t,r){Wt.prototype[r]||(n[r]=t)}),n}(),false),Wt.sample=Se,Wt.prototype.sample=function(n){return this.__chain__||null!=n?this.thru(function(t){return Se(t,n)}):Se(this.value())},Wt.VERSION=w,Mt("bind bindKey curry curryRight partial partialRight".split(" "),function(n){Wt[n].placeholder=Wt}),Mt(["filter","map","takeWhile"],function(n,t){var r=t==U;Ut.prototype[n]=function(n,e){var u=this.clone(),o=u.filtered,i=u.iteratees||(u.iteratees=[]);return u.filtered=o||r||t==L&&0>u.dir,i.push({iteratee:Xr(n,e,3),type:t}),u
77 | }}),Mt(["drop","take"],function(n,t){var r=n+"Count",e=n+"While";Ut.prototype[n]=function(e){e=null==e?1:ro(+e||0,0);var u=this.clone();if(u.filtered){var o=u[r];u[r]=t?eo(o,e):o+e}else(u.views||(u.views=[])).push({size:e,type:n+(0>u.dir?"Right":"")});return u},Ut.prototype[n+"Right"]=function(t){return this.reverse()[n](t).reverse()},Ut.prototype[n+"RightWhile"]=function(n,t){return this.reverse()[e](n,t).reverse()}}),Mt(["first","last"],function(n,t){var r="take"+(t?"Right":"");Ut.prototype[n]=function(){return this[r](1).value()[0]
78 | }}),Mt(["initial","rest"],function(n,t){var r="drop"+(t?"":"Right");Ut.prototype[n]=function(){return this[r](1)}}),Mt(["pluck","where"],function(n,t){var r=t?"filter":"map",e=t?wr:Ar;Ut.prototype[n]=function(n){return this[r](e(t?n:n+""))}}),Ut.prototype.dropWhile=function(n,t){var r,e,u=0>this.dir;return n=Xr(n,t,3),this.filter(function(t,o,i){return r=r&&(u?o<e:o>e),e=o,r||(r=!n(t,o,i))})},Ut.prototype.reject=function(n,t){return n=Xr(n,t,3),this.filter(function(t,r,e){return!n(t,r,e)})},Ut.prototype.slice=function(n,t){n=null==n?0:+n||0;
79 | var r=0>n?this.takeRight(-n):this.drop(n);return typeof t!="undefined"&&(t=+t||0,r=0>t?r.dropRight(-t):r.take(t-n)),r},gr(Ut.prototype,function(n,t){var r=Wt[t],e=/^(?:first|last)$/.test(t);Wt.prototype[t]=function(){function t(n){return n=[n],Pu.apply(n,o),r.apply(Wt,n)}var u=this.__wrapped__,o=arguments,i=this.__chain__,a=!!this.__actions__.length,f=u instanceof Ut,c=f&&!a;return e&&!i?c?n.call(u):r.call(Wt,this.value()):f||Co(u)?(u=n.apply(c?u:new Ut(this),o),e||!a&&!u.actions||(u.actions||(u.actions=[])).push({func:xe,args:[t],thisArg:Wt}),new Nt(u,i)):this.thru(t)
80 | }}),Mt("concat join pop push shift sort splice unshift".split(" "),function(n){var t=Iu[n],r=/^(?:push|sort|unshift)$/.test(n)?"tap":"thru",e=/^(?:join|pop|shift)$/.test(n);Wt.prototype[n]=function(){var n=arguments;return e&&!this.__chain__?t.apply(this.value(),n):this[r](function(r){return t.apply(r,n)})}}),Ut.prototype.clone=function(){var n=this.actions,t=this.iteratees,r=this.views,e=new Ut(this.wrapped);return e.actions=n?zt(n):null,e.dir=this.dir,e.dropCount=this.dropCount,e.filtered=this.filtered,e.iteratees=t?zt(t):null,e.takeCount=this.takeCount,e.views=r?zt(r):null,e
81 | },Ut.prototype.reverse=function(){if(this.filtered){var n=new Ut(this);n.dir=-1,n.filtered=true}else n=this.clone(),n.dir*=-1;return n},Ut.prototype.value=function(){var n=this.wrapped.value();if(!Co(n))return Cr(n,this.actions);var t,r=this.dir,e=0>r;t=n.length;for(var u=this.views,o=0,i=-1,a=u?u.length:0;++i<a;){var f=u[i],c=f.size;switch(f.type){case"drop":o+=c;break;case"dropRight":t-=c;break;case"take":t=eo(t,o+c);break;case"takeRight":o=ro(o,t-c)}}t={start:o,end:t},i=t.start,a=t.end,t=a-i,u=this.dropCount,o=eo(t,this.takeCount-u),e=e?a:i-1,a=(i=this.iteratees)?i.length:0,f=0,c=[];
82 | n:for(;t--&&f<o;){for(var e=e+r,l=-1,s=n[e];++l<a;){var p=i[l],h=p.iteratee(s,e,n),p=p.type;if(p==F)s=h;else if(!h){if(p==U)continue n;break n}}u?u--:c[f++]=s}return c},Wt.prototype.chain=function(){return we(this)},Wt.prototype.reverse=function(){var n=this.__wrapped__;return n instanceof Ut?(this.__actions__.length&&(n=new Ut(this)),new Nt(n.reverse())):this.thru(function(n){return n.reverse()})},Wt.prototype.toString=function(){return this.value()+""},Wt.prototype.toJSON=Wt.prototype.valueOf=Wt.prototype.value=function(){return Cr(this.__wrapped__,this.__actions__)
83 | },Wt.prototype.collect=Wt.prototype.map,Wt.prototype.head=Wt.prototype.first,Wt.prototype.select=Wt.prototype.filter,Wt.prototype.tail=Wt.prototype.rest,Wt}var b,w="3.1.0",x=1,A=2,j=4,k=8,E=16,R=32,I=64,O=128,C=256,T=30,S="...",W=150,N=16,U=0,F=1,L=2,$="Expected a function",B="__lodash_placeholder__",z="[object Arguments]",D="[object Array]",M="[object Boolean]",q="[object Date]",P="[object Error]",K="[object Function]",V="[object Number]",Y="[object Object]",Z="[object RegExp]",G="[object String]",J="[object ArrayBuffer]",X="[object Float32Array]",H="[object Float64Array]",Q="[object Int8Array]",nt="[object Int16Array]",tt="[object Int32Array]",rt="[object Uint8Array]",et="[object Uint8ClampedArray]",ut="[object Uint16Array]",ot="[object Uint32Array]",it=/\b__p\+='';/g,at=/\b(__p\+=)''\+/g,ft=/(__e\(.*?\)|\b__t\))\+'';/g,ct=/&(?:amp|lt|gt|quot|#39|#96);/g,lt=/[&<>"'`]/g,st=RegExp(ct.source),pt=RegExp(lt.source),ht=/<%-([\s\S]+?)%>/g,gt=/<%([\s\S]+?)%>/g,vt=/<%=([\s\S]+?)%>/g,dt=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,yt=/\w*$/,_t=/^\s*function[ \n\r\t]+\w/,mt=/^0[xX]/,bt=/^\[object .+?Constructor\]$/,wt=/[\xc0-\xd6\xd8-\xde\xdf-\xf6\xf8-\xff]/g,xt=/($^)/,At=/[.*+?^${}()|[\]\/\\]/g,jt=RegExp(At.source),kt=/\bthis\b/,Et=/['\n\r\u2028\u2029\\]/g,Rt=RegExp("[A-Z\\xc0-\\xd6\\xd8-\\xde]{2,}(?=[A-Z\\xc0-\\xd6\\xd8-\\xde][a-z\\xdf-\\xf6\\xf8-\\xff]+)|[A-Z\\xc0-\\xd6\\xd8-\\xde]?[a-z\\xdf-\\xf6\\xf8-\\xff]+|[A-Z\\xc0-\\xd6\\xd8-\\xde]+|[0-9]+","g"),It=" \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000",Ot="Array ArrayBuffer Date Error Float32Array Float64Array Function Int8Array Int16Array Int32Array Math Number Object RegExp Set String _ clearTimeout document isFinite parseInt setTimeout TypeError Uint8Array Uint8ClampedArray Uint16Array Uint32Array WeakMap window WinRTError".split(" "),Ct={};
84 | Ct[X]=Ct[H]=Ct[Q]=Ct[nt]=Ct[tt]=Ct[rt]=Ct[et]=Ct[ut]=Ct[ot]=true,Ct[z]=Ct[D]=Ct[J]=Ct[M]=Ct[q]=Ct[P]=Ct[K]=Ct["[object Map]"]=Ct[V]=Ct[Y]=Ct[Z]=Ct["[object Set]"]=Ct[G]=Ct["[object WeakMap]"]=false;var Tt={};Tt[z]=Tt[D]=Tt[J]=Tt[M]=Tt[q]=Tt[X]=Tt[H]=Tt[Q]=Tt[nt]=Tt[tt]=Tt[V]=Tt[Y]=Tt[Z]=Tt[G]=Tt[rt]=Tt[et]=Tt[ut]=Tt[ot]=true,Tt[P]=Tt[K]=Tt["[object Map]"]=Tt["[object Set]"]=Tt["[object WeakMap]"]=false;var St={leading:false,maxWait:0,trailing:false},Wt={"\xc0":"A","\xc1":"A","\xc2":"A","\xc3":"A","\xc4":"A","\xc5":"A","\xe0":"a","\xe1":"a","\xe2":"a","\xe3":"a","\xe4":"a","\xe5":"a","\xc7":"C","\xe7":"c","\xd0":"D","\xf0":"d","\xc8":"E","\xc9":"E","\xca":"E","\xcb":"E","\xe8":"e","\xe9":"e","\xea":"e","\xeb":"e","\xcc":"I","\xcd":"I","\xce":"I","\xcf":"I","\xec":"i","\xed":"i","\xee":"i","\xef":"i","\xd1":"N","\xf1":"n","\xd2":"O","\xd3":"O","\xd4":"O","\xd5":"O","\xd6":"O","\xd8":"O","\xf2":"o","\xf3":"o","\xf4":"o","\xf5":"o","\xf6":"o","\xf8":"o","\xd9":"U","\xda":"U","\xdb":"U","\xdc":"U","\xf9":"u","\xfa":"u","\xfb":"u","\xfc":"u","\xdd":"Y","\xfd":"y","\xff":"y","\xc6":"Ae","\xe6":"ae","\xde":"Th","\xfe":"th","\xdf":"ss"},Nt={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","`":"&#96;"},Ut={"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#39;":"'","&#96;":"`"},Ft={"function":true,object:true},Lt={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},$t=Ft[typeof window]&&window!==(this&&this.window)?window:this,Bt=Ft[typeof exports]&&exports&&!exports.nodeType&&exports,Ft=Ft[typeof module]&&module&&!module.nodeType&&module,zt=Bt&&Ft&&typeof global=="object"&&global;
85 | !zt||zt.global!==zt&&zt.window!==zt&&zt.self!==zt||($t=zt);var zt=Ft&&Ft.exports===Bt&&Bt,Dt=m();typeof define=="function"&&typeof define.amd=="object"&&define.amd?($t._=Dt, define(function(){return Dt})):Bt&&Ft?zt?(Ft.exports=Dt)._=Dt:Bt._=Dt:$t._=Dt}).call(this);


--------------------------------------------------------------------------------
/public/socket.js:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Module dependencies.
  4 |  */
  5 | 
  6 | var Emitter = require('events').EventEmitter;
  7 | var parser = require('socket.io-parser');
  8 | var url = require('url');
  9 | var debug = require('debug')('socket.io:socket');
 10 | var hasBin = require('has-binary-data');
 11 | 
 12 | /**
 13 |  * Module exports.
 14 |  */
 15 | 
 16 | module.exports = exports = Socket;
 17 | 
 18 | /**
 19 |  * Blacklisted events.
 20 |  *
 21 |  * @api public
 22 |  */
 23 | 
 24 | exports.events = [
 25 |   'error',
 26 |   'connect',
 27 |   'disconnect',
 28 |   'newListener',
 29 |   'removeListener'
 30 | ];
 31 | 
 32 | /**
 33 |  * Flags.
 34 |  *
 35 |  * @api private
 36 |  */
 37 | 
 38 | var flags = [
 39 |   'json',
 40 |   'volatile',
 41 |   'broadcast'
 42 | ];
 43 | 
 44 | /**
 45 |  * `EventEmitter#emit` reference.
 46 |  */
 47 | 
 48 | var emit = Emitter.prototype.emit;
 49 | 
 50 | /**
 51 |  * Interface to a `Client` for a given `Namespace`.
 52 |  *
 53 |  * @param {Namespace} nsp
 54 |  * @param {Client} client
 55 |  * @api public
 56 |  */
 57 | 
 58 | function Socket(nsp, client){
 59 |   this.nsp = nsp;
 60 |   this.server = nsp.server;
 61 |   this.adapter = this.nsp.adapter;
 62 |   this.id = client.id;
 63 |   this.request = client.request;
 64 |   this.client = client;
 65 |   this.conn = client.conn;
 66 |   this.rooms = [];
 67 |   this.acks = {};
 68 |   this.connected = true;
 69 |   this.disconnected = false;
 70 |   this.handshake = this.buildHandshake();
 71 | }
 72 | 
 73 | /**
 74 |  * Inherits from `EventEmitter`.
 75 |  */
 76 | 
 77 | Socket.prototype.__proto__ = Emitter.prototype;
 78 | 
 79 | /**
 80 |  * Apply flags from `Socket`.
 81 |  */
 82 | 
 83 | flags.forEach(function(flag){
 84 |   Socket.prototype.__defineGetter__(flag, function(){
 85 |     this.flags = this.flags || {};
 86 |     this.flags[flag] = true;
 87 |     return this;
 88 |   });
 89 | });
 90 | 
 91 | /**
 92 |  * `request` engine.io shorcut.
 93 |  *
 94 |  * @api public
 95 |  */
 96 | 
 97 | Socket.prototype.__defineGetter__('request', function(){
 98 |   return this.conn.request;
 99 | });
100 | 
101 | /**
102 |  * Builds the `handshake` BC object
103 |  *
104 |  * @api private
105 |  */
106 | 
107 | Socket.prototype.buildHandshake = function(){
108 |   return {
109 |     headers: this.request.headers,
110 |     time: (new Date) + '',
111 |     address: this.conn.remoteAddress,
112 |     xdomain: !!this.request.headers.origin,
113 |     secure: !!this.request.connection.encrypted,
114 |     issued: +(new Date),
115 |     url: this.request.url,
116 |     query: url.parse(this.request.url, true).query || {}
117 |   };
118 | };
119 | 
120 | /**
121 |  * Emits to this client.
122 |  *
123 |  * @return {Socket} self
124 |  * @api public
125 |  */
126 | 
127 | Socket.prototype.emit = function(ev){
128 |   if (~exports.events.indexOf(ev)) {
129 |     emit.apply(this, arguments);
130 |   } else {
131 |     var args = Array.prototype.slice.call(arguments);
132 |     var packet = {};
133 |     packet.type = hasBin(args) ? parser.BINARY_EVENT : parser.EVENT;
134 |     packet.data = args;
135 | 
136 |     // access last argument to see if it's an ACK callback
137 |     if ('function' == typeof args[args.length - 1]) {
138 |       if (this._rooms || (this.flags && this.flags.broadcast)) {
139 |         throw new Error('Callbacks are not supported when broadcasting');
140 |       }
141 | 
142 |       debug('emitting packet with ack id %d', this.nsp.ids);
143 |       this.acks[this.nsp.ids] = args.pop();
144 |       packet.id = this.nsp.ids++;
145 |     }
146 | 
147 |     if (this._rooms || (this.flags && this.flags.broadcast)) {
148 |       this.adapter.broadcast(packet, {
149 |         except: [this.id],
150 |         rooms: this._rooms,
151 |         flags: this.flags
152 |       });
153 |     } else {
154 |       // dispatch packet
155 |       this.packet(packet);
156 |     }
157 | 
158 |     // reset flags
159 |     delete this._rooms;
160 |     delete this.flags;
161 |   }
162 |   return this;
163 | };
164 | 
165 | /**
166 |  * Targets a room when broadcasting.
167 |  *
168 |  * @param {String} name
169 |  * @return {Socket} self
170 |  * @api public
171 |  */
172 | 
173 | Socket.prototype.to =
174 | Socket.prototype.in = function(name){
175 |   this._rooms = this._rooms || [];
176 |   if (!~this._rooms.indexOf(name)) this._rooms.push(name);
177 |   return this;
178 | };
179 | 
180 | /**
181 |  * Sends a `message` event.
182 |  *
183 |  * @return {Socket} self
184 |  * @api public
185 |  */
186 | 
187 | Socket.prototype.send =
188 | Socket.prototype.write = function(){
189 |   var args = Array.prototype.slice.call(arguments);
190 |   args.unshift('message');
191 |   this.emit.apply(this, args);
192 |   return this;
193 | };
194 | 
195 | /**
196 |  * Writes a packet.
197 |  *
198 |  * @param {Object} packet object
199 |  * @api private
200 |  */
201 | 
202 | Socket.prototype.packet = function(packet, preEncoded){
203 |   packet.nsp = this.nsp.name;
204 |   var volatile = this.flags && this.flags.volatile;
205 |   this.client.packet(packet, preEncoded, volatile);
206 | };
207 | 
208 | /**
209 |  * Joins a room.
210 |  *
211 |  * @param {String} room
212 |  * @param {Function} optional, callback
213 |  * @return {Socket} self
214 |  * @api private
215 |  */
216 | 
217 | Socket.prototype.join = function(room, fn){
218 |   debug('joining room %s', room);
219 |   var self = this;
220 |   if (~this.rooms.indexOf(room)) return this;
221 |   this.adapter.add(this.id, room, function(err){
222 |     if (err) return fn && fn(err);
223 |     debug('joined room %s', room);
224 |     self.rooms.push(room);
225 |     fn && fn(null);
226 |   });
227 |   return this;
228 | };
229 | 
230 | /**
231 |  * Leaves a room.
232 |  *
233 |  * @param {String} room
234 |  * @param {Function} optional, callback
235 |  * @return {Socket} self
236 |  * @api private
237 |  */
238 | 
239 | Socket.prototype.leave = function(room, fn){
240 |   debug('leave room %s', room);
241 |   var self = this;
242 |   this.adapter.del(this.id, room, function(err){
243 |     if (err) return fn && fn(err);
244 |     debug('left room %s', room);
245 |     var idx = self.rooms.indexOf(room);
246 |     if (idx >= 0) {
247 |       self.rooms.splice(idx, 1);
248 |     }
249 |     fn && fn(null);
250 |   });
251 |   return this;
252 | };
253 | 
254 | /**
255 |  * Leave all rooms.
256 |  *
257 |  * @api private
258 |  */
259 | 
260 | Socket.prototype.leaveAll = function(){
261 |   this.adapter.delAll(this.id);
262 |   this.rooms = [];
263 | };
264 | 
265 | /**
266 |  * Called by `Namespace` upon succesful
267 |  * middleware execution (ie: authorization).
268 |  *
269 |  * @api private
270 |  */
271 | 
272 | Socket.prototype.onconnect = function(){
273 |   debug('socket connected - writing packet');
274 |   this.join(this.id);
275 |   this.packet({ type: parser.CONNECT });
276 |   this.nsp.connected[this.id] = this;
277 | };
278 | 
279 | /**
280 |  * Called with each packet. Called by `Client`.
281 |  *
282 |  * @param {Object} packet
283 |  * @api private
284 |  */
285 | 
286 | Socket.prototype.onpacket = function(packet){
287 |   debug('got packet %j', packet);
288 |   switch (packet.type) {
289 |     case parser.EVENT:
290 |       this.onevent(packet);
291 |       break;
292 | 
293 |     case parser.BINARY_EVENT:
294 |       this.onevent(packet);
295 |       break;
296 | 
297 |     case parser.ACK:
298 |       this.onack(packet);
299 |       break;
300 | 
301 |     case parser.BINARY_ACK:
302 |       this.onack(packet);
303 |       break;
304 | 
305 |     case parser.DISCONNECT:
306 |       this.ondisconnect();
307 |       break;
308 | 
309 |     case parser.ERROR:
310 |       this.emit('error', packet.data);
311 |   }
312 | };
313 | 
314 | /**
315 |  * Called upon event packet.
316 |  *
317 |  * @param {Object} packet object
318 |  * @api private
319 |  */
320 | 
321 | Socket.prototype.onevent = function(packet){
322 |   var args = packet.data || [];
323 |   debug('emitting event %j', args);
324 | 
325 |   if (null != packet.id) {
326 |     debug('attaching ack callback to event');
327 |     args.push(this.ack(packet.id));
328 |   }
329 | 
330 |   emit.apply(this, args);
331 | };
332 | 
333 | /**
334 |  * Produces an ack callback to emit with an event.
335 |  *
336 |  * @param {Number} packet id
337 |  * @api private
338 |  */
339 | 
340 | Socket.prototype.ack = function(id){
341 |   var self = this;
342 |   var sent = false;
343 |   return function(){
344 |     // prevent double callbacks
345 |     if (sent) return;
346 |     var args = Array.prototype.slice.call(arguments);
347 |     debug('sending ack %j', args);
348 | 
349 |     var type = hasBin(args) ? parser.BINARY_ACK : parser.ACK;
350 |     self.packet({
351 |       id: id,
352 |       type: type,
353 |       data: args
354 |     });
355 |   };
356 | };
357 | 
358 | /**
359 |  * Called upon ack packet.
360 |  *
361 |  * @api private
362 |  */
363 | 
364 | Socket.prototype.onack = function(packet){
365 |   var ack = this.acks[packet.id];
366 |   if ('function' == typeof ack) {
367 |     debug('calling ack %s with %j', packet.id, packet.data);
368 |     ack.apply(this, packet.data);
369 |     delete this.acks[packet.id];
370 |   } else {
371 |     debug('bad ack %s', packet.id);
372 |   }
373 | };
374 | 
375 | /**
376 |  * Called upon client disconnect packet.
377 |  *
378 |  * @api private
379 |  */
380 | 
381 | Socket.prototype.ondisconnect = function(){
382 |   debug('got disconnect packet');
383 |   this.onclose('client namespace disconnect');
384 | };
385 | 
386 | /**
387 |  * Handles a client error.
388 |  *
389 |  * @api private
390 |  */
391 | 
392 | Socket.prototype.onerror = function(err){
393 |   if (this.listeners('error').length) {
394 |     this.emit('error', err);
395 |   } else {
396 |     console.error('Missing error handler on `socket`.');
397 |     console.error(err.stack);
398 |   }
399 | };
400 | 
401 | /**
402 |  * Called upon closing. Called by `Client`.
403 |  *
404 |  * @param {String} reason
405 |  * @param {Error} optional error object
406 |  * @api private
407 |  */
408 | 
409 | Socket.prototype.onclose = function(reason){
410 |   if (!this.connected) return this;
411 |   debug('closing socket - reason %s', reason);
412 |   this.leaveAll();
413 |   this.nsp.remove(this);
414 |   this.client.remove(this);
415 |   this.connected = false;
416 |   this.disconnected = true;
417 |   delete this.nsp.connected[this.id];
418 |   this.emit('disconnect', reason);
419 | };
420 | 
421 | /**
422 |  * Produces an `error` packet.
423 |  *
424 |  * @param {Object} error object
425 |  * @api private
426 |  */
427 | 
428 | Socket.prototype.error = function(err){
429 |   this.packet({ type: parser.ERROR, data: err });
430 | };
431 | 
432 | /**
433 |  * Disconnects this client.
434 |  *
435 |  * @param {Boolean} if `true`, closes the underlying connection
436 |  * @return {Socket} self
437 |  * @api public
438 |  */
439 | 
440 | Socket.prototype.disconnect = function(close){
441 |   if (!this.connected) return this;
442 |   if (close) {
443 |     this.client.disconnect();
444 |   } else {
445 |     this.packet({ type: parser.DISCONNECT });
446 |     this.onclose('server namespace disconnect');
447 |   }
448 |   return this;
449 | };
450 | 


--------------------------------------------------------------------------------