Shortcodes Ultimate - Version 4.9.4

Version Description

  • Updated: Japanese translation
  • Updated: Polish translation
  • Fixed: minor fixes in shortcode settings window
  • Fixed: vulnerability in Examples preview. Added wp_nonce check. Thanks to Kacper Szurek
  • Fixed: vulnerability at Custom CSS page. Added wp_nonce check. Thanks to Ryan Satterfield
  • Removed: skins directory creation
Download this release

Release Info

Developer gn_themes
Plugin Icon 128x128 Shortcodes Ultimate
Version 4.9.4
Comparing to
See all releases

Code changes from version 4.9.3 to 4.9.4

Files changed (69) hide show
  1. assets/css/animate.css +6 -6
  2. assets/css/box-shortcodes.css +548 -548
  3. assets/css/cheatsheet.css +88 -88
  4. assets/css/content-shortcodes.css +395 -395
  5. assets/css/galleries-shortcodes.css +454 -454
  6. assets/css/generator.css +644 -644
  7. assets/css/magnific-popup.css +368 -368
  8. assets/css/media-shortcodes.css +54 -54
  9. assets/css/options-page.css +264 -264
  10. assets/css/other-shortcodes.css +146 -146
  11. assets/css/owl-carousel-transitions.css +162 -162
  12. assets/css/owl-carousel.css +71 -71
  13. assets/css/players-shortcodes.css +296 -296
  14. assets/css/qtip.css +1 -1
  15. assets/css/simpleslider.css +55 -55
  16. assets/css/sunrise.css +172 -172
  17. assets/css/tinymce.css +28 -28
  18. assets/css/vote.css +48 -48
  19. assets/js/chart.js +38 -38
  20. assets/js/form.js +815 -815
  21. assets/js/galleries-shortcodes.js +93 -93
  22. assets/js/generator.js +923 -923
  23. assets/js/inview.js +2 -2
  24. assets/js/jplayer.js +106 -106
  25. assets/js/jsrender.js +3 -3
  26. assets/js/magnific-popup.js +2 -2
  27. assets/js/options-page.js +128 -137
  28. assets/js/other-shortcodes.js +231 -231
  29. assets/js/players-shortcodes.js +73 -73
  30. assets/js/qtip.js +2 -2
  31. assets/js/simpleslider.js +10 -10
  32. assets/js/sunrise.js +137 -137
  33. assets/js/tinymce.js +123 -123
  34. assets/js/vote.js +15 -15
  35. inc/core/admin-views.php +244 -243
  36. inc/core/assets.php +227 -227
  37. inc/core/counters.php +55 -55
  38. inc/core/data.php +3035 -3035
  39. inc/core/generator-views.php +152 -152
  40. inc/core/generator.php +364 -360
  41. inc/core/load.php +248 -258
  42. inc/core/requirements.php +51 -51
  43. inc/core/shortcodes.php +1597 -1597
  44. inc/core/tools.php +933 -931
  45. inc/core/vote.php +60 -60
  46. inc/core/widget.php +58 -58
  47. inc/examples/animations.example +37 -37
  48. inc/examples/buttons.example +58 -58
  49. inc/examples/columns.example +70 -70
  50. inc/examples/media.example +70 -70
  51. inc/examples/nested.example +36 -36
  52. inc/examples/posts.example +14 -14
  53. inc/examples/spoilers.example +107 -107
  54. inc/examples/tabs.example +77 -77
  55. inc/vendor/sunrise.php +526 -523
  56. languages/su-el_GR.po +3504 -3504
  57. languages/su-fr_FR.po +2366 -2366
  58. languages/su-ja.mo +0 -0
  59. languages/su-ja.po +71 -14
  60. languages/su-nl_NL.po +3725 -3725
  61. languages/su-pl_PL.mo +0 -0
  62. languages/su-pl_PL.po +3949 -0
  63. languages/su-vi.po +3050 -3050
  64. readme.txt +462 -454
  65. shortcodes-ultimate.php +32 -32
  66. templates/default-loop.php +29 -29
  67. templates/list-loop.php +20 -20
  68. templates/single-post.php +30 -30
  69. templates/teaser-loop.php +22 -22
assets/css/animate.css CHANGED
@@ -1,6 +1,6 @@
1
- @charset "UTF-8";/*!
2
- Animate.css - http://daneden.me/animate
3
- Licensed under the MIT license - http://opensource.org/licenses/MIT
4
-
5
- Copyright (c) 2013 Daniel Eden
6
- */.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}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
1
+ @charset "UTF-8";/*!
2
+ Animate.css - http://daneden.me/animate
3
+ Licensed under the MIT license - http://opensource.org/licenses/MIT
4
+
5
+ Copyright (c) 2013 Daniel Eden
6
+ */.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}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
assets/css/box-shortcodes.css CHANGED
@@ -1,548 +1,548 @@
1
- /*** Shortcodes Ultimate - box elements ***/
2
-
3
- /* Common styles
4
- ---------------------------------------------------------------*/
5
-
6
- .su-clearfix:before,
7
- .su-clearfix:after {
8
- display: table;
9
- content: " ";
10
- }
11
- .su-clearfix:after { clear: both; }
12
-
13
- /* Tabs + Tab
14
- ---------------------------------------------------------------*/
15
-
16
- .su-tabs {
17
- margin: 0 0 1.5em 0;
18
- padding: 3px;
19
- -webkit-border-radius: 3px;
20
- -moz-border-radius: 3px;
21
- border-radius: 3px;
22
- background: #eee;
23
- }
24
- .su-tabs-nav span {
25
- display: inline-block;
26
- margin-right: 3px;
27
- padding: 10px 15px;
28
- font-size: 13px;
29
- min-height: 40px;
30
- line-height: 20px;
31
- -webkit-border-top-left-radius: 3px;
32
- -moz-border-radius-topleft: 3px;
33
- border-top-left-radius: 3px;
34
- -webkit-border-top-right-radius: 3px;
35
- -moz-border-radius-topright: 3px;
36
- border-top-right-radius: 3px;
37
- color: #333;
38
- cursor: pointer;
39
- -webkit-transition: all .2s;
40
- -moz-transition: all .2s;
41
- -o-transition: all .2s;
42
- transition: all .2s;
43
- }
44
- .su-tabs-nav span:hover { background: #f5f5f5; }
45
- .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; }
46
- .su-tabs-nav span.su-tabs-disabled {
47
- opacity: 0.5;
48
- filter: alpha(opacity=50);
49
- cursor: default;
50
- }
51
- .su-tabs-pane {
52
- padding: 15px;
53
- font-size: 13px;
54
- -webkit-border-bottom-right-radius: 3px;
55
- -moz-border-radius-bottomright: 3px;
56
- border-bottom-right-radius: 3px;
57
- -webkit-border-bottom-left-radius: 3px;
58
- -moz-border-radius-bottomleft: 3px;
59
- border-bottom-left-radius: 3px;
60
- background: #fff;
61
- color: #333;
62
- }
63
- .su-tabs-vertical:before,
64
- .su-tabs-vertical:after {
65
- content: " ";
66
- display: table;
67
- }
68
- .su-tabs-vertical:after { clear: both; }
69
- .su-tabs-vertical .su-tabs-nav {
70
- float: left;
71
- width: 30%;
72
- }
73
- .su-tabs-vertical .su-tabs-nav span {
74
- display: block;
75
- margin-right: 0;
76
- -webkit-border-radius: 0;
77
- -moz-border-radius: 0;
78
- border-radius: 0;
79
- -webkit-border-top-left-radius: 3px;
80
- -moz-border-radius-topleft: 3px;
81
- border-top-left-radius: 3px;
82
- -webkit-border-bottom-left-radius: 3px;
83
- -moz-border-radius-bottomleft: 3px;
84
- border-bottom-left-radius: 3px;
85
- }
86
- .su-tabs-vertical .su-tabs-panes {
87
- float: left;
88
- width: 70%;
89
- }
90
- .su-tabs-vertical .su-tabs-pane {
91
- -webkit-border-radius: 0;
92
- -moz-border-radius: 0;
93
- border-radius: 0;
94
- -webkit-border-top-right-radius: 3px;
95
- -webkit-border-bottom-right-radius: 3px;
96
- -moz-border-radius-topright: 3px;
97
- -moz-border-radius-bottomright: 3px;
98
- border-top-right-radius: 3px;
99
- border-bottom-right-radius: 3px;
100
- }
101
- .su-tabs-nav,
102
- .su-tabs-nav span,
103
- .su-tabs-panes,
104
- .su-tabs-pane {
105
- -webkit-box-sizing: border-box !important;
106
- -moz-box-sizing: border-box !important;
107
- box-sizing: border-box !important;
108
- }
109
- /* Styles for screens that are less than 768px */
110
- @media only screen and (max-width: 768px) {
111
- .su-tabs-nav span { display: block; }
112
- .su-tabs-vertical .su-tabs-nav {
113
- float: none;
114
- width: auto;
115
- }
116
- .su-tabs-vertical .su-tabs-panes {
117
- float: none;
118
- width: auto;
119
- }
120
- }
121
-
122
- /* Spoiler + Accordion
123
- ---------------------------------------------------------------*/
124
-
125
- .su-spoiler { margin-bottom: 1.5em; }
126
- .su-spoiler .su-spoiler:last-child { margin-bottom: 0; }
127
- .su-accordion { margin-bottom: 1.5em; }
128
- .su-accordion .su-spoiler { margin-bottom: 0.5em; }
129
- .su-spoiler-title {
130
- position: relative;
131
- cursor: pointer;
132
- min-height: 20px;
133
- line-height: 20px;
134
- padding: 7px 7px 7px 34px;
135
- font-weight: bold;
136
- font-size: 13px;
137
- }
138
- .su-spoiler-icon {
139
- position: absolute;
140
- left: 7px;
141
- top: 7px;
142
- display: block;
143
- width: 20px;
144
- height: 20px;
145
- line-height: 21px;
146
- text-align: center;
147
- font-size: 14px;
148
- font-family: FontAwesome;
149
- font-weight: normal;
150
- font-style: normal;
151
- -webkit-font-smoothing: antialiased;
152
- *margin-right: .3em;
153
- }
154
- .su-spoiler-content {
155
- padding: 14px;
156
- -webkit-transition: padding-top .2s;
157
- -moz-transition: padding-top .2s;
158
- -o-transition: padding-top .2s;
159
- transition: padding-top .2s;
160
- -ie-transition: padding-top .2s;
161
- }
162
- .su-spoiler.su-spoiler-closed > .su-spoiler-content {
163
- height: 0;
164
- margin: 0;
165
- padding: 0;
166
- overflow: hidden;
167
- border: none;
168
- opacity: 0;
169
- }
170
- .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; }
171
- .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; }
172
- .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; }
173
- .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; }
174
- .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; }
175
- .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; }
176
- .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; }
177
- .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; }
178
- .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; }
179
- .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; }
180
- .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; }
181
- .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; }
182
- .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; }
183
- .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; }
184
- .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; }
185
- .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; }
186
- .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; }
187
- .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; }
188
- .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; }
189
- .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; }
190
- .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; }
191
- .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; }
192
- .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; }
193
- .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; }
194
- .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; }
195
- .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; }
196
- .su-spoiler-style-default { }
197
- .su-spoiler-style-default > .su-spoiler-title {
198
- padding-left: 27px;
199
- padding-right: 0;
200
- }
201
- .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; }
202
- .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; }
203
- .su-spoiler-style-fancy {
204
- border: 1px solid #ccc;
205
- -webkit-border-radius: 10px;
206
- -moz-border-radius: 10px;
207
- border-radius: 10px;
208
- background: #fff;
209
- color: #333;
210
- }
211
- .su-spoiler-style-fancy > .su-spoiler-title {
212
- border-bottom: 1px solid #ccc;
213
- -webkit-border-radius: 10px;
214
- -moz-border-radius: 10px;
215
- border-radius: 10px;
216
- background: #f0f0f0;
217
- font-size: 0.9em;
218
- }
219
- .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; }
220
- .su-spoiler-style-fancy > .su-spoiler-content {
221
- -webkit-border-radius: 10px;
222
- -moz-border-radius: 10px;
223
- border-radius: 10px;
224
- }
225
- .su-spoiler-style-simple {
226
- border-top: 1px solid #ccc;
227
- border-bottom: 1px solid #ccc;
228
- }
229
- .su-spoiler-style-simple > .su-spoiler-title {
230
- padding: 5px 10px;
231
- background: #f0f0f0;
232
- color: #333;
233
- font-size: 0.9em;
234
- }
235
- .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; }
236
- .su-spoiler-style-simple > .su-spoiler-content {
237
- padding: 1em 10px;
238
- background: #fff;
239
- color: #333;
240
- }
241
-
242
- /* Quote
243
- ---------------------------------------------------------------*/
244
-
245
- .su-quote-style-default {
246
- position: relative;
247
- margin-bottom: 1.5em;
248
- padding: 0.5em 3em;
249
- font-style: italic;
250
- }
251
- .su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; }
252
- .su-quote-style-default:before,
253
- .su-quote-style-default:after {
254
- position: absolute;
255
- display: block;
256
- width: 20px;
257
- height: 20px;
258
- background-image: url('../images/quote.png');
259
- content: '';
260
- }
261
- .su-quote-style-default:before {
262
- top: 0;
263
- left: 0;
264
- background-position: 0 0;
265
- }
266
- .su-quote-style-default:after {
267
- right: 0;
268
- bottom: 0;
269
- background-position: -20px 0;
270
- }
271
- .su-quote-style-default .su-quote-cite {
272
- position: absolute;
273
- right: 4em;
274
- bottom: -1.5em;
275
- font-style: normal;
276
- }
277
- .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; }
278
- .su-quote-style-default .su-quote-cite a { text-decoration: underline; }
279
-
280
- /* Pullquote
281
- ---------------------------------------------------------------*/
282
-
283
- .su-pullquote {
284
- display: block;
285
- width: 30%;
286
- padding: 0.5em 1em;
287
- }
288
- .su-pullquote-align-left {
289
- margin: 0.5em 1.5em 1em 0;
290
- padding-left: 0;
291
- float: left;
292
- border-right: 5px solid #eee;
293
- }
294
- .su-pullquote-align-right {
295
- margin: 0.5em 0 1em 1.5em;
296
- padding-right: 0;
297
- float: right;
298
- border-left: 5px solid #eee;
299
- }
300
-
301
- /* Row + Column
302
- ---------------------------------------------------------------*/
303
-
304
- .su-row {
305
- clear: both;
306
- zoom: 1;
307
- margin-bottom: 1.5em;
308
- }
309
- .su-row:before,
310
- .su-row:after {
311
- display: table;
312
- content: "";
313
- }
314
- .su-row:after { clear: both; }
315
- .su-column {
316
- display: block;
317
- margin: 0 4% 0 0;
318
- float: left;
319
- -webkit-box-sizing: border-box;
320
- -moz-box-sizing: border-box;
321
- box-sizing: border-box;
322
- }
323
- .su-column-last { margin-right: 0; }
324
- .su-row .su-column { margin: 0 0 0 4%; }
325
- .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; }
326
- .su-row .su-column:first-child { margin-left: 0; }
327
- .su-column-centered {
328
- margin-right: auto !important;
329
- margin-left: auto !important;
330
- float: none !important;
331
- }
332
- .su-column img,
333
- .su-column iframe,
334
- .su-column object,
335
- .su-column embed { max-width: 100%; }
336
- @media only screen {
337
- [class*="su-column"] + [class*="su-column"]:last-child { float: right; }
338
- }
339
- .su-column-size-1-1 { width: 100%; }
340
- .su-column-size-1-2 { width: 48%; }
341
- .su-column-size-1-3 { width: 30.66%; }
342
- .su-column-size-2-3 { width: 65.33%; }
343
- .su-column-size-1-4 { width: 22%; }
344
- .su-column-size-3-4 { width: 74%; }
345
- .su-column-size-1-5 { width: 16.8%; }
346
- .su-column-size-2-5 { width: 37.6%; }
347
- .su-column-size-3-5 { width: 58.4%; }
348
- .su-column-size-4-5 { width: 79.2%; }
349
- .su-column-size-1-6 { width: 13.33%; }
350
- .su-column-size-5-6 { width: 82.66%; }
351
- /* Styles for screens that are less than 768px */
352
- @media only screen and (max-width: 768px) {
353
- .su-column {
354
- width: 100% !important;
355
- margin: 0 0 1.5em 0 !important;
356
- float: none !important;
357
- }
358
- .su-row .su-column:last-child {
359
- margin-bottom: 0 !important;
360
- }
361
- }
362
-
363
- /* Service
364
- ---------------------------------------------------------------*/
365
-
366
- .su-service {
367
- position: relative;
368
- margin: 0 0 1.5em 0;
369
- }
370
- .su-service-title {
371
- display: block;
372
- margin-bottom: 0.5em;
373
- color: #333;
374
- font-weight: bold;
375
- font-size: 1.1em;
376
- }
377
- .su-service-title img {
378
- position: absolute;
379
- top: 0;
380
- left: 0;
381
- display: block !important;
382
- margin: 0 !important;
383
- padding: 0 !important;
384
- border: none !important;
385
- -webkit-box-shadow: none !important;
386
- -moz-box-shadow: none !important;
387
- box-shadow: none !important;
388
- }
389
- .su-service-title i {
390
- position: absolute;
391
- top: 0;
392
- left: 0;
393
- display: block !important;
394
- width: 1em;
395
- height: 1em;
396
- text-align: center;
397
- line-height: 1em;
398
- }
399
- .su-service-content { line-height: 1.4; }
400
-
401
- /* Box
402
- ---------------------------------------------------------------*/
403
-
404
- .su-box {
405
- margin: 0 0 1.5em 0;
406
- border-width: 2px;
407
- border-style: solid;
408
- }
409
- .su-box-title {
410
- display: block;
411
- padding: 0.5em 1em;
412
- font-weight: bold;
413
- font-size: 1.1em;
414
- }
415
- .su-box-content {
416
- background-color: #fff;
417
- color: #444;
418
- padding: 1em;
419
- }
420
- .su-box-style-soft .su-box-title {
421
- background-image: url('../images/styles/style-soft.png');
422
- background-position: 0 0;
423
- background-repeat: repeat-x;
424
- }
425
- .su-box-style-glass .su-box-title {
426
- background-image: url('../images/styles/style-glass.png');
427
- background-position: 0 50%;
428
- background-repeat: repeat-x;
429
- }
430
- .su-box-style-bubbles .su-box-title {
431
- background-image: url('../images/styles/style-bubbles.png');
432
- background-position: 0 50%;
433
- background-repeat: repeat-x;
434
- }
435
- .su-box-style-noise .su-box-title {
436
- background-image: url('../images/styles/style-noise.png');
437
- background-position: 0 0;
438
- background-repeat: repeat-x;
439
- }
440
-
441
- /* Note
442
- ---------------------------------------------------------------*/
443
-
444
- .su-note {
445
- margin: 0 0 1.5em 0;
446
- border-width: 1px;
447
- border-style: solid;
448
- }
449
- .su-note-inner {
450
- padding: 1em;
451
- border-width: 1px;
452
- border-style: solid;
453
- }
454
-
455
- /* Expand
456
- ---------------------------------------------------------------*/
457
-
458
- .su-expand { margin: 0 0 1.5em 0; }
459
- .su-expand-content { overflow: hidden; }
460
- .su-expand-link {
461
- margin-top: 0.5em;
462
- cursor: pointer;
463
- }
464
- .su-expand-link:hover {
465
- opacity: 0.7;
466
- filter: alpha(opacity=70);
467
- }
468
- .su-expand-link a,
469
- .su-expand-link a:hover,
470
- .su-expand-link a:active,
471
- .su-expand-link a:visited,
472
- .su-expand-link a:focus {
473
- display: inline;
474
- text-decoration: none;
475
- background: transparent;
476
- border: none;
477
- }
478
- .su-expand-link-style-default .su-expand-link a,
479
- .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; }
480
- .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; }
481
- .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; }
482
- .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; }
483
- .su-expand-link-style-button .su-expand-link a {
484
- display: inline-block;
485
- margin-top: 0.2em;
486
- padding: 0.2em 0.4em;
487
- border: 2px solid #333;
488
- }
489
- .su-expand-link-more { display: none; }
490
- .su-expand-link-less { display: block; }
491
- .su-expand-collapsed .su-expand-link-more { display: block; }
492
- .su-expand-collapsed .su-expand-link-less { display: none; }
493
- .su-expand-link i {
494
- display: inline-block;
495
- margin: 0 0.3em 0 0;
496
- vertical-align: middle;
497
- color: inherit;
498
- }
499
- .su-expand-link img {
500
- display: inline-block;
501
- width: 1em;
502
- height: 1em;
503
- margin: 0 0.3em 0 0;
504
- vertical-align: middle;
505
- }
506
-
507
- /* Lightbox content
508
- ---------------------------------------------------------------*/
509
-
510
- .su-lightbox-content {
511
- position: relative;
512
- margin: 0 auto;
513
- }
514
- .mfp-content .su-lightbox-content,
515
- #su-generator .su-lightbox-content { display: block !important; }
516
- .su-lightbox-content-preview {
517
- width: 100%;
518
- min-height: 300px;
519
- background: #444;
520
- overflow: hidden;
521
- }
522
- .su-lightbox-content h1,
523
- .su-lightbox-content h2,
524
- .su-lightbox-content h3,
525
- .su-lightbox-content h4,
526
- .su-lightbox-content h5,
527
- .su-lightbox-content h6 { color: inherit; }
528
-
529
- /* Common margin resets for box elements
530
- ---------------------------------------------------------------*/
531
-
532
- .su-column-inner > *:first-child,
533
- .su-accordion > *:first-child,
534
- .su-spoiler-content > *:first-child,
535
- .su-service-content > *:first-child,
536
- .su-box-content > *:first-child,
537
- .su-note-inner > *:first-child,
538
- .su-expand-content > *:first-child,
539
- .su-lightbox-content > *:first-child { margin-top: 0; }
540
- .su-column-inner > *:last-child,
541
- .su-tabs-pane > *:last-child,
542
- .su-accordion > *:last-child,
543
- .su-spoiler-content > *:last-child,
544
- .su-service-content > *:last-child,
545
- .su-box-content > *:last-child,
546
- .su-note-inner > *:last-child,
547
- .su-expand-content > *:last-child,
548
- .su-lightbox-content > *:last-child { margin-bottom: 0; }
1
+ /*** Shortcodes Ultimate - box elements ***/
2
+
3
+ /* Common styles
4
+ ---------------------------------------------------------------*/
5
+
6
+ .su-clearfix:before,
7
+ .su-clearfix:after {
8
+ display: table;
9
+ content: " ";
10
+ }
11
+ .su-clearfix:after { clear: both; }
12
+
13
+ /* Tabs + Tab
14
+ ---------------------------------------------------------------*/
15
+
16
+ .su-tabs {
17
+ margin: 0 0 1.5em 0;
18
+ padding: 3px;
19
+ -webkit-border-radius: 3px;
20
+ -moz-border-radius: 3px;
21
+ border-radius: 3px;
22
+ background: #eee;
23
+ }
24
+ .su-tabs-nav span {
25
+ display: inline-block;
26
+ margin-right: 3px;
27
+ padding: 10px 15px;
28
+ font-size: 13px;
29
+ min-height: 40px;
30
+ line-height: 20px;
31
+ -webkit-border-top-left-radius: 3px;
32
+ -moz-border-radius-topleft: 3px;
33
+ border-top-left-radius: 3px;
34
+ -webkit-border-top-right-radius: 3px;
35
+ -moz-border-radius-topright: 3px;
36
+ border-top-right-radius: 3px;
37
+ color: #333;
38
+ cursor: pointer;
39
+ -webkit-transition: all .2s;
40
+ -moz-transition: all .2s;
41
+ -o-transition: all .2s;
42
+ transition: all .2s;
43
+ }
44
+ .su-tabs-nav span:hover { background: #f5f5f5; }
45
+ .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; }
46
+ .su-tabs-nav span.su-tabs-disabled {
47
+ opacity: 0.5;
48
+ filter: alpha(opacity=50);
49
+ cursor: default;
50
+ }
51
+ .su-tabs-pane {
52
+ padding: 15px;
53
+ font-size: 13px;
54
+ -webkit-border-bottom-right-radius: 3px;
55
+ -moz-border-radius-bottomright: 3px;
56
+ border-bottom-right-radius: 3px;
57
+ -webkit-border-bottom-left-radius: 3px;
58
+ -moz-border-radius-bottomleft: 3px;
59
+ border-bottom-left-radius: 3px;
60
+ background: #fff;
61
+ color: #333;
62
+ }
63
+ .su-tabs-vertical:before,
64
+ .su-tabs-vertical:after {
65
+ content: " ";
66
+ display: table;
67
+ }
68
+ .su-tabs-vertical:after { clear: both; }
69
+ .su-tabs-vertical .su-tabs-nav {
70
+ float: left;
71
+ width: 30%;
72
+ }
73
+ .su-tabs-vertical .su-tabs-nav span {
74
+ display: block;
75
+ margin-right: 0;
76
+ -webkit-border-radius: 0;
77
+ -moz-border-radius: 0;
78
+ border-radius: 0;
79
+ -webkit-border-top-left-radius: 3px;
80
+ -moz-border-radius-topleft: 3px;
81
+ border-top-left-radius: 3px;
82
+ -webkit-border-bottom-left-radius: 3px;
83
+ -moz-border-radius-bottomleft: 3px;
84
+ border-bottom-left-radius: 3px;
85
+ }
86
+ .su-tabs-vertical .su-tabs-panes {
87
+ float: left;
88
+ width: 70%;
89
+ }
90
+ .su-tabs-vertical .su-tabs-pane {
91
+ -webkit-border-radius: 0;
92
+ -moz-border-radius: 0;
93
+ border-radius: 0;
94
+ -webkit-border-top-right-radius: 3px;
95
+ -webkit-border-bottom-right-radius: 3px;
96
+ -moz-border-radius-topright: 3px;
97
+ -moz-border-radius-bottomright: 3px;
98
+ border-top-right-radius: 3px;
99
+ border-bottom-right-radius: 3px;
100
+ }
101
+ .su-tabs-nav,
102
+ .su-tabs-nav span,
103
+ .su-tabs-panes,
104
+ .su-tabs-pane {
105
+ -webkit-box-sizing: border-box !important;
106
+ -moz-box-sizing: border-box !important;
107
+ box-sizing: border-box !important;
108
+ }
109
+ /* Styles for screens that are less than 768px */
110
+ @media only screen and (max-width: 768px) {
111
+ .su-tabs-nav span { display: block; }
112
+ .su-tabs-vertical .su-tabs-nav {
113
+ float: none;
114
+ width: auto;
115
+ }
116
+ .su-tabs-vertical .su-tabs-panes {
117
+ float: none;
118
+ width: auto;
119
+ }
120
+ }
121
+
122
+ /* Spoiler + Accordion
123
+ ---------------------------------------------------------------*/
124
+
125
+ .su-spoiler { margin-bottom: 1.5em; }
126
+ .su-spoiler .su-spoiler:last-child { margin-bottom: 0; }
127
+ .su-accordion { margin-bottom: 1.5em; }
128
+ .su-accordion .su-spoiler { margin-bottom: 0.5em; }
129
+ .su-spoiler-title {
130
+ position: relative;
131
+ cursor: pointer;
132
+ min-height: 20px;
133
+ line-height: 20px;
134
+ padding: 7px 7px 7px 34px;
135
+ font-weight: bold;
136
+ font-size: 13px;
137
+ }
138
+ .su-spoiler-icon {
139
+ position: absolute;
140
+ left: 7px;
141
+ top: 7px;
142
+ display: block;
143
+ width: 20px;
144
+ height: 20px;
145
+ line-height: 21px;
146
+ text-align: center;
147
+ font-size: 14px;
148
+ font-family: FontAwesome;
149
+ font-weight: normal;
150
+ font-style: normal;
151
+ -webkit-font-smoothing: antialiased;
152
+ *margin-right: .3em;
153
+ }
154
+ .su-spoiler-content {
155
+ padding: 14px;
156
+ -webkit-transition: padding-top .2s;
157
+ -moz-transition: padding-top .2s;
158
+ -o-transition: padding-top .2s;
159
+ transition: padding-top .2s;
160
+ -ie-transition: padding-top .2s;
161
+ }
162
+ .su-spoiler.su-spoiler-closed > .su-spoiler-content {
163
+ height: 0;
164
+ margin: 0;
165
+ padding: 0;
166
+ overflow: hidden;
167
+ border: none;
168
+ opacity: 0;
169
+ }
170
+ .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; }
171
+ .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; }
172
+ .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; }
173
+ .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; }
174
+ .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; }
175
+ .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; }
176
+ .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; }
177
+ .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; }
178
+ .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; }
179
+ .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; }
180
+ .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; }
181
+ .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; }
182
+ .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; }
183
+ .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; }
184
+ .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; }
185
+ .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; }
186
+ .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; }
187
+ .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; }
188
+ .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; }
189
+ .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; }
190
+ .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; }
191
+ .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; }
192
+ .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; }
193
+ .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; }
194
+ .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; }
195
+ .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; }
196
+ .su-spoiler-style-default { }
197
+ .su-spoiler-style-default > .su-spoiler-title {
198
+ padding-left: 27px;
199
+ padding-right: 0;
200
+ }
201
+ .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; }
202
+ .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; }
203
+ .su-spoiler-style-fancy {
204
+ border: 1px solid #ccc;
205
+ -webkit-border-radius: 10px;
206
+ -moz-border-radius: 10px;
207
+ border-radius: 10px;
208
+ background: #fff;
209
+ color: #333;
210
+ }
211
+ .su-spoiler-style-fancy > .su-spoiler-title {
212
+ border-bottom: 1px solid #ccc;
213
+ -webkit-border-radius: 10px;
214
+ -moz-border-radius: 10px;
215
+ border-radius: 10px;
216
+ background: #f0f0f0;
217
+ font-size: 0.9em;
218
+ }
219
+ .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; }
220
+ .su-spoiler-style-fancy > .su-spoiler-content {
221
+ -webkit-border-radius: 10px;
222
+ -moz-border-radius: 10px;
223
+ border-radius: 10px;
224
+ }
225
+ .su-spoiler-style-simple {
226
+ border-top: 1px solid #ccc;
227
+ border-bottom: 1px solid #ccc;
228
+ }
229
+ .su-spoiler-style-simple > .su-spoiler-title {
230
+ padding: 5px 10px;
231
+ background: #f0f0f0;
232
+ color: #333;
233
+ font-size: 0.9em;
234
+ }
235
+ .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; }
236
+ .su-spoiler-style-simple > .su-spoiler-content {
237
+ padding: 1em 10px;
238
+ background: #fff;
239
+ color: #333;
240
+ }
241
+
242
+ /* Quote
243
+ ---------------------------------------------------------------*/
244
+
245
+ .su-quote-style-default {
246
+ position: relative;
247
+ margin-bottom: 1.5em;
248
+ padding: 0.5em 3em;
249
+ font-style: italic;
250
+ }
251
+ .su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; }
252
+ .su-quote-style-default:before,
253
+ .su-quote-style-default:after {
254
+ position: absolute;
255
+ display: block;
256
+ width: 20px;
257
+ height: 20px;
258
+ background-image: url('../images/quote.png');
259
+ content: '';
260
+ }
261
+ .su-quote-style-default:before {
262
+ top: 0;
263
+ left: 0;
264
+ background-position: 0 0;
265
+ }
266
+ .su-quote-style-default:after {
267
+ right: 0;
268
+ bottom: 0;
269
+ background-position: -20px 0;
270
+ }
271
+ .su-quote-style-default .su-quote-cite {
272
+ position: absolute;
273
+ right: 4em;
274
+ bottom: -1.5em;
275
+ font-style: normal;
276
+ }
277
+ .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; }
278
+ .su-quote-style-default .su-quote-cite a { text-decoration: underline; }
279
+
280
+ /* Pullquote
281
+ ---------------------------------------------------------------*/
282
+
283
+ .su-pullquote {
284
+ display: block;
285
+ width: 30%;
286
+ padding: 0.5em 1em;
287
+ }
288
+ .su-pullquote-align-left {
289
+ margin: 0.5em 1.5em 1em 0;
290
+ padding-left: 0;
291
+ float: left;
292
+ border-right: 5px solid #eee;
293
+ }
294
+ .su-pullquote-align-right {
295
+ margin: 0.5em 0 1em 1.5em;
296
+ padding-right: 0;
297
+ float: right;
298
+ border-left: 5px solid #eee;
299
+ }
300
+
301
+ /* Row + Column
302
+ ---------------------------------------------------------------*/
303
+
304
+ .su-row {
305
+ clear: both;
306
+ zoom: 1;
307
+ margin-bottom: 1.5em;
308
+ }
309
+ .su-row:before,
310
+ .su-row:after {
311
+ display: table;
312
+ content: "";
313
+ }
314
+ .su-row:after { clear: both; }
315
+ .su-column {
316
+ display: block;
317
+ margin: 0 4% 0 0;
318
+ float: left;
319
+ -webkit-box-sizing: border-box;
320
+ -moz-box-sizing: border-box;
321
+ box-sizing: border-box;
322
+ }
323
+ .su-column-last { margin-right: 0; }
324
+ .su-row .su-column { margin: 0 0 0 4%; }
325
+ .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; }
326
+ .su-row .su-column:first-child { margin-left: 0; }
327
+ .su-column-centered {
328
+ margin-right: auto !important;
329
+ margin-left: auto !important;
330
+ float: none !important;
331
+ }
332
+ .su-column img,
333
+ .su-column iframe,
334
+ .su-column object,
335
+ .su-column embed { max-width: 100%; }
336
+ @media only screen {
337
+ [class*="su-column"] + [class*="su-column"]:last-child { float: right; }
338
+ }
339
+ .su-column-size-1-1 { width: 100%; }
340
+ .su-column-size-1-2 { width: 48%; }
341
+ .su-column-size-1-3 { width: 30.66%; }
342
+ .su-column-size-2-3 { width: 65.33%; }
343
+ .su-column-size-1-4 { width: 22%; }
344
+ .su-column-size-3-4 { width: 74%; }
345
+ .su-column-size-1-5 { width: 16.8%; }
346
+ .su-column-size-2-5 { width: 37.6%; }
347
+ .su-column-size-3-5 { width: 58.4%; }
348
+ .su-column-size-4-5 { width: 79.2%; }
349
+ .su-column-size-1-6 { width: 13.33%; }
350
+ .su-column-size-5-6 { width: 82.66%; }
351
+ /* Styles for screens that are less than 768px */
352
+ @media only screen and (max-width: 768px) {
353
+ .su-column {
354
+ width: 100% !important;
355
+ margin: 0 0 1.5em 0 !important;
356
+ float: none !important;
357
+ }
358
+ .su-row .su-column:last-child {
359
+ margin-bottom: 0 !important;
360
+ }
361
+ }
362
+
363
+ /* Service
364
+ ---------------------------------------------------------------*/
365
+
366
+ .su-service {
367
+ position: relative;
368
+ margin: 0 0 1.5em 0;
369
+ }
370
+ .su-service-title {
371
+ display: block;
372
+ margin-bottom: 0.5em;
373
+ color: #333;
374
+ font-weight: bold;
375
+ font-size: 1.1em;
376
+ }
377
+ .su-service-title img {
378
+ position: absolute;
379
+ top: 0;
380
+ left: 0;
381
+ display: block !important;
382
+ margin: 0 !important;
383
+ padding: 0 !important;
384
+ border: none !important;
385
+ -webkit-box-shadow: none !important;
386
+ -moz-box-shadow: none !important;
387
+ box-shadow: none !important;
388
+ }
389
+ .su-service-title i {
390
+ position: absolute;
391
+ top: 0;
392
+ left: 0;
393
+ display: block !important;
394
+ width: 1em;
395
+ height: 1em;
396
+ text-align: center;
397
+ line-height: 1em;
398
+ }
399
+ .su-service-content { line-height: 1.4; }
400
+
401
+ /* Box
402
+ ---------------------------------------------------------------*/
403
+
404
+ .su-box {
405
+ margin: 0 0 1.5em 0;
406
+ border-width: 2px;
407
+ border-style: solid;
408
+ }
409
+ .su-box-title {
410
+ display: block;
411
+ padding: 0.5em 1em;
412
+ font-weight: bold;
413
+ font-size: 1.1em;
414
+ }
415
+ .su-box-content {
416
+ background-color: #fff;
417
+ color: #444;
418
+ padding: 1em;
419
+ }
420
+ .su-box-style-soft .su-box-title {
421
+ background-image: url('../images/styles/style-soft.png');
422
+ background-position: 0 0;
423
+ background-repeat: repeat-x;
424
+ }
425
+ .su-box-style-glass .su-box-title {
426
+ background-image: url('../images/styles/style-glass.png');
427
+ background-position: 0 50%;
428
+ background-repeat: repeat-x;
429
+ }
430
+ .su-box-style-bubbles .su-box-title {
431
+ background-image: url('../images/styles/style-bubbles.png');
432
+ background-position: 0 50%;
433
+ background-repeat: repeat-x;
434
+ }
435
+ .su-box-style-noise .su-box-title {
436
+ background-image: url('../images/styles/style-noise.png');
437
+ background-position: 0 0;
438
+ background-repeat: repeat-x;
439
+ }
440
+
441
+ /* Note
442
+ ---------------------------------------------------------------*/
443
+
444
+ .su-note {
445
+ margin: 0 0 1.5em 0;
446
+ border-width: 1px;
447
+ border-style: solid;
448
+ }
449
+ .su-note-inner {
450
+ padding: 1em;
451
+ border-width: 1px;
452
+ border-style: solid;
453
+ }
454
+
455
+ /* Expand
456
+ ---------------------------------------------------------------*/
457
+
458
+ .su-expand { margin: 0 0 1.5em 0; }
459
+ .su-expand-content { overflow: hidden; }
460
+ .su-expand-link {
461
+ margin-top: 0.5em;
462
+ cursor: pointer;
463
+ }
464
+ .su-expand-link:hover {
465
+ opacity: 0.7;
466
+ filter: alpha(opacity=70);
467
+ }
468
+ .su-expand-link a,
469
+ .su-expand-link a:hover,
470
+ .su-expand-link a:active,
471
+ .su-expand-link a:visited,
472
+ .su-expand-link a:focus {
473
+ display: inline;
474
+ text-decoration: none;
475
+ background: transparent;
476
+ border: none;
477
+ }
478
+ .su-expand-link-style-default .su-expand-link a,
479
+ .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; }
480
+ .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; }
481
+ .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; }
482
+ .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; }
483
+ .su-expand-link-style-button .su-expand-link a {
484
+ display: inline-block;
485
+ margin-top: 0.2em;
486
+ padding: 0.2em 0.4em;
487
+ border: 2px solid #333;
488
+ }
489
+ .su-expand-link-more { display: none; }
490
+ .su-expand-link-less { display: block; }
491
+ .su-expand-collapsed .su-expand-link-more { display: block; }
492
+ .su-expand-collapsed .su-expand-link-less { display: none; }
493
+ .su-expand-link i {
494
+ display: inline-block;
495
+ margin: 0 0.3em 0 0;
496
+ vertical-align: middle;
497
+ color: inherit;
498
+ }
499
+ .su-expand-link img {
500
+ display: inline-block;
501
+ width: 1em;
502
+ height: 1em;
503
+ margin: 0 0.3em 0 0;
504
+ vertical-align: middle;
505
+ }
506
+
507
+ /* Lightbox content
508
+ ---------------------------------------------------------------*/
509
+
510
+ .su-lightbox-content {
511
+ position: relative;
512
+ margin: 0 auto;
513
+ }
514
+ .mfp-content .su-lightbox-content,
515
+ #su-generator .su-lightbox-content { display: block !important; }
516
+ .su-lightbox-content-preview {
517
+ width: 100%;
518
+ min-height: 300px;
519
+ background: #444;
520
+ overflow: hidden;
521
+ }
522
+ .su-lightbox-content h1,
523
+ .su-lightbox-content h2,
524
+ .su-lightbox-content h3,
525
+ .su-lightbox-content h4,
526
+ .su-lightbox-content h5,
527
+ .su-lightbox-content h6 { color: inherit; }
528
+
529
+ /* Common margin resets for box elements
530
+ ---------------------------------------------------------------*/
531
+
532
+ .su-column-inner > *:first-child,
533
+ .su-accordion > *:first-child,
534
+ .su-spoiler-content > *:first-child,
535
+ .su-service-content > *:first-child,
536
+ .su-box-content > *:first-child,
537
+ .su-note-inner > *:first-child,
538
+ .su-expand-content > *:first-child,
539
+ .su-lightbox-content > *:first-child { margin-top: 0; }
540
+ .su-column-inner > *:last-child,
541
+ .su-tabs-pane > *:last-child,
542
+ .su-accordion > *:last-child,
543
+ .su-spoiler-content > *:last-child,
544
+ .su-service-content > *:last-child,
545
+ .su-box-content > *:last-child,
546
+ .su-note-inner > *:last-child,
547
+ .su-expand-content > *:last-child,
548
+ .su-lightbox-content > *:last-child { margin-bottom: 0; }
assets/css/cheatsheet.css CHANGED
@@ -1,88 +1,88 @@
1
- #su-cheatsheet-screen table {
2
- margin: 30px 0;
3
- margin-bottom: 1.11111rem;
4
- border: solid 1px #ddd;
5
- background: #fff;
6
- }
7
- #su-cheatsheet-screen table thead {
8
- background: #f5f5f5;
9
- }
10
- #su-cheatsheet-screen table thead tr th,
11
- #su-cheatsheet-screen table thead tr td {
12
- padding: 0.44444rem 0.55556rem 0.55556rem;
13
- color: #222;
14
- font-weight: bold;
15
- }
16
- #su-cheatsheet-screen table tfoot {
17
- background: #f5f5f5;
18
- }
19
- #su-cheatsheet-screen table tfoot tr th,
20
- #su-cheatsheet-screen table tfoot tr td {
21
- padding: 0.44444rem 0.55556rem 0.55556rem;
22
- color: #222;
23
- font-weight: bold;
24
- }
25
- #su-cheatsheet-screen table tr th,
26
- #su-cheatsheet-screen table tr td {
27
- padding: 0.5rem 0.55556rem;
28
- color: #222;
29
- text-align: left;
30
- }
31
- #su-cheatsheet-screen table tr.even,
32
- #su-cheatsheet-screen table tr.alt,
33
- #su-cheatsheet-screen table tr:nth-of-type(even) {
34
- background: #f9f9f9;
35
- }
36
- #su-cheatsheet-screen table thead tr th,
37
- #su-cheatsheet-screen table tfoot tr th,
38
- #su-cheatsheet-screen table tfoot tr td,
39
- #su-cheatsheet-screen table tbody tr th,
40
- #su-cheatsheet-screen table tbody tr td,
41
- #su-cheatsheet-screen table tr td {
42
- display: table-cell;
43
- vertical-align: top;
44
- }
45
-
46
- #su-cheatsheet-screen table .su-shortcode-icon {
47
- display: inline-block;
48
- width: 24px;
49
- opacity: 0.5;
50
- filter: alpha(opacity=50);
51
- }
52
- #su-cheatsheet-screen table .su-shortcode-desc {
53
- font-size: 0.8em;
54
- color: #777;
55
- margin: 5px 0 0 0;
56
- font-style: normal;
57
- }
58
-
59
- #su-cheatsheet-screen table .su-shortcode-attribute {
60
- margin-top: 1.5em;
61
- color: #666;
62
- }
63
- #su-cheatsheet-screen table .su-shortcode-attribute:first-child { margin-top: 0; }
64
- #su-cheatsheet-screen table .su-shortcode-attribute p { margin: 5px; }
65
- #su-cheatsheet-screen table .su-shortcode-attribute strong,
66
- #su-cheatsheet-screen table .su-shortcode-attribute em {
67
- color: #000;
68
- font-style: normal;
69
- }
70
- #su-cheatsheet-screen table .su-shortcode-attribute strong em {
71
- color: #666;
72
- font-weight: normal;
73
- font-style: normal;
74
- }
75
- #su-cheatsheet-screen table code {
76
- display: block;
77
- white-space: pre-wrap;
78
- font-family: monospace;
79
- }
80
-
81
- body.su-print-cheatsheet #wpadminbar,
82
- body.su-print-cheatsheet #adminmenuback,
83
- body.su-print-cheatsheet #adminmenuwrap,
84
- body.su-print-cheatsheet #wpfooter { display: none; }
85
- body.su-print-cheatsheet #wpcontent { margin: 0 0 0 30px; }
86
- #su-cheatsheet-print-head { display: none; }
87
- body.su-print-cheatsheet #su-cheatsheet-print-head { display: inline-block; }
88
- body.su-print-cheatsheet #su-cheatsheet-print { display: none; }
1
+ #su-cheatsheet-screen table {
2
+ margin: 30px 0;
3
+ margin-bottom: 1.11111rem;
4
+ border: solid 1px #ddd;
5
+ background: #fff;
6
+ }
7
+ #su-cheatsheet-screen table thead {
8
+ background: #f5f5f5;
9
+ }
10
+ #su-cheatsheet-screen table thead tr th,
11
+ #su-cheatsheet-screen table thead tr td {
12
+ padding: 0.44444rem 0.55556rem 0.55556rem;
13
+ color: #222;
14
+ font-weight: bold;
15
+ }
16
+ #su-cheatsheet-screen table tfoot {
17
+ background: #f5f5f5;
18
+ }
19
+ #su-cheatsheet-screen table tfoot tr th,
20
+ #su-cheatsheet-screen table tfoot tr td {
21
+ padding: 0.44444rem 0.55556rem 0.55556rem;
22
+ color: #222;
23
+ font-weight: bold;
24
+ }
25
+ #su-cheatsheet-screen table tr th,
26
+ #su-cheatsheet-screen table tr td {
27
+ padding: 0.5rem 0.55556rem;
28
+ color: #222;
29
+ text-align: left;
30
+ }
31
+ #su-cheatsheet-screen table tr.even,
32
+ #su-cheatsheet-screen table tr.alt,
33
+ #su-cheatsheet-screen table tr:nth-of-type(even) {
34
+ background: #f9f9f9;
35
+ }
36
+ #su-cheatsheet-screen table thead tr th,
37
+ #su-cheatsheet-screen table tfoot tr th,
38
+ #su-cheatsheet-screen table tfoot tr td,
39
+ #su-cheatsheet-screen table tbody tr th,
40
+ #su-cheatsheet-screen table tbody tr td,
41
+ #su-cheatsheet-screen table tr td {
42
+ display: table-cell;
43
+ vertical-align: top;
44
+ }
45
+
46
+ #su-cheatsheet-screen table .su-shortcode-icon {
47
+ display: inline-block;
48
+ width: 24px;
49
+ opacity: 0.5;
50
+ filter: alpha(opacity=50);
51
+ }
52
+ #su-cheatsheet-screen table .su-shortcode-desc {
53
+ font-size: 0.8em;
54
+ color: #777;
55
+ margin: 5px 0 0 0;
56
+ font-style: normal;
57
+ }
58
+
59
+ #su-cheatsheet-screen table .su-shortcode-attribute {
60
+ margin-top: 1.5em;
61
+ color: #666;
62
+ }
63
+ #su-cheatsheet-screen table .su-shortcode-attribute:first-child { margin-top: 0; }
64
+ #su-cheatsheet-screen table .su-shortcode-attribute p { margin: 5px; }
65
+ #su-cheatsheet-screen table .su-shortcode-attribute strong,
66
+ #su-cheatsheet-screen table .su-shortcode-attribute em {
67
+ color: #000;
68
+ font-style: normal;
69
+ }
70
+ #su-cheatsheet-screen table .su-shortcode-attribute strong em {
71
+ color: #666;
72
+ font-weight: normal;
73
+ font-style: normal;
74
+ }
75
+ #su-cheatsheet-screen table code {
76
+ display: block;
77
+ white-space: pre-wrap;
78
+ font-family: monospace;
79
+ }
80
+
81
+ body.su-print-cheatsheet #wpadminbar,
82
+ body.su-print-cheatsheet #adminmenuback,
83
+ body.su-print-cheatsheet #adminmenuwrap,
84
+ body.su-print-cheatsheet #wpfooter { display: none; }
85
+ body.su-print-cheatsheet #wpcontent { margin: 0 0 0 30px; }
86
+ #su-cheatsheet-print-head { display: none; }
87
+ body.su-print-cheatsheet #su-cheatsheet-print-head { display: inline-block; }
88
+ body.su-print-cheatsheet #su-cheatsheet-print { display: none; }
assets/css/content-shortcodes.css CHANGED
@@ -1,396 +1,396 @@
1
- /*** Shortcodes Ultimate - content elements ***/
2
-
3
- /* Heading
4
- ---------------------------------------------------------------*/
5
-
6
- .su-heading-style-default {
7
- padding: 2px 0;
8
- border-top: 1px solid #999;
9
- border-bottom: 1px solid #999;
10
- }
11
- .su-heading-style-default .su-heading-inner {
12
- padding: 1em 0.5em;
13
- border-top: 4px solid #eee;
14
- border-bottom: 4px solid #eee;
15
- }
16
- .su-heading.su-heading-align-left { text-align: left; }
17
- .su-heading.su-heading-align-left .su-heading-inner { padding-left: 0.2em; }
18
- .su-heading.su-heading-align-right { text-align: right; }
19
- .su-heading.su-heading-align-right .su-heading-inner { padding-right: 0.2em; }
20
- .su-heading.su-heading-align-center { text-align: center; }
21
-
22
- /* Divider
23
- ---------------------------------------------------------------*/
24
-
25
- .su-divider {
26
- clear: both;
27
- border: none;
28
- text-align: right;
29
- line-height: 1;
30
- }
31
- .su-divider a {
32
- display: inline-block;
33
- font-size: 0.8em;
34
- text-decoration: none;
35
- outline: none;
36
- padding-bottom: 5px;
37
- }
38
- .su-divider-style-default { border-bottom-style: solid; }
39
- .su-divider-style-dotted { border-bottom-style: dotted; }
40
- .su-divider-style-dashed { border-bottom-style: dashed; }
41
- .su-divider-style-double { border-bottom-style: double; }
42
-
43
- /* Spacer
44
- ---------------------------------------------------------------*/
45
-
46
- .su-spacer {
47
- display: block;
48
- height: 0;
49
- clear: both;
50
- overflow: hidden;
51
- }
52
- .su-spacer-5 { height: 5px }
53
- .su-spacer-10 { height: 10px }
54
- .su-spacer-20 { height: 20px }
55
- .su-spacer-30 { height: 30px }
56
- .su-spacer-40 { height: 40px }
57
-
58
- /* Highlight
59
- ---------------------------------------------------------------*/
60
-
61
- .su-highlight {
62
- display: inline;
63
- padding: 1px 0;
64
- }
65
-
66
- /* Label
67
- ---------------------------------------------------------------*/
68
-
69
- .su-label {
70
- display: inline;
71
- margin-right: 0.3em;
72
- padding: 0.1em 0.3em;
73
- font-size: 0.8em;
74
- height: 0.8em;
75
- line-height: 0.8em;
76
- color: #fff;
77
- border-radius: 3px;
78
- -moz-border-radius: 3px;
79
- -webkit-border-radius: 3px;
80
- }
81
- .su-label-type-default { background: #999 }
82
- .su-label-type-success { background: #090 }
83
- .su-label-type-warning { background: #f90 }
84
- .su-label-type-important { background: #f03 }
85
- .su-label-type-black { background: #111 }
86
- .su-label-type-info { background: #09c }
87
-
88
- /* Dropcap
89
- ---------------------------------------------------------------*/
90
-
91
- .su-dropcap {
92
- float: left;
93
- display: inline-block;
94
- width: 2em;
95
- height: 2em;
96
- margin: 0.2em 0.5em 0.2em 0;
97
- line-height: 2em;
98
- text-align: center;
99
- overflow: hidden;
100
- text-transform: uppercase;
101
- }
102
- .su-dropcap-style-default {
103
- color: #fff;
104
- background: rgb(69, 72, 77); /* Old browsers */
105
- background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
106
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
107
- background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
108
- background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
109
- background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
110
- background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C */
111
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); /* IE6-9 */
112
- text-shadow: -1px -1px 0 #000;
113
- -moz-text-shadow: -1px -1px 0 #000;
114
- -webkit-text-shadow: -1px -1px 0 #000;
115
- border-radius: 50%;
116
- -moz-border-radius: 50%;
117
- -webkit-border-radius: 50%;
118
- }
119
- .su-dropcap-style-flat {
120
- background: #444;
121
- color: #fff;
122
- }
123
- .su-dropcap-style-light {
124
- color: #333;
125
- border-radius: 50%;
126
- -moz-border-radius: 50%;
127
- -webkit-border-radius: 50%;
128
- background: rgb(255, 255, 255); /* Old browsers */
129
- background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* FF3.6+ */
130
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(234, 234, 234, 1))); /* Chrome,Safari4+ */
131
- background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Chrome10+,Safari5.1+ */
132
- background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Opera 11.10+ */
133
- background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* IE10+ */
134
- background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* W3C */
135
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
136
- }
137
- .su-dropcap-style-simple {
138
- width: 1em;
139
- height: 1em;
140
- line-height: 1em;
141
- text-align: left;
142
- }
143
-
144
- /* Frame
145
- ---------------------------------------------------------------*/
146
-
147
- .su-frame,
148
- .su-frame-inner { display: block; }
149
- .su-frame-align-left {
150
- float: left;
151
- margin: 0 1em 1em 0;
152
- }
153
- .su-frame-align-center {
154
- float: none;
155
- margin: 1em auto;
156
- }
157
- .su-frame-align-right {
158
- float: right;
159
- margin: 0 0 1em 1em;
160
- }
161
- .su-frame img {
162
- display: block !important;
163
- float: none !important;
164
- padding: 0 !important;
165
- margin: 0 !important;
166
- border: none !important;
167
- box-shadow: none !important;
168
- }
169
- .su-frame-style-default {
170
- padding: 2px;
171
- border: 1px solid #999;
172
- background: #fff;
173
- -webkit-box-shadow: 1px 1px 4px #ccc;
174
- -moz-box-shadow: 1px 1px 4px #ccc;
175
- box-shadow: 1px 1px 4px #ccc;
176
- }
177
- .su-frame-style-default .su-frame-inner {
178
- padding: 2px;
179
- border: 4px solid #eee;
180
- }
181
-
182
- /* List
183
- ---------------------------------------------------------------*/
184
-
185
- .su-list ul {
186
- list-style: none !important;
187
- margin: 0 0 1.5em 0 !important;
188
- padding: 0 !important;
189
- }
190
- .su-list ul li {
191
- position: relative;
192
- list-style-type: none !important;
193
- display: block !important;
194
- line-height: 1.3em;
195
- margin: 0 !important;
196
- padding: 4px 0 4px 2em !important;
197
- }
198
- .su-list ul li > img {
199
- position: absolute;
200
- left: 0;
201
- top: 4px;
202
- width: 1.3em;
203
- height: 1.3em;
204
- padding: 0;
205
- margin: 0;
206
- border: none;
207
- }
208
- .su-list ul li i {
209
- position: absolute;
210
- left: 0;
211
- top: 4px;
212
- width: 1.3em;
213
- height: 1.3em;
214
- line-height: 1.3em;
215
- text-align: center;
216
- }
217
-
218
- /* Button
219
- ---------------------------------------------------------------*/
220
-
221
- .su-button {
222
- display: inline-block !important;
223
- text-align: center;
224
- text-decoration: none !important;
225
- box-sizing: content-box !important;
226
- -moz-box-sizing: content-box !important;
227
- -webkit-box-sizing: content-box !important;
228
- transition: all .2s;
229
- -o-transition: all .2s;
230
- -ie-transition: all .2s;
231
- -moz-transition: all .2s;
232
- -webkit-transition: all .2s;
233
- }
234
- .su-button-wide {
235
- display: block !important;
236
- margin: 1em 0;
237
- }
238
- .su-button-center { text-align: center; }
239
- .su-button span {
240
- display: block !important;
241
- text-decoration: none !important;
242
- box-sizing: content-box !important;
243
- -moz-box-sizing: content-box !important;
244
- -webkit-box-sizing: content-box !important;
245
- transition: all .2s;
246
- -o-transition: all .2s;
247
- -ie-transition: all .2s;
248
- -moz-transition: all .2s;
249
- -webkit-transition: all .2s;
250
- }
251
- .su-button img {
252
- border: none !important;
253
- vertical-align: middle !important;
254
- margin: -0.2em 0.4em 0 -0.3em !important;
255
- box-shadow: none !important;
256
- -moz-box-shadow: none !important;
257
- -webkit-box-shadow: none !important;
258
- }
259
- .su-button i {
260
- display: inline-block;
261
- width: 1em;
262
- height: 1em;
263
- margin: 0 0.5em 0 0 !important;
264
- text-align: center;
265
- line-height: 1em;
266
- }
267
- .su-button.su-button-float-icon img { margin: 0 0.5em !important }
268
- .su-button small {
269
- display: block;
270
- margin: -0.2em 0 0 0;
271
- color: inherit;
272
- text-align: center;
273
- font-style: normal;
274
- font-size: 0.8em;
275
- line-height: 1;
276
- opacity: 0.7;
277
- filter: alpha(opacity=70);
278
- }
279
- .su-button-style-default {
280
- border-width: 1px;
281
- border-style: solid;
282
- }
283
- .su-button-style-default:hover {
284
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
285
- filter: alpha(opacity=70);
286
- -moz-opacity: 0.7;
287
- -khtml-opacity: 0.7;
288
- opacity: 0.7;
289
- }
290
- .su-button-style-default span {
291
- border-top-width: 1px;
292
- border-bottom-width: 1px;
293
- border-top-style: solid;
294
- border-bottom-style: solid;
295
- }
296
- .su-button-style-flat,
297
- .su-button-style-flat span { border: none }
298
- .su-button-style-flat span { position: relative }
299
- .su-button-style-flat:hover span { top: 1px }
300
- .su-button-style-ghost { background: transparent !important; }
301
- .su-button-style-ghost span {
302
- border-width: 3px;
303
- border-style: solid;
304
- }
305
- .su-button-style-ghost:hover span { border-color: inherit !important; }
306
- .su-button-style-soft span { background: 0 -20px url('../images/styles/style-soft.png') repeat-x }
307
- .su-button-style-soft:hover span { background: 0 0 url('../images/styles/style-soft.png') repeat-x }
308
- .su-button-style-glass span { background: 0 50% url('../images/styles/style-glass.png') repeat-x }
309
- .su-button-style-glass:hover span { background: 100% 50% url('../images/styles/style-glass.png') repeat-x }
310
- .su-button-style-bubbles span { background: 0 50% url('../images/styles/style-bubbles.png') no-repeat }
311
- .su-button-style-bubbles:hover span { background: -710px 50% url('../images/styles/style-bubbles.png') no-repeat }
312
- .su-button-style-noise span { background: 0 0 url('../images/styles/style-noise.png') repeat-x }
313
- .su-button-style-noise:hover span { background: 0 0 url('../images/styles/style-noise.png') repeat-x }
314
- .su-button-style-stroked span {
315
- margin: 1px;
316
- border: 1px dashed #fff !important;
317
- }
318
- .su-button-style-stroked:hover span {
319
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
320
- filter: alpha(opacity=70);
321
- -moz-opacity: 0.7;
322
- -khtml-opacity: 0.7;
323
- opacity: 0.7;
324
- }
325
- .su-button-style-3d {
326
- border-bottom-style: solid;
327
- border-bottom-width: 6px;
328
- }
329
- .su-button-style-3d span {
330
- border-bottom-style: solid;
331
- border-bottom-width: 1px;
332
- }
333
- .su-button-style-3d:hover {
334
- position: relative;
335
- top: 3px;
336
- border-bottom-width: 3px;
337
- }
338
-
339
- /* Table
340
- ---------------------------------------------------------------*/
341
-
342
- .su-table table {
343
- width: 100% !important;
344
- margin: 0 0 1.5em 0 !important;
345
- border-collapse: collapse !important;
346
- font-size: 1em !important;
347
- border: 1px solid #ccc !important;
348
- }
349
- .su-table th {
350
- text-align: center !important;
351
- padding: 1em !important;
352
- font-size: 1em !important;
353
- font-weight: normal !important;
354
- color: #333 !important;
355
- border: 1px solid #ccc !important;
356
- background: #f0f0f0 !important;
357
- }
358
- .su-table td {
359
- padding: 0.5em 1em !important;
360
- border: 1px solid #ccc !important;
361
- background: #fff !important;
362
- }
363
- .su-table .su-even td { background: #f7f7f7 !important }
364
-
365
- /* QR code
366
- ---------------------------------------------------------------*/
367
-
368
- .su-qrcode { display: inline-block; }
369
- .su-qrcode-align-left {
370
- float: left;
371
- margin: 0 0.5em 0.5em 0;
372
- }
373
- .su-qrcode-align-center {
374
- display: block;
375
- clear: both;
376
- margin: 1em auto;
377
- text-align: center;
378
- }
379
- .su-qrcode-align-right {
380
- float: right;
381
- margin: 0 0 0.5em 0.5em;
382
- }
383
- .su-qrcode a,
384
- .su-qrcode a:hover,
385
- .su-qrcode a:active,
386
- .su-qrcode a:focus {
387
- background: transparent;
388
- outline: none;
389
- display: inline;
390
- text-decoration: none;
391
- }
392
- .su-qrcode-clickable a:hover {
393
- opacity: 0.7;
394
- filter: alpha(opacity=70);
395
- }
396
.su-qrcode img { max-width: 100%; }
1
+ /*** Shortcodes Ultimate - content elements ***/
2
+
3
+ /* Heading
4
+ ---------------------------------------------------------------*/
5
+
6
+ .su-heading-style-default {
7
+ padding: 2px 0;
8
+ border-top: 1px solid #999;
9
+ border-bottom: 1px solid #999;
10
+ }
11
+ .su-heading-style-default .su-heading-inner {
12
+ padding: 1em 0.5em;
13
+ border-top: 4px solid #eee;
14
+ border-bottom: 4px solid #eee;
15
+ }
16
+ .su-heading.su-heading-align-left { text-align: left; }
17
+ .su-heading.su-heading-align-left .su-heading-inner { padding-left: 0.2em; }
18
+ .su-heading.su-heading-align-right { text-align: right; }
19
+ .su-heading.su-heading-align-right .su-heading-inner { padding-right: 0.2em; }
20
+ .su-heading.su-heading-align-center { text-align: center; }
21
+
22
+ /* Divider
23
+ ---------------------------------------------------------------*/
24
+
25
+ .su-divider {
26
+ clear: both;
27
+ border: none;
28
+ text-align: right;
29
+ line-height: 1;
30
+ }
31
+ .su-divider a {
32
+ display: inline-block;
33
+ font-size: 0.8em;
34
+ text-decoration: none;
35
+ outline: none;
36
+ padding-bottom: 5px;
37
+ }
38
+ .su-divider-style-default { border-bottom-style: solid; }
39
+ .su-divider-style-dotted { border-bottom-style: dotted; }
40
+ .su-divider-style-dashed { border-bottom-style: dashed; }
41
+ .su-divider-style-double { border-bottom-style: double; }
42
+
43
+ /* Spacer
44
+ ---------------------------------------------------------------*/
45
+
46
+ .su-spacer {
47
+ display: block;
48
+ height: 0;
49
+ clear: both;
50
+ overflow: hidden;
51
+ }
52
+ .su-spacer-5 { height: 5px }
53
+ .su-spacer-10 { height: 10px }
54
+ .su-spacer-20 { height: 20px }
55
+ .su-spacer-30 { height: 30px }
56
+ .su-spacer-40 { height: 40px }
57
+
58
+ /* Highlight
59
+ ---------------------------------------------------------------*/
60
+
61
+ .su-highlight {
62
+ display: inline;
63
+ padding: 1px 0;
64
+ }
65
+
66
+ /* Label
67
+ ---------------------------------------------------------------*/
68
+
69
+ .su-label {
70
+ display: inline;
71
+ margin-right: 0.3em;
72
+ padding: 0.1em 0.3em;
73
+ font-size: 0.8em;
74
+ height: 0.8em;
75
+ line-height: 0.8em;
76
+ color: #fff;
77
+ border-radius: 3px;
78
+ -moz-border-radius: 3px;
79
+ -webkit-border-radius: 3px;
80
+ }
81
+ .su-label-type-default { background: #999 }
82
+ .su-label-type-success { background: #090 }
83
+ .su-label-type-warning { background: #f90 }
84
+ .su-label-type-important { background: #f03 }
85
+ .su-label-type-black { background: #111 }
86
+ .su-label-type-info { background: #09c }
87
+
88
+ /* Dropcap
89
+ ---------------------------------------------------------------*/
90
+
91
+ .su-dropcap {
92
+ float: left;
93
+ display: inline-block;
94
+ width: 2em;
95
+ height: 2em;
96
+ margin: 0.2em 0.5em 0.2em 0;
97
+ line-height: 2em;
98
+ text-align: center;
99
+ overflow: hidden;
100
+ text-transform: uppercase;
101
+ }
102
+ .su-dropcap-style-default {
103
+ color: #fff;
104
+ background: rgb(69, 72, 77); /* Old browsers */
105
+ background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
106
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
107
+ background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
108
+ background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
109
+ background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
110
+ background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C */
111
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); /* IE6-9 */
112
+ text-shadow: -1px -1px 0 #000;
113
+ -moz-text-shadow: -1px -1px 0 #000;
114
+ -webkit-text-shadow: -1px -1px 0 #000;
115
+ border-radius: 50%;
116
+ -moz-border-radius: 50%;
117
+ -webkit-border-radius: 50%;
118
+ }
119
+ .su-dropcap-style-flat {
120
+ background: #444;
121
+ color: #fff;
122
+ }
123
+ .su-dropcap-style-light {
124
+ color: #333;
125
+ border-radius: 50%;
126
+ -moz-border-radius: 50%;
127
+ -webkit-border-radius: 50%;
128
+ background: rgb(255, 255, 255); /* Old browsers */
129
+ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* FF3.6+ */
130
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(234, 234, 234, 1))); /* Chrome,Safari4+ */
131
+ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Chrome10+,Safari5.1+ */
132
+ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Opera 11.10+ */
133
+ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* IE10+ */
134
+ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* W3C */
135
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
136
+ }
137
+ .su-dropcap-style-simple {
138
+ width: 1em;
139
+ height: 1em;
140
+ line-height: 1em;
141
+ text-align: left;
142
+ }
143
+
144
+ /* Frame
145
+ ---------------------------------------------------------------*/
146
+
147
+ .su-frame,
148
+ .su-frame-inner { display: block; }
149
+ .su-frame-align-left {
150
+ float: left;
151
+ margin: 0 1em 1em 0;
152
+ }
153
+ .su-frame-align-center {
154
+ float: none;
155
+ margin: 1em auto;
156
+ }
157
+ .su-frame-align-right {
158
+ float: right;
159
+ margin: 0 0 1em 1em;
160
+ }
161
+ .su-frame img {
162
+ display: block !important;
163
+ float: none !important;
164
+ padding: 0 !important;
165
+ margin: 0 !important;
166
+ border: none !important;
167
+ box-shadow: none !important;
168
+ }
169
+ .su-frame-style-default {
170
+ padding: 2px;
171
+ border: 1px solid #999;
172
+ background: #fff;
173
+ -webkit-box-shadow: 1px 1px 4px #ccc;
174
+ -moz-box-shadow: 1px 1px 4px #ccc;
175
+ box-shadow: 1px 1px 4px #ccc;
176
+ }
177
+ .su-frame-style-default .su-frame-inner {
178
+ padding: 2px;
179
+ border: 4px solid #eee;
180
+ }
181
+
182
+ /* List
183
+ ---------------------------------------------------------------*/
184
+
185
+ .su-list ul {
186
+ list-style: none !important;
187
+ margin: 0 0 1.5em 0 !important;
188
+ padding: 0 !important;
189
+ }
190
+ .su-list ul li {
191
+ position: relative;
192
+ list-style-type: none !important;
193
+ display: block !important;
194
+ line-height: 1.3em;
195
+ margin: 0 !important;
196
+ padding: 4px 0 4px 2em !important;
197
+ }
198
+ .su-list ul li > img {
199
+ position: absolute;
200
+ left: 0;
201
+ top: 4px;
202
+ width: 1.3em;
203
+ height: 1.3em;
204
+ padding: 0;
205
+ margin: 0;
206
+ border: none;
207
+ }
208
+ .su-list ul li i {
209
+ position: absolute;
210
+ left: 0;
211
+ top: 4px;
212
+ width: 1.3em;
213
+ height: 1.3em;
214
+ line-height: 1.3em;
215
+ text-align: center;
216
+ }
217
+
218
+ /* Button
219
+ ---------------------------------------------------------------*/
220
+
221
+ .su-button {
222
+ display: inline-block !important;
223
+ text-align: center;
224
+ text-decoration: none !important;
225
+ box-sizing: content-box !important;
226
+ -moz-box-sizing: content-box !important;
227
+ -webkit-box-sizing: content-box !important;
228
+ transition: all .2s;
229
+ -o-transition: all .2s;
230
+ -ie-transition: all .2s;
231
+ -moz-transition: all .2s;
232
+ -webkit-transition: all .2s;
233
+ }
234
+ .su-button-wide {
235
+ display: block !important;
236
+ margin: 1em 0;
237
+ }
238
+ .su-button-center { text-align: center; }
239
+ .su-button span {
240
+ display: block !important;
241
+ text-decoration: none !important;
242
+ box-sizing: content-box !important;
243
+ -moz-box-sizing: content-box !important;
244
+ -webkit-box-sizing: content-box !important;
245
+ transition: all .2s;
246
+ -o-transition: all .2s;
247
+ -ie-transition: all .2s;
248
+ -moz-transition: all .2s;
249
+ -webkit-transition: all .2s;
250
+ }
251
+ .su-button img {
252
+ border: none !important;
253
+ vertical-align: middle !important;
254
+ margin: -0.2em 0.4em 0 -0.3em !important;
255
+ box-shadow: none !important;
256
+ -moz-box-shadow: none !important;
257
+ -webkit-box-shadow: none !important;
258
+ }
259
+ .su-button i {
260
+ display: inline-block;
261
+ width: 1em;
262
+ height: 1em;
263
+ margin: 0 0.5em 0 0 !important;
264
+ text-align: center;
265
+ line-height: 1em;
266
+ }
267
+ .su-button.su-button-float-icon img { margin: 0 0.5em !important }
268
+ .su-button small {
269
+ display: block;
270
+ margin: -0.2em 0 0 0;
271
+ color: inherit;
272
+ text-align: center;
273
+ font-style: normal;
274
+ font-size: 0.8em;
275
+ line-height: 1;
276
+ opacity: 0.7;
277
+ filter: alpha(opacity=70);
278
+ }
279
+ .su-button-style-default {
280
+ border-width: 1px;
281
+ border-style: solid;
282
+ }
283
+ .su-button-style-default:hover {
284
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
285
+ filter: alpha(opacity=70);
286
+ -moz-opacity: 0.7;
287
+ -khtml-opacity: 0.7;
288
+ opacity: 0.7;
289
+ }
290
+ .su-button-style-default span {
291
+ border-top-width: 1px;
292
+ border-bottom-width: 1px;
293
+ border-top-style: solid;
294
+ border-bottom-style: solid;
295
+ }
296
+ .su-button-style-flat,
297
+ .su-button-style-flat span { border: none }
298
+ .su-button-style-flat span { position: relative }
299
+ .su-button-style-flat:hover span { top: 1px }
300
+ .su-button-style-ghost { background: transparent !important; }
301
+ .su-button-style-ghost span {
302
+ border-width: 3px;
303
+ border-style: solid;
304
+ }
305
+ .su-button-style-ghost:hover span { border-color: inherit !important; }
306
+ .su-button-style-soft span { background: 0 -20px url('../images/styles/style-soft.png') repeat-x }
307
+ .su-button-style-soft:hover span { background: 0 0 url('../images/styles/style-soft.png') repeat-x }
308
+ .su-button-style-glass span { background: 0 50% url('../images/styles/style-glass.png') repeat-x }
309
+ .su-button-style-glass:hover span { background: 100% 50% url('../images/styles/style-glass.png') repeat-x }
310
+ .su-button-style-bubbles span { background: 0 50% url('../images/styles/style-bubbles.png') no-repeat }
311
+ .su-button-style-bubbles:hover span { background: -710px 50% url('../images/styles/style-bubbles.png') no-repeat }
312
+ .su-button-style-noise span { background: 0 0 url('../images/styles/style-noise.png') repeat-x }
313
+ .su-button-style-noise:hover span { background: 0 0 url('../images/styles/style-noise.png') repeat-x }
314
+ .su-button-style-stroked span {
315
+ margin: 1px;
316
+ border: 1px dashed #fff !important;
317
+ }
318
+ .su-button-style-stroked:hover span {
319
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
320
+ filter: alpha(opacity=70);
321
+ -moz-opacity: 0.7;
322
+ -khtml-opacity: 0.7;
323
+ opacity: 0.7;
324
+ }
325
+ .su-button-style-3d {
326
+ border-bottom-style: solid;
327
+ border-bottom-width: 6px;
328
+ }
329
+ .su-button-style-3d span {
330
+ border-bottom-style: solid;
331
+ border-bottom-width: 1px;
332
+ }
333
+ .su-button-style-3d:hover {
334
+ position: relative;
335
+ top: 3px;
336
+ border-bottom-width: 3px;
337
+ }
338
+
339
+ /* Table
340
+ ---------------------------------------------------------------*/
341
+
342
+ .su-table table {
343
+ width: 100% !important;
344
+ margin: 0 0 1.5em 0 !important;
345
+ border-collapse: collapse !important;
346
+ font-size: 1em !important;
347
+ border: 1px solid #ccc !important;
348
+ }
349
+ .su-table th {
350
+ text-align: center !important;
351
+ padding: 1em !important;
352
+ font-size: 1em !important;
353
+ font-weight: normal !important;
354
+ color: #333 !important;
355
+ border: 1px solid #ccc !important;
356
+ background: #f0f0f0 !important;
357
+ }
358
+ .su-table td {
359
+ padding: 0.5em 1em !important;
360
+ border: 1px solid #ccc !important;
361
+ background: #fff !important;
362
+ }
363
+ .su-table .su-even td { background: #f7f7f7 !important }
364
+
365
+ /* QR code
366
+ ---------------------------------------------------------------*/
367
+
368
+ .su-qrcode { display: inline-block; }
369
+ .su-qrcode-align-left {
370
+ float: left;
371
+ margin: 0 0.5em 0.5em 0;
372
+ }
373
+ .su-qrcode-align-center {
374
+ display: block;
375
+ clear: both;
376
+ margin: 1em auto;
377
+ text-align: center;
378
+ }
379
+ .su-qrcode-align-right {
380
+ float: right;
381
+ margin: 0 0 0.5em 0.5em;
382
+ }
383
+ .su-qrcode a,
384
+ .su-qrcode a:hover,
385
+ .su-qrcode a:active,
386
+ .su-qrcode a:focus {
387
+ background: transparent;
388
+ outline: none;
389
+ display: inline;
390
+ text-decoration: none;
391
+ }
392
+ .su-qrcode-clickable a:hover {
393
+ opacity: 0.7;
394
+ filter: alpha(opacity=70);
395
+ }
396
.su-qrcode img { max-width: 100%; }
assets/css/galleries-shortcodes.css CHANGED
@@ -1,455 +1,455 @@
1
- /*** Shortcodes Ultimate - galleries elements ***/
2
-
3
- .su-slider {
4
- position: relative;
5
- margin-bottom: 1.5em;
6
- overflow: hidden;
7
- -webkit-backface-visibility: hidden;
8
- -moz-backface-visibility: hidden;
9
- -ms-backface-visibility: hidden;
10
- -o-backface-visibility: hidden;
11
- backface-visibility: hidden;
12
- z-index: 1;
13
- }
14
- .su-slider-centered { margin: 0 auto 1.5em auto }
15
- .su-slider-slides {
16
- position: relative;
17
- width: 100%;
18
- -webkit-transition-property: -webkit-transform, left, top;
19
- -webkit-transition-duration: 0s;
20
- -webkit-transform: translate3d(0px, 0, 0);
21
- -webkit-transition-timing-function: ease;
22
- -moz-transition-property: -moz-transform, left, top;
23
- -moz-transition-duration: 0s;
24
- -moz-transform: translate3d(0px, 0, 0);
25
- -moz-transition-timing-function: ease;
26
- -o-transition-property: -o-transform, left, top;
27
- -o-transition-duration: 0s;
28
- -o-transform: translate3d(0px, 0, 0);
29
- -o-transition-timing-function: ease;
30
- -o-transform: translate(0px, 0px);
31
- -ms-transition-property: -ms-transform, left, top;
32
- -ms-transition-duration: 0s;
33
- -ms-transform: translate3d(0px, 0, 0);
34
- -ms-transition-timing-function: ease;
35
- transition-property: transform, left, top;
36
- transition-duration: 0s;
37
- transform: translate3d(0px, 0, 0);
38
- transition-timing-function: ease;
39
- }
40
- .swiper-free-mode > .su-slider-slides {
41
- -webkit-transition-timing-function: ease-out;
42
- -moz-transition-timing-function: ease-out;
43
- -ms-transition-timing-function: ease-out;
44
- -o-transition-timing-function: ease-out;
45
- transition-timing-function: ease-out;
46
- margin: 0 auto;
47
- }
48
- .su-slider-slide {
49
- position: relative;
50
- float: left;
51
- }
52
- .su-slider-slide > a,
53
- .su-slider-slide > img,
54
- .su-slider-slide > a > img {
55
- position: relative;
56
- display: block;
57
- width: 100%;
58
- height: 100%;
59
- text-decoration: none;
60
- }
61
- .su-slider-responsive-yes .su-slider-slide > a,
62
- .su-slider-responsive-yes .su-slider-slide > img,
63
- .su-slider-responsive-yes .su-slider-slide > a > img { height: auto }
64
- .su-slider-pages-no .su-slider-pagination { display: none }
65
- .swiper-wp8-horizontal { -ms-touch-action: pan-y }
66
- .swiper-wp8-vertical { -ms-touch-action: pan-x }
67
- .su-slider-slide-title {
68
- position: absolute;
69
- left: 20px;
70
- bottom: 20px;
71
- display: block;
72
- max-width: 90%;
73
- padding: 5px 10px;
74
- color: #fff;
75
- line-height: 1.3;
76
- background: rgb(0, 0, 0);
77
- background: rgba(0, 0, 0, 0.5);
78
- border-radius: 5px;
79
- -moz-border-radius: 5px;
80
- -webkit-border-radius: 5px;
81
- box-sizing: border-box;
82
- -moz-box-sizing: border-box;
83
- -webkit-box-sizing: border-box;
84
- filter: alpha(opacity=0);
85
- opacity: 0;
86
- transition: opacity 1s;
87
- -o-transition: opacity 1s;
88
- -ie-transition: opacity 1s;
89
- -moz-transition: opacity 1s;
90
- -webkit-transition: opacity 1s;
91
- }
92
- .su-slider-slide-visible .su-slider-slide-title {
93
- filter: alpha(opacity=100);
94
- opacity: 1;
95
- }
96
- .su-slider-prev,
97
- .su-slider-next {
98
- position: absolute;
99
- top: 50%;
100
- display: block;
101
- width: 40px;
102
- height: 40px;
103
- margin-top: -20px !important;
104
- background: rgb(0, 0, 0) 0 0 url('../images/swiper/default.png') no-repeat;
105
- background-color: rgba(0, 0, 0, 0.5);
106
- cursor: pointer;
107
- border-radius: 50%;
108
- -moz-border-radius: 50%;
109
- -webkit-border-radius: 50%;
110
- filter: alpha(opacity=0);
111
- opacity: 0;
112
- transition: all .2s;
113
- -o-transition: all .2s;
114
- -ie-transition: all .2s;
115
- -moz-transition: all .2s;
116
- -webkit-transition: all .2s;
117
- }
118
- .su-slider-prev {
119
- right: 10px;
120
- margin-right: 30px;
121
- background-position: -40px 0;
122
- }
123
- .su-slider-next {
124
- left: 10px;
125
- margin-left: 30px;
126
- background-position: 0 0;
127
- }
128
- .su-slider:hover .su-slider-prev,
129
- .su-slider:hover .su-slider-next {
130
- margin-left: 0;
131
- margin-right: 0;
132
- filter: alpha(opacity=70);
133
- opacity: 0.7;
134
- }
135
- .su-slider .su-slider-prev:hover,
136
- .su-slider .su-slider-next:hover {
137
- filter: alpha(opacity=100);
138
- opacity: 1;
139
- }
140
- .su-slider-pagination {
141
- position: absolute;
142
- left: 15%;
143
- right: 15%;
144
- top: 50%;
145
- width: 70%;
146
- height: 0;
147
- margin-top: -7px;
148
- text-align: center;
149
- cursor: default;
150
- filter: alpha(opacity=0);
151
- opacity: 0;
152
- transition: all .2s;
153
- -o-transition: all .2s;
154
- -ie-transition: all .2s;
155
- -moz-transition: all .2s;
156
- -webkit-transition: all .2s;
157
- }
158
- .su-slider:hover .su-slider-pagination {
159
- bottom: 20px;
160
- filter: alpha(opacity=100);
161
- opacity: 1;
162
- }
163
- .su-slider-pagination span {
164
- display: inline-block;
165
- width: 14px;
166
- height: 14px;
167
- margin: 0;
168
- background: rgb(0, 0, 0) 0 -999px url('../images/swiper/default.png') no-repeat;
169
- background-color: rgba(0, 0, 0, 0.5);
170
- cursor: pointer;
171
- border-radius: 50%;
172
- -moz-border-radius: 50%;
173
- -webkit-border-radius: 50%;
174
- transition: all .2s;
175
- -o-transition: all .2s;
176
- -ie-transition: all .2s;
177
- -moz-transition: all .2s;
178
- -webkit-transition: all .2s;
179
- }
180
- .su-slider:hover .su-slider-pagination span { margin: 0 3px }
181
- .su-slider .su-slider-pagination span.swiper-visible-switch {
182
- background-color: rgb(255, 255, 255);
183
- background-color: rgba(255, 255, 255, 0.5);
184
- }
185
- .su-slider-pagination span:hover,
186
- .su-slider-pagination span.swiper-active-switch { background-position: 0 -40px }
187
-
188
- /* Carousel
189
- ---------------------------------------------------------------*/
190
-
191
- .su-carousel {
192
- position: relative;
193
- margin-bottom: 1.5em;
194
- overflow: hidden;
195
- -webkit-backface-visibility: hidden;
196
- -moz-backface-visibility: hidden;
197
- -ms-backface-visibility: hidden;
198
- -o-backface-visibility: hidden;
199
- backface-visibility: hidden;
200
- z-index: 1;
201
- }
202
- .su-carousel-centered { margin: 0 auto 1.5em auto }
203
- .su-carousel-slides {
204
- position: relative;
205
- width: 100%;
206
- -webkit-transition-property: -webkit-transform, left, top;
207
- -webkit-transition-duration: 0s;
208
- -webkit-transform: translate3d(0px, 0, 0);
209
- -webkit-transition-timing-function: ease;
210
- -moz-transition-property: -moz-transform, left, top;
211
- -moz-transition-duration: 0s;
212
- -moz-transform: translate3d(0px, 0, 0);
213
- -moz-transition-timing-function: ease;
214
- -o-transition-property: -o-transform, left, top;
215
- -o-transition-duration: 0s;
216
- -o-transform: translate3d(0px, 0, 0);
217
- -o-transition-timing-function: ease;
218
- -o-transform: translate(0px, 0px);
219
- -ms-transition-property: -ms-transform, left, top;
220
- -ms-transition-duration: 0s;
221
- -ms-transform: translate3d(0px, 0, 0);
222
- -ms-transition-timing-function: ease;
223
- transition-property: transform, left, top;
224
- transition-duration: 0s;
225
- transform: translate3d(0px, 0, 0);
226
- transition-timing-function: ease;
227
- }
228
- .swiper-free-mode > .su-carousel-slides {
229
- -webkit-transition-timing-function: ease-out;
230
- -moz-transition-timing-function: ease-out;
231
- -ms-transition-timing-function: ease-out;
232
- -o-transition-timing-function: ease-out;
233
- transition-timing-function: ease-out;
234
- margin: 0 auto;
235
- }
236
- .su-carousel-slide {
237
- position: relative;
238
- float: left;
239
- }
240
- .su-carousel-slide > a,
241
- .su-carousel-slide > img,
242
- .su-carousel-slide > a > img {
243
- position: relative;
244
- display: block;
245
- width: 100%;
246
- height: 100%;
247
- text-decoration: none;
248
- box-sizing: border-box;
249
- -moz-box-sizing: border-box;
250
- -webkit-box-sizing: border-box;
251
- }
252
- .su-carousel-responsive-yes .su-carousel-slide > a,
253
- .su-carousel-responsive-yes .su-carousel-slide > img,
254
- .su-carousel-responsive-yes .su-carousel-slide > a > img { height: auto }
255
- .su-carousel-pages-no .su-carousel-pagination { display: none }
256
- .swiper-wp8-horizontal { -ms-touch-action: pan-y }
257
- .swiper-wp8-vertical { -ms-touch-action: pan-x }
258
- .su-carousel { }
259
- .su-carousel .su-carousel-slide a { padding: 0 5px }
260
- .su-carousel .su-carousel-slide img {
261
- padding: 3px;
262
- border: 1px solid #ccc;
263
- background: #fff;
264
- border-radius: 5px;
265
- -moz-border-radius: 5px;
266
- -webkit-border-radius: 5px;
267
- }
268
- .su-carousel .su-carousel-slide-title {
269
- position: absolute;
270
- left: 9px;
271
- right: 9px;
272
- bottom: 4px;
273
- display: block;
274
- padding: 2px 3px;
275
- color: #fff;
276
- line-height: 1.2;
277
- font-size: 11px;
278
- background: rgb(0, 0, 0);
279
- background: rgba(0, 0, 0, 0.5);
280
- box-sizing: border-box;
281
- -moz-box-sizing: border-box;
282
- -webkit-box-sizing: border-box;
283
- transition: opacity 1s;
284
- -o-transition: opacity 1s;
285
- -ie-transition: opacity 1s;
286
- -moz-transition: opacity 1s;
287
- -webkit-transition: opacity 1s;
288
- }
289
- .su-carousel .su-carousel-prev,
290
- .su-carousel .su-carousel-next {
291
- position: absolute;
292
- top: 50%;
293
- display: block;
294
- width: 40px;
295
- height: 40px;
296
- margin-top: -20px;
297
- background: rgb(0, 0, 0) 0 0 url('../images/swiper/default.png') no-repeat;
298
- background-color: rgba(0, 0, 0, 0.5);
299
- cursor: pointer;
300
- border-radius: 50%;
301
- -moz-border-radius: 50%;
302
- -webkit-border-radius: 50%;
303
- filter: alpha(opacity=0);
304
- opacity: 0;
305
- transition: all .2s;
306
- -o-transition: all .2s;
307
- -ie-transition: all .2s;
308
- -moz-transition: all .2s;
309
- -webkit-transition: all .2s;
310
- }
311
- .su-carousel .su-carousel-prev {
312
- right: 20px;
313
- margin-right: 40px;
314
- background-position: -40px 0;
315
- }
316
- .su-carousel .su-carousel-next {
317
- left: 20px;
318
- margin-left: 40px;
319
- background-position: 0 0;
320
- }
321
- .su-carousel:hover .su-carousel-prev,
322
- .su-carousel:hover .su-carousel-next {
323
- margin-left: 0;
324
- margin-right: 0;
325
- filter: alpha(opacity=70);
326
- opacity: 0.7;
327
- }
328
- .su-carousel .su-carousel-prev:hover,
329
- .su-carousel .su-carousel-next:hover {
330
- filter: alpha(opacity=100);
331
- opacity: 1;
332
- }
333
- .su-carousel .su-carousel-pagination {
334
- position: absolute;
335
- left: 15%;
336
- right: 15%;
337
- top: 50%;
338
- width: 70%;
339
- height: 0;
340
- margin-top: -7px;
341
- text-align: center;
342
- cursor: default;
343
- filter: alpha(opacity=0);
344
- opacity: 0;
345
- transition: all .2s;
346
- -o-transition: all .2s;
347
- -ie-transition: all .2s;
348
- -moz-transition: all .2s;
349
- -webkit-transition: all .2s;
350
- }
351
- .su-carousel:hover .su-carousel-pagination {
352
- bottom: 20px;
353
- filter: alpha(opacity=100);
354
- opacity: 1;
355
- }
356
- .su-carousel .su-carousel-pagination span {
357
- display: inline-block;
358
- width: 14px;
359
- height: 14px;
360
- margin: 0;
361
- background: rgb(0, 0, 0) 0 -999px url('../images/swiper/default.png') no-repeat;
362
- background-color: rgba(0, 0, 0, 0.5);
363
- cursor: pointer;
364
- border-radius: 50%;
365
- -moz-border-radius: 50%;
366
- -webkit-border-radius: 50%;
367
- transition: all .2s;
368
- -o-transition: all .2s;
369
- -ie-transition: all .2s;
370
- -moz-transition: all .2s;
371
- -webkit-transition: all .2s;
372
- }
373
- .su-carousel:hover .su-carousel-pagination span { margin: 0 3px }
374
- .su-carousel .su-carousel-pagination span.swiper-visible-switch {
375
- background-color: rgb(255, 255, 255);
376
- background-color: rgba(255, 255, 255, 0.5);
377
- }
378
- .su-carousel .su-carousel-pagination span:hover,
379
- .su-carousel .su-carousel-pagination span.swiper-active-switch { background-position: 0 -40px }
380
-
381
- /* Custom gallery
382
- ---------------------------------------------------------------*/
383
-
384
- .su-custom-gallery { margin-bottom: 1.5em }
385
- .su-custom-gallery:after,
386
- .su-custom-gallery:before {
387
- content: "";
388
- display: table;
389
- }
390
- .su-custom-gallery:after { clear: both }
391
- .su-custom-gallery-slide {
392
- position: relative;
393
- float: left;
394
- margin: 0.5em;
395
- overflow: hidden;
396
- }
397
- .su-custom-gallery-slide a {
398
- display: block;
399
- width: 100%;
400
- height: 100%;
401
- }
402
- .su-custom-gallery-slide img {
403
- display: block;
404
- margin: 0;
405
- padding: 3px;
406
- border: 1px solid #ccc;
407
- background: #fff;
408
- box-sizing: border-box;
409
- -moz-box-sizing: border-box;
410
- -webkit-box-sizing: border-box;
411
- border-radius: 5px;
412
- -moz-border-radius: 5px;
413
- -webkit-border-radius: 5px;
414
- box-shadow: none;
415
- -moz-box-shadow: none;
416
- -webkit-box-shadow: none;
417
- transition: all .2s;
418
- -o-transition: all .2s;
419
- -ie-transition: all .2s;
420
- -moz-transition: all .2s;
421
- -webkit-transition: all .2s;
422
- }
423
- .su-custom-gallery-slide:hover img {
424
- background: #eee;
425
- border: 1px solid #aaa;
426
- }
427
- .su-custom-gallery-slide span {
428
- position: absolute;
429
- left: 4px;
430
- bottom: 4px;
431
- right: 4px;
432
- display: block;
433
- padding: 2px 4px;
434
- font-size: 12px;
435
- color: #fff;
436
- background: rgb(0, 0, 0);
437
- background: rgba(0, 0, 0, 0.5);
438
- line-height: 1.3;
439
- opacity: 0;
440
- filter: alpha(opacity=0);
441
- transition: all .2s;
442
- -o-transition: all .2s;
443
- -ie-transition: all .2s;
444
- -moz-transition: all .2s;
445
- -webkit-transition: all .2s;
446
- }
447
- .su-custom-gallery-slide:hover span {
448
- opacity: 1;
449
- filter: alpha(opacity=100);
450
- }
451
- .su-custom-gallery-title-never span { display: none }
452
- .su-custom-gallery-title-always span {
453
- opacity: 1;
454
- filter: alpha(opacity=100);
455
}
1
+ /*** Shortcodes Ultimate - galleries elements ***/
2
+
3
+ .su-slider {
4
+ position: relative;
5
+ margin-bottom: 1.5em;
6
+ overflow: hidden;
7
+ -webkit-backface-visibility: hidden;
8
+ -moz-backface-visibility: hidden;
9
+ -ms-backface-visibility: hidden;
10
+ -o-backface-visibility: hidden;
11
+ backface-visibility: hidden;
12
+ z-index: 1;
13
+ }
14
+ .su-slider-centered { margin: 0 auto 1.5em auto }
15
+ .su-slider-slides {
16
+ position: relative;
17
+ width: 100%;
18
+ -webkit-transition-property: -webkit-transform, left, top;
19
+ -webkit-transition-duration: 0s;
20
+ -webkit-transform: translate3d(0px, 0, 0);
21
+ -webkit-transition-timing-function: ease;
22
+ -moz-transition-property: -moz-transform, left, top;
23
+ -moz-transition-duration: 0s;
24
+ -moz-transform: translate3d(0px, 0, 0);
25
+ -moz-transition-timing-function: ease;
26
+ -o-transition-property: -o-transform, left, top;
27
+ -o-transition-duration: 0s;
28
+ -o-transform: translate3d(0px, 0, 0);
29
+ -o-transition-timing-function: ease;
30
+ -o-transform: translate(0px, 0px);
31
+ -ms-transition-property: -ms-transform, left, top;
32
+ -ms-transition-duration: 0s;
33
+ -ms-transform: translate3d(0px, 0, 0);
34
+ -ms-transition-timing-function: ease;
35
+ transition-property: transform, left, top;
36
+ transition-duration: 0s;
37
+ transform: translate3d(0px, 0, 0);
38
+ transition-timing-function: ease;
39
+ }
40
+ .swiper-free-mode > .su-slider-slides {
41
+ -webkit-transition-timing-function: ease-out;
42
+ -moz-transition-timing-function: ease-out;
43
+ -ms-transition-timing-function: ease-out;
44
+ -o-transition-timing-function: ease-out;
45
+ transition-timing-function: ease-out;
46
+ margin: 0 auto;
47
+ }
48
+ .su-slider-slide {
49
+ position: relative;
50
+ float: left;
51
+ }
52
+ .su-slider-slide > a,
53
+ .su-slider-slide > img,
54
+ .su-slider-slide > a > img {
55
+ position: relative;
56
+ display: block;
57
+ width: 100%;
58
+ height: 100%;
59
+ text-decoration: none;
60
+ }
61
+ .su-slider-responsive-yes .su-slider-slide > a,
62
+ .su-slider-responsive-yes .su-slider-slide > img,
63
+ .su-slider-responsive-yes .su-slider-slide > a > img { height: auto }
64
+ .su-slider-pages-no .su-slider-pagination { display: none }
65
+ .swiper-wp8-horizontal { -ms-touch-action: pan-y }
66
+ .swiper-wp8-vertical { -ms-touch-action: pan-x }
67
+ .su-slider-slide-title {
68
+ position: absolute;
69
+ left: 20px;
70
+ bottom: 20px;
71
+ display: block;
72
+ max-width: 90%;
73
+ padding: 5px 10px;
74
+ color: #fff;
75
+ line-height: 1.3;
76
+ background: rgb(0, 0, 0);
77
+ background: rgba(0, 0, 0, 0.5);
78
+ border-radius: 5px;
79
+ -moz-border-radius: 5px;
80
+ -webkit-border-radius: 5px;
81
+ box-sizing: border-box;
82
+ -moz-box-sizing: border-box;
83
+ -webkit-box-sizing: border-box;
84
+ filter: alpha(opacity=0);
85
+ opacity: 0;
86
+ transition: opacity 1s;
87
+ -o-transition: opacity 1s;
88
+ -ie-transition: opacity 1s;
89
+ -moz-transition: opacity 1s;
90
+ -webkit-transition: opacity 1s;
91
+ }
92
+ .su-slider-slide-visible .su-slider-slide-title {
93
+ filter: alpha(opacity=100);
94
+ opacity: 1;
95
+ }
96
+ .su-slider-prev,
97
+ .su-slider-next {
98
+ position: absolute;
99
+ top: 50%;
100
+ display: block;
101
+ width: 40px;
102
+ height: 40px;
103
+ margin-top: -20px !important;
104
+ background: rgb(0, 0, 0) 0 0 url('../images/swiper/default.png') no-repeat;
105
+ background-color: rgba(0, 0, 0, 0.5);
106
+ cursor: pointer;
107
+ border-radius: 50%;
108
+ -moz-border-radius: 50%;
109
+ -webkit-border-radius: 50%;
110
+ filter: alpha(opacity=0);
111
+ opacity: 0;
112
+ transition: all .2s;
113
+ -o-transition: all .2s;
114
+ -ie-transition: all .2s;
115
+ -moz-transition: all .2s;
116
+ -webkit-transition: all .2s;
117
+ }
118
+ .su-slider-prev {
119
+ right: 10px;
120
+ margin-right: 30px;
121
+ background-position: -40px 0;
122
+ }
123
+ .su-slider-next {
124
+ left: 10px;
125
+ margin-left: 30px;
126
+ background-position: 0 0;
127
+ }
128
+ .su-slider:hover .su-slider-prev,
129
+ .su-slider:hover .su-slider-next {
130
+ margin-left: 0;
131
+ margin-right: 0;
132
+ filter: alpha(opacity=70);
133
+ opacity: 0.7;
134
+ }
135
+ .su-slider .su-slider-prev:hover,
136
+ .su-slider .su-slider-next:hover {
137
+ filter: alpha(opacity=100);
138
+ opacity: 1;
139
+