Popup Builder – Responsive WordPress Pop up

Version Description

Release Info

Developer	Sygnoos
Plugin	Popup Builder – Responsive WordPress Pop up
Version	2.1.1
Comparing to
See all releases

Code changes from version 2.1.0 to 2.1.1

Files changed (16) hide show

files/sg_popup_create.php +5 -0
img/SubscriptionButtonPro.png +0 -0
img/pp_Icon.png +0 -0
javascript/jquery.colorbox-min.js +0 -1
javascript/jquery.sgcolorbox-min.js +1005 -0
javascript/sg_popup_backend.js +1 -1
javascript/sg_popup_frontend.js +31 -20
popup-builder.php +3 -3
readme.txt +49 -8
style/animate.css +2753 -1
style/sg_popup_style.css +4 -0
style/sgcolorbox/colorbox1.css +1 -1
style/sgcolorbox/colorbox2.css +1 -1
style/sgcolorbox/colorbox3.css +1 -1
style/sgcolorbox/colorbox4.css +1 -1
style/sgcolorbox/colorbox5.css +1 -1

files/sg_popup_create.php CHANGED Viewed

	@@ -41,6 +41,7 @@
41	<div class="popups-div sg-exit-intent">
42	</div>
43	</a>

44	<?php endif; ?>
45	<?php if (SG_POPUP_PRO == 0): ?>
46	<a class="create-popup-link" href="<?php echo SG_POPUP_PRO_URL;?>" target="_blank">
	@@ -71,5 +72,9 @@
71	<div class="popups-div exit-intent-pro">
72	</div>
73	</a>




74	<?php endif; ?>
75	</div>


41	<div class="popups-div sg-exit-intent">
42	</div>
43	</a>
44	+
45	<?php endif; ?>
46	<?php if (SG_POPUP_PRO == 0): ?>
47	<a class="create-popup-link" href="<?php echo SG_POPUP_PRO_URL;?>" target="_blank">

72	<div class="popups-div exit-intent-pro">
73	</div>
74	</a>
75	+ <a class="create-popup-link" href="<?php echo SG_POPUP_PRO_URL;?>" target="_blank">
76	+ <div class="popups-div subscription-pro">
77	+ </div>
78	+ </a>
79	<?php endif; ?>
80	</div>

img/SubscriptionButtonPro.png ADDED Viewed

Binary file

img/pp_Icon.png DELETED Viewed

Binary file

javascript/jquery.colorbox-min.js DELETED Viewed

	@@ -1 +0,0 @@
1	- /*!

javascript/jquery.sgcolorbox-min.js ADDED Viewed

	@@ -0,0 +1,1005 @@


1	+ (function ($, document, window) {
2	+ var
3	+ defaults = {
4	+ html: false,
5	+ photo: false,
6	+ iframe: false,
7	+ inline: false,
8	+ transition: "elastic",
9	+ speed: 300,
10	+ fadeOut: 300,
11	+ width: false,
12	+ initialWidth: "600",
13	+ innerWidth: false,
14	+ maxWidth: false,
15	+ height: false,
16	+ initialHeight: "450",
17	+ innerHeight: false,
18	+ maxHeight: false,
19	+ scalePhotos: true,
20	+ scrolling: true,
21	+ opacity: 0.9,
22	+ preloading: true,
23	+ className: false,
24	+ overlayClose: true,
25	+ escKey: true,
26	+ arrowKey: true,
27	+ top: false,
28	+ bottom: false,
29	+ left: false,
30	+ right: false,
31	+ fixed: false,
32	+ data: undefined,
33	+ closeButton: true,
34	+ fastIframe: true,
35	+ open: false,
36	+ reposition: true,
37	+ loop: true,
38	+ slideshow: false,
39	+ slideshowAuto: true,
40	+ slideshowSpeed: 2500,
41	+ slideshowStart: "start slideshow",
42	+ slideshowStop: "stop slideshow",
43	+ photoRegex: /\.(gif\|png\|jp(e\|g\|eg)\|bmp\|ico\|webp\|jxr\|svg)((#\|\?).*)?$/i,
44	+ customClass: 'colorbox1', /* For default themes load*/
45	+ retinaImage: false,
46	+ retinaUrl: false,
47	+ retinaSuffix: '@2x.$1',
48	+ current: "image {current} of {total}",
49	+ previous: "previous",
50	+ next: "next",
51	+ close: "close",
52	+ xhrError: "This content failed to load.",
53	+ imgError: "This image failed to load.",
54	+ returnFocus: true,
55	+ trapFocus: true,
56	+ onOpen: false,
57	+ onLoad: false,
58	+ onComplete: false,
59	+ onCleanup: false,
60	+ onClosed: false,
61	+
62	+ rel: function () {
63	+ return this.rel;
64	+ },
65	+ href: function () {
66	+
67	+ return $(this).attr('href');
68	+ },
69	+ title: function () {
70	+ return this.title;
71	+ },
72	+ createImg: function () {
73	+ var img = new Image();
74	+ var attrs = $(this).data('cbox-img-attrs');
75	+
76	+ if (typeof attrs === 'object') {
77	+ $.each(attrs, function (key, val) {
78	+ img[key] = val;
79	+ });
80	+ }
81	+
82	+ return img;
83	+ },
84	+ createIframe: function () {
85	+ var iframe = document.createElement('iframe');
86	+ var attrs = $(this).data('cbox-iframe-attrs');
87	+
88	+ if (typeof attrs === 'object') {
89	+ $.each(attrs, function (key, val) {
90	+ iframe[key] = val;
91	+ });
92	+ }
93	+
94	+ if ('frameBorder' in iframe) {
95	+ iframe.frameBorder = 0;
96	+ }
97	+ if ('allowTransparency' in iframe) {
98	+ iframe.allowTransparency = "true";
99	+ }
100	+ iframe.name = (new Date()).getTime();
101	+ iframe.allowFullscreen = true;
102	+
103	+ return iframe;
104	+ }
105	+ },
106	+ colorbox = 'sgcolorbox',
107	+ prefix = 'sgcbox',
108	+ boxElement = prefix + 'Element',
109	+ event_open = prefix + '_open',
110	+ event_load = prefix + '_load',
111	+ event_complete = prefix + '_complete',
112	+ event_cleanup = prefix + '_cleanup',
113	+ event_closed = prefix + '_closed',
114	+ event_purge = prefix + '_purge',
115	+ $overlay,
116	+ $box,
117	+ $wrap,
118	+ $content,
119	+ $topBorder,
120	+ $leftBorder,
121	+ $rightBorder,
122	+ $bottomBorder,
123	+ $related,
124	+ $window,
125	+ $loaded,
126	+ $loadingBay,
127	+ $loadingOverlay,
128	+ $title,
129	+ $current,
130	+ $slideshow,
131	+ $next,
132	+ $prev,
133	+ $close,
134	+ $groupControls,
135	+ $events = $('<a/>'),
136	+ settings,
137	+ interfaceHeight,
138	+ interfaceWidth,
139	+ loadedHeight,
140	+ loadedWidth,
141	+ index,
142	+ photo,
143	+ open,
144	+ active,
145	+ closing,
146	+ loadingTimer,
147	+ publicMethod,
148	+ div = "div",
149	+ requests = 0,
150	+ previousCSS = {},
151	+ init;
152	+ function $tag(tag, id, css) {
153	+ var element = document.createElement(tag);
154	+
155	+ if (id) {
156	+ element.id = prefix + id;
157	+ }
158	+
159	+ if (css) {
160	+ element.style.cssText = css;
161	+ }
162	+
163	+ return $(element);
164	+ }
165	+ function winheight() {
166	+ return window.innerHeight ? window.innerHeight : $(window).height();
167	+ }
168	+
169	+ function Settings(element, options) {
170	+ if (options !== Object(options)) {
171	+ options = {};
172	+ }
173	+
174	+ this.cache = {};
175	+ this.el = element;
176	+
177	+ this.value = function (key) {
178	+ var dataAttr;
179	+
180	+ if (this.cache[key] === undefined) {
181	+ dataAttr = $(this.el).attr('data-cbox-' + key);
182	+
183	+ if (dataAttr !== undefined) {
184	+ this.cache[key] = dataAttr;
185	+ } else if (options[key] !== undefined) {
186	+ this.cache[key] = options[key];
187	+ } else if (defaults[key] !== undefined) {
188	+ this.cache[key] = defaults[key];
189	+ }
190	+ }
191	+
192	+ return this.cache[key];
193	+ };
194	+
195	+ this.get = function (key) {
196	+ var value = this.value(key);
197	+ return $.isFunction(value) ? value.call(this.el, this) : value;
198	+ };
199	+ }
200	+ function getIndex(increment) {
201	+ var
202	+ max = $related.length,
203	+ newIndex = (index + increment) % max;
204	+
205	+ return (newIndex < 0) ? max + newIndex : newIndex;
206	+ }
207	+ function setSize(size, dimension) {
208	+ return Math.round((/%/.test(size) ? ((dimension === 'x' ? $window.width() : winheight()) / 100) : 1) * parseInt(size, 10));
209	+ }
210	+ function isImage(settings, url) {
211	+ return settings.get('photo') \|\| settings.get('photoRegex').test(url);
212	+ }
213	+
214	+ function retinaUrl(settings, url) {
215	+ return settings.get('retinaUrl') && window.devicePixelRatio > 1 ? url.replace(settings.get('photoRegex'), settings.get('retinaSuffix')) : url;
216	+ }
217	+
218	+ function trapFocus(e) {
219	+ if ('contains' in $box[0] && !$box[0].contains(e.target) && e.target !== $overlay[0]) {
220	+ e.stopPropagation();
221	+ $box.focus();
222	+ }
223	+ }
224	+
225	+ function setClass(str) {
226	+ if (setClass.str !== str) {
227	+ $box.add($overlay).removeClass(setClass.str).addClass(str);
228	+ setClass.str = str;
229	+ }
230	+ }
231	+
232	+ function getRelated(rel) {
233	+ index = 0;
234	+
235	+ if (rel && rel !== false && rel !== 'nofollow') {
236	+ $related = $('.' + boxElement).filter(function () {
237	+ var options = $.data(this, colorbox);
238	+ var settings = new Settings(this, options);
239	+ return (settings.get('rel') === rel);
240	+ });
241	+ index = $related.index(settings.el);
242	+ if (index === -1) {
243	+ $related = $related.add(settings.el);
244	+ index = $related.length - 1;
245	+ }
246	+ } else {
247	+ $related = $(settings.el);
248	+ }
249	+ }
250	+
251	+ function trigger(event) {
252	+
253	+ $(document).trigger(event);
254	+
255	+ $events.triggerHandler(event);
256	+ }
257	+
258	+ var slideshow = (function () {
259	+ var active,
260	+ className = prefix + "Slideshow_",
261	+ click = "click." + prefix,
262	+ timeOut;
263	+
264	+ function clear() {
265	+ clearTimeout(timeOut);
266	+ }
267	+
268	+ function set() {
269	+ if (settings.get('loop') \|\| $related[index + 1]) {
270	+ clear();
271	+ timeOut = setTimeout(publicMethod.next, settings.get('slideshowSpeed'));
272	+ }
273	+ }
274	+
275	+ function start() {
276	+ $slideshow
277	+ .html(settings.get('slideshowStop'))
278	+ .unbind(click)
279	+ .one(click, stop);
280	+
281	+ $events
282	+ .bind(event_complete, set)
283	+ .bind(event_load, clear);
284	+
285	+ $box.removeClass(className + "off").addClass(className + "on");
286	+ }
287	+
288	+ function stop() {
289	+ clear();
290	+
291	+ $events
292	+ .unbind(event_complete, set)
293	+ .unbind(event_load, clear);
294	+
295	+ $slideshow
296	+ .html(settings.get('slideshowStart'))
297	+ .unbind(click)
298	+ .one(click, function () {
299	+ publicMethod.next();
300	+ start();
301	+ });
302	+
303	+ $box.removeClass(className + "on").addClass(className + "off");
304	+ }
305	+
306	+ function reset() {
307	+ active = false;
308	+ $slideshow.hide();
309	+ clear();
310	+ $events
311	+ .unbind(event_complete, set)
312	+ .unbind(event_load, clear);
313	+ $box.removeClass(className + "off " + className + "on");
314	+ }
315	+
316	+ return function () {
317	+ if (active) {
318	+ if (!settings.get('slideshow')) {
319	+ $events.unbind(event_cleanup, reset);
320	+ reset();
321	+ }
322	+ } else {
323	+ if (settings.get('slideshow') && $related[1]) {
324	+ active = true;
325	+ $events.one(event_cleanup, reset);
326	+ if (settings.get('slideshowAuto')) {
327	+ start();
328	+ } else {
329	+ stop();
330	+ }
331	+ $slideshow.show();
332	+ }
333	+ }
334	+ };
335	+
336	+ }());
337	+ function launch(element) {
338	+ var options;
339	+
340	+ if (!closing) {
341	+
342	+ options = $(element).data(colorbox);
343	+
344	+ settings = new Settings(element, options);
345	+
346	+ getRelated(settings.get('rel'));
347	+
348	+ if (!open) {
349	+ open = active = true;
350	+
351	+ setClass(settings.get('className'));
352	+ $box.css({visibility: 'hidden', display: 'block', opacity: ''});
353	+
354	+ $loaded = $tag(div, 'LoadedContent', 'width:0; height:0; overflow:hidden; visibility:hidden');
355	+ $content.css({width: '', height: ''}).append($loaded);
356	+ interfaceHeight = $topBorder.height() + $bottomBorder.height() + $content.outerHeight(true) - $content.height();
357	+ interfaceWidth = $leftBorder.width() + $rightBorder.width() + $content.outerWidth(true) - $content.width();
358	+ loadedHeight = $loaded.outerHeight(true);
359	+ loadedWidth = $loaded.outerWidth(true);
360	+ var initialWidth = setSize(settings.get('initialWidth'), 'x');
361	+ var initialHeight = setSize(settings.get('initialHeight'), 'y');
362	+ var maxWidth = settings.get('maxWidth');
363	+ var maxHeight = settings.get('maxHeight');
364	+
365	+ settings.w = Math.max((maxWidth !== false ? Math.min(initialWidth, setSize(maxWidth, 'x')) : initialWidth) - loadedWidth - interfaceWidth, 0);
366	+ settings.h = Math.max((maxHeight !== false ? Math.min(initialHeight, setSize(maxHeight, 'y')) : initialHeight) - loadedHeight - interfaceHeight, 0);
367	+
368	+ $loaded.css({width: '', height: settings.h});
369	+ publicMethod.position();
370	+
371	+ trigger(event_open);
372	+ settings.get('onOpen');
373	+
374	+ $groupControls.add($title).hide();
375	+
376	+ $box.focus();
377	+
378	+ if (settings.get('trapFocus')) {
379	+ if (document.addEventListener) {
380	+
381	+ document.addEventListener('focus', trapFocus, true);
382	+
383	+ $events.one(event_closed, function () {
384	+ document.removeEventListener('focus', trapFocus, true);
385	+ });
386	+ }
387	+ }
388	+ if (settings.get('returnFocus')) {
389	+ $events.one(event_closed, function () {
390	+ $(settings.el).focus();
391	+ });
392	+ }
393	+ }
394	+
395	+ var opacity = parseFloat(settings.get('opacity'));
396	+ $overlay.css({
397	+ opacity: opacity === opacity ? opacity : '',
398	+ cursor: settings.get('overlayClose') ? 'pointer' : '',
399	+ visibility: 'visible'
400	+ }).show();
401	+
402	+ if (settings.get('closeButton')) {
403	+ $close.html(settings.get('close')).appendTo($content);
404	+ } else {
405	+ $close.appendTo('<div/>');
406	+ }
407	+
408	+ load();
409	+ }
410	+ }
411	+ function appendHTML(options) { /* options Received from publicMethod */
412	+ if (!$box) {
413	+ init = false;
414	+ $window = $(window);
415	+ $box = $tag(div).attr({
416	+ id: colorbox,
417	+ 'class': $.support.opacity === false ? prefix + 'IE' : '',
418	+ role: 'dialog',
419	+ tabindex: '-1'
420	+ }).hide();
421	+ $overlay = $tag(div, "Overlay").hide();
422	+ $loadingOverlay = $([$tag(div, "LoadingOverlay")[0], $tag(div, "LoadingGraphic")[0]]);
423	+ $wrap = $tag(div, "Wrapper");
424	+ $content = $tag(div, "Content").append(
425	+ $title = $tag(div, "Title"),
426	+ $current = $tag(div, "Current"),
427	+ $prev = $('<button type="button"/>').attr({id: prefix + 'Previous'}),
428	+ $next = $('<button type="button"/>').attr({id: prefix + 'Next'}),
429	+ $slideshow = $tag('button', "Slideshow"),
430	+ $loadingOverlay
431	+ );
432	+
433	+ $close = $('<button type="button"/>').attr({id: prefix + 'Close'});
434	+
435	+ $wrap.append(
436	+ $tag(div).append(
437	+ $tag(div, "TopLeft"),
438	+ $topBorder = $tag(div, "TopCenter"),
439	+ $tag(div, "TopRight")
440	+ ),
441	+ $tag(div, false, 'clear:left').append(
442	+ $leftBorder = $tag(div, "MiddleLeft"),
443	+ $content,
444	+ $rightBorder = $tag(div, "MiddleRight")
445	+ ),
446	+ $tag(div, false, 'clear:left').append(
447	+ $tag(div, "BottomLeft"),
448	+ $bottomBorder = $tag(div, "BottomCenter"),
449	+ $tag(div, "BottomRight")
450	+ )
451	+ ).find('div div').css({'float': 'left'});
452	+
453	+ $loadingBay = $tag(div, false, 'position:absolute; width:9999px; visibility:hidden; display:none; max-width:none;');
454	+
455	+ $groupControls = $next.add($prev).add($current).add($slideshow);
456	+ }
457	+ if (document.body && !$box.parent().length) {
458	+ $(document.body).append($overlay, $box.append($wrap, $loadingBay));
459	+ }
460	+ /* Start to set custom class and add to html */
461	+ if(typeof options === 'object') {
462	+ var customClass = defaults['customClass'];
463	+ if(typeof options['customClass'] !== 'undefined' && options['customClass']){
464	+ customClass = options['customClass'];
465	+ }
466	+ $box.addClass(customClass);
467	+ $overlay.addClass(customClass);
468	+ }
469	+ /* End action */
470	+ }
471	+ function addBindings() {
472	+ function clickHandler(e) {
473	+ if (!(e.which > 1 \|\| e.shiftKey \|\| e.altKey \|\| e.metaKey \|\| e.ctrlKey)) {
474	+ e.preventDefault();
475	+ launch(this);
476	+ }
477	+ }
478	+
479	+ if ($box) {
480	+ if (!init) {
481	+ init = true;
482	+ $next.click(function () {
483	+ publicMethod.next();
484	+ });
485	+ $prev.click(function () {
486	+ publicMethod.prev();
487	+ });
488	+ $close.click(function () {
489	+ publicMethod.close();
490	+ });
491	+ $overlay.click(function () {
492	+ if (settings.get('overlayClose')) {
493	+ publicMethod.close();
494	+ }
495	+ });
496	+ $(document).bind('keydown.' + prefix, function (e) {
497	+ var key = e.keyCode;
498	+ if (open && settings.get('escKey') && key === 27) {
499	+ e.preventDefault();
500	+ publicMethod.close();
501	+ }
502	+ if (open && settings.get('arrowKey') && $related[1] && !e.altKey) {
503	+ if (key === 37) {
504	+ e.preventDefault();
505	+ $prev.click();
506	+ } else if (key === 39) {
507	+ e.preventDefault();
508	+ $next.click();
509	+ }
510	+ }
511	+ });
512	+
513	+ if ($.isFunction($.fn.on)) {
514	+
515	+ $(document).on('click.' + prefix, '.' + boxElement, clickHandler);
516	+ } else {
517	+ $('.' + boxElement).live('click.' + prefix, clickHandler);
518	+ }
519	+ }
520	+ return true;
521	+ }
522	+ return false;
523	+ }
524	+ if ($[colorbox]) {
525	+ return;
526	+ }
527	+ $(appendHTML);
528	+ publicMethod = $.fn[colorbox] = $[colorbox] = function (options, callback) {
529	+ var settings;
530	+ var $obj = this;
531	+
532	+ options = options \|\| {};
533	+
534	+ if ($.isFunction($obj)) {
535	+ $obj = $('<a/>');
536	+ options.open = true;
537	+ }
538	+
539	+ if (!$obj[0]) {
540	+ return $obj;
541	+ }
542	+
543	+ appendHTML(options); /* Send options for received custom class name*/
544	+
545	+ if (addBindings()) {
546	+
547	+ if (callback) {
548	+ options.onComplete = callback;
549	+ }
550	+
551	+ $obj.each(function () {
552	+ var old = $.data(this, colorbox) \|\| {};
553	+ $.data(this, colorbox, $.extend(old, options));
554	+ }).addClass(boxElement);
555	+
556	+ settings = new Settings($obj[0], options);
557	+
558	+ if (settings.get('open')) {
559	+ launch($obj[0]);
560	+ }
561	+ }
562	+
563	+ return $obj;
564	+ };
565	+
566	+ publicMethod.position = function (speed, loadedCallback) {
567	+ var
568	+ css,
569	+ top = 0,
570	+ left = 0,
571	+ offset = $box.offset(),
572	+ scrollTop,
573	+ scrollLeft;
574	+
575	+ $window.unbind('resize.' + prefix);
576	+ $box.css({top: -9e4, left: -9e4});
577	+
578	+ scrollTop = $window.scrollTop();
579	+ scrollLeft = $window.scrollLeft();
580	+
581	+ if (settings.get('fixed')) {
582	+ offset.top -= scrollTop;
583	+ offset.left -= scrollLeft;
584	+ $box.css({position: 'fixed'});
585	+ } else {
586	+ top = scrollTop;
587	+ left = scrollLeft;
588	+ $box.css({position: 'absolute'});
589	+ }
590	+ if (settings.get('right') !== false) {
591	+ left += Math.max($window.width() - settings.w - loadedWidth - interfaceWidth - setSize(settings.get('right'), 'x'), 0);
592	+ } else if (settings.get('left') !== false) {
593	+ left += setSize(settings.get('left'), 'x');
594	+ } else {
595	+ left += Math.round(Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2);
596	+ }
597	+
598	+ if (settings.get('bottom') !== false) {
599	+ top += Math.max(winheight() - settings.h - loadedHeight - interfaceHeight - setSize(settings.get('bottom'), 'y'), 0);
600	+ } else if (settings.get('top') !== false) {
601	+ top += setSize(settings.get('top'), 'y');
602	+ } else {
603	+ top += Math.round(Math.max(winheight() - settings.h - loadedHeight - interfaceHeight, 0) / 2);
604	+ }
605	+
606	+ $box.css({top: offset.top, left: offset.left, visibility: 'visible'});
607	+ $wrap[0].style.width = $wrap[0].style.height = "9999px";
608	+
609	+ function modalDimensions() {
610	+ $topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = (parseInt($box[0].style.width, 10) - interfaceWidth) + 'px';
611	+ $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = (parseInt($box[0].style.height, 10) - interfaceHeight) + 'px';
612	+ }
613	+
614	+ css = {
615	+ width: settings.w + loadedWidth + interfaceWidth,
616	+ height: settings.h + loadedHeight + interfaceHeight,
617	+ top: top,
618	+ left: left
619	+ };
620	+ if (speed) {
621	+ var tempSpeed = 0;
622	+ $.each(css, function (i) {
623	+ if (css[i] !== previousCSS[i]) {
624	+ tempSpeed = speed;
625	+ return;
626	+ }
627	+ });
628	+ speed = tempSpeed;
629	+ }
630	+
631	+ previousCSS = css;
632	+
633	+ if (!speed) {
634	+ $box.css(css);
635	+ }
636	+
637	+ $box.dequeue().animate(css, {
638	+ duration: speed \|\| 0,
639	+ complete: function () {
640	+ modalDimensions();
641	+
642	+ active = false;
643	+ $wrap[0].style.width = (settings.w + loadedWidth + interfaceWidth) + "px";
644	+ $wrap[0].style.height = (settings.h + loadedHeight + interfaceHeight) + "px";
645	+
646	+ if (settings.get('reposition')) {
647	+ setTimeout(function () {
648	+ $window.bind('resize.' + prefix, publicMethod.position);
649	+ }, 1);
650	+ }
651	+
652	+ if ($.isFunction(loadedCallback)) {
653	+ loadedCallback();
654	+ }
655	+ },
656	+ step: modalDimensions
657	+ });
658	+ };
659	+
660	+ publicMethod.resize = function (options) {
661	+ var scrolltop;
662	+
663	+ if (open) {
664	+ options = options \|\| {};
665	+
666	+ if (options.width) {
667	+ settings.w = setSize(options.width, 'x') - loadedWidth - interfaceWidth;
668	+ }
669	+
670	+ if (options.innerWidth) {
671	+ settings.w = setSize(options.innerWidth, 'x');
672	+ }
673	+
674	+ $loaded.css({width: settings.w});
675	+
676	+ if (options.height) {
677	+ settings.h = setSize(options.height, 'y') - loadedHeight - interfaceHeight;
678	+ }
679	+
680	+ if (options.innerHeight) {
681	+ settings.h = setSize(options.innerHeight, 'y');
682	+ }
683	+
684	+ if (!options.innerHeight && !options.height) {
685	+ scrolltop = $loaded.scrollTop();
686	+ $loaded.css({height: "auto"});
687	+ settings.h = $loaded.height();
688	+ }
689	+
690	+ $loaded.css({height: settings.h});
691	+
692	+ if (scrolltop) {
693	+ $loaded.scrollTop(scrolltop);
694	+ }
695	+
696	+ publicMethod.position(settings.get('transition') === "none" ? 0 : settings.get('speed'));
697	+ }
698	+ };
699	+
700	+ publicMethod.prep = function (object) {
701	+ if (!open) {
702	+ return;
703	+ }
704	+
705	+ var callback, speed = settings.get('transition') === "none" ? 0 : settings.get('speed');
706	+
707	+ $loaded.remove();
708	+
709	+ $loaded = $tag(div, 'LoadedContent').append(object);
710	+
711	+ function getWidth() {
712	+ settings.w = settings.w \|\| $loaded.width();
713	+ settings.w = settings.mw && settings.mw < settings.w ? settings.mw : settings.w;
714	+ return settings.w;
715	+ }
716	+
717	+ function getHeight() {
718	+ settings.h = settings.h \|\| $loaded.height();
719	+ settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h;
720	+ return settings.h;
721	+ }
722	+
723	+ $loaded.hide()
724	+ .appendTo($loadingBay.show())
725	+ .css({width: getWidth(), overflow: settings.get('scrolling') ? 'auto' : 'hidden'})
726	+ .css({height: getHeight()})
727	+ .prependTo($content);
728	+
729	+ $loadingBay.hide();
730	+
731	+ $(photo).css({'float': 'none'});
732	+
733	+ setClass(settings.get('className'));
734	+
735	+ callback = function () {
736	+ var total = $related.length,
737	+ iframe,
738	+ complete;
739	+
740	+ if (!open) {
741	+ return;
742	+ }
743	+
744	+ function removeFilter() {
745	+ if ($.support.opacity === false) {
746	+ $box[0].style.removeAttribute('filter');
747	+ }
748	+ }
749	+
750	+ complete = function () {
751	+ clearTimeout(loadingTimer);
752	+ $loadingOverlay.hide();
753	+ trigger(event_complete);
754	+ settings.get('onComplete');
755	+ };
756	+ $title.html(settings.get('title')).show();
757	+ $loaded.show();
758	+
759	+ if (total > 1) {
760	+ if (typeof settings.get('current') === "string") {
761	+ $current.html(settings.get('current').replace('{current}', index + 1).replace('{total}', total)).show();
762	+ }
763	+
764	+ $next[(settings.get('loop') \|\| index < total - 1) ? "show" : "hide"]().html(settings.get('next'));
765	+ $prev[(settings.get('loop') \|\| index) ? "show" : "hide"]().html(settings.get('previous'));
766	+
767	+ slideshow();
768	+ if (settings.get('preloading')) {
769	+ $.each([getIndex(-1), getIndex(1)], function () {
770	+ var img,
771	+ i = $related[this],
772	+ settings = new Settings(i, $.data(i, colorbox)),
773	+ src = settings.get('href');
774	+
775	+ if (src && isImage(settings, src)) {
776	+ src = retinaUrl(settings, src);
777	+ img = document.createElement('img');
778	+ img.src = src;
779	+ }
780	+ });
781	+ }
782	+ } else {
783	+ $groupControls.hide();
784	+ }
785	+
786	+ if (settings.get('iframe')) {
787	+
788	+ iframe = settings.get('createIframe');
789	+
790	+ if (!settings.get('scrolling')) {
791	+ iframe.scrolling = "no";
792	+ }
793	+
794	+ $(iframe)
795	+ .attr({
796	+ src: settings.get('href'),
797	+ 'class': prefix + 'Iframe'
798	+ })
799	+ .one('load', complete)
800	+ .appendTo($loaded);
801	+
802	+ $events.one(event_purge, function () {
803	+ iframe.src = "//about:blank";
804	+ });
805	+
806	+ if (settings.get('fastIframe')) {
807	+ $(iframe).trigger('load');
808	+ }
809	+ } else {
810	+ complete();
811	+ }
812	+
813	+ if (settings.get('transition') === 'fade') {
814	+ $box.fadeTo(speed, 1, removeFilter);
815	+ } else {
816	+ removeFilter();
817	+ }
818	+ };
819	+
820	+ if (settings.get('transition') === 'fade') {
821	+ $box.fadeTo(speed, 0, function () {
822	+ publicMethod.position(0, callback);
823	+ });
824	+ } else {
825	+ publicMethod.position(speed, callback);
826	+ }
827	+ };
828	+
829	+ function load() {
830	+ var href, setResize, prep = publicMethod.prep, $inline, request = ++requests;
831	+
832	+ active = true;
833	+
834	+ photo = false;
835	+
836	+ trigger(event_purge);
837	+ trigger(event_load);
838	+ settings.get('onLoad');
839	+
840	+ settings.h = settings.get('height') ?
841	+ setSize(settings.get('height'), 'y') - loadedHeight - interfaceHeight :
842	+ settings.get('innerHeight') && setSize(settings.get('innerHeight'), 'y');
843	+
844	+ settings.w = settings.get('width') ?
845	+ setSize(settings.get('width'), 'x') - loadedWidth - interfaceWidth :
846	+ settings.get('innerWidth') && setSize(settings.get('innerWidth'), 'x');
847	+ settings.mw = settings.w;
848	+ settings.mh = settings.h;
849	+ if (settings.get('maxWidth')) {
850	+ settings.mw = setSize(settings.get('maxWidth'), 'x') - loadedWidth - interfaceWidth;
851	+ settings.mw = settings.w && settings.w < settings.mw ? settings.w : settings.mw;
852	+ }
853	+ if (settings.get('maxHeight')) {
854	+ settings.mh = setSize(settings.get('maxHeight'), 'y') - loadedHeight - interfaceHeight;
855	+ settings.mh = settings.h && settings.h < settings.mh ? settings.h : settings.mh;
856	+ }
857	+
858	+ href = settings.get('href');
859	+
860	+ loadingTimer = setTimeout(function () {
861	+ $loadingOverlay.show();
862	+ }, 100);
863	+
864	+ if (settings.get('inline')) {
865	+ var $target = $(href);
866	+ $inline = $('<div>').hide().insertBefore($target);
867	+
868	+ $events.one(event_purge, function () {
869	+ $inline.replaceWith($target);
870	+ });
871	+
872	+ prep($target);
873	+ } else if (settings.get('iframe')) {
874	+ prep(" ");
875	+ } else if (settings.get('html')) {
876	+ prep(settings.get('html'));
877	+ } else if (isImage(settings, href)) {
878	+
879	+ href = retinaUrl(settings, href);
880	+
881	+ photo = settings.get('createImg');
882	+
883	+ $(photo)
884	+ .addClass(prefix + 'Photo')
885	+ .bind('error.' + prefix, function () {
886	+ prep($tag(div, 'Error').html(settings.get('imgError')));
887	+ })
888	+ .one('load', function () {
889	+ if (request !== requests) {
890	+ return;
891	+ }
892	+ setTimeout(function () {
893	+ var percent;
894	+
895	+ if (settings.get('retinaImage') && window.devicePixelRatio > 1) {
896	+ photo.height = photo.height / window.devicePixelRatio;
897	+ photo.width = photo.width / window.devicePixelRatio;
898	+ }
899	+
900	+ if (settings.get('scalePhotos')) {
901	+ setResize = function () {
902	+ photo.height -= photo.height * percent;
903	+ photo.width -= photo.width * percent;
904	+ };
905	+ if (settings.mw && photo.width > settings.mw) {
906	+ percent = (photo.width - settings.mw) / photo.width;
907	+ setResize();
908	+ }
909	+ if (settings.mh && photo.height > settings.mh) {
910	+ percent = (photo.height - settings.mh) / photo.height;
911	+ setResize();
912	+ }
913	+ }
914	+
915	+ if (settings.h) {
916	+ photo.style.marginTop = Math.max(settings.mh - photo.height, 0) / 2 + 'px';
917	+ }
918	+
919	+ if ($related[1] && (settings.get('loop') \|\| $related[index + 1])) {
920	+ photo.style.cursor = 'pointer';
921	+
922	+ $(photo).bind('click.' + prefix, function () {
923	+ publicMethod.next();
924	+ });
925	+ }
926	+
927	+ photo.style.width = photo.width + 'px';
928	+ photo.style.height = photo.height + 'px';
929	+ prep(photo);
930	+ }, 1);
931	+ });
932	+
933	+ photo.src = href;
934	+
935	+ } else if (href) {
936	+ $loadingBay.load(href, settings.get('data'), function (data, status) {
937	+ if (request === requests) {
938	+ prep(status === 'error' ? $tag(div, 'Error').html(settings.get('xhrError')) : $(this).contents());
939	+ }
940	+ });
941	+ }
942	+ }
943	+ publicMethod.next = function () {
944	+ if (!active && $related[1] && (settings.get('loop') \|\| $related[index + 1])) {
945	+ index = getIndex(1);
946	+ launch($related[index]);
947	+ }
948	+ };
949	+
950	+ publicMethod.prev = function () {
951	+ if (!active && $related[1] && (settings.get('loop') \|\| index)) {
952	+ index = getIndex(-1);
953	+ launch($related[index]);
954	+ }
955	+ };
956	+ publicMethod.close = function () {
957	+ if (open && !closing) {
958	+
959	+ closing = true;
960	+ open = false;
961	+ trigger(event_cleanup);
962	+ settings.get('onCleanup');
963	+ $window.unbind('.' + prefix);
964	+ $overlay.fadeTo(settings.get('fadeOut') \|\| 0, 0);
965	+
966	+ $box.stop().fadeTo(settings.get('fadeOut') \|\| 0, 0, function () {
967	+ $box.hide();
968	+ $overlay.hide();
969	+ trigger(event_purge);
970	+ $loaded.remove();
971	+
972	+ setTimeout(function () {
973	+ closing = false;
974	+ trigger(event_closed);
975	+ settings.get('onClosed');
976	+ }, 1);
977	+ });
978	+ }
979	+ };
980	+
981	+ publicMethod.remove = function () {
982	+ if (!$box) {
983	+ return;
984	+ }
985	+
986	+ $box.stop();
987	+ $[colorbox].close();
988	+ $box.stop(false, true).remove();
989	+ $overlay.remove();
990	+ closing = false;
991	+ $box = null;
992	+ $('.' + boxElement)
993	+ .removeData(colorbox)
994	+ .removeClass(boxElement);
995	+
996	+ $(document).unbind('click.' + prefix).unbind('keydown.' + prefix);
997	+ };
998	+
999	+ publicMethod.element = function () {
1000	+ return $(settings.el);
1001	+ };
1002	+
1003	+ publicMethod.settings = defaults;
1004	+
1005	+ }(jQuery, document, window));

javascript/sg_popup_backend.js CHANGED Viewed

	@@ -1 +1 @@
1	- jQuery(document).ready(function($){


1	+ jQuery(document).ready(function($){

javascript/sg_popup_frontend.js CHANGED Viewed

	@@ -16,16 +16,11 @@ function SGPopup() {
16
17	SGPopup.prototype.init = function() {
18	var that = this;
19	- jQuery('[id=sg_colorbox_theme2-css]').remove();
20	- jQuery('[id=sg_colorbox_theme3-css]').remove();
21	- jQuery('[id=sg_colorbox_theme4-css]').remove();
22	- jQuery('[id=sg_colorbox_theme5-css]').remove();
23
24	jQuery(".sg-show-popup").bind('click',function() {
25	var sgPopupID = jQuery(this).attr("data-sgpopupid");
26	that.showPopup(sgPopupID,false);
27	});
28	-
29	}
30
31	SGPopup.prototype.varToBool = function(optionName) {
	@@ -41,7 +36,6 @@ SGPopup.prototype.canOpenPopup = function(id, openOnce, isOnLoad) {
41	return this.canOpenOnce(id);
42	}
43
44	-
45	return true;
46	}
47
	@@ -66,6 +60,7 @@ SGPopup.prototype.getPositionPercent = function(needPercent, screenDimension, di
66
67	SGPopup.prototype.showPopup = function(id, isOnLoad) {
68	var that = this;

69	this.popupData = SG_POPUP_DATA[id];
70	this.isOnLoad = isOnLoad;
71	this.openOnce = this.varToBool(this.popupData['repeatPopup']);
	@@ -86,11 +81,10 @@ SGPopup.prototype.showPopup = function(id, isOnLoad) {
86	link.href = popupColorboxUrl;
87	document.getElementsByTagName('head')[0].appendChild(link);
88	var img = document.createElement('img');
89	- img~~.onerror~~ = function() {
90	that.sgShowColorboxWithOptions();
91	- }
92	- img.src = popupColorboxUrl;
93	-
94	}
95
96	SGPopup.prototype.sgShowColorboxWithOptions = function() {
	@@ -105,6 +99,7 @@ SGPopup.prototype.sgShowColorboxWithOptions = function() {
105	that.popupEscKey = that.varToBool(that.popupData['escKey']);
106	that.popupCloseButton = that.varToBool(that.popupData['closeButton']);
107	var popupForMobile = that.varToBool(that.popupData['forMobile']);

108	var popupCantClose = that.varToBool(that.popupData['disablePopup']);
109	var popupAutoClosePopup = that.varToBool(that.popupData['autoClosePopup']);
110	popupClosingTimer = that.popupData['popupClosingTimer'];
	@@ -130,6 +125,10 @@ SGPopup.prototype.sgShowColorboxWithOptions = function() {
130	var popupEffectDuration = that.popupData['duration'];
131	var popupEffect = that.popupData['effect'];
132	var pushToBottom = that.popupData['pushToBottom'];




133
134	popupHtml = (popupHtml) ? popupHtml : false;
135	var popupIframe = (popupIframeUrl) ? true: false;
	@@ -153,7 +152,6 @@ SGPopup.prototype.sgShowColorboxWithOptions = function() {
153	popupIframe = true;
154	popupImage = popupVideo;
155	}
156	-
157	var sgScreenWidth = jQuery(window).width();
158	var sgScreenHeight = jQuery(window).height();
159
	@@ -211,6 +209,14 @@ SGPopup.prototype.sgShowColorboxWithOptions = function() {
211	setTimeout(that.autoClosePopup, popupClosingTimer*1000);
212	}
213








214	if (userDevice) {
215	return;
216	}
	@@ -218,6 +224,7 @@ SGPopup.prototype.sgShowColorboxWithOptions = function() {
218	SG_POPUP_SETTINGS = {
219	width: popupWidth,
220	height: popupHeight,

221	onOpen:function() {
222	jQuery('#sgcolorbox').removeAttr('style');
223	jQuery('#sgcolorbox').removeAttr('left');
	@@ -225,10 +232,8 @@ SGPopup.prototype.sgShowColorboxWithOptions = function() {
225	jQuery('#sgcolorbox').css('left',''+that.initialPositionLeft+'%');
226	jQuery('#sgcolorbox').css('animation-duration', popupEffectDuration+"s");
227	jQuery('#sgcolorbox').css('-webkit-animation-duration', popupEffectDuration+"s");
228	- jQuery("#sgcolorbox").~~removeAttr~~(~~"class"~~);
229	- jQuery("#sgcolorbox").addClass('animated '+popupEffect+'');
230	jQuery("#sgcboxOverlay").addClass("sgcboxOverlayBg");
231	- jQuery("#sgcboxOverlay").removeAttr('style');
232	if (popupOverlayColor) {
233	jQuery("#sgcboxOverlay").css({'background' : 'none', 'background-color' : popupOverlayColor});
234	}
	@@ -236,18 +241,17 @@ SGPopup.prototype.sgShowColorboxWithOptions = function() {
236	onLoad: function(){
237	},
238	onComplete: function(){
239	- jQuery('#sgcolorbox').trigger("sgColorboxOnCompleate",[pushToBottom]);
240	- /* Contact form 7 */
241	- if(jQuery('div.wpcf7 > form').length) {
242	- jQuery('div.wpcf7 > form').wpcf7InitForm();
243	- }
244	if(popupWidth == '' && popupHeight == '') {
245	jQuery.sgcolorbox.resize();
246	}
247	- jQuery('.sg-popup-close').~~bind~~('click', function() {
248	jQuery.sgcolorbox.close();
249	});
250	},



251	html: popupHtml,
252	photo: popupPhoto,
253	iframe: popupIframe,
	@@ -280,6 +284,13 @@ SGPopup.prototype.sgShowColorboxWithOptions = function() {
280	jQuery.sgcolorbox.close();
281	});
282	}







283	},this.popupData['delay']*1000);
284	}
285


16
17	SGPopup.prototype.init = function() {
18	var that = this;




19
20	jQuery(".sg-show-popup").bind('click',function() {
21	var sgPopupID = jQuery(this).attr("data-sgpopupid");
22	that.showPopup(sgPopupID,false);
23	});

24	}
25
26	SGPopup.prototype.varToBool = function(optionName) {

36	return this.canOpenOnce(id);
37	}
38

39	return true;
40	}
41

60
61	SGPopup.prototype.showPopup = function(id, isOnLoad) {
62	var that = this;
63	+
64	this.popupData = SG_POPUP_DATA[id];
65	this.isOnLoad = isOnLoad;
66	this.openOnce = this.varToBool(this.popupData['repeatPopup']);

81	link.href = popupColorboxUrl;
82	document.getElementsByTagName('head')[0].appendChild(link);
83	var img = document.createElement('img');
84	+ sgAddEvent(img, "error", function() {
85	that.sgShowColorboxWithOptions();
86	+ });
87	+ setTimeout(function(){img.src = popupColorboxUrl;},0);

88	}
89
90	SGPopup.prototype.sgShowColorboxWithOptions = function() {

99	that.popupEscKey = that.varToBool(that.popupData['escKey']);
100	that.popupCloseButton = that.varToBool(that.popupData['closeButton']);
101	var popupForMobile = that.varToBool(that.popupData['forMobile']);
102	+ var onlyMobile = that.varToBool(that.popupData['openMobile']);
103	var popupCantClose = that.varToBool(that.popupData['disablePopup']);
104	var popupAutoClosePopup = that.varToBool(that.popupData['autoClosePopup']);
105	popupClosingTimer = that.popupData['popupClosingTimer'];

125	var popupEffectDuration = that.popupData['duration'];
126	var popupEffect = that.popupData['effect'];
127	var pushToBottom = that.popupData['pushToBottom'];
128	+ var sgType = that.popupData['type'];
129	+ var popupTheme = that.popupData['theme'];
130	+ var themeStringLength = popupTheme.length;
131	+ var customClassName = popupTheme.substring(0, themeStringLength-4);
132
133	popupHtml = (popupHtml) ? popupHtml : false;
134	var popupIframe = (popupIframeUrl) ? true: false;

152	popupIframe = true;
153	popupImage = popupVideo;
154	}

155	var sgScreenWidth = jQuery(window).width();
156	var sgScreenHeight = jQuery(window).height();
157

209	setTimeout(that.autoClosePopup, popupClosingTimer*1000);
210	}
211
212	+ if(onlyMobile) {
213	+ openOnlyMobile = false;
214	+ openOnlyMobile = that.forMobile();
215	+ if(openOnlyMobile == false) {
216	+ return;
217	+ }
218	+ }
219	+
220	if (userDevice) {
221	return;
222	}

224	SG_POPUP_SETTINGS = {
225	width: popupWidth,
226	height: popupHeight,
227	+ customClass: customClassName,
228	onOpen:function() {
229	jQuery('#sgcolorbox').removeAttr('style');
230	jQuery('#sgcolorbox').removeAttr('left');

232	jQuery('#sgcolorbox').css('left',''+that.initialPositionLeft+'%');
233	jQuery('#sgcolorbox').css('animation-duration', popupEffectDuration+"s");
234	jQuery('#sgcolorbox').css('-webkit-animation-duration', popupEffectDuration+"s");
235	+ jQuery("#sgcolorbox").addClass('sg-animated '+popupEffect+'');

236	jQuery("#sgcboxOverlay").addClass("sgcboxOverlayBg");

237	if (popupOverlayColor) {
238	jQuery("#sgcboxOverlay").css({'background' : 'none', 'background-color' : popupOverlayColor});
239	}

241	onLoad: function(){
242	},
243	onComplete: function(){
244	+ jQuery('#sgcolorbox').trigger("sgColorboxOnCompleate", [pushToBottom]);




245	if(popupWidth == '' && popupHeight == '') {
246	jQuery.sgcolorbox.resize();
247	}
248	+ jQuery('.sg-popup-close').on('click', function() {
249	jQuery.sgcolorbox.close();
250	});
251	},
252	+ onClosed: function() {
253	+ jQuery('#sgcolorbox').trigger("sgPopupClose", []);
254	+ },
255	html: popupHtml,
256	photo: popupPhoto,
257	iframe: popupIframe,

284	jQuery.sgcolorbox.close();
285	});
286	}
287	+
288	+ jQuery('#sgcolorbox').bind('sgPopupClose', function(e) {
289	+ jQuery('#sgcolorbox').removeClass(customClassName); /* Remove custom class for another popup */
290	+ jQuery('#sgcboxOverlay').removeClass(customClassName);
291	+ jQuery('#sgcolorbox').removeClass(popupEffect); /* Remove animated effect for another popup */
292	+ });
293	+
294	},this.popupData['delay']*1000);
295	}
296

popup-builder.php CHANGED Viewed

	@@ -3,7 +3,7 @@
3	* Plugin Name: Popup Builder
4	* Plugin URI: http://sygnoos.com
5	* Description: The most complete popup plugin. Html, image, iframe, shortcode, video and many other popup types. Manage popup dimensions, effects, themes and more.
6	- * Version: 2.1.0
7	* Author: Sygnoos
8	* Author URI: http://www.sygnoos.com
9	* License: GPLv2
	@@ -18,7 +18,7 @@ define('SG_APP_POPUP_FILES', SG_APP_POPUP_PATH . '/files');
18	define('SG_APP_POPUP_CLASSES', SG_APP_POPUP_PATH . '/classes');
19	define('SG_APP_POPUP_JS', SG_APP_POPUP_PATH . '/javascript');
20	define('SG_APP_POPUP_TABLE_LIMIT', 15);
21	- define('SG_POPUP_VERSION', 2.1);
22	define('SG_POPUP_PRO', 0);
23	define('SG_POPUP_PRO_URL', 'http://sygnoos.com/wordpress-popup/');
24
	@@ -113,7 +113,7 @@ function sgRegisterScripts()
113	wp_enqueue_script('jquery');
114	wp_register_script('sg_cookie', SG_APP_POPUP_URL . '/javascript/jquery.cookie.js', array('jquery'));
115	wp_enqueue_script('sg_cookie');
116	- wp_register_script('sg_colorbox', SG_APP_POPUP_URL . '/javascript/jquery.~~colorbox~~-min.js', array('jquery'), '5.0');
117	wp_enqueue_script('sg_colorbox');
118	if (SG_POPUP_PRO) {
119	wp_register_script('sgPopupPro', SG_APP_POPUP_URL . '/javascript/sg_popup_pro.js?ver=4.2.3');


3	* Plugin Name: Popup Builder
4	* Plugin URI: http://sygnoos.com
5	* Description: The most complete popup plugin. Html, image, iframe, shortcode, video and many other popup types. Manage popup dimensions, effects, themes and more.
6	+ * Version: 2.1.1
7	* Author: Sygnoos
8	* Author URI: http://www.sygnoos.com
9	* License: GPLv2

18	define('SG_APP_POPUP_CLASSES', SG_APP_POPUP_PATH . '/classes');
19	define('SG_APP_POPUP_JS', SG_APP_POPUP_PATH . '/javascript');
20	define('SG_APP_POPUP_TABLE_LIMIT', 15);
21	+ define('SG_POPUP_VERSION', 2.11);
22	define('SG_POPUP_PRO', 0);
23	define('SG_POPUP_PRO_URL', 'http://sygnoos.com/wordpress-popup/');
24

113	wp_enqueue_script('jquery');
114	wp_register_script('sg_cookie', SG_APP_POPUP_URL . '/javascript/jquery.cookie.js', array('jquery'));
115	wp_enqueue_script('sg_cookie');
116	+ wp_register_script('sg_colorbox', SG_APP_POPUP_URL . '/javascript/jquery.sgcolorbox-min.js', array('jquery'), '5.0');
117	wp_enqueue_script('sg_colorbox');
118	if (SG_POPUP_PRO) {
119	wp_register_script('sgPopupPro', SG_APP_POPUP_URL . '/javascript/sg_popup_pro.js?ver=4.2.3');

readme.txt CHANGED Viewed

	@@ -3,9 +3,9 @@ Plugin Name: Popup Builder
3	Contributors: Popup By Sygnoos
4	Author: Sygnoos
5	Donate link: http://sygnoos.com/wordpress-popup/
6	- Tags: popup,popup promote,promotional popup,popup ads, popup advertising, popup box, popup form, popup message, popup window, popups, wordpress popup, simple popup, modal window, responsive popup, fancybox, fancy popup, lightbox, automatic popup, custom popup,popup message, youtube popup, video popup, iframe popup, vimeo popup, popup contact form, dialog box, fancy box popup, wordpress popup plugin, andlightbox popup, popup builder, wordpress popup builder, html popup, onclick popup, media, shortcode popup, colorbox popup, social popup, age restriction popup, countdown popup, facebook popup, facebook like popup
7	Requires at least: 3.8
8	- Tested up to: 4.~~3.1~~
9	Stable tag: trunk
10	License: GPLv2 or later
11	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	@@ -66,9 +66,10 @@ With popup builder plugin you can insert any type of content, right into your Po
66
67	Popup Builder team constantly works on upgrades and improvements. With our upcoming updates we are planning to add more types of popups. Currently we are working on
68
69	- > + Subsription popup - This kind of popup provides the easiest way to create an efficient connection between users and your website through subscription popup. With this simple popup solution you can quickly collect subscribers in a very pleasant and elegant way. Comming soon.
70	> + Targetting popup - This popup allows you to show popup depending user location. This kind of popup is useful if your product or service is created for a specifig region.
71


72	Thank you for using our popup plugin.
73
74	<div>
	@@ -104,11 +105,19 @@ Go to the Popup Builder settings and set your desired options.
104	6. Insert shortcode popup screen
105	7. Social popup
106	8. Content restriction popup
107	- 9. ~~Final~~ ~~result~~

108
109	== Changelog ==
110
111	- * Version 2.1







112
113	Added ability to close popup from itself. Just add html class to the element.
114
	@@ -118,7 +127,7 @@ Go to the Popup Builder settings and set your desired options.
118
119	Facebook share and like popup added.
120
121	- Code cleanup.
122
123	Bug fixed.
124
	@@ -226,5 +235,37 @@ The Free version of Popup Builder gives you anything you need for creating unlim
226
227	Contact us! Depending on your server configuration something may go wrong, please don't hesitate on contacting us, we are here to help you! Our support email is: wp-popup@sygnoos.com
228
229	- == ~~Upgrade~~ ~~Notice~~ ==
230	- ~~Current version of Popup Builder is v.2.0.9~~


3	Contributors: Popup By Sygnoos
4	Author: Sygnoos
5	Donate link: http://sygnoos.com/wordpress-popup/
6	+ Tags: popup,popup promote,promotional popup,popup ads, popup advertising, popup box, popup form, popup message, popup window, popups, wordpress popup, simple popup, modal window, responsive popup, fancybox, fancy popup, lightbox, automatic popup, custom popup,popup message, youtube popup, video popup, iframe popup, vimeo popup, popup contact form, dialog box, fancy box popup, wordpress popup plugin, andlightbox popup, popup builder, wordpress popup builder, html popup, onclick popup, media, shortcode popup, colorbox popup, social popup, age restriction popup, countdown popup, facebook popup, facebook like popup, age restriction
7	Requires at least: 3.8
8	+ Tested up to: 4.4
9	Stable tag: trunk
10	License: GPLv2 or later
11	License URI: http://www.gnu.org/licenses/gpl-2.0.html

66
67	Popup Builder team constantly works on upgrades and improvements. With our upcoming updates we are planning to add more types of popups. Currently we are working on
68

69	> + Targetting popup - This popup allows you to show popup depending user location. This kind of popup is useful if your product or service is created for a specifig region.
70
71	+ > + Contact form popup - Contact form popup will allows your clients to write you a message right from the popup.
72	+
73	Thank you for using our popup plugin.
74
75	<div>

105	6. Insert shortcode popup screen
106	7. Social popup
107	8. Content restriction popup
108	+ 9. Subscription Popup
109	+ 10. Final result
110
111	== Changelog ==
112
113	+ * Version 2.1.1
114	+
115	+ Copatible mith minify plugins.
116	+
117	+ Code cleanup.
118	+
119	+
120	+ * Version 2.1.0
121
122	Added ability to close popup from itself. Just add html class to the element.
123

127
128	Facebook share and like popup added.
129
130	+ Code cleanup.
131
132	Bug fixed.
133

235
236	Contact us! Depending on your server configuration something may go wrong, please don't hesitate on contacting us, we are here to help you! Our support email is: wp-popup@sygnoos.com
237
238	+ == Other Notes ==
239	+
240	+ Current Version of Popup Builder is 2.1.1
241	+
242	+ = Image Popup =
243	+
244	+ You are writing about an awesome topic and want your ideas to stand out in the crowd? Well, you can easily do it by making use of an image popup thus adding a topic image to the plot.
245	+ The installed image popup allows to determine the image dimensions, which, in its turn, are resized/repositioned automatically when the window is being resized. This popup provides options for choosing the image frame theme and effects that vary in the duration of the popup animation as well. There is also the possibility to specify how long the ready-made popup appearance should be delayed after loading the page (in sec).
246	+ With the help of both basic and advanced options, you are able to freely regulate the dismissal, display, colour and location of the image popup. It can appear at the top right/left corner, at the bottom or in the centre. You can choose to show the popup whenever the user scrolls the page or ensure its permanent occurrence by disabling popup closing in any possible way. On the other hand, the popup can be chosen to close automatically, be dismissed when the user clicks inside or beyond of the popup area. Also, it's up to you to decide on your popup accessibility on different devices ( PC, mobile, etc.).
247	+
248	+ = Iframe Popup =
249	+
250	+ Here is another useful popup to make your content or website more sociable and vibrant. It is a great addition to your social toolkit, since Iframe enables you to include and remind of another website with the help of a simple popup.
251	+ One can think of a number of cases when this popup can efficiently be used.
252	+ For instance, if you are lucky enough to have sponsors or you have got partners that are worth a mention, Iframe will give you the wonderful opportunity to share the work they do. Thus, by clicking on the popup, the user will get to their websites.
253	+ It can also be used to add some maps, diagrams, charts, etc. to your content without putting them within the material itself or by refraining from dealing with copyright issues.
254	+ You can build the Iframe popup having decided on the popup frame theme and the effects that vary in duration. It is also possible to manage how long the ready-made popup appearance should be delayed after loading the page (in sec).
255	+ The popup can appear at the top right/left corner, at the bottom or in the centre. Thanks to certain ticks- off in the options section you will be able to to show the popup whenever the user scrolls the page and disable popup closing at all. On the contrary, the popup can be chosen to close automatically or be dismissed when the user clicks inside or beyond the popup area.
256	+ Finally, you can decide whether to make the popup accessible or not on different devices by choosing the options available.
257	+
258	+ = Video Popup =
259	+
260	+ Every single day lots of information and news is shared by a number of people online. And it is widespread knowledge that any information transmitted visually is more comprehensible and competitive, as motion pictures, video clips, etc. give any material somehow a unique flavour.
261	+ Surely, many of you would like to take advantage of the opportunity that this video popup offers. It can help to emphasize or season your ideas. You will be able to add video content (YouTube, Vimeo, etc.) by putting its video URL in the popup options.
262	+ Happily, you can manage the popup look by choosing the popup frame theme and the effect type that can vary in duration. Also, you can decide how long the popup appearance should be delayed after loading the main page.
263	+ The availability of both basic and advanced options makes the popup dismissal and display easily manageable. You can have the popup at the top right/left corner, at the bottom or in the centre of the page. The popup can appear while the user is scrolling the page and play right away thanks to its wonderful autoplay option. Meanwhile, you can secure the permanent appearance of the popup having disabled popup closing in any possible way or it can be chosen to close automatically or disappear when the user clicks inside or beyond the popup area. Also, it's of importance that you are able to decide whether the popup should be available on a certain device or not.
264	+
265	+ = Social Popup =
266	+
267	+ Sometimes it is really crucial to make your voice audible to the public when you have so many things to share. On the Internet it is the social media that can enable you with the chance to communicate your ideas to the world. And to reach this goal, you can get this social popup that gives you very useful options while sharing.
268	+ Having added this popup, you will be provided with a variety of office and general tools to develop your content as you wish. Then, you will be able to make a choice between the two options to share in the social media either by adding the URL of the website you work on - the active URL - or by putting some important material from another internet source.
269	+ But before making the sharing option available you can configure the labels according to the theme and font size you want. It is also possible to make visible or hide the number of shares you have had so far. Finally, you are able to share your material with all the social media given or only the ones you prefer.
270	+ The dismissal, display, colour and location of the social popup can be easily regulated as well by making use of both basic and advanced options. The popup may appear at the top right/left corner, at the bottom or in the centre. You can choose to show the popup whenever the user scrolls the page or disable popup closing thus ensuring its permanent occurrence. Meanwhile, the popup can be arranged to close automatically, be dismissed when the user clicks inside or beyond the popup area. Also, you have the possibility to decide on your popup accessibility on different devices ( PC, mobile, etc.).
271	+

style/animate.css CHANGED Viewed

@@ -7,4 +7,2756 @@ Licensed under the MIT license - http://opensource.org/licenses/MIT
             Copyright (c) 2015 Daniel Eden
             */
-            -
            .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from,to{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{from,to{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInX,.flipInY{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}.flipOutX,.flipOutY{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}


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

style/sg_popup_style.css CHANGED Viewed

	@@ -350,6 +350,10 @@ span.phpErrorStyle {
350	background-image: url("../img/ExitIntentPro.png");
351	}
352




353	.generalMenu {
354	width: 98%;
355	height: 39px;


350	background-image: url("../img/ExitIntentPro.png");
351	}
352
353	+ .subscription-pro {
354	+ background-image: url("../img/SubscriptionButtonPro.png");
355	+ }
356	+
357	.generalMenu {
358	width: 98%;
359	height: 39px;

style/sgcolorbox/colorbox1.css CHANGED Viewed

	@@ -1 +1 @@
1	- /*
2	Colorbox Core Style:
3	The following CSS is consistent between example themes and should not be altered.
4	User Style:
5	Change the following styles to modify the appearance of Colorbox. They are
6	ordered & tabbed in a way that represents the nesting of the generated HTML.
7	#sgcboxTopLeft{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -101px 0;}
8	#sgcboxTopRight{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -130px 0;}
9	#sgcboxBottomLeft{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -101px -29px;}
10	#sgcboxBottomRight{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -130px -29px;}
11	#sgcboxMiddleLeft{width:21px; background:url(../../img/colorbox1/controls.png) left top repeat-y;}
12	#sgcboxMiddleRight{width:21px; background:url(../../img/colorbox1/controls.png) right top repeat-y;}
13	#sgcboxTopCenter{height:21px; background:url(../../img/colorbox1/border.png) 0 0 repeat-x;}
14	#sgcboxBottomCenter{height:21px; background:url(../../img/colorbox1/border.png) 0 -29px repeat-x;}
15	#sgcboxContent{background:#fff; overflow:hidden;}
16	.sgcboxIframe{background:#fff;}
17	#sgcboxError{padding:50px; border:1px solid #ccc;}
18	#sgcboxLoadedContent{margin-bottom:28px;}
19	#sgcboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
20	#sgcboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
21	#sgcboxLoadingOverlay{background:url(../../img/colorbox1/loading_background.png) no-repeat center center;}
22	#sgcboxLoadingGraphic{background:url(../../img/colorbox1/loading.gif) no-repeat center center;}
23	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
24	#sgcboxPrevious, #sgcboxNext, #sgcboxSlideshow, #sgcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
25
26	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
27	#sgcboxPrevious:active, #sgcboxNext:active, #sgcboxSlideshow:active, #sgcboxClose:active {outline:0;}
28	#sgcboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
29	#sgcboxPrevious{position:absolute; bottom:0; left:0; background:url(../../img/colorbox1/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
30	#sgcboxPrevious:hover{background-position:-75px -25px;}
31	#sgcboxNext{position:absolute; bottom:0; left:27px; background:url(../../img/colorbox1/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
32	#sgcboxNext:hover{background-position:-50px -25px;}
33	#sgcboxClose{position:absolute; bottom:0; right:0; background:url(../../img/colorbox1/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
34	#sgcboxClose:hover{background-position:-25px -25px;}
35	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
36	when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
37	See: http://jacklmoore.com/notes/ie-transparency-problems/
38	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

39	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
40	when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
41	See: http://jacklmoore.com/notes/ie-transparency-problems/



1	Colorbox Core Style:
2	The following CSS is consistent between example themes and should not be altered.
3	User Style:
4	Change the following styles to modify the appearance of Colorbox. They are
5	ordered & tabbed in a way that represents the nesting of the generated HTML.
6	#sgcboxTopLeft{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -101px 0;}
7	#sgcboxTopRight{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -130px 0;}
8	#sgcboxBottomLeft{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -101px -29px;}
9	#sgcboxBottomRight{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -130px -29px;}
10	#sgcboxMiddleLeft{width:21px; background:url(../../img/colorbox1/controls.png) left top repeat-y;}
11	#sgcboxMiddleRight{width:21px; background:url(../../img/colorbox1/controls.png) right top repeat-y;}
12	#sgcboxTopCenter{height:21px; background:url(../../img/colorbox1/border.png) 0 0 repeat-x;}
13	#sgcboxBottomCenter{height:21px; background:url(../../img/colorbox1/border.png) 0 -29px repeat-x;}
14	#sgcboxContent{background:#fff; overflow:hidden;}
15	.sgcboxIframe{background:#fff;}
16	#sgcboxError{padding:50px; border:1px solid #ccc;}
17	#sgcboxLoadedContent{margin-bottom:28px;}
18	#sgcboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
19	#sgcboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
20	#sgcboxLoadingOverlay{background:url(../../img/colorbox1/loading_background.png) no-repeat center center;}
21	#sgcboxLoadingGraphic{background:url(../../img/colorbox1/loading.gif) no-repeat center center;}
22	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
23	#sgcboxPrevious, #sgcboxNext, #sgcboxSlideshow, #sgcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
24
25	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
26	#sgcboxPrevious:active, #sgcboxNext:active, #sgcboxSlideshow:active, #sgcboxClose:active {outline:0;}
27	#sgcboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
28	#sgcboxPrevious{position:absolute; bottom:0; left:0; background:url(../../img/colorbox1/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
29	#sgcboxPrevious:hover{background-position:-75px -25px;}
30	#sgcboxNext{position:absolute; bottom:0; left:27px; background:url(../../img/colorbox1/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
31	#sgcboxNext:hover{background-position:-50px -25px;}
32	#sgcboxClose{position:absolute; bottom:0; right:0; background:url(../../img/colorbox1/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
33	#sgcboxClose:hover{background-position:-25px -25px;}
34	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
35	when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
36	See: http://jacklmoore.com/notes/ie-transparency-problems/
37	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
38	+ /*
39	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
40	when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
41	See: http://jacklmoore.com/notes/ie-transparency-problems/

style/sgcolorbox/colorbox2.css CHANGED Viewed

	@@ -1 +1 @@
1	- /*
2	Colorbox Core Style:
3	The following CSS is consistent between example themes and should not be altered.
4	User Style:
5	Change the following styles to modify the appearance of Colorbox. They are
6	ordered & tabbed in a way that represents the nesting of the generated HTML.
7	#sgcboxContent{margin-top:32px; overflow:visible; background:#000;}
8	.sgcboxIframe{background:#fff;}
9	#sgcboxError{padding:50px; border:1px solid #ccc;}
10	#sgcboxLoadedContent{background:#000; padding:1px;}
11	#sgcboxLoadingGraphic{background:url(../../img/colorbox2/loading.gif) no-repeat center center;}
12	#sgcboxLoadingOverlay{background:#000;}
13	#sgcboxTitle{position:absolute; top:-22px; left:0; color:#000;}
14	#sgcboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
15	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
16	#sgcboxPrevious, #sgcboxNext, #sgcboxSlideshow, #sgcboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../img/colorbox2/controls.png) no-repeat 0 0;}
17
18	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
19	#sgcboxPrevious:active, #sgcboxNext:active, #sgcboxSlideshow:active, #sgcboxClose:active {outline:0;}
20	#sgcboxPrevious{background-position:0px 0px; right:44px;}
21	#sgcboxPrevious:hover{background-position:0px -25px;}
22	#sgcboxNext{background-position:-25px 0px; right:22px;}
23	#sgcboxNext:hover{background-position:-25px -25px;}
24	#sgcboxClose{background-position:-50px 0px; right:0;}
25	#sgcboxClose:hover{background-position:-50px -25px;}
26	.sgcboxSlideshow_on #sgcboxPrevious, .sgcboxSlideshow_off #sgcboxPrevious{right:66px;}
27	.sgcboxSlideshow_on #sgcboxSlideshow{background-position:-75px -25px; right:44px;}
28	.sgcboxSlideshow_on #sgcboxSlideshow:hover{background-position:-100px -25px;}
29	.sgcboxSlideshow_off #sgcboxSlideshow{background-position:-100px 0px; right:44px;}
30	.sgcboxSlideshow_off #sgcboxSlideshow:hover{background-position:-75px -25px;}



1	Colorbox Core Style:
2	The following CSS is consistent between example themes and should not be altered.
3	User Style:
4	Change the following styles to modify the appearance of Colorbox. They are
5	ordered & tabbed in a way that represents the nesting of the generated HTML.
6	#sgcboxContent{margin-top:32px; overflow:visible; background:#000;}
7	.sgcboxIframe{background:#fff;}
8	#sgcboxError{padding:50px; border:1px solid #ccc;}
9	#sgcboxLoadedContent{background:#000; padding:1px;}
10	#sgcboxLoadingGraphic{background:url(../../img/colorbox2/loading.gif) no-repeat center center;}
11	#sgcboxLoadingOverlay{background:#000;}
12	#sgcboxTitle{position:absolute; top:-22px; left:0; color:#000;}
13	#sgcboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
14	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
15	#sgcboxPrevious, #sgcboxNext, #sgcboxSlideshow, #sgcboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../img/colorbox2/controls.png) no-repeat 0 0;}
16
17	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
18	#sgcboxPrevious:active, #sgcboxNext:active, #sgcboxSlideshow:active, #sgcboxClose:active {outline:0;}
19	#sgcboxPrevious{background-position:0px 0px; right:44px;}
20	#sgcboxPrevious:hover{background-position:0px -25px;}
21	#sgcboxNext{background-position:-25px 0px; right:22px;}
22	#sgcboxNext:hover{background-position:-25px -25px;}
23	#sgcboxClose{background-position:-50px 0px; right:0;}
24	#sgcboxClose:hover{background-position:-50px -25px;}
25	.sgcboxSlideshow_on #sgcboxPrevious, .sgcboxSlideshow_off #sgcboxPrevious{right:66px;}
26	.sgcboxSlideshow_on #sgcboxSlideshow{background-position:-75px -25px; right:44px;}
27	.sgcboxSlideshow_on #sgcboxSlideshow:hover{background-position:-100px -25px;}
28	.sgcboxSlideshow_off #sgcboxSlideshow{background-position:-100px 0px; right:44px;}
29	.sgcboxSlideshow_off #sgcboxSlideshow:hover{background-position:-75px -25px;}
30	+ /*

style/sgcolorbox/colorbox3.css CHANGED Viewed

	@@ -1 +1 @@
1	- /*
2	Colorbox Core Style:
3	The following CSS is consistent between example themes and should not be altered.
4	User Style:
5	Change the following styles to modify the appearance of Colorbox. They are
6	ordered & tabbed in a way that represents the nesting of the generated HTML.
7	#sgcboxContent{margin-top:20px;background:#000;}
8	.sgcboxIframe{background:#fff;}
9	#sgcboxError{padding:50px; border:1px solid #ccc;}
10	#sgcboxLoadedContent{border:5px solid #000; background:#fff;}
11	#sgcboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
12	#sgcboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
13	#sgcboxLoadingGraphic{background:url(../../img/colorbox3/loading.gif) no-repeat center center;}
14	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
15	#sgcboxPrevious, #sgcboxNext, #sgcboxSlideshow, #sgcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
16
17	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
18	#sgcboxPrevious:active, #sgcboxNext:active, #sgcboxSlideshow:active, #sgcboxClose:active {outline:0;}
19
20	#sgcboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
21	#sgcboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../../img/colorbox3/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
22	#sgcboxPrevious:hover{background-position:bottom left;}
23	#sgcboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../../img/colorbox3/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
24	#sgcboxNext:hover{background-position:bottom right;}
25	#sgcboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../../img/colorbox3/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
26	#sgcboxClose:hover{background-position:bottom center;}



1	Colorbox Core Style:
2	The following CSS is consistent between example themes and should not be altered.
3	User Style:
4	Change the following styles to modify the appearance of Colorbox. They are
5	ordered & tabbed in a way that represents the nesting of the generated HTML.
6	#sgcboxContent{margin-top:20px;background:#000;}
7	.sgcboxIframe{background:#fff;}
8	#sgcboxError{padding:50px; border:1px solid #ccc;}
9	#sgcboxLoadedContent{border:5px solid #000; background:#fff;}
10	#sgcboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
11	#sgcboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
12	#sgcboxLoadingGraphic{background:url(../../img/colorbox3/loading.gif) no-repeat center center;}
13	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
14	#sgcboxPrevious, #sgcboxNext, #sgcboxSlideshow, #sgcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
15
16	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
17	#sgcboxPrevious:active, #sgcboxNext:active, #sgcboxSlideshow:active, #sgcboxClose:active {outline:0;}
18
19	#sgcboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
20	#sgcboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../../img/colorbox3/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
21	#sgcboxPrevious:hover{background-position:bottom left;}
22	#sgcboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../../img/colorbox3/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
23	#sgcboxNext:hover{background-position:bottom right;}
24	#sgcboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../../img/colorbox3/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
25	#sgcboxClose:hover{background-position:bottom center;}
26	+ /*

style/sgcolorbox/colorbox4.css CHANGED Viewed

	@@ -1 +1 @@
1	- /*
2	Colorbox Core Style:
3	The following CSS is consistent between example themes and should not be altered.
4	User Style:
5	Change the following styles to modify the appearance of Colorbox. They are
6	ordered & tabbed in a way that represents the nesting of the generated HTML.
7	#sgcboxTopLeft{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat 0 0;}
8	#sgcboxTopCenter{height:25px; background:url(../../img/colorbox4/border1.png) repeat-x 0 -50px;}
9	#sgcboxTopRight{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat -25px 0;}
10	#sgcboxBottomLeft{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat 0 -25px;}
11	#sgcboxBottomCenter{height:25px; background:url(../../img/colorbox4/border1.png) repeat-x 0 -75px;}
12	#sgcboxBottomRight{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat -25px -25px;}
13	#sgcboxMiddleLeft{width:25px; background:url(../../img/colorbox4/border2.png) repeat-y 0 0;}
14	#sgcboxMiddleRight{width:25px; background:url(../../img/colorbox4/border2.png) repeat-y -25px 0;}
15	#sgcboxContent{background:#fff; overflow:hidden;}
16	.sgcboxIframe{background:#fff;}
17	#sgcboxError{padding:50px; border:1px solid #ccc;}
18	#sgcboxLoadedContent{margin-bottom:20px;}
19	#sgcboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
20	#sgcboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
21	#sgcboxLoadingOverlay{background:#fff url(../../img/colorbox4/loading.gif) no-repeat 5px 5px;}
22	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
23	#sgcboxPrevious, #sgcboxNext, #sgcboxSlideshow, #sgcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
24
25	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
26	#sgcboxPrevious:active, #sgcboxNext:active, #sgcboxSlideshow:active, #sgcboxClose:active {outline:0;}
27	#sgcboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
28	#sgcboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
29	#sgcboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
30	#sgcboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
31	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
32	when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
33	See: http://jacklmoore.com/notes/ie-transparency-problems/
34	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

35	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
36	when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
37	See: http://jacklmoore.com/notes/ie-transparency-problems/



1	Colorbox Core Style:
2	The following CSS is consistent between example themes and should not be altered.
3	User Style:
4	Change the following styles to modify the appearance of Colorbox. They are
5	ordered & tabbed in a way that represents the nesting of the generated HTML.
6	#sgcboxTopLeft{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat 0 0;}
7	#sgcboxTopCenter{height:25px; background:url(../../img/colorbox4/border1.png) repeat-x 0 -50px;}
8	#sgcboxTopRight{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat -25px 0;}
9	#sgcboxBottomLeft{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat 0 -25px;}
10	#sgcboxBottomCenter{height:25px; background:url(../../img/colorbox4/border1.png) repeat-x 0 -75px;}
11	#sgcboxBottomRight{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat -25px -25px;}
12	#sgcboxMiddleLeft{width:25px; background:url(../../img/colorbox4/border2.png) repeat-y 0 0;}
13	#sgcboxMiddleRight{width:25px; background:url(../../img/colorbox4/border2.png) repeat-y -25px 0;}
14	#sgcboxContent{background:#fff; overflow:hidden;}
15	.sgcboxIframe{background:#fff;}
16	#sgcboxError{padding:50px; border:1px solid #ccc;}
17	#sgcboxLoadedContent{margin-bottom:20px;}
18	#sgcboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
19	#sgcboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
20	#sgcboxLoadingOverlay{background:#fff url(../../img/colorbox4/loading.gif) no-repeat 5px 5px;}
21	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
22	#sgcboxPrevious, #sgcboxNext, #sgcboxSlideshow, #sgcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
23
24	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
25	#sgcboxPrevious:active, #sgcboxNext:active, #sgcboxSlideshow:active, #sgcboxClose:active {outline:0;}
26	#sgcboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
27	#sgcboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
28	#sgcboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
29	#sgcboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
30	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
31	when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
32	See: http://jacklmoore.com/notes/ie-transparency-problems/
33	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
34	+ /*
35	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
36	when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
37	See: http://jacklmoore.com/notes/ie-transparency-problems/

style/sgcolorbox/colorbox5.css CHANGED Viewed

	@@ -1 +1 @@
1	- /*
2	Colorbox Core Style:
3	The following CSS is consistent between example themes and should not be altered.
4	User Style:
5	Change the following styles to modify the appearance of Colorbox. They are
6	ordered & tabbed in a way that represents the nesting of the generated HTML.
7	#sgcboxTopLeft{width:14px; height:14px; background:url(../../img/colorbox5/controls.png) no-repeat 0 0;}
8	#sgcboxTopCenter{height:14px; background:url(../../img/colorbox5/border.png) repeat-x top left;}
9	#sgcboxTopRight{width:14px; height:14px; background:url(../../img/colorbox5/controls.png) no-repeat -36px 0;}
10	#sgcboxBottomLeft{width:14px; height:43px; background:url(../../img/colorbox5/controls.png) no-repeat 0 -32px;}
11	#sgcboxBottomCenter{height:43px; background:url(../../img/colorbox5/border.png) repeat-x bottom left;}
12	#sgcboxBottomRight{width:14px; height:43px; background:url(../../img/colorbox5/controls.png) no-repeat -36px -32px;}
13	#sgcboxMiddleLeft{width:14px; background:url(../../img/colorbox5/controls.png) repeat-y -175px 0;}
14	#sgcboxMiddleRight{width:14px; background:url(../../img/colorbox5/controls.png) repeat-y -211px 0;}
15	#sgcboxContent{background:#fff; overflow:visible;}
16	.sgcboxIframe{background:#fff;}
17	#sgcboxError{padding:50px; border:1px solid #ccc;}
18	#sgcboxLoadedContent{margin-bottom:5px;}
19	#sgcboxLoadingOverlay{background:url(../../img/colorbox5/loading_background.png) no-repeat center center;}
20	#sgcboxLoadingGraphic{background:url(../../img/colorbox5/loading.gif) no-repeat center center;}
21	#sgcboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
22	#sgcboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
23	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
24	#sgcboxPrevious, #sgcboxNext, #sgcboxSlideshow, #sgcboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url(../../img/colorbox5/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
25
26	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
27	#sgcboxPrevious:active, #sgcboxNext:active, #sgcboxSlideshow:active, #sgcboxClose:active {outline:0;}
28	#sgcboxPrevious{left:0px; background-position: -51px -25px;}
29	#sgcboxPrevious:hover{background-position:-51px 0px;}
30	#sgcboxNext{left:27px; background-position:-75px -25px;}
31	#sgcboxNext:hover{background-position:-75px 0px;}
32	#sgcboxClose{right:0; background-position:-100px -25px;}
33	#sgcboxClose:hover{background-position:-100px 0px;}
34	.sgcboxSlideshow_on #sgcboxSlideshow{background-position:-125px 0px; right:27px;}
35	.sgcboxSlideshow_on #sgcboxSlideshow:hover{background-position:-150px 0px;}
36	.sgcboxSlideshow_off #sgcboxSlideshow{background-position:-150px -25px; right:27px;}
37	.sgcboxSlideshow_off #sgcboxSlideshow:hover{background-position:-125px 0px;}

38	Colorbox Core Style:



1	Colorbox Core Style:
2	The following CSS is consistent between example themes and should not be altered.
3	User Style:
4	Change the following styles to modify the appearance of Colorbox. They are
5	ordered & tabbed in a way that represents the nesting of the generated HTML.
6	#sgcboxTopLeft{width:14px; height:14px; background:url(../../img/colorbox5/controls.png) no-repeat 0 0;}
7	#sgcboxTopCenter{height:14px; background:url(../../img/colorbox5/border.png) repeat-x top left;}
8	#sgcboxTopRight{width:14px; height:14px; background:url(../../img/colorbox5/controls.png) no-repeat -36px 0;}
9	#sgcboxBottomLeft{width:14px; height:43px; background:url(../../img/colorbox5/controls.png) no-repeat 0 -32px;}
10	#sgcboxBottomCenter{height:43px; background:url(../../img/colorbox5/border.png) repeat-x bottom left;}
11	#sgcboxBottomRight{width:14px; height:43px; background:url(../../img/colorbox5/controls.png) no-repeat -36px -32px;}
12	#sgcboxMiddleLeft{width:14px; background:url(../../img/colorbox5/controls.png) repeat-y -175px 0;}
13	#sgcboxMiddleRight{width:14px; background:url(../../img/colorbox5/controls.png) repeat-y -211px 0;}
14	#sgcboxContent{background:#fff; overflow:visible;}
15	.sgcboxIframe{background:#fff;}
16	#sgcboxError{padding:50px; border:1px solid #ccc;}
17	#sgcboxLoadedContent{margin-bottom:5px;}
18	#sgcboxLoadingOverlay{background:url(../../img/colorbox5/loading_background.png) no-repeat center center;}
19	#sgcboxLoadingGraphic{background:url(../../img/colorbox5/loading.gif) no-repeat center center;}
20	#sgcboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
21	#sgcboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
22	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
23	#sgcboxPrevious, #sgcboxNext, #sgcboxSlideshow, #sgcboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url(../../img/colorbox5/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
24
25	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
26	#sgcboxPrevious:active, #sgcboxNext:active, #sgcboxSlideshow:active, #sgcboxClose:active {outline:0;}
27	#sgcboxPrevious{left:0px; background-position: -51px -25px;}
28	#sgcboxPrevious:hover{background-position:-51px 0px;}
29	#sgcboxNext{left:27px; background-position:-75px -25px;}
30	#sgcboxNext:hover{background-position:-75px 0px;}
31	#sgcboxClose{right:0; background-position:-100px -25px;}
32	#sgcboxClose:hover{background-position:-100px 0px;}
33	.sgcboxSlideshow_on #sgcboxSlideshow{background-position:-125px 0px; right:27px;}
34	.sgcboxSlideshow_on #sgcboxSlideshow:hover{background-position:-150px 0px;}
35	.sgcboxSlideshow_off #sgcboxSlideshow{background-position:-150px -25px; right:27px;}
36	.sgcboxSlideshow_off #sgcboxSlideshow:hover{background-position:-125px 0px;}
37	+ /*
38	Colorbox Core Style:

Popup Builder – Responsive WordPress Pop up - Version 2.1.1

Version Description

Release Info

Code changes from version 2.1.0 to 2.1.1