/* Minification failed. Returning unminified contents. (228,43): run-time error CSS1030: Expected identifier, found ' ' (7678,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7679,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7680,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7681,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7682,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7763,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7764,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7765,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7766,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7767,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7933,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7934,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7935,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7936,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (7937,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (8018,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (8019,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (8020,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (8021,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (8022,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%' (11202,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ /*! * Font Awesome 3.1.0 * the iconic font designed for Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fontawesome.io * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 License - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fontawesome.io" * Contact * ------------------------------------------------------- * Email: dave@fontawesome.io * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ @font-face{font-family:'FontAwesome'; src:url('../font_awesome/fontawesome-webfont.eot?v=3.1.0'); src:url('../font_awesome/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('../font_awesome/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('../font_awesome/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('../font_awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg'); font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}a [class^="icon-"],a [class*=" icon-"],a [class^="icon-"]:before,a [class*=" icon-"]:before{display:inline}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.2857142857142858em;text-align:center}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.5714285714285714em}ul.icons-ul{list-style-type:none;text-indent:-0.7142857142857143em;margin-left:2.142857142857143em}ul.icons-ul>li .icon-li{width:.7142857142857143em;display:inline-block;text-align:center}[class^="icon-"].hide,[class*=" icon-"].hide{display:none}.icon-muted{color:#eee}.icon-light{color:#fff}.icon-dark{color:#333}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em}.icon-stack .icon-stack-base{font-size:2em;*line-height:1em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.icon-flip-horizontal:before{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.icon-flip-vertical:before{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before,.icon-rotate-right:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before,.icon-mail-forward:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before,.icon-rotate-left:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before,.icon-mail-reply:before{content:"\f112"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}.icon-expand-alt:before{content:"\f116"}.icon-collapse-alt:before{content:"\f117"}.icon-smile:before{content:"\f118"}.icon-frown:before{content:"\f119"}.icon-meh:before{content:"\f11a"}.icon-gamepad:before{content:"\f11b"}.icon-keyboard:before{content:"\f11c"}.icon-flag-alt:before{content:"\f11d"}.icon-flag-checkered:before{content:"\f11e"}.icon-terminal:before{content:"\f120"}.icon-code:before{content:"\f121"}.icon-reply-all:before{content:"\f122"}.icon-mail-reply-all:before{content:"\f122"}.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123"}.icon-location-arrow:before{content:"\f124"}.icon-crop:before{content:"\f125"}.icon-code-fork:before{content:"\f126"}.icon-unlink:before{content:"\f127"}.icon-question:before{content:"\f128"}.icon-info:before{content:"\f129"}.icon-exclamation:before{content:"\f12a"}.icon-superscript:before{content:"\f12b"}.icon-subscript:before{content:"\f12c"}.icon-eraser:before{content:"\f12d"}.icon-puzzle-piece:before{content:"\f12e"}.icon-microphone:before{content:"\f130"}.icon-microphone-off:before{content:"\f131"}.icon-shield:before{content:"\f132"}.icon-calendar-empty:before{content:"\f133"}.icon-fire-extinguisher:before{content:"\f134"}.icon-rocket:before{content:"\f135"}.icon-maxcdn:before{content:"\f136"}.icon-chevron-sign-left:before{content:"\f137"}.icon-chevron-sign-right:before{content:"\f138"}.icon-chevron-sign-up:before{content:"\f139"}.icon-chevron-sign-down:before{content:"\f13a"}.icon-html5:before{content:"\f13b"}.icon-css3:before{content:"\f13c"}.icon-anchor:before{content:"\f13d"}.icon-unlock-alt:before{content:"\f13e"}.icon-bullseye:before{content:"\f140"}.icon-ellipsis-horizontal:before{content:"\f141"}.icon-ellipsis-vertical:before{content:"\f142"}.icon-rss-sign:before{content:"\f143"}.icon-play-sign:before{content:"\f144"}.icon-ticket:before{content:"\f145"}.icon-minus-sign-alt:before{content:"\f146"}.icon-check-minus:before{content:"\f147"}.icon-level-up:before{content:"\f148"}.icon-level-down:before{content:"\f149"}.icon-check-sign:before{content:"\f14a"}.icon-edit-sign:before{content:"\f14b"}.icon-external-link-sign:before{content:"\f14c"}.icon-share-sign:before{content:"\f14d"} body { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .magictime { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .magic { -webkit-animation-name: magic; -moz-animation-name: magic; -ms-animation-name: magic; -o-animation-name: magic; animation-name: magic; } .openDownLeft { -webkit-animation-name: openDownLeft; -moz-animation-name: openDownLeft; -ms-animation-name: openDownLeft; -o-animation-name: openDownLeft; animation-name: openDownLeft; } .openDownRight { -webkit-animation-name: openDownRight; -moz-animation-name: openDownRight; -ms-animation-name: openDownRight; -o-animation-name: openDownRight; animation-name: openDownRight; } .openUpLeft { -webkit-animation-name: openUpLeft; -moz-animation-name: openUpLeft; -ms-animation-name: openUpLeft; -o-animation-name: openUpLeft; animation-name: openUpLeft; } .openUpRight { -webkit-animation-name: openUpRight; -moz-animation-name: openUpRight; -ms-animation-name: openUpRight; -o-animation-name: openUpRight; animation-name: openUpRight; } .openDownLeftRetourn { -webkit-animation-name: openDownLeftRetourn; -moz-animation-name: openDownLeftRetourn; -ms-animation-name: openDownLeftRetourn; -o-animation-name: openDownLeftRetourn; animation-name: openDownLeftRetourn; } .openDownRightRetourn { -webkit-animation-name: openDownRightRetourn; -moz-animation-name: openDownRightRetourn; -ms-animation-name: openDownRightRetourn; -o-animation-name: openDownRightRetourn; animation-name: openDownRightRetourn; } .openUpLeftRetourn { -webkit-animation-name: openUpLeftRetourn; -moz-animation-name: openUpLeftRetourn; -ms-animation-name: openUpLeftRetourn; -o-animation-name: openUpLeftRetourn; animation-name: openUpLeftRetourn; } .openUpRightRetourn { -webkit-animation-name: openUpRightRetourn; -moz-animation-name: openUpRightRetourn; -ms-animation-name: openUpRightRetourn; -o-animation-name: openUpRightRetourn; animation-name: openUpRightRetourn; } .openDownLeftOut { -webkit-animation-name: openDownLeftOut; -moz-animation-name: openDownLeftOut; -ms-animation-name: openDownLeftOut; -o-animation-name: openDownLeftOut; animation-name: openDownLeftOut; } .openDownRightOut { -webkit-animation-name: openDownRightOut; -moz-animation-name: openDownRightOut; -ms-animation-name: openDownRightOut; -o-animation-name: openDownRightOut; animation-name: openDownRightOut; } .openUpLeftOut { -webkit-animation-name: openUpLeftOut; -moz-animation-name: openUpLeftOut; -ms-animation-name: openUpLeftOut; -o-animation-name: openUpLeftOut; animation-name: openUpLeftOut; } .openUpRightOut { -webkit-animation-name: openUpRightOut; -moz-animation-name: openUpRightOut; -ms-animation-name: openUpRightOut; -o-animation-name: openUpRightOut; animation-name: openUpRightOut; } .perspectiveDown { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveDown; -moz-animation-name: perspectiveDown; -ms-animation-name: perspectiveDown; -o-animation-name: perspectiveDown; animation-name: perspectiveDown; } .perspectiveLeft { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveLeft; -moz-animation-name: perspectiveLeft; -ms-animation-name: perspectiveLeft; -o-animation-name: perspectiveLeft; animation-name: perspectiveLeft; } .perspectiveRight { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveRight; -moz-animation-name: perspectiveRight; -ms-animation-name: perspectiveRight; -o-animation-name: perspectiveRight; animation-name: perspectiveRight; } .perspectiveUp { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveUp; -moz-animation-name: perspectiveUp; -ms-animation-name: perspectiveUp; -o-animation-name: perspectiveUp; animation-name: perspectiveUp; } .perspectiveDownRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveDownRetourn; -moz-animation-name: perspectiveDownRetourn; -ms-animation-name: perspectiveDownRetourn; -o-animation-name: perspectiveDownRetourn; animation-name: perspectiveDownRetourn; } .perspectiveLeftRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveLeftRetourn; -moz-animation-name: perspectiveLeftRetourn; -ms-animation-name: perspectiveLeftRetourn; -o-animation-name: perspectiveLeftRetourn; animation-name: perspectiveLeftRetourn; } .perspectiveRightRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveRightRetourn; -moz-animation-name: perspectiveRightRetourn; -ms-animation-name: perspectiveRightRetourn; -o-animation-name: perspectiveRightRetourn; animation-name: perspectiveRightRetourn; } .perspectiveUpRetourn backface-visibility: visible { -webkit-animation-name: perspectiveUpRetourn; -moz-animation-name: perspectiveUpRetourn; -ms-animation-name: perspectiveUpRetourn; -o-animation-name: perspectiveUpRetourn; animation-name: perspectiveUpRetourn; } .puffIn { -webkit-animation-name: puffIn; -moz-animation-name: puffIn; -ms-animation-name: puffIn; -o-animation-name: puffIn; animation-name: puffIn; } .puffOut { -webkit-animation-name: puffOut; -moz-animation-name: puffOut; -ms-animation-name: puffOut; -o-animation-name: puffOut; animation-name: puffOut; } .rotateDown { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateDown; -moz-animation-name: rotateDown; -ms-animation-name: rotateDown; -o-animation-name: rotateDown; animation-name: rotateDown; } .rotateLeft { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateLeft; -moz-animation-name: rotateLeft; -ms-animation-name: rotateLeft; -o-animation-name: rotateLeft; animation-name: rotateLeft; } .rotateRight { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateRight; -moz-animation-name: rotateRight; -ms-animation-name: rotateRight; -o-animation-name: rotateRight; animation-name: rotateRight; } .rotateUp { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateUp; -moz-animation-name: rotateUp; -ms-animation-name: rotateUp; -o-animation-name: rotateUp; animation-name: rotateUp; } .slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -ms-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; } .slideLeft { -webkit-animation-name: slideLeft; -moz-animation-name: slideLeft; -ms-animation-name: slideLeft; -o-animation-name: slideLeft; animation-name: slideLeft; } .slideRight { -webkit-animation-name: slideRight; -moz-animation-name: slideRight; -ms-animation-name: slideRight; -o-animation-name: slideRight; animation-name: slideRight; } .slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -ms-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp; } .slideDownRetourn { -webkit-animation-name: slideDownRetourn; -moz-animation-name: slideDownRetourn; -ms-animation-name: slideDownRetourn; -o-animation-name: slideDownRetourn; animation-name: slideDownRetourn; } .slideLeftRetourn { -webkit-animation-name: slideLeftRetourn; -moz-animation-name: slideLeftRetourn; -ms-animation-name: slideLeftRetourn; -o-animation-name: slideLeftRetourn; animation-name: slideLeftRetourn; } .slideRightRetourn { -webkit-animation-name: slideRightRetourn; -moz-animation-name: slideRightRetourn; -ms-animation-name: slideRightRetourn; -o-animation-name: slideRightRetourn; animation-name: slideRightRetourn; } .slideUpRetourn { -webkit-animation-name: slideUpRetourn; -moz-animation-name: slideUpRetourn; -ms-animation-name: slideUpRetourn; -o-animation-name: slideUpRetourn; animation-name: slideUpRetourn; } .swap { -webkit-animation-name: swap; -moz-animation-name: swap; -ms-animation-name: swap; -o-animation-name: swap; animation-name: swap; } .twisterInDown { -webkit-animation-name: twisterInDown; -moz-animation-name: twisterInDown; -ms-animation-name: twisterInDown; -o-animation-name: twisterInDown; animation-name: twisterInDown; } .twisterInUp { -webkit-animation-name: twisterInUp; -moz-animation-name: twisterInUp; -ms-animation-name: twisterInUp; -o-animation-name: twisterInUp; animation-name: twisterInUp; } .vanishIn { -webkit-animation-name: vanishIn; -moz-animation-name: vanishIn; -ms-animation-name: vanishIn; -o-animation-name: vanishIn; animation-name: vanishIn; } .vanishOut { -webkit-animation-name: vanishOut; -moz-animation-name: vanishOut; -ms-animation-name: vanishOut; -o-animation-name: vanishOut; animation-name: vanishOut; } .swashOut { -webkit-animation-name: swashOut; -moz-animation-name: swashOut; -ms-animation-name: swashOut; -o-animation-name: swashOut; animation-name: swashOut; } .swashIn { -webkit-animation-name: swashIn; -moz-animation-name: swashIn; -ms-animation-name: swashIn; -o-animation-name: swashIn; animation-name: swashIn; } .foolishOut { -webkit-animation-name: foolishOut; -moz-animation-name: foolishOut; -ms-animation-name: foolishOut; -o-animation-name: foolishOut; animation-name: foolishOut; } .foolishIn { -webkit-animation-name: foolishIn; -moz-animation-name: foolishIn; -ms-animation-name: foolishIn; -o-animation-name: foolishIn; animation-name: foolishIn; } .holeOut { -webkit-animation-name: holeOut; -moz-animation-name: holeOut; -ms-animation-name: holeOut; -o-animation-name: holeOut; animation-name: holeOut; } .tinRightOut { -webkit-animation-name: tinRightOut; -moz-animation-name: tinRightOut; -ms-animation-name: tinRightOut; -o-animation-name: tinRightOut; animation-name: tinRightOut; } .tinLeftOut { -webkit-animation-name: tinLeftOut; -moz-animation-name: tinLeftOut; -ms-animation-name: tinLeftOut; -o-animation-name: tinLeftOut; animation-name: tinLeftOut; } .tinUpOut { -webkit-animation-name: tinUpOut; -moz-animation-name: tinUpOut; -ms-animation-name: tinUpOut; -o-animation-name: tinUpOut; animation-name: tinUpOut; } .tinDownOut { -webkit-animation-name: tinDownOut; -moz-animation-name: tinDownOut; -ms-animation-name: tinDownOut; -o-animation-name: tinDownOut; animation-name: tinDownOut; } .tinRightIn { -webkit-animation-name: tinRightIn; -moz-animation-name: tinRightIn; -ms-animation-name: tinRightIn; -o-animation-name: tinRightIn; animation-name: tinRightIn; } .tinLeftIn { -webkit-animation-name: tinLeftIn; -moz-animation-name: tinLeftIn; -ms-animation-name: tinLeftIn; -o-animation-name: tinLeftIn; animation-name: tinLeftIn; } .tinUpIn { -webkit-animation-name: tinUpIn; -moz-animation-name: tinUpIn; -ms-animation-name: tinUpIn; -o-animation-name: tinUpIn; animation-name: tinUpIn; } .tinDownIn { -webkit-animation-name: tinDownIn; -moz-animation-name: tinDownIn; -ms-animation-name: tinDownIn; -o-animation-name: tinDownIn; animation-name: tinDownIn; } .bombRightOut { -webkit-animation-name: bombRightOut; -moz-animation-name: bombRightOut; -ms-animation-name: bombRightOut; -o-animation-name: bombRightOut; animation-name: bombRightOut; } .bombLeftOut { -webkit-animation-name: bombLeftOut; -moz-animation-name: bombLeftOut; -ms-animation-name: bombLeftOut; -o-animation-name: bombLeftOut; animation-name: bombLeftOut; } @-moz-keyframes magic { 0% { opacity: 1; -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -ms-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; transform-origin: 100% 200%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } 100% { opacity: 0; -webkit-transform-origin: 200% 500%; -moz-transform-origin: 200% 500%; -ms-transform-origin: 200% 500%; -o-transform-origin: 200% 500%; transform-origin: 200% 500%; -webkit-transform: scale(0, 0) rotate(270deg); -moz-transform: scale(0, 0) rotate(270deg); -ms-transform: scale(0, 0) rotate(270deg); -o-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); } } @-webkit-keyframes magic { 0% { opacity: 1; -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -ms-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; transform-origin: 100% 200%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } 100% { opacity: 0; -webkit-transform-origin: 200% 500%; -moz-transform-origin: 200% 500%; -ms-transform-origin: 200% 500%; -o-transform-origin: 200% 500%; transform-origin: 200% 500%; -webkit-transform: scale(0, 0) rotate(270deg); -moz-transform: scale(0, 0) rotate(270deg); -ms-transform: scale(0, 0) rotate(270deg); -o-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); } } @-o-keyframes magic { 0% { opacity: 1; -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -ms-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; transform-origin: 100% 200%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } 100% { opacity: 0; -webkit-transform-origin: 200% 500%; -moz-transform-origin: 200% 500%; -ms-transform-origin: 200% 500%; -o-transform-origin: 200% 500%; transform-origin: 200% 500%; -webkit-transform: scale(0, 0) rotate(270deg); -moz-transform: scale(0, 0) rotate(270deg); -ms-transform: scale(0, 0) rotate(270deg); -o-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); } } @-ms-keyframes magic { 0% { opacity: 1; -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -ms-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; transform-origin: 100% 200%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } 100% { opacity: 0; -webkit-transform-origin: 200% 500%; -moz-transform-origin: 200% 500%; -ms-transform-origin: 200% 500%; -o-transform-origin: 200% 500%; transform-origin: 200% 500%; -webkit-transform: scale(0, 0) rotate(270deg); -moz-transform: scale(0, 0) rotate(270deg); -ms-transform: scale(0, 0) rotate(270deg); -o-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); } } @keyframes magic { 0% { opacity: 1; -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -ms-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; transform-origin: 100% 200%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } 100% { opacity: 0; -webkit-transform-origin: 200% 500%; -moz-transform-origin: 200% 500%; -ms-transform-origin: 200% 500%; -o-transform-origin: 200% 500%; transform-origin: 200% 500%; -webkit-transform: scale(0, 0) rotate(270deg); -moz-transform: scale(0, 0) rotate(270deg); -ms-transform: scale(0, 0) rotate(270deg); -o-transform: scale(0, 0) rotate(270deg); transform: scale(0, 0) rotate(270deg); } } @-moz-keyframes openDownLeft { 0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-webkit-keyframes openDownLeft { 0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-o-keyframes openDownLeft { 0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-ms-keyframes openDownLeft { 0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @keyframes openDownLeft { 0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-moz-keyframes openDownRight { 0% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-webkit-keyframes openDownRight { 0% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-o-keyframes openDownRight { 0% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-ms-keyframes openDownRight { 0% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @keyframes openDownRight { 0% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-moz-keyframes openUpLeft { 0% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-webkit-keyframes openUpLeft { 0% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-o-keyframes openUpLeft { 0% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-ms-keyframes openUpLeft { 0% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @keyframes openUpLeft { 0% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-moz-keyframes openUpRight { 0% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-webkit-keyframes openUpRight { 0% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-o-keyframes openUpRight { 0% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-ms-keyframes openUpRight { 0% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @keyframes openUpRight { 0% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } } @-moz-keyframes openDownLeftRetourn { 0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-webkit-keyframes openDownLeftRetourn { 0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-o-keyframes openDownLeftRetourn { 0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-ms-keyframes openDownLeftRetourn { 0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes openDownLeftRetourn { 0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-moz-keyframes openDownRightRetourn { 0% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-webkit-keyframes openDownRightRetourn { 0% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-o-keyframes openDownRightRetourn { 0% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-ms-keyframes openDownRightRetourn { 0% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes openDownRightRetourn { 0% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-moz-keyframes openUpLeftRetourn { 0% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-webkit-keyframes openUpLeftRetourn { 0% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-o-keyframes openUpLeftRetourn { 0% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-ms-keyframes openUpLeftRetourn { 0% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes openUpLeftRetourn { 0% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-moz-keyframes openUpRightRetourn { 0% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-webkit-keyframes openUpRightRetourn { 0% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-o-keyframes openUpRightRetourn { 0% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-ms-keyframes openUpRightRetourn { 0% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes openUpRightRetourn { 0% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-moz-keyframes openDownLeftOut { 0% { opacity: 1; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-webkit-keyframes openDownLeftOut { 0% { opacity: 1; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-o-keyframes openDownLeftOut { 0% { opacity: 1; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-ms-keyframes openDownLeftOut { 0% { opacity: 1; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @keyframes openDownLeftOut { 0% { opacity: 1; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-moz-keyframes openDownRightOut { 0% { opacity: 1; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-webkit-keyframes openDownRightOut { 0% { opacity: 1; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-o-keyframes openDownRightOut { 0% { opacity: 1; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-ms-keyframes openDownRightOut { 0% { opacity: 1; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @keyframes openDownRightOut { 0% { opacity: 1; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-moz-keyframes openUpLeftOut { 0% { opacity: 1; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-webkit-keyframes openUpLeftOut { 0% { opacity: 1; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-o-keyframes openUpLeftOut { 0% { opacity: 1; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-ms-keyframes openUpLeftOut { 0% { opacity: 1; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @keyframes openUpLeftOut { 0% { opacity: 1; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-moz-keyframes openUpRightOut { 0% { opacity: 1; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-webkit-keyframes openUpRightOut { 0% { opacity: 1; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-o-keyframes openUpRightOut { 0% { opacity: 1; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-ms-keyframes openUpRightOut { 0% { opacity: 1; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @keyframes openUpRightOut { 0% { opacity: 1; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { opacity: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -ms-transform: rotate(-110deg); -o-transform: rotate(-110deg); transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-o; -moz-animation-timing-function: ease-in-o; -ms-animation-timing-function: ease-in-o; -o-animation-timing-function: ease-in-o; animation-timing-function: ease-in-o; } } @-moz-keyframes perspectiveDown { 0% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } 100% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg); } } @-webkit-keyframes perspectiveDown { 0% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } 100% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg); } } @-o-keyframes perspectiveDown { 0% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } 100% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg); } } @-ms-keyframes perspectiveDown { 0% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } 100% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg); } } @keyframes perspectiveDown { 0% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } 100% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg); } } @-moz-keyframes perspectiveLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } } @-webkit-keyframes perspectiveLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } } @-o-keyframes perspectiveLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } } @-ms-keyframes perspectiveLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } } @keyframes perspectiveLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } } @-moz-keyframes perspectiveRight { 0% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } } @-webkit-keyframes perspectiveRight { 0% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } } @-o-keyframes perspectiveRight { 0% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } } @-ms-keyframes perspectiveRight { 0% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } } @keyframes perspectiveRight { 0% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } 100% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } } @-moz-keyframes perspectiveUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg); } } @-webkit-keyframes perspectiveUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg); } } @-o-keyframes perspectiveUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg); } } @-ms-keyframes perspectiveUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg); } } @keyframes perspectiveUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg); } } @-moz-keyframes perspectiveDownRetourn { 0% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg); } 100% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes perspectiveDownRetourn { 0% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg); } 100% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } } @-o-keyframes perspectiveDownRetourn { 0% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg); } 100% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } } @-ms-keyframes perspectiveDownRetourn { 0% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg); } 100% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } } @keyframes perspectiveDownRetourn { 0% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); -moz-transform: perspective(800px) rotateX(-180deg); -ms-transform: perspective(800px) rotateX(-180deg); -o-transform: perspective(800px) rotateX(-180deg); transform: perspective(800px) rotateX(-180deg); } 100% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } } @-moz-keyframes perspectiveLeftRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } } @-webkit-keyframes perspectiveLeftRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } } @-o-keyframes perspectiveLeftRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } } @-ms-keyframes perspectiveLeftRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } } @keyframes perspectiveLeftRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } } @-moz-keyframes perspectiveRightRetourn { 0% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } 100% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } } @-webkit-keyframes perspectiveRightRetourn { 0% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } 100% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } } @-o-keyframes perspectiveRightRetourn { 0% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } 100% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } } @-ms-keyframes perspectiveRightRetourn { 0% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } 100% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } } @keyframes perspectiveRightRetourn { 0% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } 100% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } } @-moz-keyframes perspectiveUpRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes perspectiveUpRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } } @-o-keyframes perspectiveUpRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } } @-ms-keyframes perspectiveUpRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } } @keyframes perspectiveUpRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); -moz-transform: perspective(800px) rotateX(180deg); -ms-transform: perspective(800px) rotateX(180deg); -o-transform: perspective(800px) rotateX(180deg); transform: perspective(800px) rotateX(180deg); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); -moz-transform: perspective(800px) rotateX(0deg); -ms-transform: perspective(800px) rotateX(0deg); -o-transform: perspective(800px) rotateX(0deg); transform: perspective(800px) rotateX(0deg); } } @-moz-keyframes puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes puffOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px); } } @-webkit-keyframes puffOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px); } } @-o-keyframes puffOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px); } } @-ms-keyframes puffOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px); } } @keyframes puffOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(2px); } } @-moz-keyframes rotateDown { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); transform: perspective(800px) rotateX(-180deg) translateZ(300px); } } @-webkit-keyframes rotateDown { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); transform: perspective(800px) rotateX(-180deg) translateZ(300px); } } @-o-keyframes rotateDown { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); transform: perspective(800px) rotateX(-180deg) translateZ(300px); } } @-ms-keyframes rotateDown { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); transform: perspective(800px) rotateX(-180deg) translateZ(300px); } } @keyframes rotateDown { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); transform: perspective(800px) rotateX(-180deg) translateZ(300px); } } @-moz-keyframes rotateLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); transform: perspective(800px) rotateY(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); transform: perspective(800px) rotateY(180deg) translateZ(300px); } } @-webkit-keyframes rotateLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); transform: perspective(800px) rotateY(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); transform: perspective(800px) rotateY(180deg) translateZ(300px); } } @-o-keyframes rotateLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); transform: perspective(800px) rotateY(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); transform: perspective(800px) rotateY(180deg) translateZ(300px); } } @-ms-keyframes rotateLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); transform: perspective(800px) rotateY(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); transform: perspective(800px) rotateY(180deg) translateZ(300px); } } @keyframes rotateLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); transform: perspective(800px) rotateY(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); transform: perspective(800px) rotateY(180deg) translateZ(300px); } } @-moz-keyframes rotateRight { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); transform: perspective(800px) rotateY(0deg) translate3d(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); transform: perspective(800px) rotateY(-180deg) translateZ(150px); } } @-webkit-keyframes rotateRight { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); transform: perspective(800px) rotateY(0deg) translate3d(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); transform: perspective(800px) rotateY(-180deg) translateZ(150px); } } @-o-keyframes rotateRight { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); transform: perspective(800px) rotateY(0deg) translate3d(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); transform: perspective(800px) rotateY(-180deg) translateZ(150px); } } @-ms-keyframes rotateRight { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); transform: perspective(800px) rotateY(0deg) translate3d(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); transform: perspective(800px) rotateY(-180deg) translateZ(150px); } } @keyframes rotateRight { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); transform: perspective(800px) rotateY(0deg) translate3d(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); transform: perspective(800px) rotateY(-180deg) translateZ(150px); } } @-moz-keyframes rotateUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); transform: perspective(800px) rotateX(180deg) translateZ(100px); } } @-webkit-keyframes rotateUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); transform: perspective(800px) rotateX(180deg) translateZ(100px); } } @-o-keyframes rotateUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); transform: perspective(800px) rotateX(180deg) translateZ(100px); } } @-ms-keyframes rotateUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); transform: perspective(800px) rotateX(180deg) translateZ(100px); } } @keyframes rotateUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); transform: perspective(800px) rotateX(0deg) translateZ(0px); } 100% { opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); transform: perspective(800px) rotateX(180deg) translateZ(100px); } } @-moz-keyframes slideDown { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slideDown { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } @-o-keyframes slideDown { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } @-ms-keyframes slideDown { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideDown { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } @-moz-keyframes slideLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } } @-o-keyframes slideLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } } @-ms-keyframes slideLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideLeft { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } } @-moz-keyframes slideRight { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes slideRight { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } @-o-keyframes slideRight { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } @-ms-keyframes slideRight { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideRight { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } @-moz-keyframes slideUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } @-o-keyframes slideUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } @-ms-keyframes slideUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideUp { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } @-moz-keyframes slideDownRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slideDownRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-o-keyframes slideDownRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-ms-keyframes slideDownRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @keyframes slideDownRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-moz-keyframes slideLeftRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes slideLeftRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-o-keyframes slideLeftRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-ms-keyframes slideLeftRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @keyframes slideLeftRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-moz-keyframes slideRightRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes slideRightRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-o-keyframes slideRightRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-ms-keyframes slideRightRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @keyframes slideRightRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-moz-keyframes slideUpRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slideUpRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-o-keyframes slideUpRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-ms-keyframes slideUpRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @keyframes slideUpRetourn { 0% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-moz-keyframes swap { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) translate(-700px, 0px); -moz-transform: scale(0, 0) translate(-700px, 0px); -ms-transform: scale(0, 0) translate(-700px, 0px); -o-transform: scale(0, 0) translate(-700px, 0px); transform: scale(0, 0) translate(-700px, 0px); } 100% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) translate(0px, 0px); -moz-transform: scale(1, 1) translate(0px, 0px); -ms-transform: scale(1, 1) translate(0px, 0px); -o-transform: scale(1, 1) translate(0px, 0px); transform: scale(1, 1) translate(0px, 0px); } } @-webkit-keyframes swap { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) translate(-700px, 0px); -moz-transform: scale(0, 0) translate(-700px, 0px); -ms-transform: scale(0, 0) translate(-700px, 0px); -o-transform: scale(0, 0) translate(-700px, 0px); transform: scale(0, 0) translate(-700px, 0px); } 100% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) translate(0px, 0px); -moz-transform: scale(1, 1) translate(0px, 0px); -ms-transform: scale(1, 1) translate(0px, 0px); -o-transform: scale(1, 1) translate(0px, 0px); transform: scale(1, 1) translate(0px, 0px); } } @-o-keyframes swap { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) translate(-700px, 0px); -moz-transform: scale(0, 0) translate(-700px, 0px); -ms-transform: scale(0, 0) translate(-700px, 0px); -o-transform: scale(0, 0) translate(-700px, 0px); transform: scale(0, 0) translate(-700px, 0px); } 100% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) translate(0px, 0px); -moz-transform: scale(1, 1) translate(0px, 0px); -ms-transform: scale(1, 1) translate(0px, 0px); -o-transform: scale(1, 1) translate(0px, 0px); transform: scale(1, 1) translate(0px, 0px); } } @-ms-keyframes swap { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) translate(-700px, 0px); -moz-transform: scale(0, 0) translate(-700px, 0px); -ms-transform: scale(0, 0) translate(-700px, 0px); -o-transform: scale(0, 0) translate(-700px, 0px); transform: scale(0, 0) translate(-700px, 0px); } 100% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) translate(0px, 0px); -moz-transform: scale(1, 1) translate(0px, 0px); -ms-transform: scale(1, 1) translate(0px, 0px); -o-transform: scale(1, 1) translate(0px, 0px); transform: scale(1, 1) translate(0px, 0px); } } @keyframes swap { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) translate(-700px, 0px); -moz-transform: scale(0, 0) translate(-700px, 0px); -ms-transform: scale(0, 0) translate(-700px, 0px); -o-transform: scale(0, 0) translate(-700px, 0px); transform: scale(0, 0) translate(-700px, 0px); } 100% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) translate(0px, 0px); -moz-transform: scale(1, 1) translate(0px, 0px); -ms-transform: scale(1, 1) translate(0px, 0px); -o-transform: scale(1, 1) translate(0px, 0px); transform: scale(1, 1) translate(0px, 0px); } } @-moz-keyframes twisterInDown { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%); } 30% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%); } 100% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); -moz-transform: scale(1, 1) rotate(0deg) translateY(0%); -ms-transform: scale(1, 1) rotate(0deg) translateY(0%); -o-transform: scale(1, 1) rotate(0deg) translateY(0%); transform: scale(1, 1) rotate(0deg) translateY(0%); } } @-webkit-keyframes twisterInDown { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%); } 30% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%); } 100% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); -moz-transform: scale(1, 1) rotate(0deg) translateY(0%); -ms-transform: scale(1, 1) rotate(0deg) translateY(0%); -o-transform: scale(1, 1) rotate(0deg) translateY(0%); transform: scale(1, 1) rotate(0deg) translateY(0%); } } @-o-keyframes twisterInDown { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%); } 30% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%); } 100% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); -moz-transform: scale(1, 1) rotate(0deg) translateY(0%); -ms-transform: scale(1, 1) rotate(0deg) translateY(0%); -o-transform: scale(1, 1) rotate(0deg) translateY(0%); transform: scale(1, 1) rotate(0deg) translateY(0%); } } @-ms-keyframes twisterInDown { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%); } 30% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%); } 100% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); -moz-transform: scale(1, 1) rotate(0deg) translateY(0%); -ms-transform: scale(1, 1) rotate(0deg) translateY(0%); -o-transform: scale(1, 1) rotate(0deg) translateY(0%); transform: scale(1, 1) rotate(0deg) translateY(0%); } } @keyframes twisterInDown { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%); } 30% { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%); -o-transform: scale(0, 0) rotate(360deg) translateY(-100%); transform: scale(0, 0) rotate(360deg) translateY(-100%); } 100% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); -moz-transform: scale(1, 1) rotate(0deg) translateY(0%); -ms-transform: scale(1, 1) rotate(0deg) translateY(0%); -o-transform: scale(1, 1) rotate(0deg) translateY(0%); transform: scale(1, 1) rotate(0deg) translateY(0%); } } @-moz-keyframes twisterInUp { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); -moz-transform: scale(1, 1) rotate(0deg) translateY(0); -ms-transform: scale(1, 1) rotate(0deg) translateY(0); -o-transform: scale(1, 1) rotate(0deg) translateY(0); transform: scale(1, 1) rotate(0deg) translateY(0); } } @-webkit-keyframes twisterInUp { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); -moz-transform: scale(1, 1) rotate(0deg) translateY(0); -ms-transform: scale(1, 1) rotate(0deg) translateY(0); -o-transform: scale(1, 1) rotate(0deg) translateY(0); transform: scale(1, 1) rotate(0deg) translateY(0); } } @-o-keyframes twisterInUp { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); -moz-transform: scale(1, 1) rotate(0deg) translateY(0); -ms-transform: scale(1, 1) rotate(0deg) translateY(0); -o-transform: scale(1, 1) rotate(0deg) translateY(0); transform: scale(1, 1) rotate(0deg) translateY(0); } } @-ms-keyframes twisterInUp { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); -moz-transform: scale(1, 1) rotate(0deg) translateY(0); -ms-transform: scale(1, 1) rotate(0deg) translateY(0); -o-transform: scale(1, 1) rotate(0deg) translateY(0); transform: scale(1, 1) rotate(0deg) translateY(0); } } @keyframes twisterInUp { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); -o-transform: scale(0, 0) rotate(360deg) translateY(100%); transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); -moz-transform: scale(1, 1) rotate(0deg) translateY(0); -ms-transform: scale(1, 1) rotate(0deg) translateY(0); -o-transform: scale(1, 1) rotate(0deg) translateY(0); transform: scale(1, 1) rotate(0deg) translateY(0); } } @-moz-keyframes vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes vanishOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(20px); } } @-webkit-keyframes vanishOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(20px); } } @-o-keyframes vanishOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(20px); } } @-ms-keyframes vanishOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(20px); } } @keyframes vanishOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); -webkit-filter: blur(20px); } } @-moz-keyframes swashOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 80% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } } @-webkit-keyframes swashOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 80% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } } @-o-keyframes swashOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 80% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } } @-ms-keyframes swashOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 80% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } } @keyframes swashOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 80% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } } @-moz-keyframes swashIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } 90% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes swashIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } 90% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes swashIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } 90% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes swashIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } 90% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes swashIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } 90% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes foolishOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(360deg); -moz-transform: scale(1, 1) rotate(360deg); -ms-transform: scale(1, 1) rotate(360deg); -o-transform: scale(1, 1) rotate(360deg); transform: scale(1, 1) rotate(360deg); } 20% { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 40% { opacity: 1; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 60% { opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 80% { opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(0deg); -moz-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); -o-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg); } } @-webkit-keyframes foolishOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(360deg); -moz-transform: scale(1, 1) rotate(360deg); -ms-transform: scale(1, 1) rotate(360deg); -o-transform: scale(1, 1) rotate(360deg); transform: scale(1, 1) rotate(360deg); } 20% { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 40% { opacity: 1; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 60% { opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 80% { opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(0deg); -moz-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); -o-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg); } } @-o-keyframes foolishOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(360deg); -moz-transform: scale(1, 1) rotate(360deg); -ms-transform: scale(1, 1) rotate(360deg); -o-transform: scale(1, 1) rotate(360deg); transform: scale(1, 1) rotate(360deg); } 20% { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 40% { opacity: 1; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 60% { opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 80% { opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(0deg); -moz-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); -o-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg); } } @-ms-keyframes foolishOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(360deg); -moz-transform: scale(1, 1) rotate(360deg); -ms-transform: scale(1, 1) rotate(360deg); -o-transform: scale(1, 1) rotate(360deg); transform: scale(1, 1) rotate(360deg); } 20% { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 40% { opacity: 1; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 60% { opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 80% { opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(0deg); -moz-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); -o-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg); } } @keyframes foolishOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(360deg); -moz-transform: scale(1, 1) rotate(360deg); -ms-transform: scale(1, 1) rotate(360deg); -o-transform: scale(1, 1) rotate(360deg); transform: scale(1, 1) rotate(360deg); } 20% { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 40% { opacity: 1; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 60% { opacity: 1; -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -ms-transform-origin: 0%; -o-transform-origin: 0%; transform-origin: 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 80% { opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(0deg); -moz-transform: scale(0, 0) rotate(0deg); -ms-transform: scale(0, 0) rotate(0deg); -o-transform: scale(0, 0) rotate(0deg); transform: scale(0, 0) rotate(0deg); } } @-moz-keyframes foolishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(360deg); -moz-transform: scale(0, 0) rotate(360deg); -ms-transform: scale(0, 0) rotate(360deg); -o-transform: scale(0, 0) rotate(360deg); transform: scale(0, 0) rotate(360deg); } 20% { opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 40% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 60% { opacity: 1; -webkit-transform-origin: NaN%; -moz-transform-origin: NaN%; -ms-transform-origin: NaN%; -o-transform-origin: NaN%; transform-origin: NaN%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 80% { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } } @-webkit-keyframes foolishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(360deg); -moz-transform: scale(0, 0) rotate(360deg); -ms-transform: scale(0, 0) rotate(360deg); -o-transform: scale(0, 0) rotate(360deg); transform: scale(0, 0) rotate(360deg); } 20% { opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 40% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 60% { opacity: 1; -webkit-transform-origin: NaN%; -moz-transform-origin: NaN%; -ms-transform-origin: NaN%; -o-transform-origin: NaN%; transform-origin: NaN%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 80% { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } } @-o-keyframes foolishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(360deg); -moz-transform: scale(0, 0) rotate(360deg); -ms-transform: scale(0, 0) rotate(360deg); -o-transform: scale(0, 0) rotate(360deg); transform: scale(0, 0) rotate(360deg); } 20% { opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 40% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 60% { opacity: 1; -webkit-transform-origin: NaN%; -moz-transform-origin: NaN%; -ms-transform-origin: NaN%; -o-transform-origin: NaN%; transform-origin: NaN%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 80% { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } } @-ms-keyframes foolishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(360deg); -moz-transform: scale(0, 0) rotate(360deg); -ms-transform: scale(0, 0) rotate(360deg); -o-transform: scale(0, 0) rotate(360deg); transform: scale(0, 0) rotate(360deg); } 20% { opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 40% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 60% { opacity: 1; -webkit-transform-origin: NaN%; -moz-transform-origin: NaN%; -ms-transform-origin: NaN%; -o-transform-origin: NaN%; transform-origin: NaN%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 80% { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } } @keyframes foolishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotate(360deg); -moz-transform: scale(0, 0) rotate(360deg); -ms-transform: scale(0, 0) rotate(360deg); -o-transform: scale(0, 0) rotate(360deg); transform: scale(0, 0) rotate(360deg); } 20% { opacity: 1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 40% { opacity: 1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 60% { opacity: 1; -webkit-transform-origin: NaN%; -moz-transform-origin: NaN%; -ms-transform-origin: NaN%; -o-transform-origin: NaN%; transform-origin: NaN%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 80% { opacity: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(0.5, 0.5) rotate(0deg); -moz-transform: scale(0.5, 0.5) rotate(0deg); -ms-transform: scale(0.5, 0.5) rotate(0deg); -o-transform: scale(0.5, 0.5) rotate(0deg); transform: scale(0.5, 0.5) rotate(0deg); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotate(0deg); -moz-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } } @-moz-keyframes holeOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotateY(0deg); -moz-transform: scale(1, 1) rotateY(0deg); -ms-transform: scale(1, 1) rotateY(0deg); -o-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotateY(180deg); -moz-transform: scale(0, 0) rotateY(180deg); -ms-transform: scale(0, 0) rotateY(180deg); -o-transform: scale(0, 0) rotateY(180deg); transform: scale(0, 0) rotateY(180deg); } } @-webkit-keyframes holeOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotateY(0deg); -moz-transform: scale(1, 1) rotateY(0deg); -ms-transform: scale(1, 1) rotateY(0deg); -o-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotateY(180deg); -moz-transform: scale(0, 0) rotateY(180deg); -ms-transform: scale(0, 0) rotateY(180deg); -o-transform: scale(0, 0) rotateY(180deg); transform: scale(0, 0) rotateY(180deg); } } @-o-keyframes holeOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotateY(0deg); -moz-transform: scale(1, 1) rotateY(0deg); -ms-transform: scale(1, 1) rotateY(0deg); -o-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotateY(180deg); -moz-transform: scale(0, 0) rotateY(180deg); -ms-transform: scale(0, 0) rotateY(180deg); -o-transform: scale(0, 0) rotateY(180deg); transform: scale(0, 0) rotateY(180deg); } } @-ms-keyframes holeOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotateY(0deg); -moz-transform: scale(1, 1) rotateY(0deg); -ms-transform: scale(1, 1) rotateY(0deg); -o-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotateY(180deg); -moz-transform: scale(0, 0) rotateY(180deg); -ms-transform: scale(0, 0) rotateY(180deg); -o-transform: scale(0, 0) rotateY(180deg); transform: scale(0, 0) rotateY(180deg); } } @keyframes holeOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1, 1) rotateY(0deg); -moz-transform: scale(1, 1) rotateY(0deg); -ms-transform: scale(1, 1) rotateY(0deg); -o-transform: scale(1, 1) rotateY(0deg); transform: scale(1, 1) rotateY(0deg); } 100% { opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0, 0) rotateY(180deg); -moz-transform: scale(0, 0) rotateY(180deg); -ms-transform: scale(0, 0) rotateY(180deg); -o-transform: scale(0, 0) rotateY(180deg); transform: scale(0, 0) rotateY(180deg); } } @-moz-keyframes tinRightOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%); } } @-webkit-keyframes tinRightOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%); } } @-o-keyframes tinRightOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%); } } @-ms-keyframes tinRightOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%); } } @keyframes tinRightOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%); } } @-moz-keyframes tinLeftOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%); } } @-webkit-keyframes tinLeftOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%); } } @-o-keyframes tinLeftOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%); } } @-ms-keyframes tinLeftOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%); } } @keyframes tinLeftOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%); } } @-moz-keyframes tinUpOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%); } } @-webkit-keyframes tinUpOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%); } } @-o-keyframes tinUpOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%); } } @-ms-keyframes tinUpOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%); } } @keyframes tinUpOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%); } } @-moz-keyframes tinDownOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%); } } @-webkit-keyframes tinDownOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%); } } @-o-keyframes tinDownOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%); } } @-ms-keyframes tinDownOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%); } } @keyframes tinDownOut { 0%, 20%, 40%, 50% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10%, 30% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%); } } @-moz-keyframes tinRightIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @-webkit-keyframes tinRightIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @-o-keyframes tinRightIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @-ms-keyframes tinRightIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @keyframes tinRightIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); -moz-transform: scale(1, 1) translateX(900%); -ms-transform: scale(1, 1) translateX(900%); -o-transform: scale(1, 1) translateX(900%); transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @-moz-keyframes tinLeftIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @-webkit-keyframes tinLeftIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @-o-keyframes tinLeftIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @-ms-keyframes tinLeftIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @keyframes tinLeftIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); -moz-transform: scale(1, 1) translateX(-900%); -ms-transform: scale(1, 1) translateX(-900%); -o-transform: scale(1, 1) translateX(-900%); transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); -moz-transform: scale(1.1, 1.1) translateX(0); -ms-transform: scale(1.1, 1.1) translateX(0); -o-transform: scale(1.1, 1.1) translateX(0); transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); -moz-transform: scale(1, 1) translateX(0); -ms-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @-moz-keyframes tinUpIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-webkit-keyframes tinUpIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-o-keyframes tinUpIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-ms-keyframes tinUpIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @keyframes tinUpIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateY(-900%); -moz-transform: scale(1, 1) translateY(-900%); -ms-transform: scale(1, 1) translateY(-900%); -o-transform: scale(1, 1) translateY(-900%); transform: scale(1, 1) translateY(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-moz-keyframes tinDownIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-webkit-keyframes tinDownIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-o-keyframes tinDownIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-ms-keyframes tinDownIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @keyframes tinDownIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateY(900%); -moz-transform: scale(1, 1) translateY(900%); -ms-transform: scale(1, 1) translateY(900%); -o-transform: scale(1, 1) translateY(900%); transform: scale(1, 1) translateY(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateY(0); -moz-transform: scale(1.1, 1.1) translateY(0); -ms-transform: scale(1.1, 1.1) translateY(0); -o-transform: scale(1.1, 1.1) translateY(0); transform: scale(1.1, 1.1) translateY(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -o-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-moz-keyframes bombRightOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px); } 50% { opacity: 1; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(0px); } 100% { opacity: 0; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(20px); } } @-webkit-keyframes bombRightOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px); } 50% { opacity: 1; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(0px); } 100% { opacity: 0; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(20px); } } @-o-keyframes bombRightOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px); } 50% { opacity: 1; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(0px); } 100% { opacity: 0; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(20px); } } @-ms-keyframes bombRightOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px); } 50% { opacity: 1; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(0px); } 100% { opacity: 0; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(20px); } } @keyframes bombRightOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px); } 50% { opacity: 1; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(0px); } 100% { opacity: 0; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); -webkit-filter: blur(20px); } } @-moz-keyframes bombLeftOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px); } 50% { opacity: 1; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(0px); } 100% { opacity: 0; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(20px); } } @-webkit-keyframes bombLeftOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px); } 50% { opacity: 1; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(0px); } 100% { opacity: 0; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(20px); } } @-o-keyframes bombLeftOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px); } 50% { opacity: 1; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(0px); } 100% { opacity: 0; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(20px); } } @-ms-keyframes bombLeftOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px); } 50% { opacity: 1; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(0px); } 100% { opacity: 0; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(20px); } } @keyframes bombLeftOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-filter: blur(0px); } 50% { opacity: 1; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(0px); } 100% { opacity: 0; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -ms-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); -webkit-filter: blur(20px); } } *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}body{background:#fff;font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;font-size:14px;line-height:1;color:#222;position:relative;-webkit-font-smoothing:antialiased}a img{border:none}a{color:#2ba6cb;text-decoration:none;line-height:inherit}a:hover{color:#2795b6}a:focus{color:#2ba6cb;outline:none}p a,p a:visited{line-height:inherit}.left{float:left}.right{float:right}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.hide{display:none !important}.highlight{background:#ff9}#googlemap img,object,embed{max-width:none}#map_canvas embed{max-width:none}#map_canvas img{max-width:none}#map_canvas object{max-width:none}figure{margin:0}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0;font-size:14px;direction:ltr}p{font-family:inherit;font-weight:normal;font-size:14px;line-height:1.6;margin-bottom:17px}p.lead{font-size:17.5px;line-height:1.6;margin-bottom:17px}aside p{font-size:13px;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:bold;font-style:normal;color:#222;text-rendering:optimizeLegibility;line-height:1.1;margin-bottom:14px;margin-top:14px}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}h1{font-size:44px}h2{font-size:37px}h3{font-size:27px}h4{font-size:23px}h5{font-size:17px}h6{font-size:14px}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:22px 0 21px;height:0}.subheader{line-height:1.3;color:#6f6f6f;font-weight:300;margin-bottom:17px}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:bold;line-height:inherit}small{font-size:60%;line-height:inherit}code{font-weight:bold;background:#ff9}ul,ol,dl{font-size:14px;line-height:1.6;margin-bottom:17px;list-style-position:outside}ul li ul,ul li ol{margin-left:20px;margin-bottom:0}ul.square,ul.circle,ul.disc{margin-left:17px}ul.square{list-style-type:square}ul.square li ul{list-style:inherit}ul.circle{list-style-type:circle}ul.circle li ul{list-style:inherit}ul.disc{list-style-type:disc}ul.disc li ul{list-style:inherit}ul.no-bullet{list-style:none}ul.large li{line-height:21px}ol{margin-left:20px}ol li ul,ol li ol{margin-left:20px;margin-bottom:0}blockquote,blockquote p{line-height:1.5;color:#6f6f6f}blockquote{margin:0 0 17px;padding:9px 20px 0 19px;border-left:1px solid #ddd}blockquote cite{display:block;font-size:13px;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#555}abbr,acronym{text-transform:uppercase;font-size:90%;color:#222;border-bottom:1px solid #ddd;cursor:help}abbr{text-transform:none}.print-only{display:none !important}@media print{*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.hide-on-print{display:none !important}.print-only{display:block !important}.hide-for-print{display:none !important}.show-for-print{display:inherit !important}}form{margin:0 0 19.41641px}.row form .row{margin:0 -6px}.row form .row .column,.row form .row .columns{padding:0 6px}.row form .row.collapse{margin:0}.row form .row.collapse .column,.row form .row.collapse .columns{padding:0}label{font-size:14px;color:#4d4d4d;cursor:pointer;display:block;font-weight:500;margin-bottom:3px}label.right{float:none;text-align:right}label.inline{line-height:32px;margin:0 0 12px 0}.prefix,.postfix{display:block;position:relative;z-index:2;text-align:center;width:100%;padding-top:0;padding-bottom:0;height:32px;line-height:31px}a.button.prefix,a.button.postfix{padding-left:0;padding-right:0;text-align:center}span.prefix,span.postfix{background:#f2f2f2;border:1px solid #ccc}.prefix{left:2px;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;overflow:hidden}.postfix{right:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{background-color:#fff;font-family:inherit;border:1px solid #ccc;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);color:rgba(0,0,0,0.75);display:block;font-size:14px;margin:0 0 12px 0;padding:6px;height:32px;width:100%;-webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;-o-transition:all 0.15s linear;transition:all 0.15s linear}input[type="text"].oversize,input[type="password"].oversize,input[type="date"].oversize,input[type="datetime"].oversize,input[type="email"].oversize,input[type="number"].oversize,input[type="search"].oversize,input[type="tel"].oversize,input[type="time"].oversize,input[type="url"].oversize,textarea.oversize{font-size:17px;padding:4px 6px}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus{background:#fafafa;outline:none !important;border-color:#b3b3b3}input[type="text"][disabled],input[type="password"][disabled],input[type="date"][disabled],input[type="datetime"][disabled],input[type="email"][disabled],input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="time"][disabled],input[type="url"][disabled],textarea[disabled]{background-color:#ddd}textarea{height:auto}select{width:100%}fieldset{border:solid 1px #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:12px 12px 0;margin:18px 0}fieldset legend{font-weight:bold;background:#fff;padding:0 3px;margin:0;margin-left:-3px}.error input,input.error,.error textarea,textarea.error{border-color:#c60f13;background-color:rgba(198,15,19,0.1)}.error label,label.error{color:#c60f13}.error small,small.error{display:block;padding:6px 4px;margin-top:-13px;margin-bottom:12px;background:#c60f13;color:#fff;font-size:12px;font-weight:bold;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px}.error textarea:focus,textarea.error:focus{background:#fafafa;border-color:#b3b3b3}form.custom span.custom{display:inline-block;width:16px;height:16px;position:relative;top:2px;border:solid 1px #ccc;background:#fff}form.custom span.custom.radio{-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px}form.custom span.custom.checkbox:before{content:"";display:block;line-height:0.8;height:14px;width:14px;text-align:center;position:absolute;top:0;left:0;font-size:14px;color:#fff}form.custom span.custom.radio.checked:before{content:"";display:block;width:8px;height:8px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;background:#222;position:relative;top:3px;left:3px}form.custom span.custom.checkbox.checked:before{content:"\00d7";color:#222}form.custom div.custom.dropdown{display:block;position:relative;width:auto;height:28px;margin-bottom:9px;margin-top:2px}form.custom div.custom.dropdown ul{overflow-y:auto;max-height:200px}form.custom div.custom.dropdown a.current{display:block;width:auto;line-height:26px;min-height:28px;padding:0;padding-left:6px;padding-right:38px;border:solid 1px #ddd;color:#141414;background-color:#fff;white-space:nowrap}form.custom div.custom.dropdown a.selector{position:absolute;width:27px;height:28px;display:block;right:0;top:0;border:solid 1px #ddd}form.custom div.custom.dropdown a.selector:after{content:"";display:block;content:"";display:block;width:0;height:0;border:solid 5px;border-color:#aaa transparent transparent transparent;position:absolute;left:50%;top:50%;margin-top:-2px;margin-left:-5px}form.custom div.custom.dropdown:hover a.selector:after,form.custom div.custom.dropdown.open a.selector:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:#222 transparent transparent transparent}form.custom div.custom.dropdown.open ul{display:block;z-index:10}form.custom div.custom.dropdown.small{width:134px !important}form.custom div.custom.dropdown.medium{width:254px !important}form.custom div.custom.dropdown.large{width:434px !important}form.custom div.custom.dropdown.expand{width:100% !important}form.custom div.custom.dropdown.open.small ul{width:134px !important}form.custom div.custom.dropdown.open.medium ul{width:254px !important}form.custom div.custom.dropdown.open.large ul{width:434px !important}form.custom div.custom.dropdown.open.expand ul{width:100% !important}form.custom div.custom.dropdown ul{position:absolute;width:auto;display:none;margin:0;left:0;top:27px;margin:0;padding:0;background:#fff;background:rgba(255,255,255,0.95);border:solid 1px #ccc}form.custom div.custom.dropdown ul li{color:#555;font-size:13px;cursor:pointer;padding:3px;padding-left:6px;padding-right:38px;min-height:18px;line-height:18px;margin:0;white-space:nowrap;list-style:none}form.custom div.custom.dropdown ul li.selected{background:#cdebf5;color:#000}form.custom div.custom.dropdown ul li.selected:after{content:"\2013";position:absolute;right:10px}form.custom div.custom.dropdown ul li:hover{background-color:#cdebf5;color:#000}form.custom div.custom.dropdown ul li:hover:after{content:"\2013";position:absolute;right:10px;color:#a3dbec}form.custom div.custom.dropdown ul li.selected:hover{background:#cdebf5;cursor:default;color:#000}form.custom div.custom.dropdown ul li.selected:hover:after{color:#000}form.custom div.custom.dropdown ul.show{display:block}form.custom .custom.disabled{background-color:#ddd}@-moz-document url-prefix(){form.custom div.custom.dropdown a.selector{height:30px}}.lt-ie9 form.custom div.custom.dropdown a.selector{height:30px}.row{width:940px;max-width:100%;min-width:768px;margin:0 auto}.row .row{width:auto;max-width:none;min-width:0;margin:0 -15px}.row.collapse .column,.row.collapse .columns{padding:0}.row .row{width:auto;max-width:none;min-width:0;margin:0 -15px}.row .row.collapse{margin:0}.column,.columns{float:left;min-height:1px;padding:0 15px;position:relative}.column.centered,.columns.centered{float:none;margin:0 auto}[class*="column"]+[class*="column"]:last-child{float:right}[class*="column"]+[class*="column"].end{float:left}.one,.row .one{width:8.33333%}.two,.row .two{width:16.66667%}.three,.row .three{width:25%}.four,.row .four{width:33.33333%}.five,.row .five{width:41.66667%}.six,.row .six{width:50%}.seven,.row .seven{width:58.33333%}.eight,.row .eight{width:66.66667%}.nine,.row .nine{width:75%}.ten,.row .ten{width:83.33333%}.eleven,.row .eleven{width:91.66667%}.twelve,.row .twelve{width:100%}.row .offset-by-one{margin-left:8.33333%}.row .offset-by-two{margin-left:16.66667%}.row .offset-by-three{margin-left:25%}.row .offset-by-four{margin-left:33.33333%}.row .offset-by-five{margin-left:41.66667%}.row .offset-by-six{margin-left:50%}.row .offset-by-seven{margin-left:58.33333%}.row .offset-by-eight{margin-left:66.66667%}.row .offset-by-nine{margin-left:75%}.row .offset-by-ten{margin-left:83.33333%}.push-two{left:16.66667%}.pull-two{right:16.66667%}.push-three{left:25%}.pull-three{right:25%}.push-four{left:33.33333%}.pull-four{right:33.33333%}.push-five{left:41.66667%}.pull-five{right:41.66667%}.push-six{left:50%}.pull-six{right:50%}.push-seven{left:58.33333%}.pull-seven{right:58.33333%}.push-eight{left:66.66667%}.pull-eight{right:66.66667%}.push-nine{left:75%}.pull-nine{right:75%}.push-ten{left:83.33333%}.pull-ten{right:83.33333%}img,object,embed{max-width:100%;height:auto}object,embed{height:100%}img{-ms-interpolation-mode:bicubic}#map_canvas img,.map_canvas img{max-width:none!important}.row{*zoom:1}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.block-grid{display:block;overflow:hidden;padding:0}.block-grid>li{display:block;height:auto;float:left}.block-grid.one-up{margin:0;margin:0 -8px}.block-grid.one-up>li{width:100%;padding:0 0 15px;padding:0 8px 8px}.block-grid.two-up{margin:0 -15px;margin:0 -8px}.block-grid.two-up>li{width:50%;padding:0 15px 15px;padding:0 8px 8px}.block-grid.two-up>li:nth-child(2n+1){clear:both}.block-grid.three-up{margin:0 -12px;margin:0 -8px}.block-grid.three-up>li{width:33.33333%;padding:0 12px 12px;padding:0 8px 8px}.block-grid.three-up>li:nth-child(3n+1){clear:both}.block-grid.four-up{margin:0 -10px}.block-grid.four-up>li{width:25%;padding:0 10px 10px}.block-grid.four-up>li:nth-child(4n+1){clear:both}.block-grid.five-up{margin:0 -8px}.block-grid.five-up>li{width:20%;padding:0 8px 8px}.block-grid.five-up>li:nth-child(5n+1){clear:both}.block-grid.six-up{margin:0 -8px}.block-grid.six-up>li{width:16.66667%;padding:0 8px 8px}.block-grid.six-up>li:nth-child(6n+1){clear:both}.block-grid.seven-up{margin:0 -8px}.block-grid.seven-up>li{width:14.28571%;padding:0 8px 8px}.block-grid.seven-up>li:nth-child(7n+1){clear:both}.block-grid.eight-up{margin:0 -8px}.block-grid.eight-up>li{width:12.5%;padding:0 8px 8px}.block-grid.eight-up>li:nth-child(8n+1){clear:both}.block-grid.nine-up{margin:0 -8px}.block-grid.nine-up>li{width:11.11111%;padding:0 8px 8px}.block-grid.nine-up>li:nth-child(9n+1){clear:both}.block-grid.ten-up{margin:0 -8px}.block-grid.ten-up>li{width:10%;padding:0 8px 8px}.block-grid.ten-up>li:nth-child(10n+1){clear:both}.block-grid.eleven-up{margin:0 -8px}.block-grid.eleven-up>li{width:9.09091%;padding:0 8px 8px}.block-grid.eleven-up>li:nth-child(11n+1){clear:both}.block-grid.twelve-up{margin:0 -8px}.block-grid.twelve-up>li{width:8.33333%;padding:0 8px 8px}.block-grid.twelve-up>li:nth-child(12n+1){clear:both}.button{width:auto;background:#2ba6cb;border:1px solid #1e728c;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:bold;line-height:1;margin:0;outline:none;padding:10px 20px 11px;position:relative;text-align:center;text-decoration:none;-webkit-transition:background-color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out}.button:hover{color:#fff;background-color:#2284a1}.button:active{-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset}.button:focus{-webkit-box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;color:#fff}.button.large{font-size:17px;padding:15px 30px 16px}.button.medium{font-size:14px}.button.small{font-size:11px;padding:7px 14px 8px}.button.tiny{font-size:10px;padding:5px 10px 6px}.button.expand{width:100%;text-align:center}.button.primary{background-color:#2ba6cb;border:1px solid #1e728c}.button.primary:hover{background-color:#2284a1}.button.primary:focus{-webkit-box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset}.button.success{background-color:#5da423;border:1px solid #396516}.button.success:hover{background-color:#457a1a}.button.success:focus{-webkit-box-shadow:0 0 5px #5da423,0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 0 5px #5da423,0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 0 5px #5da423,0 1px 0 rgba(255,255,255,0.5) inset}.button.alert{background-color:#c60f13;border:1px solid #7f0a0c}.button.alert:hover{background-color:#970b0e}.button.alert:focus{-webkit-box-shadow:0 0 4px #c60f13,0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 0 4px #c60f13,0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 0 4px #c60f13,0 1px 0 rgba(255,255,255,0.5) inset}.button.secondary{background-color:#e9e9e9;color:#1d1d1d;border:1px solid #c3c3c3}.button.secondary:hover{background-color:#d0d0d0}.button.secondary:focus{-webkit-box-shadow:0 0 5px #e9e9e9,0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 0 5px #e9e9e9,0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 0 5px #e9e9e9,0 1px 0 rgba(255,255,255,0.5) inset}.button.radius{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.button.round{-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;-o-border-radius:1000px;border-radius:1000px}.button.full-width{width:100%;text-align:center;padding-left:0px !important;padding-right:0px !important}.button.left-align{text-align:left;text-indent:12px}.button.disabled,.button[disabled]{opacity:0.6;cursor:default;background:#2ba6cb;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button.disabled :hover,.button[disabled] :hover{background:#2ba6cb}.button.disabled.success,.button[disabled].success{background-color:#5da423}.button.disabled.success:hover,.button[disabled].success:hover{background-color:#5da423}.button.disabled.alert,.button[disabled].alert{background-color:#c60f13}.button.disabled.alert:hover,.button[disabled].alert:hover{background-color:#c60f13}.button.disabled.secondary,.button[disabled].secondary{background-color:#e9e9e9}.button.disabled.secondary:hover,.button[disabled].secondary:hover{background-color:#e9e9e9}input[type=submit].button,button.button{-webkit-appearance:none}@-moz-document url-prefix(){button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0}input[type="submit"].tiny.button{padding:3px 10px 4px}input[type="submit"].small.button{padding:5px 14px 6px}input[type="submit"].button,input[type=submit].medium.button{padding:8px 20px 9px}input[type="submit"].large.button{padding:13px 30px 14px}}.button.dropdown{position:relative;padding-right:44px}.button.dropdown.large{padding-right:60px}.button.dropdown.small{padding-right:28px}.button.dropdown.tiny{padding-right:20px}.button.dropdown:after{content:"";display:block;width:0;height:0;border:solid 6px;border-color:#fff transparent transparent transparent;position:absolute;top:50%;right:20px;margin-top:-2px}.button.dropdown.large:after{content:"";display:block;width:0;height:0;border:solid 7px;border-color:#fff transparent transparent transparent;margin-top:-3px;right:30px}.button.dropdown.small:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:#fff transparent transparent transparent;margin-top:-2px;right:14px}.button.dropdown.tiny:after{content:"";display:block;width:0;height:0;border:solid 4px;border-color:#fff transparent transparent transparent;margin-top:-1px;right:10px}.button.dropdown>ul{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:none;position:absolute;left:-1px;background:#fff;background:rgba(255,255,255,0.95);list-style:none;margin:0;padding:0;border:1px solid #ccc;border-top:none;min-width:100%;z-index:40}.button.dropdown>ul li{width:100%;cursor:pointer;padding:0;min-height:18px;line-height:18px;margin:0;white-space:nowrap;list-style:none}.button.dropdown>ul li a{display:block;color:#555;font-size:13px;font-weight:normal;padding:6px 14px;text-align:left}.button.dropdown>ul li:hover{background-color:#e3f4f9;color:#222}.button.dropdown>ul li.divider{min-height:0;padding:0;height:1px;margin:4px 0;background:#ededed}.button.dropdown.up>ul{border-top:1px solid #ccc;border-bottom:none}.button.dropdown ul.no-hover.show-dropdown{display:block !important}.button.dropdown:hover>ul.no-hover{display:none}.button.dropdown.split{padding:0;position:relative}.button.dropdown.split:after{display:none}.button.dropdown.split:hover{background-color:#2ba6cb}.button.dropdown.split.alert:hover{background-color:#c60f13}.button.dropdown.split.success:hover{background-color:#5da423}.button.dropdown.split.secondary:hover{background-color:#e9e9e9}.button.dropdown.split>a{color:#fff;display:block;padding:10px 50px 11px 20px;padding-left:20px;padding-right:50px;-webkit-transition:background-color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out}.button.dropdown.split>a:hover{background-color:#2284a1}.button.dropdown.split.large>a{padding:15px 75px 16px 30px;padding-left:30px;padding-right:75px}.button.dropdown.split.small>a{padding:7px 35px 8px 14px;padding-left:14px;padding-right:35px}.button.dropdown.split.tiny>a{padding:5px 25px 6px 10px;padding-left:10px;padding-right:25px}.button.dropdown.split>span{background-color:#2ba6cb;position:absolute;right:0;top:0;height:100%;width:30px;border-left:1px solid #1e728c;-webkit-box-shadow:1px 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:1px 1px 0 rgba(255,255,255,0.5) inset;box-shadow:1px 1px 0 rgba(255,255,255,0.5) inset;-webkit-transition:background-color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out}.button.dropdown.split>span:hover{background-color:#2284a1}.button.dropdown.split>span:after{content:"";display:block;width:0;height:0;border:solid 6px;border-color:#fff transparent transparent transparent;position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-2px}.button.dropdown.split.secondary>span:after{content:"";display:block;width:0;height:0;border:solid 6px;border-color:#1d1d1d transparent transparent transparent}.button.dropdown.split.large span{width:45px}.button.dropdown.split.small span{width:21px}.button.dropdown.split.tiny span{width:15px}.button.dropdown.split.large span:after{content:"";display:block;width:0;height:0;border:solid 7px;border-color:#fff transparent transparent transparent;margin-top:-3px;margin-left:-7px}.button.dropdown.split.small span:after{content:"";display:block;width:0;height:0;border:solid 4px;border-color:#fff transparent transparent transparent;margin-top:-1px;margin-left:-4px}.button.dropdown.split.tiny span:after{content:"";display:block;width:0;height:0;border:solid 3px;border-color:#fff transparent transparent transparent;margin-top:-1px;margin-left:-3px}.button.dropdown.split.alert>span{background-color:#c60f13;border-left-color:#7f0a0c}.button.dropdown.split.success>span{background-color:#5da423;border-left-color:#396516}.button.dropdown.split.secondary>span{background-color:#e9e9e9;border-left-color:#c3c3c3}.button.dropdown.split.secondary>a{color:#1d1d1d}.button.dropdown.split.alert>a:hover,.button.dropdown.split.alert>span:hover{background-color:#970b0e}.button.dropdown.split.success>a:hover,.button.dropdown.split.success>span:hover{background-color:#457a1a}.button.dropdown.split.secondary>a:hover,.button.dropdown.split.secondary>span:hover{background-color:#d0d0d0}ul.button-group{list-style:none;padding:0;margin:0 0 12px;*zoom:1}ul.button-group:before,ul.button-group:after{content:" ";display:table}ul.button-group:after{clear:both}ul.button-group li{padding:0;margin:0 0 0 -1px;float:left}ul.button-group li:first-child{margin-left:0}ul.button-group.radius li a.button,ul.button-group.radius li a.button.radius,ul.button-group.radius li a.button-rounded,ul.button-group.radius li input[type="submit"].button,ul.button-group.radius li input[type="submit"].button.radius,ul.button-group.radius li input[type="submit"].button-rounded{-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px}ul.button-group.radius li:first-child a.button,ul.button-group.radius li:first-child a.button.radius,ul.button-group.radius li:first-child input[type="submit"].button,ul.button-group.radius li:first-child input[type="submit"].button.radius{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px}ul.button-group.radius li:first-child a.button.rounded,ul.button-group.radius li:first-child input[type="submit"].button.rounded{-moz-border-radius-topleft:1000px;-webkit-border-top-left-radius:1000px;border-top-left-radius:1000px;-moz-border-radius-bottomleft:1000px;-webkit-border-bottom-left-radius:1000px;border-bottom-left-radius:1000px}ul.button-group.radius li:last-child a.button,ul.button-group.radius li:last-child a.button.radius,ul.button-group.radius li:last-child input[type="submit"].button,ul.button-group.radius li:last-child input[type="submit"].button.radius{-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}ul.button-group.radius li:last-child a.button.rounded,ul.button-group.radius li:last-child input[type="submit"].button.rounded{-moz-border-radius-topright:1000px;-webkit-border-top-right-radius:1000px;border-top-right-radius:1000px;-moz-border-radius-bottomright:1000px;-webkit-border-bottom-right-radius:1000px;border-bottom-right-radius:1000px}ul.button-group.even .button{width:100%}ul.button-group.even.two-up li{width:50%}ul.button-group.even.three-up li{width:33.3%}ul.button-group.even.three-up li:first-child{width:33.4%}ul.button-group.even.four-up li{width:25%}ul.button-group.even.five-up li{width:20%}div.button-bar{overflow:hidden}div.button-bar ul.button-group{float:left;margin-right:8px}div.button-bar ul.button-group:last-child{margin-left:0}.nav-bar{height:40px;background:#4d4d4d;margin-left:0;margin-top:20px;padding:0}.nav-bar>li{float:left;display:block;position:relative;padding:0;margin:0;border:1px solid #333;border-right:none;line-height:38px;-webkit-box-shadow:1px 0 0 rgba(255,255,255,0.2) inset;-moz-box-shadow:1px 0 0 rgba(255,255,255,0.2) inset;box-shadow:1px 0 0 rgba(255,255,255,0.2) inset}.nav-bar>li:first-child{-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0}.nav-bar>li:last-child{border-right:solid 1px #333;-webkit-box-shadow:1px 0 0 rgba(255,255,255,0.2) inset,1px 0 0 rgba(255,255,255,0.2);-moz-box-shadow:1px 0 0 rgba(255,255,255,0.2) inset,1px 0 0 rgba(255,255,255,0.2);box-shadow:1px 0 0 rgba(255,255,255,0.2) inset,1px 0 0 rgba(255,255,255,0.2)}.nav-bar>li.active{background:#2ba6cb;border-color:#2284a1}.nav-bar>li.active>a{color:#fff;cursor:default}.nav-bar>li.active:hover{background:#2ba6cb;cursor:default}.nav-bar>li:hover{background:#333}.nav-bar>li>a{color:#e6e6e6}.nav-bar>li ul{margin-bottom:0}.nav-bar>li .flyout{display:none}.nav-bar>li.has-flyout>a:first-child{padding-right:40px;position:relative}.nav-bar>li.has-flyout>a:first-child:after{content:"";display:block;width:0;height:0;border:solid 4px;border-color:#e6e6e6 transparent transparent transparent;position:absolute;right:20px;top:17px}.nav-bar>li.has-flyout>a.flyout-toggle{border-left:0 !important;position:absolute;right:0;top:0;padding:20px;z-index:2;display:block}.nav-bar>li.has-flyout.is-touch>a:first-child{padding-right:55px}.nav-bar>li.has-flyout.is-touch>a.flyout-toggle{border-left:1px dashed #666}.nav-bar>li>a:first-child{position:relative;padding:0 20px;display:block;text-decoration:none;font-size:14px}.nav-bar>li>input{margin:0 10px}.nav-bar.vertical{height:auto;margin-top:0}.nav-bar.vertical>li{float:none;border-bottom:none;border-right:solid 1px #333;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-bar.vertical>li.has-flyout>a:first-child:after{content:"";display:block;width:0;height:0;border:solid 4px;border-color:transparent transparent transparent #e6e6e6}.nav-bar.vertical>li .flyout{left:100%;top:-1px}.nav-bar.vertical>li .flyout.right{left:auto;right:100%}.nav-bar.vertical>li.active{border-right:solid 1px #2284a1}.nav-bar.vertical>li:last-child{border-bottom:solid 1px #333}.flyout{background:#f2f2f2;padding:20px;margin:0;border:1px solid #d9d9d9;position:absolute;top:39px;left:-1px;width:250px;z-index:40;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.1);box-shadow:0 1px 5px rgba(0,0,0,0.1)}.flyout p{line-height:1.2;font-size:13px}.flyout *:first-child{margin-top:0}.flyout *:last-child{margin-bottom:0}.flyout.small{width:166.66667px}.flyout.large{width:437.5px}.flyout.right{left:auto;right:-2px}.flyout.left{right:auto;left:-2px}.flyout.up{top:auto;bottom:39px}ul.flyout,.nav-bar li ul{padding:0;list-style:none}ul.flyout li,.nav-bar li ul li{border-left:solid 3px #CCC}ul.flyout li a,.nav-bar li ul li a{background:#f2f2f2;border:1px solid #e6e6e6;border-width:1px 1px 0 0;color:#555;display:block;font-size:14px;height:auto;line-height:1;padding:15px 20px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}ul.flyout li a:hover,.nav-bar li ul li a:hover{background:#ebebeb;color:#333}ul.flyout li.active,.nav-bar li ul li.active{margin-top:0;border-top:1px solid #4d4d4d;border-left:4px solid #1a1a1a}ul.flyout li.active a,.nav-bar li ul li.active a{background:#4d4d4d;border:none;color:#fff;height:auto;margin:0;position:static;top:0;-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0}.orbit-wrapper{width:1px;height:1px;position:relative}.orbit{width:1px;height:1px;position:relative;overflow:hidden;margin-bottom:17px}.orbit.with-bullets{margin-bottom:40px}.orbit .orbit-slide{max-width:100%;position:absolute;top:0;left:0}.orbit a.orbit-slide{border:none;line-height:0;display:none}.orbit div.orbit-slide{width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}div.orbit-wrapper div.timer{width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.6;cursor:pointer;z-index:31}div.orbit-wrapper span.rotator{display:block;width:40px;height:40px;position:absolute;top:0;left:-20px;background:url('../images/foundation/orbit/rotator-black.png') no-repeat;z-index:3}div.orbit-wrapper span.rotator.move{left:0}div.orbit-wrapper span.mask{display:block;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden}div.orbit-wrapper span.mask.move{width:40px;left:0;background:url('../images/foundation/orbit/timer-black.png') repeat 0 0}div.orbit-wrapper span.pause{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background:url('../images/foundation/orbit/pause-black.png') no-repeat;z-index:4;opacity:0}div.orbit-wrapper span.pause.active{background:url('../images/foundation/orbit/pause-black.png') no-repeat 0 -40px}div.orbit-wrapper div.timer:hover span.pause,div.orbit-wrapper span.pause.active{opacity:1}.orbit-caption{display:none;font-family:inherit}.orbit-wrapper .orbit-caption{background:#000;background:rgba(0,0,0,0.6);z-index:30;color:#fff;text-align:center;padding:7px 0;font-size:13px;position:absolute;right:0;bottom:0;width:100%}div.orbit-wrapper div.slider-nav{display:block}div.orbit-wrapper div.slider-nav span{width:39px;height:50px;text-indent:-9999px;position:absolute;z-index:30;top:50%;margin-top:-25px;cursor:pointer}div.orbit-wrapper div.slider-nav span.right{background:url('../images/foundation/orbit/right-arrow.png');background-size:100%;right:0}div.orbit-wrapper div.slider-nav span.left{background:url('../images/foundation/orbit/left-arrow.png');background-size:100%;left:0}.lt-ie9 div.orbit-wrapper div.slider-nav span.right{background:url('../images/foundation/orbit/right-arrow-small.png')}.lt-ie9 div.orbit-wrapper div.slider-nav span.left{background:url('../images/foundation/orbit/left-arrow-small.png')}ul.orbit-bullets{position:absolute;z-index:30;list-style:none;bottom:-40px;left:50%;margin-left:-50px;padding:0}ul.orbit-bullets li{float:left;margin-left:5px;cursor:pointer;color:#999;text-indent:-9999px;background:url('../images/foundation/orbit/bullets.jpg') no-repeat 4px 0;width:13px;height:12px;overflow:hidden}ul.orbit-bullets li.active{color:#222;background-position:-8px 0}ul.orbit-bullets li.has-thumb{background:none;width:100px;height:75px}ul.orbit-bullets li.active.has-thumb{background-position:0 0;border-top:2px solid #000}.orbit-slide-counter{position:absolute;bottom:0;z-index:99;background:rgba(0,0,0,0.7);color:#fff;padding:5px}div.orbit img.fluid-placeholder{visibility:hidden;position:static;display:block;width:100%}div.orbit,div.orbit-wrapper{width:100% !important}.lt-ie9 .timer{display:none !important}.lt-ie9 div.caption{background:#000;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom:1}@media only screen and (max-width: 767px){div.orbit.orbit-stack-on-small img.fluid-placeholder{visibility:visible}div.orbit.orbit-stack-on-small .orbit-slide{position:static;margin-bottom:10px}}.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,0.45);z-index:40;display:none;top:0;left:0}.reveal-modal{background:#fff;visibility:hidden;display:none;top:100px;left:50%;margin-left:-260px;width:520px;position:absolute;z-index:41;padding:30px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);box-shadow:0 0 10px rgba(0,0,0,0.4)}.reveal-modal .close-reveal-modal{font-size:22px;font-size:2.2rem;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rgba(0,0,0,0.6);font-weight:bold;cursor:pointer}.reveal-modal.small{width:30%;margin-left:-15%}.reveal-modal.medium{width:40%;margin-left:-20%}.reveal-modal.large{width:60%;margin-left:-30%}.reveal-modal.xlarge{width:70%;margin-left:-35%}.reveal-modal.expand{width:90%;margin-left:-45%}.reveal-modal .row{min-width:0;margin-bottom:10px}.reveal-modal>:first-child{margin-top:0}.reveal-modal>:last-child{margin-bottom:0}@media print{.reveal-modal{border:solid 1px #000;background:#fff !important}}.tabs{list-style:none;border-bottom:solid 1px #e6e6e6;display:block;height:40px;padding:0;margin-bottom:20px}.tabs.contained{margin-bottom:0;margin-left:0}.tabs dt,.tabs li.section-title{color:#b3b3b3;cursor:default;display:block;float:left;font-size:12px;height:40px;line-height:40px;padding:0;padding-right:9px;padding-left:20px;font-weight:normal;width:auto;text-transform:uppercase}.tabs dt:first-child,.tabs li.section-title:first-child{padding:0;padding-right:9px}.tabs dd,.tabs li{display:block;float:left;padding:0;margin:0}.tabs dd a,.tabs li a{color:#6f6f6f;display:block;font-size:14px;height:40px;line-height:40px;padding:0px 23.8px}.tabs dd a:focus,.tabs li a:focus{font-weight:bold;color:#2ba6cb}.tabs dd.active,.tabs li.active{border-top:3px solid #2ba6cb;margin-top:-3px}.tabs dd.active a,.tabs li.active a{cursor:default;color:#3c3c3c;background:#fff;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;font-weight:bold}.tabs dd:first-child,.tabs li:first-child{margin-left:0}.tabs.vertical{height:auto;border-bottom:1px solid #e6e6e6}.tabs.vertical dt,.tabs.vertical dd,.tabs.vertical li{float:none;height:auto}.tabs.vertical dd,.tabs.vertical li{border-left:3px solid #ccc}.tabs.vertical dd a,.tabs.vertical li a{background:#f2f2f2;border:none;border:1px solid #e6e6e6;border-width:1px 1px 0 0;color:#555;display:block;font-size:14px;height:auto;line-height:1;padding:15px 20px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}.tabs.vertical dd.active,.tabs.vertical li.active{margin-top:0;border-top:1px solid #4d4d4d;border-left:4px solid #1a1a1a}.tabs.vertical dd.active a,.tabs.vertical li.active a{background:#4d4d4d;border:none;color:#fff;height:auto;margin:0;position:static;top:0;-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0}.tabs.vertical dd:first-child a.active,.tabs.vertical li:first-child a.active{margin:0}.tabs.pill{border-bottom:none;margin-bottom:10px}.tabs.pill dd,.tabs.pill li{margin-right:10px}.tabs.pill dd:last-child,.tabs.pill li:last-child{margin-right:0}.tabs.pill dd a,.tabs.pill li a{-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;-o-border-radius:1000px;border-radius:1000px;background:#e6e6e6;height:26px;line-height:26px;color:#666}.tabs.pill dd.active,.tabs.pill li.active{border:none;margin-top:0}.tabs.pill dd.active a,.tabs.pill li.active a{background-color:#2ba6cb;border:none;color:#fff}.tabs.pill.contained{border-bottom:solid 1px #eee;margin-bottom:0}.tabs.pill.two-up dd,.tabs.pill.two-up li,.tabs.pill.three-up dd,.tabs.pill.three-up li,.tabs.pill.four-up dd,.tabs.pill.four-up li,.tabs.pill.five-up dd,.tabs.pill.five-up li{margin-right:0}.tabs.two-up dt a,.tabs.two-up dd a,.tabs.two-up li a,.tabs.three-up dt a,.tabs.three-up dd a,.tabs.three-up li a,.tabs.four-up dt a,.tabs.four-up dd a,.tabs.four-up li a,.tabs.five-up dt a,.tabs.five-up dd a,.tabs.five-up li a{padding:0 17px;text-align:center;overflow:hidden}.tabs.two-up dt,.tabs.two-up dd,.tabs.two-up li{width:50%}.tabs.three-up dt,.tabs.three-up dd,.tabs.two-up li{width:33.33%}.tabs.four-up dt,.tabs.four-up dd,.tabs.two-up li{width:25%}.tabs.five-up dt,.tabs.five-up dd,.tabs.two-up li{width:20%}ul.tabs-content{display:block;margin:0 0 20px;padding:0}ul.tabs-content>li{display:none}ul.tabs-content>li.active{display:block}ul.tabs-content.contained{padding:0}ul.tabs-content.contained>li{border:solid 0 #e6e6e6;border-width:0 1px 1px 1px;padding:20px}ul.tabs-content.contained.vertical>li{border-width:1px 1px 1px 1px}.no-js ul.tabs-content>li{display:block}div.alert-box{display:block;padding:6px 7px 7px;font-weight:bold;font-size:14px;color:#fff;background-color:#2ba6cb;border:1px solid rgba(0,0,0,0.1);margin-bottom:12px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-shadow:0 -1px rgba(0,0,0,0.3);position:relative}div.alert-box.success{background-color:#5da423;color:#fff;text-shadow:0 -1px rgba(0,0,0,0.3)}div.alert-box.alert{background-color:#c60f13;color:#fff;text-shadow:0 -1px rgba(0,0,0,0.3)}div.alert-box.secondary{background-color:#e9e9e9;color:#505050;text-shadow:0 1px rgba(255,255,255,0.3)}div.alert-box a.close{color:#333;position:absolute;right:4px;top:-1px;font-size:17px;opacity:0.2;padding:4px}div.alert-box a.close:hover,div.alert-box a.close:focus{opacity:0.4}.label{padding:1px 4px 2px;font-size:12px;font-weight:bold;text-align:center;text-decoration:none;line-height:1;white-space:nowrap;display:inline;position:relative;bottom:1px;color:#fff;background:#2ba6cb}.label.radius{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.label.round{padding:1px 7px 2px;-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;-o-border-radius:1000px;border-radius:1000px}.label.alert{background-color:#c60f13}.label.success{background-color:#5da423}.label.secondary{background-color:#e9e9e9;color:#505050}.has-tip{border-bottom:dotted 1px #ccc;cursor:help;font-weight:bold;color:#333}.has-tip:hover{border-bottom:dotted 1px #196177;color:#2ba6cb}.has-tip.tip-left,.has-tip.tip-right{float:none !important}.tooltip{display:none;background:#000;background:rgba(0,0,0,0.85);position:absolute;color:#fff;font-weight:bold;font-size:12px;padding:5px;z-index:999;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;line-height:normal}.tooltip>.nub{display:block;width:0;height:0;border:solid 5px;border-color:transparent transparent #000 transparent;border-color:transparent transparent rgba(0,0,0,0.85) transparent;position:absolute;top:-10px;left:10px}.tooltip.tip-override>.nub{border-color:transparent transparent #000 transparent !important;border-color:transparent transparent rgba(0,0,0,0.85) transparent !important;top:-10px !important}.tooltip.tip-top>.nub{border-color:#000 transparent transparent transparent;border-color:rgba(0,0,0,0.85) transparent transparent transparent;top:auto;bottom:-10px}.tooltip.tip-left,.tooltip.tip-right{float:none !important}.tooltip.tip-left>.nub{border-color:transparent transparent transparent #000;border-color:transparent transparent transparent rgba(0,0,0,0.85);right:-10px;left:auto}.tooltip.tip-right>.nub{border-color:transparent #000 transparent transparent;border-color:transparent rgba(0,0,0,0.85) transparent transparent;right:auto;left:-10px}.tooltip.noradius{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}.tooltip.opened{color:#2ba6cb !important;border-bottom:dotted 1px #196177 !important}.tap-to-close{display:block;font-size:10px;font-size:1rem;color:#888;font-weight:normal}.panel{background:#f2f2f2;border:solid 1px #e6e6e6;margin:0 0 22px 0;padding:20px}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.panel.callout{background:#2ba6cb;color:#fff;border-color:#2284a1;-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5);-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5);box-shadow:inset 0px 1px 0px rgba(255,255,255,0.5)}.panel.callout a{color:#fff}.panel.callout .button{background:#fff;border:none;color:#2ba6cb;text-shadow:none}.panel.callout .button:hover{background:rgba(255,255,255,0.8)}.panel.radius{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}ul.accordion{margin:0 0 22px 0;border-bottom:1px solid #e9e9e9}ul.accordion>li{list-style:none;margin:0;padding:0;border-top:1px solid #e9e9e9}ul.accordion>li>div.title{cursor:pointer;background:#f6f6f6;padding:15px;margin:0;position:relative;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;-webkit-transition:0.15s background linear;-moz-transition:0.15s background linear;-o-transition:0.15s background linear;transition:0.15s background linear}ul.accordion>li>div.title h1,ul.accordion>li>div.title h2,ul.accordion>li>div.title h3,ul.accordion>li>div.title h4,ul.accordion>li>div.title h5{margin:0}ul.accordion>li>div.title:after{content:"";display:block;width:0;height:0;border:solid 6px;border-color:transparent #9d9d9d transparent transparent;position:absolute;right:15px;top:21px}ul.accordion>li .content{display:none;padding:15px}ul.accordion>li.active{border-top:3px solid #2ba6cb}ul.accordion>li.active .title{background:#fff;padding-top:13px}ul.accordion>li.active .title:after{content:"";display:block;width:0;height:0;border:solid 6px;border-color:#9d9d9d transparent transparent transparent}ul.accordion>li.active .content{background:#fff;display:block;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}ul.side-nav{display:block;list-style:none;margin:0;padding:17px 0}ul.side-nav li{display:block;list-style:none;margin:0 0 7px 0}ul.side-nav li a{display:block}ul.side-nav li.active a{color:#4d4d4d;font-weight:bold}ul.side-nav li.divider{border-top:1px solid #e6e6e6;height:0;padding:0}dl.sub-nav{display:block;width:auto;overflow:hidden;margin:-4px 0 18px;margin-right:0;margin-left:-9px;padding-top:4px}dl.sub-nav dt,dl.sub-nav dd{float:left;display:inline;margin-left:9px;margin-bottom:10px}dl.sub-nav dt{color:#999;font-weight:normal}dl.sub-nav dd a{text-decoration:none;-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;-o-border-radius:1000px;border-radius:1000px}dl.sub-nav dd.active a{font-weight:bold;background:#2ba6cb;color:#fff;padding:3px 9px;cursor:default}ul.pagination{display:block;height:24px;margin-left:-5px}ul.pagination li{float:left;display:block;height:24px;color:#999;font-size:14px;margin-left:5px}ul.pagination li a{display:block;padding:1px 7px 1px;color:#555}ul.pagination li:hover a,ul.pagination li a:focus{background:#e6e6e6}ul.pagination li.unavailable a{cursor:default;color:#999}ul.pagination li.unavailable:hover a,ul.pagination li.unavailable a:focus{background:transparent}ul.pagination li.current a{background:#2ba6cb;color:#fff;font-weight:bold;cursor:default}ul.pagination li.current a:hover{background:#2ba6cb}ul.breadcrumbs{display:block;background:#f6f6f6;padding:6px 10px 7px;border:1px solid #e9e9e9;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;overflow:hidden;margin-left:0}ul.breadcrumbs li{margin:0;padding:0 12px 0 0;float:left;list-style:none}ul.breadcrumbs li a,ul.breadcrumbs li span{text-transform:uppercase;font-size:11px;font-size:1.1rem;padding-left:12px}ul.breadcrumbs li:first-child a,ul.breadcrumbs li:first-child span{padding-left:0}ul.breadcrumbs li:before{content:"/";color:#aaa}ul.breadcrumbs li:first-child:before{content:" "}ul.breadcrumbs li.current a{cursor:default;color:#333}ul.breadcrumbs li:hover a,ul.breadcrumbs li a:focus{text-decoration:underline}ul.breadcrumbs li.current:hover a,ul.breadcrumbs li.current a:focus{text-decoration:none}ul.breadcrumbs li.unavailable a{color:#999}ul.breadcrumbs li.unavailable:hover a,ul.breadcrumbs li.unavailable a:focus{text-decoration:none;color:#999;cursor:default}ul.inline-list,ul.link-list{margin:0 0 17px -22px;padding:0;list-style:none;overflow:hidden}ul.inline-list>li,ul.link-list>li{list-style:none;float:left;margin-left:22px;display:block}ul.inline-list>li>*,ul.link-list>li>*{display:block}.keystroke,kbd{font-family:"Consolas", "Menlo", "Courier", monospace;font-size:13px;padding:2px 4px 0px;margin:0;background:#ededed;border:solid 1px #dbdbdb;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.th{display:block}.th img{display:block;border:solid 4px #fff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(0,0,0,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition-property:box-shadow;-moz-transition-property:box-shadow;-o-transition-property:box-shadow;transition-property:box-shadow;-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms}.th:hover img{-webkit-box-shadow:0 0 6px 1px rgba(43,166,203,0.5);-moz-box-shadow:0 0 6px 1px rgba(43,166,203,0.5);box-shadow:0 0 6px 1px rgba(43,166,203,0.5)}.flex-video{position:relative;padding-top:25px;padding-bottom:67.5%;height:0;margin-bottom:16px;overflow:hidden}.flex-video.widescreen{padding-bottom:57.25%}.flex-video.vimeo{padding-top:0}.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}table{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin:0 0 18px;border:1px solid #ddd}table thead,table tfoot{background:#f5f5f5}table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{display:table-cell;font-size:14px;line-height:18px;text-align:left}table thead tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-weight:bold;color:#222}table thead tr th:first-child,table tfoot tr td:first-child{border-left:none}table thead tr th:last-child,table tfoot tr td:last-child{border-right:none}table tbody tr.even,table tbody tr.alt{background:#f9f9f9}table tbody tr:nth-child(even){background:#f9f9f9}table tbody tr td{color:#333;padding:9px 10px;vertical-align:top;border:none}ul.vcard{display:inline-block;margin:0 0 12px 0;border:1px solid #ddd;padding:10px}ul.vcard li{margin:0;display:block}ul.vcard li.fn{font-weight:bold;font-size:15px}p.vevent span.summary{font-weight:bold}p.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 1px}div.progress{padding:2px;margin-bottom:10px;border:1px solid #ccc;height:25px}div.progress .meter{background:#2ba6cb;height:100%;display:block;width:50%}div.progress.secondary .meter{background:#e9e9e9}div.progress.success .meter{background:#5da423}div.progress.alert .meter{background:#c60f13}div.progress.radius{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}div.progress.radius .meter{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}div.progress.round{-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;-o-border-radius:1000px;border-radius:1000px}div.progress.round .meter{-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;-o-border-radius:1000px;border-radius:1000px}.pricing-table{border:solid 1px #ddd;margin-left:0;margin-bottom:20px}.pricing-table *{list-style:none;line-height:1}.pricing-table .title{background-color:#ddd;padding:15px 20px;text-align:center;color:#333;font-weight:bold;font-size:16px}.pricing-table .price{background-color:#eee;padding:15px 20px;text-align:center;color:#333;font-weight:normal;font-size:20px}.pricing-table .description{background-color:#fff;padding:15px;text-align:center;color:#777;font-size:12px;font-weight:normal;line-height:1.4;border-bottom:dotted 1px #ddd}.pricing-table .bullet-item{background-color:#fff;padding:15px;text-align:center;color:#333;font-size:14px;font-weight:normal;border-bottom:dotted 1px #ddd}.pricing-table .cta-button{background-color:#f5f5f5;text-align:center;padding:20px}.top-bar-js-breakpoint{width:940px !important;visibility:hidden}.contain-to-grid{width:100%;background:#222}.fixed{width:100%;left:0;position:fixed;top:0;z-index:99}.top-bar{background:#222;height:45px;line-height:45px;margin:0 0 30px;padding:0;width:100%}.contain-to-grid .top-bar{max-width:940px;margin:0 auto}.top-bar>ul .name h1{line-height:45px;margin:0}.top-bar>ul .name h1 a{font-weight:bold;padding:0 22.5px;font-size:17px !important}.top-bar>ul .name img{margin-top:-5px;vertical-align:middle}.top-bar.expanded{height:inherit}.top-bar ul{margin-left:0;display:inline;height:45px;line-height:45px;list-style:none}.top-bar ul>li{float:left}.top-bar ul>li a:not(.button){color:#fff;display:block;font-size:13px;font-weight:bold;height:45px;line-height:45px;padding:0 15px}.top-bar ul>li:not(.name):hover,.top-bar ul>li:not(.name).active{background:#000}.top-bar ul>li:not(.name):hover a,.top-bar ul>li:not(.name).active a{color:#d9d9d9}.top-bar ul>li.divider{background:#000;-webkit-box-shadow:1px 0 0 rgba(255,255,255,0.1);-moz-box-shadow:1px 0 0 rgba(255,255,255,0.1);box-shadow:1px 0 0 rgba(255,255,255,0.1);height:100%;margin-right:1px;width:1px}.top-bar ul>li.has-button a.button{margin:0 11.25px}.top-bar ul>li.has-button:hover{background:#222}.top-bar ul>li.has-button:hover a{color:#fff}.top-bar ul>li.search{padding:0 15px}.top-bar ul>li.search form{display:inline-block;margin-bottom:0;vertical-align:middle;width:200px}.top-bar ul>li.search form input[type=text]{-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;float:left;font-size:13px;margin-top:-1px;height:22.5px}.top-bar ul>li.search form input[type=text]+.button{border-left:none;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;float:left;font-size:12px;margin-top:-1px;padding:5px 12px 4px}.top-bar ul>li.search form input[type=search]{font-size:16px;margin-bottom:0}.top-bar ul>li.search:hover{background:#222}.top-bar ul>li.toggle-topbar{display:none}.top-bar ul>li.has-dropdown{position:relative}.top-bar ul>li.has-dropdown:hover>.dropdown{display:block;visibility:visible}.top-bar ul>li.has-dropdown a{padding-right:33.75px}.top-bar ul>li.has-dropdown a:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:#fff transparent transparent transparent;margin-right:15px;margin-top:-2.5px;position:absolute;right:0;top:50%}.top-bar ul>li.has-dropdown .dropdown{background:#222;left:0;margin:0;padding:9px 0 0 0;position:absolute;visibility:hidden;z-index:99}.top-bar ul>li.has-dropdown .dropdown li{background:#222;line-height:1;min-width:100%;padding-bottom:5px}.top-bar ul>li.has-dropdown .dropdown li a{color:#fff;font-weight:normal;height:100%;line-height:1;padding:5px 17px 5px 15px;white-space:nowrap}.top-bar ul>li.has-dropdown .dropdown li a:after{border:none}.top-bar ul>li.has-dropdown .dropdown li a:hover{background:#3c3c3c}.top-bar ul>li.has-dropdown .dropdown li label{color:#6f6f6f;font-size:10px;font-weight:bold;margin:0;padding-left:15px;text-transform:uppercase}.top-bar ul>li.has-dropdown .dropdown li.divider{border-top:solid 1px #000;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;height:10px;padding:0;width:100%}.top-bar ul>li.has-dropdown .dropdown li:last-child{padding-bottom:10px}.top-bar ul>li.has-dropdown .dropdown li.active a{background:#000}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a{padding-right:30px}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";right:5px;top:6px}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown{position:absolute;left:100%;top:0}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover>.dropdown{display:block}.top-bar ul.left{float:left;width:auto;margin-bottom:0}.top-bar ul.right{float:right;width:auto;margin-bottom:0}.top-bar ul.right .has-dropdown .dropdown{left:auto;right:-1px}.top-bar ul.right .has-dropdown .dropdown li.has-dropdown>.dropdown{right:100%;left:auto;width:100%}.top-bar .js-generated{display:none}@-moz-document url-prefix(){.top-bar ul li .button.small{padding-bottom:6px}.top-bar ul li.search form input[type=search]{font-size:14px;height:22px;padding:3px}}.lt-ie9 .top-bar ul li a{color:#fff;display:block;font-weight:bold;font-size:13px;height:45px;line-height:45px;padding:0 15px}.lt-ie9 .top-bar ul li a.button{height:auto;line-height:30px;margin-top:7px}.lt-ie9 .top-bar ul li a:hover{color:#ccc}.lt-ie9 .top-bar ul li a img{margin-top:-5px;vertical-align:middle}.lt-ie9 .top-bar ul li a.active{background:#151515;color:#d9d9d9}.lt-ie9 .top-bar ul li.has-dropdown{padding-right:33.75px}.lt-ie9 .top-bar ul li.has-dropdown>ul li{padding-right:0}#joyRideTipContent{display:none}.joyride-tip-guide{display:none;position:absolute;background:#000;background:rgba(0,0,0,0.8);color:#fff;width:300px;z-index:101;top:0;left:0;font-family:inherit;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.joyride-content-wrapper{padding:18px 20px 24px}.joyride-tip-guide span.joyride-nub{display:block;position:absolute;left:22px;width:0;height:0;border:solid 14px}.joyride-tip-guide span.joyride-nub.top{border-color:#000;border-color:rgba(0,0,0,0.8);border-top-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;top:-28px;bottom:none}.joyride-tip-guide span.joyride-nub.bottom{border-color:#000;border-color:rgba(0,0,0,0.8) !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-28px;bottom:none}.joyride-tip-guide span.joyride-nub.right{border-color:#000;border-color:rgba(0,0,0,0.8) !important;border-top-color:transparent !important;border-right-color:transparent !important;border-bottom-color:transparent !important;top:22px;bottom:none;left:auto;right:-28px}.joyride-tip-guide span.joyride-nub.left{border-color:#000;border-color:rgba(0,0,0,0.8) !important;border-top-color:transparent !important;border-left-color:transparent !important;border-bottom-color:transparent !important;top:22px;left:-28px;right:auto;bottom:none}.joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6{line-height:1.25;margin:0;font-weight:bold;color:#fff}.joyride-tip-guide p{margin:0 0 18px 0;font-size:14px;line-height:1.3}.joyride-timer-indicator-wrap{width:50px;height:3px;border:solid 1px #555;position:absolute;right:17px;bottom:16px}.joyride-timer-indicator{display:block;width:0;height:inherit;background:#666}.joyride-close-tip{position:absolute;right:10px;top:10px;color:#777 !important;text-decoration:none;font-size:20px;font-weight:normal;line-height:.5 !important}.joyride-close-tip:hover{color:#eee !important}.joyride-modal-bg{position:fixed;height:100%;width:100%;background:transparent;background:rgba(0,0,0,0.5);z-index:100;display:none;top:0;left:0;cursor:pointer}.clearing-blackout{background:#000;background:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;top:0;left:0;z-index:999}.clearing-blackout .clearing-close{display:block}.clearing-container{position:relative;z-index:999;height:100%;overflow:hidden}.visible-img{height:75%;position:relative}.visible-img img{position:absolute;left:50%;top:50%;margin-left:-50%;max-height:100%;max-width:100%}.visible-img .clearing-caption{color:#fff;margin-bottom:0;text-align:center;position:absolute;bottom:0;background:#000;background:rgba(0,0,0,0.7);width:100%;padding:10px 100px}.clearing-close{z-index:999;position:absolute;top:10px;right:20px;font-size:30px;line-height:1;color:#fff;display:none}.clearing-close:hover{color:#ccc}.clearing-main-left,.clearing-main-right{position:absolute;top:50%;margin-top:-16px}.clearing-main-left.disabled,.clearing-main-right.disabled{opacity:0.5}.clearing-main-left:active,.clearing-main-right:active{margin-top:-15px}.clearing-main-left{left:10px;content:"";display:block;width:0;height:0;border:solid 16px;border-color:transparent #fff transparent transparent}.clearing-main-right{right:10px;content:"";display:block;width:0;height:0;border:solid 16px;border-color:transparent transparent transparent #fff}.block-grid.three-up>li:nth-child(3n+1){clear:none}ul[data-clearing] li{cursor:pointer;display:block}ul[data-clearing] li.clearing-feature ~ li{display:none}.clearing-assembled .clearing-container .carousel{background:#000;background:rgba(0,0,0,0.75);height:150px;margin-top:5px}.clearing-assembled .clearing-container .visible-img{background:#000;background:rgba(0,0,0,0.75);overflow:hidden}.clearing-assembled .clearing-container ul[data-clearing]{z-index:999;width:200%;height:100%;margin-left:0;position:relative;left:0}.clearing-assembled .clearing-container ul[data-clearing] li{display:block;width:175px;height:inherit;padding:0;float:left;overflow:hidden;background:#222;margin-right:1px;position:relative}.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img{min-height:100%;height:100%;max-width:none}.clearing-assembled .clearing-container ul[data-clearing] li img{cursor:pointer !important;min-width:100% !important}.clearing-assembled .clearing-container ul[data-clearing] li.visible{border-top:4px solid #fff}.show-for-small,.show-for-medium,.show-for-medium-down,.hide-for-large,.hide-for-large-up,.show-for-xlarge,.show-for-print{display:none !important}.hide-for-small,.hide-for-medium,.hide-for-medium-down,.show-for-large,.show-for-large-up,.hide-for-xlarge,.hide-for-print{display:inherit !important}@media only screen and (min-width: 1441px){.hide-for-small,.hide-for-medium,.hide-for-medium-down,.hide-for-large,.show-for-large-up,.show-for-xlarge{display:inherit !important}.show-for-small,.show-for-medium,.show-for-medium-down,.show-for-large,.hide-for-large-up,.hide-for-xlarge{display:none !important}}@media only screen and (max-width: 1279px) and (min-width: 768px){.hide-for-small,.show-for-medium,.show-for-medium-down,.hide-for-large,.hide-for-large-up,.hide-for-xlarge{display:inherit !important}.show-for-small,.hide-for-medium,.hide-for-medium-down,.show-for-large,.show-for-large-up,.show-for-xlarge{display:none !important}}@media only screen and (max-width: 767px){.show-for-small,.hide-for-medium,.show-for-medium-down,.hide-for-large,.hide-for-large-up,.hide-for-xlarge{display:inherit !important}.hide-for-small,.show-for-medium,.hide-for-medium-down,.show-for-large,.show-for-large-up,.show-for-xlarge{display:none !important}}.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}@media screen and (orientation: landscape){.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}}@media screen and (orientation: portrait){.show-for-portrait,.hide-for-landscape{display:inherit !important}.hide-for-portrait,.show-for-landscape{display:none !important}}.show-for-touch{display:none !important}.hide-for-touch{display:inherit !important}.touch .show-for-touch{display:inherit !important}.touch .hide-for-touch{display:none !important}table.show-for-xlarge,table.show-for-large,table.hide-for-small,table.hide-for-medium{display:table !important}@media only screen and (max-width: 1279px) and (min-width: 768px){.touch table.hide-for-xlarge,.touch table.hide-for-large,.touch table.hide-for-small,.touch table.show-for-medium{display:table !important}}@media only screen and (max-width: 767px){table.hide-for-xlarge,table.hide-for-large,table.hide-for-medium,table.show-for-small{display:table !important}}@media only screen and (max-device-width: 1280px){.touch .nav-bar li.has-flyout>a{padding-right:36px !important}}@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px){.flex-video{padding-top:0}}@media only screen and (max-width: 1279px) and (min-width: 768px){.touch .nav-bar li a{font-size:13px}.touch .nav-bar li.has-flyout>a.flyout-toggle{padding:20px !important}.touch .nav-bar li.has-flyout>a{padding-right:36px !important}.clearing-main-right,.clearing-main-left{height:100%;width:40px;top:0;border:none}.clearing-main-right:before,.clearing-main-left:before{position:absolute;top:50%}.clearing-main-left{left:0}.clearing-main-left:before{left:5px;content:"";display:block;width:0;height:0;border:solid 16px;border-color:transparent #fff transparent transparent}.clearing-main-right{height:100%;right:0}.clearing-main-right:before{content:"";display:block;width:0;height:0;border:solid 16px;border-color:transparent transparent transparent #fff}}@media only screen and (max-width: 767px){.left,.right{float:none}body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.row{width:auto;min-width:0;margin-left:0;margin-right:0}.column,.columns{width:auto !important;float:none}.column:last-child,.columns:last-child{float:none}[class*="column"]+[class*="column"]:last-child{float:none}.column:before,.columns:before,.column:after,.columns:after{content:"";display:table}.column:after,.columns:after{clear:both}.offset-by-one,.offset-by-two,.offset-by-three,.offset-by-four,.offset-by-five,.offset-by-six,.offset-by-seven,.offset-by-eight,.offset-by-nine,.offset-by-ten{margin-left:0 !important}.push-two,.push-three,.push-four,.push-five,.push-six,.push-seven,.push-eight,.push-nine,.push-ten{left:auto}.pull-two,.pull-three,.pull-four,.pull-five,.pull-six,.pull-seven,.pull-eight,.pull-nine,.pull-ten{right:auto}.row .mobile-one{width:25% !important;float:left;padding:0 15px}.row .mobile-one:last-child{float:right}.row .mobile-one.end{float:left}.row.collapse .mobile-one{padding:0}.row .mobile-two{width:50% !important;float:left;padding:0 15px}.row .mobile-two:last-child{float:right}.row .mobile-two.end{float:left}.row.collapse .mobile-two{padding:0}.row .mobile-three{width:75% !important;float:left;padding:0 15px}.row .mobile-three:last-child{float:right}.row .mobile-three.end{float:left}.row.collapse .mobile-three{padding:0}.row .mobile-four{width:100% !important;float:left;padding:0 15px}.row .mobile-four:last-child{float:right}.row .mobile-four.end{float:left}.row.collapse .mobile-four{padding:0}.push-one-mobile{left:25%}.pull-one-mobile{right:25%}.push-two-mobile{left:50%}.pull-two-mobile{right:50%}.push-three-mobile{left:75%}.pull-three-mobile{right:75%}.block-grid.mobile>li{float:none;width:100%;margin-left:0}.block-grid>li{clear:none !important}.block-grid.mobile-one-up>li{width:100%}.block-grid.mobile-two-up>li{width:50%}.block-grid.mobile-two-up>li:nth-child(2n+1){clear:both}.block-grid.mobile-three-up>li{width:33.33333%}.block-grid.mobile-three-up>li:nth-child(3n+1){clear:both}.block-grid.mobile-four-up>li{width:25%}.block-grid.mobile-four-up>li:nth-child(4n+1){clear:both}.block-grid.mobile-five-up>li{width:20%}.block-grid.mobile-five-up>li:nth-child(5n+1){clear:both}.block-grid.mobile-six-up>li{width:16.66667%}.block-grid.mobile-six-up>li:nth-child(6n+1){clear:both}.block-grid.mobile-seven-up>li{width:14.28571%}.block-grid.mobile-seven-up>li:nth-child(7n+1){clear:both}.block-grid.mobile-eight-up>li{width:12.5%}.block-grid.mobile-eight-up>li:nth-child(8n+1){clear:both}.block-grid.mobile-nine-up>li{width:11.11111%}.block-grid.mobile-nine-up>li:nth-child(9n+1){clear:both}.block-grid.mobile-ten-up>li{width:10%}.block-grid.mobile-ten-up>li:nth-child(10n+1){clear:both}.block-grid.mobile-eleven-up>li{width:9.09091%}.block-grid.mobile-eleven-up>li:nth-child(11n+1){clear:both}.block-grid.mobile-twelve-up>li{width:8.33333%}.block-grid.mobile-twelve-up>li:nth-child(12n+1){clear:both}label.right{text-align:left}input[type="text"].one,.row input[type="text"].one,input[type="password"].one,.row input[type="password"].one,input[type="date"].one,.row input[type="date"].one,input[type="datetime"].one,.row input[type="datetime"].one,input[type="email"].one,.row input[type="email"].one,input[type="number"].one,.row input[type="number"].one,input[type="search"].one,.row input[type="search"].one,input[type="tel"].one,.row input[type="tel"].one,input[type="time"].one,.row input[type="time"].one,input[type="url"].one,.row input[type="url"].one,textarea.one,.row textarea.one{width:100% !important}input[type="text"].two,.row input[type="text"].two,input[type="password"].two,.row input[type="password"].two,input[type="date"].two,.row input[type="date"].two,input[type="datetime"].two,.row input[type="datetime"].two,input[type="email"].two,.row input[type="email"].two,input[type="number"].two,.row input[type="number"].two,input[type="search"].two,.row input[type="search"].two,input[type="tel"].two,.row input[type="tel"].two,input[type="time"].two,.row input[type="time"].two,input[type="url"].two,.row input[type="url"].two,textarea.two,.row textarea.two{width:100% !important}input[type="text"].three,.row input[type="text"].three,input[type="password"].three,.row input[type="password"].three,input[type="date"].three,.row input[type="date"].three,input[type="datetime"].three,.row input[type="datetime"].three,input[type="email"].three,.row input[type="email"].three,input[type="number"].three,.row input[type="number"].three,input[type="search"].three,.row input[type="search"].three,input[type="tel"].three,.row input[type="tel"].three,input[type="time"].three,.row input[type="time"].three,input[type="url"].three,.row input[type="url"].three,textarea.three,.row textarea.three{width:100% !important}input[type="text"].four,.row input[type="text"].four,input[type="password"].four,.row input[type="password"].four,input[type="date"].four,.row input[type="date"].four,input[type="datetime"].four,.row input[type="datetime"].four,input[type="email"].four,.row input[type="email"].four,input[type="number"].four,.row input[type="number"].four,input[type="search"].four,.row input[type="search"].four,input[type="tel"].four,.row input[type="tel"].four,input[type="time"].four,.row input[type="time"].four,input[type="url"].four,.row input[type="url"].four,textarea.four,.row textarea.four{width:100% !important}input[type="text"].five,.row input[type="text"].five,input[type="password"].five,.row input[type="password"].five,input[type="date"].five,.row input[type="date"].five,input[type="datetime"].five,.row input[type="datetime"].five,input[type="email"].five,.row input[type="email"].five,input[type="number"].five,.row input[type="number"].five,input[type="search"].five,.row input[type="search"].five,input[type="tel"].five,.row input[type="tel"].five,input[type="time"].five,.row input[type="time"].five,input[type="url"].five,.row input[type="url"].five,textarea.five,.row textarea.five{width:100% !important}input[type="text"].six,.row input[type="text"].six,input[type="password"].six,.row input[type="password"].six,input[type="date"].six,.row input[type="date"].six,input[type="datetime"].six,.row input[type="datetime"].six,input[type="email"].six,.row input[type="email"].six,input[type="number"].six,.row input[type="number"].six,input[type="search"].six,.row input[type="search"].six,input[type="tel"].six,.row input[type="tel"].six,input[type="time"].six,.row input[type="time"].six,input[type="url"].six,.row input[type="url"].six,textarea.six,.row textarea.six{width:100% !important}input[type="text"].seven,.row input[type="text"].seven,input[type="password"].seven,.row input[type="password"].seven,input[type="date"].seven,.row input[type="date"].seven,input[type="datetime"].seven,.row input[type="datetime"].seven,input[type="email"].seven,.row input[type="email"].seven,input[type="number"].seven,.row input[type="number"].seven,input[type="search"].seven,.row input[type="search"].seven,input[type="tel"].seven,.row input[type="tel"].seven,input[type="time"].seven,.row input[type="time"].seven,input[type="url"].seven,.row input[type="url"].seven,textarea.seven,.row textarea.seven{width:100% !important}input[type="text"].eight,.row input[type="text"].eight,input[type="password"].eight,.row input[type="password"].eight,input[type="date"].eight,.row input[type="date"].eight,input[type="datetime"].eight,.row input[type="datetime"].eight,input[type="email"].eight,.row input[type="email"].eight,input[type="number"].eight,.row input[type="number"].eight,input[type="search"].eight,.row input[type="search"].eight,input[type="tel"].eight,.row input[type="tel"].eight,input[type="time"].eight,.row input[type="time"].eight,input[type="url"].eight,.row input[type="url"].eight,textarea.eight,.row textarea.eight{width:100% !important}input[type="text"].nine,.row input[type="text"].nine,input[type="password"].nine,.row input[type="password"].nine,input[type="date"].nine,.row input[type="date"].nine,input[type="datetime"].nine,.row input[type="datetime"].nine,input[type="email"].nine,.row input[type="email"].nine,input[type="number"].nine,.row input[type="number"].nine,input[type="search"].nine,.row input[type="search"].nine,input[type="tel"].nine,.row input[type="tel"].nine,input[type="time"].nine,.row input[type="time"].nine,input[type="url"].nine,.row input[type="url"].nine,textarea.nine,.row textarea.nine{width:100% !important}input[type="text"].ten,.row input[type="text"].ten,input[type="password"].ten,.row input[type="password"].ten,input[type="date"].ten,.row input[type="date"].ten,input[type="datetime"].ten,.row input[type="datetime"].ten,input[type="email"].ten,.row input[type="email"].ten,input[type="number"].ten,.row input[type="number"].ten,input[type="search"].ten,.row input[type="search"].ten,input[type="tel"].ten,.row input[type="tel"].ten,input[type="time"].ten,.row input[type="time"].ten,input[type="url"].ten,.row input[type="url"].ten,textarea.ten,.row textarea.ten{width:100% !important}input[type="text"].eleven,.row input[type="text"].eleven,input[type="password"].eleven,.row input[type="password"].eleven,input[type="date"].eleven,.row input[type="date"].eleven,input[type="datetime"].eleven,.row input[type="datetime"].eleven,input[type="email"].eleven,.row input[type="email"].eleven,input[type="number"].eleven,.row input[type="number"].eleven,input[type="search"].eleven,.row input[type="search"].eleven,input[type="tel"].eleven,.row input[type="tel"].eleven,input[type="time"].eleven,.row input[type="time"].eleven,input[type="url"].eleven,.row input[type="url"].eleven,textarea.eleven,.row textarea.eleven{width:100% !important}input[type="text"].twelve,.row input[type="text"].twelve,input[type="password"].twelve,.row input[type="password"].twelve,input[type="date"].twelve,.row input[type="date"].twelve,input[type="datetime"].twelve,.row input[type="datetime"].twelve,input[type="email"].twelve,.row input[type="email"].twelve,input[type="number"].twelve,.row input[type="number"].twelve,input[type="search"].twelve,.row input[type="search"].twelve,input[type="tel"].twelve,.row input[type="tel"].twelve,input[type="time"].twelve,.row input[type="time"].twelve,input[type="url"].twelve,.row input[type="url"].twelve,textarea.twelve,.row textarea.twelve{width:100% !important}.button{display:block}button.button,input[type="submit"].button{width:100%;padding-left:0;padding-right:0}.button-group button.button,.button-group input[type="submit"].button{width:auto;padding:10px 20px 11px}.button-group button.button.large,.button-group input[type="submit"].button.large{padding:15px 30px 16px}.button-group button.button.medium,.button-group input[type="submit"].button.medium{padding:10px 20px 11px}.button-group button.button.small,.button-group input[type="submit"].button.small{padding:7px 14px 8px}.button-group button.button.tiny,.button-group input[type="submit"].button.tiny{padding:5px 10px 6px}.button-group.even button.button,.button-group.even input[type="submit"].button{width:100%;padding-left:0;padding-right:0}.nav-bar{height:auto}.nav-bar>li{float:none;display:block;border-right:none}.nav-bar>li>a.main{text-align:left;border-top:1px solid #ddd;border-right:none}.nav-bar>li:first-child>a.main{border-top:none}.nav-bar>li.has-flyout>a.flyout-toggle{position:absolute;right:0;top:0;padding:22px;z-index:2;display:block}.nav-bar>li.has-flyout.is-touch>a.flyout-toggle span{content:"";width:0;height:0;display:block}.nav-bar>li.has-flyout>a.flyout-toggle:hover span{border-top-color:#141414}.nav-bar.vertical>li.has-flyout>.flyout{left:0}.flyout{position:relative;width:100% !important;top:auto;margin-right:-2px;border-width:1px 1px 0 1px}.flyout.right{float:none;right:auto;left:-1px}.flyout.small,.flyout.large{width:100% !important}.flyout p:last-child{margin-bottom:18px}.reveal-modal-bg{position:absolute}.reveal-modal,.reveal-modal.small,.reveal-modal.medium,.reveal-modal.large,.reveal-modal.xlarge{width:80%;top:15px;left:50%;margin-left:-40%;padding:20px;height:auto}.clearing-container{margin:0}.clearing-close{z-index:99;font-size:37px;top:0px;right:5px}.clearing-caption{position:fixed;bottom:0;left:0;padding:10px !important;line-height:1.3}.clearing-main-right,.clearing-main-left{display:none}.clearing-blackout.clearing-assembled .visible-img,.clearing-blackout.clearing-assembled .clearing-container{height:100%}.clearing-blackout.clearing-assembled ul[data-clearing]{display:none}.joyride-tip-guide{width:95% !important;left:2.5% !important;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.joyride-tip-guide-wrapper{width:100%}.tabs.mobile{width:auto;margin:20px -20px 40px;border-bottom:solid 1px #ccc;height:auto;margin:20px -15px 0px -15px}.tabs.mobile dt,.tabs.mobile li,.tabs.mobile dd{float:none;height:auto}.tabs.mobile dd a,.tabs.mobile li a{font-size:15px;display:block;width:auto;height:auto;padding:18px 20px;margin:0;color:#555;line-height:1;border:none;border-left:none;border-right:none;border-top:1px solid #ccc;background:#fff}.tabs.mobile dd a.active,.tabs.mobile li a.active{border:none;background:#2ba6cb;color:#fff;margin:0;position:static;top:0;height:auto}.tabs.mobile dd:first-child,.tabs.mobile li:first-child{padding-left:20px !important}.tabs.mobile dd:first-child a.active,.tabs.mobile li:first-child a.active{margin:0}.tabs.mobile+.tabs-content.contained{margin-left:-15px;margin-right:-15px}.contained.mobile{margin-bottom:0}.contained.tabs.mobile dd a,.contained.tabs.mobile li a{padding:18px 20px}.tabs.mobile+ul.contained{margin-left:-20px;margin-right:-20px;border-width:0 0 1px 0}.tooltip{font-size:14;line-height:1.4;padding:7px 10px 9px 10px;left:50% !important;max-width:80% !important;margin-left:-40%;font-size:110%}.tooltip>.nub,.tooltip.top>.nub,.tooltip.left>.nub,.tooltip.right>.nub{border-color:transparent transparent #000 transparent;border-color:transparent transparent rgba(0,0,0,0.85) transparent;top:-12px;left:10px}}@media only screen and (max-width: 940px){.top-bar{margin-bottom:0;overflow:hidden;height:45px;background:#222}.top-bar .js-generated{display:block}.contain-to-grid .top-bar{width:auto}.top-bar section{left:0;position:relative;width:auto;-webkit-transition:left 300ms;-moz-transition:left 300ms;-o-transition:left 300ms;transition:left 300ms}.top-bar ul{width:100%;height:100%;margin-bottom:0;display:block}.top-bar ul>li{float:none}.top-bar ul>li.active,.top-bar ul>li:hover{background:#151515}.top-bar ul>li.name{background:#000;height:45px}.top-bar ul>li.name h1{line-height:1}.top-bar ul>li.name h1 a{color:#fff;display:block;line-height:45px !important;padding-left:15px;height:45px}.top-bar ul>li:hover a,.top-bar ul>li.active a{color:#fff}.top-bar ul>li a:not(.button){color:#fff}.top-bar ul>li.toggle-topbar{cursor:pointer;display:block;height:45px;position:absolute;right:0;top:0;width:50%}.top-bar ul>li.toggle-topbar a{content:"";display:block;width:0;height:0;border:solid 8px;border-color:#fff transparent transparent transparent;padding:0;position:absolute;top:50%;right:22.5px;margin-top:-4px}.top-bar ul>li.toggle-topbar:hover{background:inherit}.top-bar ul>li.toggle-topbar a{padding:0 !important}.top-bar ul>li.divider{border-bottom:solid 1px #3c3c3c;border-top:solid 1px #000;clear:both;height:1px !important;margin:8px 0 !important;width:100%}.top-bar ul>li.search{padding:0 22.5px}.top-bar ul>li.search form{width:100%}.top-bar ul>li.search form input[type=text]{width:75%}.top-bar ul>li.search form .button{top:0;width:25%}.top-bar ul>li.has-dropdown a{padding-right:33.75px}.top-bar ul>li.has-dropdown a:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:transparent transparent transparent rgba(255,255,255,0.5);margin-right:15px;margin-top:-4.5px;position:absolute;top:50%}.top-bar ul>li.has-dropdown:hover>.dropdown{display:block;visibility:hidden}.top-bar ul>li.has-dropdown .dropdown{visibility:hidden;z-index:0 !important}.top-bar ul>li.has-dropdown.moved{position:static}.top-bar ul>li.has-dropdown.moved .dropdown{top:0;visibility:visible}.top-bar ul>li.has-dropdown.moved .dropdown li label{margin-bottom:6px;padding-top:6px !important;font-size:11px}.top-bar ul>li.has-dropdown.moved .dropdown li:not(.title){padding-bottom:0}.top-bar ul>li.has-dropdown.moved .dropdown li:not(.title) a{padding:8px 22.5px;font-size:14px}.top-bar ul>li.has-dropdown.moved .dropdown li a,.top-bar ul>li.has-dropdown.moved .dropdown li label{padding:0 22.5px}.top-bar ul>li.has-dropdown.moved .dropdown li a:hover{background:#3c3c3c;display:block}.top-bar ul>li.has-dropdown.moved .dropdown li.divider{border-bottom:solid 1px rgba(255,255,255,0.1);margin-top:8px !important;margin-bottom:8px !important}.top-bar ul>li.has-dropdown.moved .back.title{padding-bottom:0}.top-bar ul>li.has-dropdown.moved .back.title a:before{position:absolute;top:50%;left:17.5px;margin-top:-5px;width:0;height:0;content:"";display:block;width:0;height:0;border:solid 5px;border-color:transparent #fff transparent transparent}.top-bar ul>li.has-dropdown.moved .back.title h5{margin:0;padding-left:15px;position:relative}.top-bar ul>li.has-dropdown.moved .back.title h5 a{background:transparent;padding-top:8px;padding-bottom:8px;font-size:23px;font-weight:bold}.top-bar ul>li.has-dropdown .dropdown li{background:transparent}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown{left:100% !important;top:0;right:auto !important}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a{padding-right:33.75px}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after{content:"";margin-right:15px;content:"";display:block;width:0;height:0;border:solid 5px;border-color:transparent transparent transparent rgba(255,255,255,0.5);position:absolute;top:50%;margin-top:-4.5px}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a li a:hover{background:#3c3c3c}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved{position:static}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved .dropdown{top:0;visibility:visible}.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover{display:block}.top-bar ul.left,.top-bar ul.right{float:none;width:100%}.top-bar ul.left>li,.top-bar ul.right>li{display:block;float:none;margin:0 !important}.top-bar ul.left>li.has-dropdown .dropdown,.top-bar ul.right>li.has-dropdown .dropdown{left:100% !important;top:0;right:auto !important}.top-bar section>ul li a:not(.button){padding-left:22.5px !important}.top-bar.expanded{height:100%}.top-bar.expanded ul li.toggle-topbar a{content:"";display:block;width:0;height:0;border:solid 8px;border-color:transparent transparent rgba(255,255,255,0.5) transparent;top:auto;bottom:50%;margin-bottom:-4px}.top-bar ul li.has-button{padding:5px 15px}.top-bar ul li .button.small{margin:0 !important;display:inline-block;width:100%}.top-bar ul>li.has-button a.button{margin:0}} /* This is for all IE specfific style less than IE9. We hate IE. */ div.panel { border: 1px solid #ccc; } .lt-ie8 .nav-bar li.has-flyout a { padding-right: 20px; } .lt-ie8 .nav-bar li.has-flyout a:after { border-top: none; } /* Correct IE7 button padding */ .lt-ie8 input[type=submit].nice.button { filter:chroma(color=#000000); position: relative; top: -2px; } .lt-ie8 input[type=submit].tiny.button { padding: 5px 5px 7px; } .lt-ie8 input[type=submit].small.button { padding: 8px 7px 9px; } .lt-ie8 input[type=submit].medium.button { padding: 9px 13px 9px; } .lt-ie8 input[type=submit].large.button { padding: 9px 18px 10px; } /** * Default DropKick theme * * Feel free to edit the default theme * or even add your own. * * See the readme for themeing help * */ .dk_container { background-color: #f5f5f5; font-family: 'Helvetica', Arial, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .dk_container:focus { outline: 0; } .dk_container a { cursor: pointer; text-decoration: none; } .dk_toggle { border: 1px solid #ccc; color: #333; padding: 7px 45px 7px 10px; text-shadow: #fff 1px 1px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; position: relative; } .dk_toggle:hover, .dk_toggle:focus { border-color: #8c8c8c; } .dk_toggle:after { position: absolute; top: 45%; right: 10px; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #4B4B4B; } .dk_focus .dk_toggle { border-color: #40b5e2; box-shadow: 0 0 5px #40b5e2; -moz-box-shadow: 0 0 5px #40b5e2; -webkit-box-shadow: 0 0 5px #40b5e2; } .dk_open { box-shadow: 0 0 5px #40b5e2; -moz-box-shadow: 0 0 5px #40b5e2; -webkit-box-shadow: 0 0 5px #40b5e2; z-index: 10; } .dk_open .dk_toggle { background-color: #ececec; border-color: #8c8c8c; color: #ccc; box-shadow: inset 0 -2px 5px #ccc; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .dk_open_top .dk_toggle { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .dk_open_top .dk_options, .dk_open_top .dk_options_inner { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .dk_options { background: #fefefe; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .dk_options a { background-color: #fff; border-bottom: 1px solid #999; font-weight: bold; padding: 8px 10px; } .dk_options a:hover, .dk_options:focus, .dk_options .dk_option_current a { background-color: #0084c7; border-bottom-color: #004c72; color: #fff; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0; } .dk_options li:last-child a { border-bottom: none; } .dk_options .disabled { cursor: default; } .dk_options .disabled a { color: #aaa; } .dk_options .disabled:hover, .dk_options .disabled:hover a .dk_options .disabled:focus, .dk_options .disabled:focus a { cursor: default; background-color: #fff; border-bottom-color: #999; text-shadow: none; } .dk_options_inner { max-height: 250px; border: 1px solid #8c8c8e; border-bottom-width: 2px; border-bottom-color: #999; color: #333; text-shadow: #fff 0 1px 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .dk_container { display: none; float: left; } .dk_container a { outline: 0; } .dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; } .dk_open { position: relative; } .dk_open .dk_options { display: block; } .dk_open .dk_label { color: inherit; } .dk_options { display: none; margin-top: -1px; position: absolute; right: 0; width: 100%; } .dk_options a, .dk_options a:link, .dk_options a:visited { display: block; } .dk_options_inner { overflow: auto; position: relative; -webkit-overflow-scrolling: touch; } .dk_container select { position: absolute; top: -99999em; visibility: hidden; } .dk_mobile { position: relative; } .dk_mobile select { display: block; width: 100%; height: 100%; top: 0; left: 0; visibility: visible; opacity: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; } /* * jsTree default theme 1.0 * Supported features: dots/no-dots, icons/no-icons, focused, loading * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search */ .jstree-default li, .jstree-default ins { background-image:url("../images/rt/jstree/d.png"); background-repeat:no-repeat; background-color:transparent; } .jstree-default li { background-position:-90px 0; background-repeat:repeat-y; } .jstree-default li.jstree-last { background:transparent; } .jstree-default .jstree-open > ins { background-position:-72px 0; } .jstree-default .jstree-closed > ins { background-position:-54px 0; } .jstree-default .jstree-leaf > ins { background-position:-36px 0; } .jstree-default .jstree-hovered {} .jstree-default .jstree-clicked {} .jstree-default a .jstree-icon { background-position:-56px -19px; } .jstree-default a.jstree-loading .jstree-icon { background:url("../images/rt/jstree/throbber.gif") center center no-repeat !important; } .jstree-default.jstree-focused { background:#ffffee; } .jstree-default .jstree-no-dots li, .jstree-default .jstree-no-dots .jstree-leaf > ins { background:transparent; } .jstree-default .jstree-no-dots .jstree-open > ins { background-position:-18px 0; } .jstree-default .jstree-no-dots .jstree-closed > ins { background-position:0 0; } .jstree-default .jstree-no-icons a .jstree-icon { display:none; } .jstree-default .jstree-search { font-style:italic; } .jstree-default .jstree-no-icons .jstree-checkbox { display:inline-block; } .jstree-default .jstree-no-checkboxes .jstree-checkbox { display:none !important; } .jstree-default .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; } .jstree-default .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; } .jstree-default .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; } .jstree-default .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; } .jstree-default .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; } .jstree-default .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; } #vakata-dragged.jstree-default ins { background:transparent !important; } #vakata-dragged.jstree-default .jstree-ok { background:url("../images/rt/jstree/d.png") -2px -53px no-repeat !important; } #vakata-dragged.jstree-default .jstree-invalid { background:url("../images/rt/jstree/d.png") -18px -53px no-repeat !important; } #jstree-marker.jstree-default { background:url("../images/rt/jstree/d.png") -41px -57px no-repeat !important; text-indent:-100px; } .jstree-default a.jstree-search { color:aqua; } .jstree-default .jstree-locked a { color:silver; cursor:default; } #vakata-contextmenu.jstree-default-context, #vakata-contextmenu.jstree-default-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; } #vakata-contextmenu.jstree-default-context li { } #vakata-contextmenu.jstree-default-context a { color:black; } #vakata-contextmenu.jstree-default-context a:hover, #vakata-contextmenu.jstree-default-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a, #vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; } #vakata-contextmenu.jstree-default-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; } #vakata-contextmenu.jstree-default-context li ul { margin-left:-4px; } /* IE6 BEGIN */ .jstree-default li, .jstree-default ins, #vakata-dragged.jstree-default .jstree-invalid, #vakata-dragged.jstree-default .jstree-ok, #jstree-marker.jstree-default { _background-image:url("../images/rt/jstree/d.gif"); } .jstree-default .jstree-open ins { _background-position:-72px 0; } .jstree-default .jstree-closed ins { _background-position:-54px 0; } .jstree-default .jstree-leaf ins { _background-position:-36px 0; } .jstree-default a ins.jstree-icon { _background-position:-56px -19px; } #vakata-contextmenu.jstree-default-context ins { _display:none; } #vakata-contextmenu.jstree-default-context li { _zoom:1; } .jstree-default .jstree-undetermined a .jstree-checkbox { _background-position:-20px -19px; } .jstree-default .jstree-checked a .jstree-checkbox { _background-position:-38px -19px; } .jstree-default .jstree-unchecked a .jstree-checkbox { _background-position:-2px -19px; } /* IE6 END */ div.time-picker { position: absolute; height: 191px; width:4em; /* needed for IE */ overflow: auto; background: #fff; border: 1px solid #aaa; z-index: 99; margin: 0; } div.time-picker-12hours { width:6em; /* needed for IE */ } div.time-picker ul { list-style-type: none; margin: 0; padding: 0; } div.time-picker li { cursor: pointer; height: 10px; font: 12px/1 Helvetica, Arial, sans-serif; padding: 4px 3px; } div.time-picker li.selected { background: #0063CE; color: #fff; } .ui-multiselect { font-weight:normal !important; display:-moz-inline-block; display:inline-block; cursor:default; text-decoration:none !important; padding:0 } .ui-multiselect input { float:left; padding:3px 0 3px 6px; margin:0; border:none !important /* important fixes bug when inside ui-widget-content */; cursor:default; background:transparent } .ui-multiselect span { float:right; margin-top:-18px; } .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 6px } .ui-multiselect-header ul { font-size:0.9em } .ui-multiselect-header ul li { float:left; padding:0 10px 0 0 } .ui-multiselect-header a { text-decoration:none } .ui-multiselect-header a:hover { text-decoration:underline } .ui-multiselect-header .ui-icon { float:left } .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 } .ui-multiselect-options { display:none; padding:3px; position:relative; z-index:10000 } .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll } .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px } .ui-multiselect-checkboxes label input { position:relative; top:1px } .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border:none } /* shadow effect */ .ui-multiselect-shadow { box-shadow:0 0 10px #777; -moz-box-shadow:0 0 10px #777; -webkit-box-shadow:0 0 10px #777; -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=3)"; filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=3); } /* missing jQueryUI multiselect components*/ .ui-multiselect { background: none repeat scroll 0 0 #EFEFEB; border: 1px solid #CCCCCC; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; cursor: pointer; margin-bottom: 20px; color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 14px; height: 32px; margin: 0 0 12px; padding: 0; transition: all 0.15s linear 0s; width: 100%; } .ui-multiselect.ui-state-active { background-color: #fafafa; } .ui-icon.ui-icon-triangle-1-s { background: url('../themes/base/images/ui-icons_222222_256x240.png'); background-position: -128px -16px; height: 16px; width: 16px; display: block; margin-top: -25px; margin-right: 10px; } .ui-multiselect input { border: none; box-shadow: none; } .ui-multiselect input:focus { margin-bottom: 0; background: transparent; } .ui-multiselect-options { background: #eee; border: 1px solid #CCCCCC; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; } .ui-multiselect-options > .ui-widget-header { display: none; } .jqplot-target{position:relative;color:#666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1em}.jqplot-axis{font-size:.75em}.jqplot-xaxis{margin-top:10px}.jqplot-x2axis{margin-bottom:10px}.jqplot-yaxis{margin-right:10px}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom}.jqplot-yaxis-tick{right:0;top:15px;text-align:right}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute}.jqplot-yMidAxis-label{font-size:11pt;position:absolute}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute}.jqplot-meterGauge-tick{font-size:.75em;color:#999}.jqplot-meterGauge-label{font-size:1em;color:#999}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,.6);border:1px solid #ccc;position:absolute;font-size:.75em}td.jqplot-table-legend{vertical-align:middle}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through}div.jqplot-table-legend-swatch-outline{border:1px solid #ccc;padding:1px}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid}.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.2em}table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,.5);padding:1px}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,.5);padding:1px}.jqplot-point-label{font-size:.75em;z-index:2}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em}.jqplot-error{text-align:center}.jqplot-error-message{position:relative;top:46%;display:inline-block}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:#333}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,.7)}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,.3)} /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Shared Styles :: Page Name 1 :: Page Name 2 */ /* ----------------------------------------- Shared Styles ----------------------------------------- */ body { background: url(../images/rt/bg_page.jpg);font-family: Arial, Verdana, sans-serif;font-size: 13px;line-height: normal; } a { color: #3b86c4; } a:hover { color: #336e9f; } html, body { height: 100%; } /*Override foundation...*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { font-size: 13px; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 13px; } .top-bar { background: #000;margin: 0;margin-left: -22px;} .top-bar ul > li.has-dropdown .dropdown {background: #000} div.breadcrumbs { padding-left: 30px;padding-bottom: 10px;margin-top: 20px;} a.back { color: #333333;padding-left: 10px;background:url(../images/rt/common/bg-back.png) no-repeat left center} a.roundbutton { color: #333333;border-radius: 14px;cursor: pointer;border: 1px solid #ebebeb;text-transform: uppercase;font-family: Arial,Helvetica, Tahoma, sans-serif;font-size: 12px; background:#FFFFFF;display: block;height: 28px;line-height: 28px;text-align: center;font-weight: bold;margin-bottom: 10px;} p.stats { color: #666666;} p.stats ins { margin: 0px 10px;text-decoration: none} div.separator { border-bottom: 1px solid #ebebeb;margin-bottom: 20px;margin-top: 20px;} /* Design Standards */ h2 { font-family: Helvetica, Tahoma, sans-serif; font-size: 25px; } .errorMessage { color: #F00; font-weight: bold; text-align: center; display: none; } /* Notifications */ div.notification { position: fixed; right: 5px; width: 400px; min-height: 110px; background-color: rgba(0, 0, 0, 0.48); color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 10px; overflow: hidden; } div.notification .exit { background-color: rgba(255, 0, 0, 0.81); width: 40px; height: 30px; position: absolute; right: -7px; top: -2px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; font-size: 20px; padding-left: 12px; padding-top: 2px; cursor: pointer; display: none; } div.notification:hover .exit { display: block; } div.notification .nlabel { font-weight: bold; text-transform: capitalize; font-size: 23px; } .InlineEdit:hover { text-shadow: 1px 1px 5px rgba(103, 103, 103, 1); cursor: pointer; } .notice { background-color: #FFF; padding: 7px; margin-bottom: 10px; -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); border-radius: 5px; } #loader_3 { background-color: rgba(0, 0, 0, 0.61); color: #fff; width: 100px; text-align: center; padding: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 15px; text-transform: capitalize; position: fixed; left: 50%; bottom: 10px; -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75); display: none; } .errorBox { background: #FFADAD; padding: 5px; width: 100%; display: block; margin: 5px 0; border: 1.5px solid #C60000; cursor: pointer; border-radius: 3px; } /* buttons */ .button { height: 32px; line-height: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #2A669D; color: white; border: 1px solid #808080; box-shadow: inherit; -webkit-box-shadow: inherit; } /* Small screens */ @media only screen and (max-width: 767px) { .button { margin: 8px 0; } } .button:hover { background-color: #4483BD; } .button[disabled] .icon-plus:hover, .button[disabled]:hover, .button[disabled] { background-color: #4676A2; } .button.red { background-color: #BE0C0C; border: 1px solid #727272; color: #FFF; } .button.green { background-color: #078616; border: 1px solid #9B9494; color: #FFF; } .button.gray { background-color: #8D8D8D; border: 1px solid #71716C; color: #FFF; } .button.gray:hover { background-color: #C0BEBE; border: 1px solid #71716C; color: #FFF; } .button.small { line-height: 17px; height: 28px; padding: 5px 9px; } .button.tiny { font-size: 10px; padding: 5px; height: 18px; line-height: 7px; } /* Inline Edit */ div.InlineEdit.Clickable { font-weight: 900; color: #000; cursor: pointer; } .InlineEdit form input { padding: 5px; height: 25px !important; width: 150px !important; } .InlineEdit textarea { text-decoration: none; } /* Containers */ .container.white { border: 1px solid; padding: 10px; border: 1px solid #EBEAE9; background: #FFF; -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); border-radius: 10px; margin: 4px; overflow: hidden; } /* tables */ .table { padding-top: 10px; } .table .head { color: #000000; font-size: 15px; font-weight: bold; text-align: left; vertical-align: middle; border-color: rgb(131, 114, 114); border-width: thin; background-color: rgb(228, 222, 208); border-style: solid; padding: 10px; } .table .row { padding: 15px 10px; } .table .row-a { background-color: rgba(213, 206, 191, 0.13) } .table .row-b { background-color: rgba(213, 206, 191, 0.78) } /* View item in legacy */ a.viewInLegacy { float: right; margin-top: 5px; } /* Slate Model */ .slateContainer { position: absolute; width: 910px; margin-bottom: 20px; } .slateTop, .slateBottom, .slateEditPanel { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 30px 38px; } .slateTop, .slateEditPanel { height: 185px; } #knowledgebase .slateTop { height: auto; } .slateTop { position: relative; background: #F9F9F5; -webkit-box-shadow: 0px -1px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -1px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px -1px 3px 0px rgba(50, 50, 50, 0.75); -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; z-index: 15; } .openstate .slateTop { z-index: 10; border-top-right-radius: 0; border-top-left-radius: 0; } .slateBottom { position: relative; border: 1px solid #EBEAE9; background: #FFF; -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); position: relative; z-index: 10; margin-top: 25px; } .openstate .slateBottom { z-index: 5; } .slateEditPanel { background: #F9F9F5; position: absolute; -moz-box-shadow: inset 0 0 10px 0 #000; -webkit-box-shadow: inset 0 0 10px 0 #000; box-shadow: inset 0 0 10px 0 #000; } .openstate .slateEditPanel { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* Basic Search */ .basicSearchForm .ui-multiselect-options.ui-widget.ui-widget-content.ui-corner-all { background-color: #FFF; } .basicSearchForm .ui-multiselect-checkboxes.ui-helper-reset { background-color: #FFF; margin-bottom: 0px; } /* .top-bar ul li a, .top-bar ul > li.has-dropdown .dropdown li a { color: #A8A8A8;} ul.dropdown { width: auto !important;} .top-bar ul > li a:not(.button) { color: #a8a8a8;font-weight:normal} */ /* Standard Sizes for pages*/ .page { width: 910px; margin: 0 auto; z-index: 10; /*min-height: 80%;*/ position: relative; } @media (max-width: 910px) { .page { width: 100%; } } .page .full-width { width: 100%; margin: 0; /*position: absolute;*/ left: 0; } /* .top-bar ul > li.has-dropdown a:after {border:none} */ /*TODO: Fine-Tune this height/width */ .logo { max-height: 100px; max-width: 150px; float: left; margin-right: 10px; } #siteHeader {margin-bottom: 20px;} #siteFooter, #siteHeader { background: #000; } #primaryNav ul.left { max-width: 259px; } #primaryNav ul li { float: left;padding: 0px 11px 0px 11px;font-weight: bold;list-style: none outside none;font-size: 9pt; max-width: 150px;} #primaryNav ul li:last-child { border-right: none;} #primaryNav ul li a { color: #666;} #primaryNav ul li.active a { color: #2A85E8;} #primaryNav .row .nine { margin-bottom: 10px; } #primaryNav ul li.logo {border-right: none;margin-left: -25px;} /*Footer Section*/ #siteFooter { width: 100%; height: 45px; bottom: 0; position: absolute; color: #bbbbbb; font-size: 10px; font-weight: bold; overflow: hidden; } #siteFooter > .row > .columns { padding: 0 5px; } #siteFooter li { line-height: 45px; margin-left: 0; } #siteFooter .left li a { color: #bbbbbb; margin-left: 22px; } #siteFooter .right li a { font-size: 11px; color: #7d7d7d; } #siteFooter .readi-logo img { margin-top: 7px; } .top-bar .name { color: #7D7D7D; font-size: 13px; font-weight: bold; height: 45px; line-height: 45px; } .top-bar .name a, #siteFooter a { display: inline !important; } .top-bar .name a:hover, #siteFooter a:hover { color: #D9D9D9; } /* Mobile Menu */ @media (max-width: 767px) { #primaryNav ul.right { background-color: #000; margin-top: 0; overflow: hidden; } #primaryNav ul.left { margin-left: 33px } #siteHeader { border-bottom: 1px solid white; margin-bottom: 0; } #siteHeader .top-bar { cursor: pointer; width: 100%; margin-left: 0; } .mobileToggleBtn { display: block; color: #FFF; position: absolute; top: 2px; right: 20px; font-size: 25px; } #primaryNav ul.right li { float: none; height: 50px; border-bottom: 1px solid #FFFFFF; width: 100%; max-width: inherit; padding-top: 0; } #primaryNav ul.right li:last-child { border-bottom: 0; } #primaryNav ul.right a { color: #ffffff; width: 100%; height: 100%; display: block; padding-top: 15px; cursor: pointer; } #primaryNav > .row > .columns { padding: 0; } } #searchTerms { background: #FFF; border-radius: 4px; border: 1px solid #e4e4e4; width: 100%; padding: 6px 28px 6px 6px; font-style: italic; background: url(../images/rt/icon-search.png) no-repeat right #FFF; color: #999; } /*--------- Pretty Selects ---------------*/ input.dropdown, input.dropdown:focus { background-image: url("../images/dropkick/dk_arrows.png"); background-position: 95% center; background-repeat: no-repeat; cursor: pointer; } .selected-item > img.remove { cursor: pointer; height: 16px; width: 16px; margin-top: 8px; } .filter-options .selected-item { float: left; background-color:#e9f0f9; margin:2px; padding-left: 10px; border: solid 1px #ddd; border-radius:5px; -moz-border-radius: 5px; overflow: hidden; width: 100%; height: 34px; margin-bottom: 5px; } .filter-options .selected-item span { width: 90%; display: block; float: left; } /* Report Overrides */ #Report-Filters .selected-item > img.remove { margin-bottom: 0; float: none; display: inline-block; margin: 0 9px 0 7px; position: relative; top: 2px; } #Report-Filters .filter-options .selected-item span { width: auto; display: inline-block; float: none; } #Report-Filters .filter-options .selected-item { width: auto; vertical-align: middle; } /*--------- End Pretty Selects ---------------*/ /* Fix dropkick (foundation screwed it up) */ .dk_options ul, .dk_options ol, .dk_options dl { margin-bottom: 0; } /*input[type="file"] { background-color: white; border: 1px solid #CCCCCC; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 14px; height: 32px; margin: 0 0 12px; padding: 6px; transition: all 0.15s linear 0s; width: 100%; }*/ /* ----------------------------------------- Dashboard ----------------------------------------- */ .left-panel { width: 670px; float: left; } .right-panel { width: 250px; float: left; padding: 0; } .portlet-column { float: left; margin: 0 1em 1em 0; padding-bottom: 20px; } .left-panel .portlet-column { width: 640px; } .right-panel .portlet-column { width: 100%; } .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; } .ui-sortable-placeholder * { visibility: hidden; } #dashboard .ui-corner-all { border-radius: 4px 4px 4px 4px; } #dashboard .ui-sortable-placeholder { border: none !important; background: none !important; } /*#dashboard .ui-widget-content { background: url("../themes/base/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF; color: #222222; }*/ #dashboard .right-panel .portlet-header { border-radius: 0px; } #dashboard .ui-helper-clearfix { display: block; } #dashboard .ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #dashboard #supportOrgMessages { /* from foundation input styles */ border: 1px solid;background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; /* modifications */ text-align: center; padding-top: 1px; color: rgb(190, 190, 190); } .portlet-config { line-height: 32px; } .portlet-config select { position: inherit !important; top: inherit !important; visibility: visible !important; } .portlet { padding: 0 24px; margin: 0 1em 1em 0; background: url("../themes/base/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF; border: none; color: #222222; } .portlet.loading { background: #fff url('../images/rt/loading.gif') no-repeat; background-position: center; height: 100px; } .portlet-header > .ui-icon { float: right; cursor: pointer; } .portlet-header { padding: 28px 0 16px 0; text-transform: uppercase; font-weight: bold; border-radius: 0; } .left-panel .portlet-header { cursor: move; } .portlet-content { padding: 24px 0 28px 0; } .left-panel .portlet-header { color: #888; } .left-panel .portlet-content { border-top: 1px solid #ebebeb; } .right-panel .portlet { background: none; } .right-panel .portlet-header { color: #000; border-bottom: 2px solid #BBB; padding: 10px 0 8px 0; font-size: 12px; } .right-panel .portlet-content { padding-top: 8px; } .ui-icon {margin-left:10px} .ui-icon-wrench { background: url(../images/rt/btn-edit.png) no-repeat;height: 16px;width: 16px;} .ui-icon-closethick { background: url(../images/rt/btn-close.png) no-repeat;height: 16px;width: 16px;} .ui-icon-minusthick { background: url(../images/rt/btn-collapse.png) no-repeat;height: 16px;width: 16px;} .ui-icon-plusthick { background: url(../images/rt/btn-expand.png) no-repeat;height: 16px;width: 16px;} /* ----------------------------------------- Dashboard Templates ----------------------------------------- */ .DashboardTemplateEditorView .SiteBlackout{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.44); z-index: 10 } .DashboardTemplateEditorView #dashboard > .row:first-child { position: relative; z-index: 15; background: url(../images/rt/bg_page.jpg); padding-left: 13px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 0px 15px 1px #D1D1D1; box-shadow: 0px 0px 15px 1px #D1D1D1; } .DashboardTemplateEditorView #dashboard .right-panel .portlet-column .impersonation, .DashboardTemplateEditorView #dashboard .right-panel .portlet-column .contactinfo, .DashboardTemplateEditorView #dashboard .right-panel .portlet-column .messages{ display: none; } /* ----------------------------------------- Knowledge Base ----------------------------------------- */ .knowledge-header { background: #f9f9f5; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 30px 38px; margin-top: 20px; -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); } .knowledge-body { border: 1px solid #ebeae9; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #FFFFFF; padding: 30px 38px; -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); } .knowledge-browser { border: 1px solid #ebeae9; border-radius: 10px; background: #FFFFFF; padding: 30px 38px; margin-top: 10px; margin-bottom: 10px; -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); } .knowledge-header h2 { font-family: Helvetica, Tahoma, sans-serif; font-size: 28px; } a.newentry { background: url(../images/rt/knowledgebase/btn-newentry.png) no-repeat; height: 27px; width: 123px; display: block; float: right; margin-top: 16px; cursor: pointer; } .newentry:active { zoom: 103%; } #btn-search { height: 32px; line-height: 10px; background-color: #2a669d; } #knowledgebase h3 { font-family: Helvetica, Tahoma, sans-serif; font-size: 24px; border-bottom: 2px solid #ebeae9; padding-bottom: 10px; font-weight: normal; } #knowledgebase h4 { font-family: Helvetica, Tahoma, sans-serif; font-size: 19px; padding-bottom: 6px; font-weight: normal; } #knowledgebase .row.categories .columns { border-right: 2px solid #ebeae9; } #knowledgebase .row.categories .columns:last-child { border-right: none; } #knowledgebase .resource { padding-top: 96px; text-align: center; } #knowledgebase .resource p { color: #5f5f5f; line-height: 1.2em; } #knowledgebase .more { font-style: italic; } .resource { border-right: 1px dotted #c5c5c5; background-position: top center; background-repeat: no-repeat; } .resources .resource:last-child, .bottomresources .resource:last-child { border-right: none; } .bottomresources { margin-top: 10px !important; border-top: 1px solid #c5c5c5; } #knowledgebase .bottomresources .resource { text-align: left; padding-top: 0px; margin-top: 10px !important; min-height: 200px; } .resource ul { list-style: none; } .resource p span { color: #000; } .manuals {background-image: url(../images/rt/knowledgebase/bg-resource-book.png);} .faqs {background-image: url(../images/rt/knowledgebase/bg-resource-faq.png);} .tutorials {background-image: url(../images/rt/knowledgebase/bg-resource-video.png);} .downloads {background-image: url(../images/rt/knowledgebase/bg-resource-downloads.png);} #knowledgebase .equipmenttypes {background: url(../images/rt/knowledgebase/bg-equipmenttypes.png) no-repeat;height: 183px;width: 865px;} #knowledgebase .jstree-default.jstree-focused { background: none;} #knowledgebase .jstree a > ins { display: none;} #knowledgebase .jstree a { color: #5f5f5f;border: none; font-weight:bold;height: auto;font-size: 10px;font-family: Helvetica, Tahoma, sans-serif;line-height: 25px;} #knowledgebase .jstree-hovered { background: none;border: none;} .jstree > ul {background:url(../images/rt/jstree/bg-treeview.png) !important} #knowledgebase .tree h4 { color: #3070ab; border-bottom: 2px solid #3070ab; background: url(../images/rt/jstree/bg-treeheader.png) no-repeat; background-position: right 4px; padding-bottom: 8px; font-weight: bold; font-size: 14px; } #knowledgebase .itemcount { float: left;font-weight: bold;color: #404040;height: 28px;line-height: 28px;} #knowledgebase .table-buttons {float:right} #knowledgebase .table-button { margin-left: 16px;height: 28px;line-height: 28px;display: inline-block;font-weight: bold;} #knowledgebase .addfile { background: url(../images/rt/knowledgebase/bg-addfile.png) no-repeat;padding-left: 20px;background-position: left center} #knowledgebase .createfolder { background: url(../images/rt/knowledgebase/bg-createfolder.png) no-repeat;padding-left: 28px;background-position: left center} #knowledgebase .editfolder { background: url(../images/rt/knowledgebase/bg-createfolder.png) no-repeat;padding-left: 28px;background-position: left center} #knowledgebase .table-header { margin-bottom: 10px; } #knowledgebase .data-table table { width: 100%;border: none;} #knowledgebase .data-table table th { font-size: 12px;border:1px solid #f5f5f5} #knowledgebase .data-table table td { font-size: 11px;padding-top: 10px;padding-bottom: 10px;border:none;} #knowledgebase .data-table table td a { font-weight: bold;} /*#knowledgebase .data-table .filename { width: 163px;}*/ #knowledgebase .data-table .filesize { width: 70px;} #knowledgebase .data-table .tech { width: 31px;} #knowledgebase .data-table .category { width: 57px;} #knowledgebase .data-table .model { width: 39px;} #knowledgebase .data-table .created { width: 90px;} #knowledgebase .data-table .entrytype { width: 80px;} #knowledgebase .data-table .lock { width: 32px;} #knowledgebase .searchresultsheader { border-radius: 10px;margin-bottom: 20px;} #knowledgebase .searchresults { background: #FFF;border-radius: 10px; border-top-left-radius: 0px; padding: 30px; } #knowledgebase .ui-tabs .ui-tabs-nav li { border-bottom: 0 none; float: left; list-style: none outside none; margin: 1px 0.2em 0 0; position: relative; top: 0; white-space: nowrap; width: 140px; } #knowledgebase .ui-tabs .ui-tabs-nav li a { float: left; color: #a6a6a6; padding: 16px 0; font-weight: bold; font-family: Helvetica, Tahoma, sans-serif; font-size: 13px; text-decoration: none; width: 100%; text-align: center; } #knowledgebase ul.ui-tabs-nav li { background: #f8f8f7; border-top-left-radius: 10px; border-top-right-radius: 10px; } #knowledgebase ul.ui-tabs-nav li:hover, #knowledgebase ul.ui-tabs-nav li.ui-state-active { background: #ffffff; top: 0; } #knowledgebase .ui-tabs .ui-tabs-nav li.ui-state-active a { color: #3b86c4; } #knowledgebase .searchresult { padding:20px 0px 0px 0px; border-bottom: 1px dotted #c5c5c5; } #knowledgebase .searchresult:first-child { padding-top: 0px; } #knowledgebase .searchresult a { font-weight: bold; } #knowledgebase #nodeList { height: 300px; overflow-y: auto;overflow-x: hidden; } #knowledgebase #nodeList ul { background-color: #fff; } #knowledgebase #nodeList .tree-node.selected { background-color: #f5f5f5; } #knowledgebase.browse #nodeList { max-height: 485px; height: auto; } #knowledgebase.browse .data-table { max-height: 500px; height: auto; overflow-x: hidden; overflow-y: auto;} #knowledgebase a.documentlink { color: #666;display: inline-block;margin-left: 10px; font-weight:normal} #knowledgebase div.lock { display: block;background: url(../images/rt/knowledgebase/bg-locked.png) no-repeat center center;width: 15px;height: 19px;margin:0 auto} #knowledgebase .entry-details { background: #FFF;border-radius: 10px;padding: 30px;} #knowledgebase .entry-details h1 { font-size: 28px;font-weight: normal} #knowledgebase .entry-details .content {margin-top: 40px;font-family: Arial, Helvetica, Tahoma, sans-serif;color: #5f5f5f;font-size: 14px;} #knowledgebase .download { line-height: 2em;height: 70px;} #knowledgebase .downloadpopup { line-height: 1.5em; height: 70px; margin-bottom: 5px; border-bottom: solid 1px #ddddee;} #knowledgebase .related { padding: 0px 40px;margin-top: 20px;} #knowledgebase .related h3 {border-bottom:2px solid #dddddd} div {font:inherit} /* File types */ .filetype { float: left; height: 63px; width: 64px; background: url('../images/rt/filetypes/filetype-generic.png') no-repeat left center; } .filetype.missing { background-image: url('../images/rt/filetypes/filetype-missing.png'); } .filetype.pdf { background-image: url('../images/rt/filetypes/filetype-pdf.png'); } label { font-size: 9pt;color: #666;font-weight: bold;} .entry-form input, .entry-form textarea { margin-bottom: 20px;background:#efefeb} .entry-form input:focus, .entry-form textarea:focus { margin-bottom: 20px;background:#fafafa} .star { height: 32px; width: 32px; margin: 0 auto 10px auto; cursor: pointer; background: url('../images/rt/knowledgebase/star-unselected.png'); } .star.selected { background: url('../images/rt/knowledgebase/star-selected.png'); } .welcome-header { text-transform: uppercase;color: #B7B7B5;font-weight: lighter; } .welcome-name { color: #000;font-weight: bold;font-size: 10pt;word-wrap: break-word;/*width: 150px;*/} .welcome-header.name-no-logo {border-right: none;margin: -10px 0 0 -25px;} .welcome-name.name-no-logo {border-right: none;margin-left: -25px;} .welcome-header.name-has-logo {border-right: none; /*margin-left: -30px;*/} .welcome-name.name-has-logo {border-right: none; /*margin-left: -30px;*/} /***** Carousel Styles *****/ .jcarousel { position: relative; overflow: hidden; height: 150px; width: 810px; margin-left: 26px; } .jcarousel ul { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; } .jcarousel li { float: left; } .jcarousel-item { text-align: center; font-weight: bold; font-size: 8pt; width: 135px; } .jcarousel-item a { color: #5f5f5f; } .jcarousel img { height: 110px; width: 110px; } #carousel-left { cursor: pointer; position: absolute; top: 0; left: 0; } #carousel-right { cursor: pointer; position: absolute; top: 0; right: 0; } .login { margin-left: auto; margin-right: auto; width: 21em; } .login input[type="text"] { width: 20em; } .login input[type="password"] { width: 20em; } .login button { padding: 0.5em 1em } .login .policies { margin-top: 1em; } #instrument-select, #ddlEntryType, #selectContent { font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); width: 90%; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 80%; float:left; -webkit-transition: all 0.15s linear; box-sizing: border-box; background: url("../themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png") ; background-position: 50%; background-color: #e6e6e3; background-repeat: repeat-x } #selectContent { width: 90% !important; } /* Style for popup windows .reveal()*/ #popup .icon-reorder { float: right; font-size: 19px; color: #C7C6C6; position: relative; right: 16px; bottom: 14px; cursor: pointer; } .portlet-config .clickToDrag { left: -4px; } .attach-existing-button { margin-bottom: 10px; margin: 0 auto; width: 250px; display: block; margin-bottom: 10px; } .existing-attach { border: 1px solid rgb(153, 153, 153); padding: 10px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); margin-top: 10px; } #selectContentPopup { font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); width:90% font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 85%; float:left; -webkit-transition: all 0.15s linear; box-sizing: border-box; background: url("../themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png") ; background-position: 50%; background-color: #e6e6e3; background-repeat: repeat-x } /*.ui-datepicker .ui-datepicker-next { right: 16px; }*/ .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background-color: black; font-weight: bold; color: white; } .ui-datepicker-prev.ui-corner-all { color: rgb(211, 211, 211); cursor: pointer; } .ui-datepicker-next.ui-corner-all { color: rgb(211, 211, 211); cursor: pointer; right: 16px; } .time-picker { width: 60px !important; } div.time-picker li { height: 18px; } .ui-datepicker .ui-state-active { background-color: #cccccc; } #RelatedModelIDs input.ui-state-default { margin-bottom: 0px; background-color: rgba(0, 0, 0, 0); } /* for link tool tip function */ .linkToolTip { position: absolute; background-color: #FFF; width: auto; height: 33px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px 0 0 5px; -moz-box-shadow: 0px 0px 10px #363636; -webkit-box-shadow: 0px 0px 10px #363636; box-shadow: 0px 0px 10px #363636; display: inline-block; } .linkToolTip .btn{ display: inline-block; -moz-border-radius: 4px; border-radius: 4px; background-color: #3b87c4; color: #FFF; padding: 4px 8px; cursor: pointer; margin-right: 6px; } .linkToolTip .arrow-up { width: 0; height: 0; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid white; position: absolute; bottom: 33px; left: 50%; } /* Styles for content wrappers */ .content_container { border: 1px solid gray; margin: 0 auto; padding: 18px 13px; background: #FFF; max-width: 910px; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .content_container .header { border-bottom: 1px solid rgb(189, 189, 189); padding: 28px 0 16px 0; text-transform: uppercase; font-weight: bold; border-radius: 0; } /*Admin/UploadedContent*/ .uploadedContentPage .filesGrid .filter-options { border-bottom: 1px solid #808080; margin-bottom: 10px; width: 850px; } .uploadedContentPage .filesGrid .fileContainer { padding: 0 3px; width: 9%; position: relative; float: left; position: relative; left: 5px; } .uploadedContentPage .filesGrid .fileContainer:hover { background-color: #D1D1D1; cursor: pointer; } .uploadedContentPopup .fileIcon, .uploadedContentPage .filesGrid .fileIcon { width: 52px; margin: 0 auto; height: 63px; float: none; display: block; } .uploadedContentPage .filesGrid .fileName { word-wrap: break-word; color: black; } .uploadedContentPopup .fileContainer { padding: 0 3px; } .uploadedContentPage .layoutOption { line-height: 19px; height: 25px; display: inline-block; width: 60px; padding: 4px 0 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .uploadedContentPage .layoutOption.selected { background-color: #e4e4e4; } .uploadedContentPage .layoutOption:hover { background-color: #9e9e9e; } .uploadedContentPage .filesList .row.file { line-height: 63px; margin: 5px 0; border: 1px solid #FFF; /* this is so the div doesn't resize when the border is applied in the hover'*/ } .uploadedContentPage .filesList .row.file:hover { background-color: #E9E9E9; border: 1px solid #000; } .uploadedContentPage .filesList .row.header { border: 1px solid #000; background: #E6E6E6; height: 30px; padding: 0; line-height: 30px; } .uploadedContentPage .filesList .header .columns { height: inherit; line-height: inherit; } .uploadedContentPage .filesList .fileOptions { display: inline-block; position: absolute; right: 15px; } .uploadedContentPage .filesList .rename { cursor: pointer; color: #999; } .uploadedContentPage .filesList .renameOptions { height: 20px; line-height: 20px; position: relative; bottom: 7px; left: 4px; } .uploadedContentPage .filesList .renameOptions span { cursor: pointer; } .uploadedContentPage .filesList .fileOptions i { cursor: pointer; } .uploadedContentPage .filesList .fileOptions .icon-trash:hover { color: red; } .uploadedContentPage .filesList .renameOptions i { margin-right: 3px; } .uploadedContentPage #ArrangeByInput { position: relative; left: 8px; } .uploadedContentPopup .cancelRename , .uploadedContentPopup .renameFile { width: 59px; background-color: #DBDBDB; padding: 5px; display: inline-block; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .uploadedContentPopup .cancelRename:hover, .uploadedContentPopup .renameFile:hover { background-color: #BBBABA; } .uploadedContentPopup .deleteFile { color: #8F0000; cursor: pointer; float: right; display: inline; position: relative; top: 5px; } /************** ** Knowledge Base ***************/ #knowledgebase > .body { } #knowledgebase > .body > .search-container { width: 100%; background-color: #CECECE; margin: 9px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 85px; padding: 10px; } #knowledgebase .slateBottom, #knowledgebase .slateTop { padding: 9px 23px 11px 22px; } #knowledgebase .slateBottom { padding-bottom: 39px; position: relative; bottom: 30px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } #knowledgebase .ui-multiselect-options { width: 298px !important; } #knowledgebase .ui-icon.ui-icon-triangle-1-s { margin-top: -30px; } #knowledgebase > .body .search-container input[type=text]{ margin: 0 0 5px 0; display: inline; } #knowledgebase > .body > .search-container .recent { margin-top: 10px; } #knowledgebase > .body .search-container .button.search { position: relative; right: 23px; } #knowledgebase > .body .search-container input.search { margin-bottom: 6px; } #knowledgebase > .body .search-container span.model { float: right; margin-top: 9px; color: #949494; font-style: italic; margin-right: 5px; } #knowledgebase .featured-item { background-color: #F7F7F7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; margin: 0 auto 5px auto; height: 46px; padding: 5px 0 5px 0; max-width: 577px; } #knowledgebase .featured-item .image img { height: 30px; position: relative; top: 3px; } #knowledgebase .featured-item .image { width: 40px; margin-left: 8px; } #knowledgebase .featured-item .title, #knowledgebase .featured-item .type { font-family: 'Arial Bold', Gadget, sans-serif; color: #3B86C4; width: 284px; } #knowledgebase .featured-item .controls{ text-align: right; width: 180px; padding-left: 0; } #knowledgebase .featured-item .image, #knowledgebase .featured-item .title, #knowledgebase .featured-item .controls { display: inline-block; vertical-align: middle; } #knowledgebase .featured-item .controls i { display: none; } #knowledgebase #EditFeaturedEntries { text-align: right; margin-bottom: 10px; color: #336E9F; cursor: pointer; } #knowledgebase #kb-alerts.entry-details { margin-bottom: 20px; padding: 10px 0 5px 0; background-color: #fafafa; } #knowledgebase #kb-alerts .featured-item { background: none; height: 50px; margin: 0 25px; max-width: 850px; } /* #knowledgebase #kb-alerts.detail .featured-item { margin-bottom: 0; }*/ #knowledgebase #kb-alerts.search .featured-item { margin-bottom: 5px; border-bottom: 1px solid #eee; } #knowledgebase #kb-alerts .featured-item.last { border: none; margin-bottom: 0; } #knowledgebase #kb-alerts .featured-item .image { width: 42px; } #knowledgebase #kb-alerts .featured-item .image img { height: 32px; } #knowledgebase #kb-alerts .featured-item .title { width: 610px; font-weight: normal; font-size: 16px; color: #222; } #knowledgebase #kb-alerts .featured-item .controls { width: 160px; } /*kb-alert for anonymous users*/ #knowledgebase #kb-alerts #kb-anon .featured-item .title { width: 284px; font-size: 14px; } #knowledgebase #kb-alerts #kb-anon .featured-item .controls { width: 180px; } #knowledgebase #kb-alerts #kb-anon .featured-item .controls .button { width: 90% } #kb-anon p a { text-decoration: underline; color: #222; } #knowledgebase .iconList { float: left; width: 50%; overflow: hidden; list-style-type: none; padding-left: 0; } #knowledgebase .iconList li { margin: 5px 0; } #knowledgebase .iconList a { text-decoration: none; } #knowledgebase .iconList img { padding-right: 15px; vertical-align: -18px; } /*repsonsive container for youtube video*/ .responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #knowledgebase .addNewFeaturedEntry { background-color: #F7F7F7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; margin: 0 auto 5px auto; height: 46px; padding: 5px 0 5px 0; max-width: 577px; position: relative; bottom: 13px; border: 1px dashed #808080; text-align: center; line-height: 35px; font-size: 16px; cursor: pointer; display: none; /*JS Will Show This*/ } .featured-item .icon-remove, .featured-item .icon-reorder { color: #C4C4C4; } .featured-item .icon-remove { font-size: 22px; padding: 0 0 0 4px; position: relative; bottom: 1px; cursor: pointer; } .featured-item .icon-reorder { font-size: 19px; position: relative; bottom: 1px; padding: 0 0 0 4px; cursor: move; } .popularTopics a { display: block; } .popularTopics .button { font-size: 13px; width: 250px; position: relative; top: 100px; } #knowledgebase > .body .search-container .ui-autocomplete { z-index: 20 !important; } #knowledgebase > .body .search-container .config-dropdown { max-width: 200px; float: right; } #knowledgebase > .body > .categories .columns { border-right: 1px dotted #000; height: 100%; } #knowledgebase > .body .icon i { font-size: 50px; } #knowledgebase > .body .links a { display: block; } #knowledgebase > .body .icon { height: 65px; text-align: left; vertical-align: middle; } #knowledgebase > .body .iconLabel { text-align: left; margin-bottom: 5px; font-size: 15px; } /* sidebar */ #knowledgebase > .sidebar hr { border-top: 1px solid #000; height: 1px; } #knowledgebase > .sidebar .portlet { background: inherit; } #knowledgebase > .sidebar .portlet-header { display: none; } #knowledgebase > .sidebar span { font-size: inherit !important; } /* course selections table */ table.courseMainBlock { border: none; } table.courseMainBlock h2 { margin-top: 0; } table.courseSelection { border: none; width: 100%; } table.courseSelection tbody tr:nth-child(even) { background: none; } table.courseSelection tbody tr td:last-child { border-bottom: 1px dotted #C2BDBD; } table.courseSelection tbody tr td p{ margin: 0; line-height: 43px; } table.courseSelection tbody tr td img { height: 40px; float: right; } /******** Compatable Equipment *********/ .compatibleEquipment { margin-top: 10px; } .compatibleEquipmentEditor .compatibleEquipment { width: 370px; margin: 0 auto; padding-bottom: 30px; } .compatibleEquipment .clabel { font-weight: bold; border-bottom: 1px solid gray; padding-bottom: 3px; margin-bottom: 3px; } .compatibleEquipment ul { list-style: none; margin-bottom: 5px; } .compatibleEquipment li { padding: 5px 0; height: 40px; } .compatibleEquipment li:nth-child(odd) { background-color: #E4E4E4; } .doneEditing, .editCompatableEquipment { cursor: pointer; color: #3B86C4; float: right; margin: 2px 5px 0 0; } .compatibleEquipment li img { height: 30px; } .compatibleEquipment li span, .compatibleEquipment li img { vertical-align: middle; } .compatibleEquipment .removeModel { display: none; } .compatibleEquipmentEditor .compatibleEquipment .removeModel { display: block; float: right; margin-right: 10px; font-size: 16px; margin-top: 2px; color: #C50000; cursor: pointer; } .compatibleEquipment li.newModel { text-align: center; border: 1px solid #B9B9B9; padding: 9px 0 0 0; cursor: pointer; } .compatibleEquipment li.newModel:hover { background-color: rgba(25, 199, 25, 0.21); } .compatibleEquipment .selectModel { display: none; height: 40px; position: relative; bottom: 10px; } .compatibleEquipment .modelLoading { display: none; } .compatibleEquipmentEditor.open { border-top: 1px solid gray; padding-top: 15px; } /* Form Picker*/ .formWrapper { margin-bottom: 4px; overflow: hidden; text-align: left; height: 44px; position: relative; } .formWrapper:hover { background: rgba(0, 0, 0, 0.05); border: 5px; } .formWrapper > div { padding: 6px 10px; display: inline-block; height: 100%; vertical-align: middle; } .formWrapper .due { background-color: #D4D4D4; width: 106px; text-align: center; position: relative; border-top-left-radius: 7px; border-bottom-left-radius: 7px; } .formWrapper .due .dueContent { position: relative; } .formWrapper .due .dueContent > span { font-weight: bold; font-size: 15px; } .formWrapper .due .dueProgress { background: rgba(255, 222, 0, 0.71); width: 0; height: 100%; position: absolute; left: 0; top: 0; border-top-left-radius: 7px; border-bottom-left-radius: 7px; } .formWrapper .due .dueProgress.gray { background-color: #CCC; } .formWrapper .due .dueProgress.yellow { background: rgba(255, 222, 0, 0.71); } .formWrapper .due .dueProgress.red { background-color: #F00; } .formWrapper .formLabel { line-height: 30px; width: 380px; overflow: hidden; } .formWrapper .actions { padding: 0; padding-top: 7px; position: absolute; top: 1px; right: 1px; } .formWrapper .actions > a { display: inline-block; padding: 7px 13px; float: left; cursor: pointer; } .formWrapper .actions .doForm { background-color: #1193C3; color: #FFF; border-radius: 5px; margin-left: 5px; } .formWrapper .actions .rescheduleForm { border: 1.5px solid #1193C3; padding: 6px 14px; color: #096E93; display: none; border-radius: 5px; background: url(../images/rt/bg_page.jpg); } /*Messages & News Styles*/ .portlet .news-article { margin-bottom: 20px; } .portlet .news-article a { font-size: 10px; } .portlet .news-more { float: right; font-size: 11px; margin-top: -8px; } .news-postdate { color: #aaa; font-size: 11px; margin-top: 3px; font-family: Tahoma, Arial; } #popup .news-header { font-size: 16px; font-weight: bold; margin-bottom: 10px; } #popup .news-content { margin-bottom: 10px; } #popup .news-article-list .news-article { padding: 15px 0; border-bottom: 1px solid #ccc; } a.newmessage { background: url("../images/rt/btn-newmessage.png") no-repeat; cursor: pointer; display: block; height: 27px; margin-top: 35px; width: 123px; } /*Widget Selector*/ .portlet a.widget-option { display: block; width: 100%; border-bottom: 1px solid #CCCCCC; padding: 8px 0; width: 100%; } .portlet a.widget-option:first-of-type { margin-top: -8px; } .portlet a.widget-option:hover { background: url('../images/rt/btn-add.png') no-repeat; background-position: right center; } /*KnowledgeBase Styles*/ .kb-portlet-content li { list-style-type: none; } /*Ticket Styles*/ .ticket-grid { border-spacing: 0; } .ticket-grid td { font-size: 12px; } .ticket-grid tr th { text-align:left; padding-left:10px; padding-right:10px; } .ticket-grid th.title { text-align: left; font-weight: bold; font-size: 11px; color: #fff; padding: 5px; height: 25px; } .ticket-grid th.spacer { } /*.ticket-grid tr { border-bottom: #ebebeb solid 1px; }*/ .ticket-grid td.days-open { width: 45px; font-weight: bold; } .ticket-grid td.days-in-shop { width: 70px; } .ticket-grid td.equipment-details { font-weight: bold; } /*.ticket-grid span.customer { font-size: 12px; }*/ .ticket-grid .ticket-high th.title { background: #d53f40; } .ticket-grid .ticket-high th.spacer { background: #fef5f6; } .ticket-grid .ticket-high td.days-open { color: #d53f40; } .ticket-grid .ticket-medium th.title { background: #e8b30f; } .ticket-grid .ticket-medium th.spacer { background: #fefbf4; } .ticket-grid .ticket-medium td.days-open { color: #e8b30f; } .ticket-grid .ticket-low th.title { background: #3b86c4; } .ticket-grid .ticket-low th.spacer { background: #f5f9fc; } .ticket-grid .ticket-low td.days-open { color: #3b86c4; } /* Config Styles*/ .portlet-config h4 { font-size: 16px; } .config-ticket-low {background-color: rgb(240, 240, 9); border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px; -moz-border-top-right-radius: 3px 3px; -moz-border-bottom-right-radius: 3px 3px; border: 1px solid #8c8c8c;border-left: none; color: black} .config-ticket-medium {background-color: #F6A51C ;border: 1px solid #8c8c8c; border-left: none; border-right: none; color: white} .config-ticket-high {background-color: #ff0000; border-top-left-radius: 3px 3px; border-bottom-left-radius: 3px 3px; -moz-border-top-left-radius: 3px 3px; -moz-border-bottom-left-radius: 3px 3px; border: 1px solid #8c8c8c;border-right: none;} .assignment-me {background-color: #B8CAFF; border-top-left-radius: 3px 3px; border-bottom-left-radius: 3px 3px; -moz-border-top-left-radius: 3px 3px; -moz-border-bottom-left-radius: 3px 3px; border: 1px solid #8c8c8c;border-right: none;} .assignment-others {background-color: #9BB4FF; border: 1px solid #8c8c8c; border-left: none; border-right: none;} .assignment-unassigned {background-color: #7E9FFF; border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px; -moz-border-top-right-radius: 3px 3px; -moz-border-bottom-right-radius: 3px 3px; border: 1px solid #8c8c8c;border-left: none;} .ui-multiselect-checkboxes label:hover,.ui-multiselect-checkboxes input:hover+label { background-color: #0084c7; border-bottom-color: #004c72; color: #fff !important; text-decoration: none; text-shadow: rgba(0, 0, 0, .5) 0 1px 0; } ui-multiselect-checkboxes label { color: #3b86c4; font-weight:bold; } #usergroupVal { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -o-linear-gradient(top, #fff, #f5f5f5); background-color: #f5f5f5; font-family: 'Helvetica', Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; width:100% !important; } #ULusergroup { background-color: #fff; border-bottom: solid 1px #bbb; } #ULusergroup li label { border-bottom: solid 1px #bbb; color: #3b86c4; font-weight:bold; } .equipmentHeader { margin-bottom: 0px; margin-right: 5px; border: solid 1px #ccc; /*border-bottom: none;*/ } .equipmentHeader span { margin-right: 5px; } .equipmentDisplay { border: solid 1px #ccc; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; height: auto !important; margin-right: 5px; } .equipmentDisplayTable { width: 100% } .equipmentDisplayTable tr td, .equipmentDisplayTable tr th { width: 25%; padding: 3px 7px; } .eqStatusGreen, .eqStatusGreenFloat { font-weight: bold; background-color: #66FF66; border-radius: 5px; -moz-border-radius: 5px; } .eqStatusYellow, .eqStatusYellowFloat { font-weight: bold; background-color: #FFFF66; border-radius: 5px; -moz-border-radius: 5px; } .eqStatusRed { font-weight: bold; background-color: #CC3333; color:#fff; border-radius: 5px; -moz-border-radius: 5px; } #accordionEquipment, #accordionContacts { max-height: 550px; overflow: auto; margin-bottom: 10px; } .clear-search { cursor: pointer; } .contact-table { width: 100%; border: none; } .customerDisplay { border: solid 1px #ccc; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; height: auto !important; margin-right: 5px; padding: .5em .5em !important; } #orgs, #locs, #models, #group { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; box-sizing: border-box; } .ui-autocomplete { max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } #customer, #status, #location, #usergroup, #user, #impersonationCustomer, #impersonationUserGroup { font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; float:left; -webkit-transition: all 0.15s linear; box-sizing: border-box; background: url(../themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) ; background-position: 50%; background-color: #e6e6e3; background-repeat: repeat-x; } .ticket-portlet #customer, .ticket-portlet #status, .ticket-portlet #location, .ticket-portlet #usergroup, .ticket-portlet #user { width: 237px; } #impersonationUserGroup, #divImpersonationUser input, #impersonationCustomer { width: 150px; } .showAllBtn { background: url(../images/rt/btn-expand-32.png); cursor: pointer; width: 37px; height: 32px; background-repeat: none; float:left; } .ddl-impersonate { width: 200px; } .usergrouphidden, .userhidden { display: none; } .contact-count { width:50px !important; text-align: right !important; } .tt-widget-chk { margin-right: 7px; } .ticket-high .ui-icon-plus, .ticket-medium .ui-icon-plus, .ticket-low .ui-icon-plus { height: 16px; width:16px; background-image: url('../themes/base/images/ui-icons_888888_256x240.png'); background-position: 238px 114px; margin-top: 5px; cursor: pointer; opacity:0.8; filter:alpha(opacity=80); } .ticket-high .ui-icon-minus, .ticket-medium .ui-icon-minus, .ticket-low .ui-icon-minus { height: 16px; width:16px; background-image: url('../themes/base/images/ui-icons_888888_256x240.png'); background-position: 205px 114px; margin-top: 5px; cursor: pointer; opacity:0.8; filter:alpha(opacity=80); } /*Equipment Styles*/ a.newequipment { background: url("../images/rt/btn-newequipment.png") no-repeat; cursor: pointer; display: block; float: right; height: 27px; width: 134px; margin-top: -3px; margin-right: 20px; } /*Ticket Styles*/ a.newticket { background: url("../images/rt/btn-generaltickett.png") no-repeat; cursor: pointer; display: block; float: right; height: 27px; width: 134px; margin-top: -3px; margin-right: 20px; } #contactSelect .ui-autocomplete { width: 400px !important; } /*User Group Styles*/ a.newusergroup { background: url("../images/rt/btn-newusergroup.png") no-repeat; cursor: pointer; display: block; float: right; height: 27px; width: 134px; margin-top: -3px; margin-right: 20px; } /* Admin/Scientist View */ .linkTicket, .linkEquipment { color: #000 } .divTicket { width: 616px; clear: both; height: 46px; margin-bottom: 3px } .divTicketID { width: 52px; height: 23px; color: #fff; margin: 0 0 0 -4px; position: relative; top: 5px; left: 10px; } .divTicketDaysOpen { width: 26px; height: 23px; color: #fff; margin: 0 0 0 5px; float:left; font-size: 1.1em; font-weight: bold } .divTicketDaysInShop { width: 26px; height: 23px; color: #fff; margin: 0 5px 0 0; text-align: right; float: right; } .divTicketActivityStatus { display: block; width: inherit; height: 19px; font-weight: bold; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 5px; margin: 4px 0 0 0; } .divTicketLastActivityDate { display: block; width: inherit; height: 23px; padding-left: 5px; } .divTicketLastActivityDateMoreThan7 { display: block; width: 77px; height: 18px; padding-left: 5px; background-color: #EE1F23; color: #fff; font-weight: bold; } .divTicketEquipmentImg { padding-left: 4px; float: left; width: 44px; ; display: block; margin: 0 0 0 6px; } .imgEquipmentIcon { width: 35px; height: 35px; margin: 5px 0 0 0; } .divTicketModelSerial { height: 23px; width: 466px; display: block; } .divTicketModel { float: left; padding-left: 5px; font-size: 15px; font-weight: bold; display: block; margin: 4px 0 0 0; } .divTicketSerial { float: left; padding-left: 10px; font-size: 15px; font-weight: bold; color: #3F87C4; display: block; margin: 4px 0 0 0; } .divTicketEquipmentLocationAndUser { height: 23px; width: 466px; display: block; } .divTicketEquipmentLocation { font-size: 13px; padding-left: 5px; width: 219px; float: left; display: block; } .divTicketAssignedToUser { font-size: 13px; display: block; } /* new rules */ .divTicket { width: 616px; clear: both; height: 46px; margin-bottom: 3px; } .divTicket .region-a, .divTicket .region-b, .divTicket .region-c { float: left; height: 46px; display: block; } .divTicket .region-a {border-radius: 5px 0px 0px 5px;} .divTicket .region-c {border-radius: 0px 5px 5px 0px;} /* user can NOT edit */ .divTicket .region-a{ background-color: #B3B3B3 } .divTicket .region-b{ background-color: #E9EAE9 } .divTicket .region-c{ background-color: #F9FAFA } .divTicket.High .region-a{ background-color: #EE1F23 } .divTicket.High .region-b{ background-color: #F8AFB1 } .divTicket.High .region-c{ background-color: #FCE5E6 } .divTicket.Medium .region-a{ background-color: #F6A51C } .divTicket.Medium .region-b{ background-color: #FBE3B0 } .divTicket.Medium .region-c{ background-color: #FDF8E8 } .divTicket.Low .region-a{ background-color: #E7E515 } .divTicket.Low .region-b{ background-color: #F5F5B4 } .divTicket.Low .region-c{ background-color: #FCFCE8 } .divTicket.cannotEdit .region-a {width: 70px} .divTicket.cannotEdit .region-b {width: 194px; padding : 0 0 0 1px;} .divTicket.cannotEdit .region-c {width: 341px; padding: 0 0 0 3px;} .divTicket.canEdit .region-a {width: 70px} .divTicket.canEdit .region-b {width: 160px} .divTicket.canEdit .region-c {width: 375px} /* rules end */ /* Customer View */ .linkTicketUser, .linkEquipmentUser { color: #000; } .divTicketUser { width: 583px; clear: both; height: 46px; margin-bottom: 2px; margin-left: 13px; } .divTicketIDUser { width: 52px; height: 23px; color: #fff; margin: 0 auto; } .divTicketDaysOpenUser { width: 26px; height: 23px; color: #fff; margin: 0 0 0 8px; text-align: center; float: left; font-size: 1.1em; font-weight: bold; } .divTicketDaysInShopUser { width: 26px; height: 23px; color: #fff; margin: 0 auto; text-align: center; float: left; } .divTicketActivityStatusUser { display: block; width: 155px; height: 23px; font-weight: bold; -o-text-overflow: ellipsis; text-overflow: ellipsis; float: left; padding-left: 4px; padding-top: 4px; } .divTicketLastActivityDateUser { display: block; width: 116px; height: 23px; float: left; padding-left: 4px; } .divTicketLastActivityDateMoreThan7User { display: block; width: 77px; height: 18px; padding-left: 5px; background-color: #EE1F23; color: #fff; font-weight: bold; } .divTicketEquipmentImgUser { padding-left: 4px; float: left; width: 44px; ; display: block; } .imgEquipmentIconUser { width: 44px; height: 44px; } .divTicketModelSerialUser { height: 23px; width: 466px; display: block; } .divTicketModelUser { float: left; padding-left: 5px; font-size: 1.2em; font-weight: bold; display: block; padding-top: 4px; height: 23px; } .divTicketSerialUser { float: left; padding-left: 10px; font-size: 1.2em; font-weight: bold; color: #3F87C4; display: block; padding-top: 4px; height: 23px; } .divTicketEquipmentLocationAndUserUser { height: 23px; width: 466px; display: block; padding-left: 50px; } .divTicketEquipmentLocationUser { font-size: .9em; padding-left: 5px; width: 220px; float: left; display: block; } .divTicketAssignedToUserUser { font-size: .9em; display: block; } .divTicketLeftUser { width: 52px; float: left; background-color: #B3B3B3; height: 46px; border-radius: 5px 0px 0px 5px; } .divTicketCenterUser { width: 116px; float: left; background-color: #E9EAE9; height: 46px; display: block; } .divTicketRightUser { width: 410px; float: left; background-color: #F9FAFA; height: 46px; border-radius: 0px 5px 5px 0px; display: block; } /* image status */ .imgstatus-0, .imgstatus-1, .imgstatus-2, .imgstatus-3, .imgstatus-4, .imgstatus-5, .imgstatus-6, .imgstatus-7, .imgstatus-8, .imgstatus-9, .imgstatus-10 { background: url("../images/rt/pies.png") no-repeat; width: 31px; height: 31px; display: inline-block; margin-top: 8px; overflow: hidden; float: left; } .imgstatus-0{ background-position: -609px 0 } .imgstatus-1{ background-position: -33px 0 } .imgstatus-2{ background-position: -64px 0 } .imgstatus-3{ background-position: -97px 0;} .imgstatus-4{ background-position: -128px 0;} .imgstatus-5{ background-position: -160px 0;} .imgstatus-6{ background-position: -192px 0;} .imgstatus-7{ background-position: -224px 0;} .imgstatus-8{ background-position: -257px 0;} .imgstatus-9{ background-position: -289px 0;} .imgstatus-10 { background-position: 0px 0;} .spanActivityAndDateOfLastActivity { width: 155px; display: block; float: left; height: 45px; } /* jqplot styles */ .equipment-jqplot .jqplot-table-legend { font-weight: bold; } .equipment-jqplot .jqplot-series-1, .equipment-jqplot .jqplot-series-0 { font-size: 12px; } .equipment-jqplot .jqplot-series-1, .equipment-jqplot .jqplot-series-2{ color: black; font-size: 12px; } .troubleTickets-jqplot .jqplot-table-legend { font-weight: bold; } .troubleTickets-jqplot .jqplot-series-3, .troubleTickets-jqplot .jqplot-series-1, .troubleTickets-jqplot .jqplot-series-0 { color: white; font-size: 12px; } .troubleTickets-jqplot .jqplot-series-2{ color: black; font-size: 12px; } .jqplot-point-label { font-family: arial; } /* Equipment Widget Styles*/ .ticket-grid2 .type-label{ font-weight: bold; line-height: 20px; } .ticket-grid2 .equipment_serial { color: #2ba6cb; } .ticket-grid2 a { color: black; } .ticket-grid2 .icon-external-link{ color: rgb(156, 153, 153); } .ticket-grid2 .icon-signin { float: right; margin-right: 6px; } .config-select input { position: relative; top: 2px; } .config-select-single { width: 136px; float: left; margin-left: 24px; } .config-select-single label { display: inline; } .available-options .config-select, .status-options .config-select, .egtypes-options .config-select { background-color: #9BB4FF; border-top: 1px solid #8c8c8c; border-right: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c; color: white; padding: 0; width: 105px; float: left !important; font-size: 10px; position: relative; left: 15px; } .available-options .config-select:last-of-type, .status-options .config-select:last-of-type, .egtypes-options .config-select:last-of-type { background-color: #B8CAFF; border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px; -moz-border-top-right-radius: 3px 3px; -moz-border-bottom-right-radius: 3px 3px; color: black } .available-options .config-select:first-of-type, .status-options .config-select:first-of-type, .egtypes-options .config-select:first-of-type { background-color: #7E9FFF; -moz-border-top-left-radius: 3px 3px; -moz-border-bottom-left-radius: 3px 3px; border-top-left-radius: 3px 3px; border-bottom-left-radius: 3px 3px; border-left: 1px solid #8c8c8c; } .ticket-red { background-color: #ff0000 !important; color: white !important; } .ticket-yellow { background-color : rgb(240, 240, 9) !important; color: black !important; } .ticket-green { background-color: #3cb300 !important; color: white !important; } .ticket-grid2 .ticket-item { height: 45px; overflow: hidden; } .ticket-grid2 .ticket-item b { font-size: 15px; font-family: 'Arial Bold', Gadget, sans-serif; } .ticket-item .region-a { background-color: #f7f7f7; } .ticket-item .region-b { background-color: #e8e8e8; } .ticket-item .region-c { background-color: #b3b3b3; color: white; } .ticket-item .region-c .large-number { font-size: 20px } .ticket-grid2 .rounded-edges { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; margin-bottom: 3px; } .ticket-item .region-a, .ticket-item .region-b, .ticket-item .region-c { cursor: pointer; height: 46px; line-height: 20px; padding-top: 3px; } .ticket-item .region-b .row, .ticket-item .region-c .row { padding-left: 10px; } .ticket-item .region-a img { width: 35px; height: 35px; float: left; } .ticket-item .region-a .section-1 { width: 290px; padding: 0 0 0 30px; float: left; } .ticket-item .image img { margin-top: 2px; } .divTicket .icon-cloud, .ticket-grid2 .icon-cloud { color: #9C9999; } #bookmark-grid { max-width: 578px; margin: 0 auto 0 auto; list-style: none; } #bookmark-grid .bookmark-item { background-color: #F7F7F7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; margin: 0 auto 5px auto; height: 46px; padding: 5px 0 5px 0; max-width: 577px; } #bookmark-grid .bookmark-item div{ line-height: 22px; } #bookmark-grid .bookmark-item.selected { position: relative; z-index: 2; background-color: #D3D3D3; -moz-box-shadow: 0px 0px 10px #363636; -webkit-box-shadow: 0px 0px 10px #363636; box-shadow: 0px 0px 10px #363636; } #bookmark-grid .item-content { position: relative; bottom: 3px; padding: 10px; background: #F7F7F7; margin: 0 auto 0 auto; width: 560px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; overflow: hidden; display: none; border-bottom: 1px solid #8B8B8B; border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; } #bookmark-grid .bookmark-item .title, #bookmark-grid .bookmark-item .type { font-family: 'Arial Bold', Gadget, sans-serif; color: #3B86C4; width: 330px; } #bookmark-grid .bookmark-item .type { line-height: inherit; position: relative; bottom: 3px; right: 6px; } #bookmark-grid .bookmark-item .controls { text-align: right; width: 180px; padding-left: 0; } .bookmark-item.Download .title.eight{ width: 61.66667%; } .bookmark-item.Download .controls.one{ width: 27% !important ; } #bookmark-grid .bookmark-item .image, #bookmark-grid .bookmark-item .title, #bookmark-grid .bookmark-item .controls { display: inline-block; vertical-align: middle; } #bookmark-grid .selected .icon-double-angle-up, #bookmark-grid .selected .icon-remove, #bookmark-grid .selected .icon-reorder { color: #747474; } #bookmark-grid .icon-double-angle-up, #bookmark-grid .icon-double-angle-down, #bookmark-grid .icon-remove, #bookmark-grid .icon-reorder { color: #C4C4C4; } #bookmark-grid .icon-remove { font-size: 22px; padding: 0 0 0 4px; position: relative; bottom: 1px; cursor: pointer; } #bookmark-grid .icon-double-angle-up, #bookmark-grid .icon-double-angle-down { font-size: 23px; position: relative; top: 1px; font-weight: bold; cursor: pointer; } #bookmark-grid .icon-reorder { font-size: 19px; position: relative; bottom: 1px; padding: 0 0 0 4px; cursor: move; } #bookmark-grid .bookmark-item .image img { height: 30px; position: relative; top: 3px; } #bookmark-grid .bookmark-item .image { width: 40px; margin-left: 8px; } .config-loading { background: #fff url('../images/rt/loading.gif') no-repeat; background-position: center; } .portlet-config .showAllResults { margin-right: 7px; cursor: pointer; color: #8A8A8A; } .portlet-config .showAllResults:hover { color: black; float: left; } /* Default Dashboard Portlet */ .DefaultDashboardConfigView > .save { margin-bottom: 14px; margin-top: 3px; } .portlet .DefaultDashboardConfigView a.widget-option.create-new { border-top: 1px solid #CCC; margin-top: 9px; } .portlet .DefaultDashboardConfigView a.widget-option.view-all:hover { background: url('../images/rt/wrench-icon.png') no-repeat; background-position: right center; } /* Layout helpers ----------------------------------*/ .config-dropdown .ui-helper-hidden { display: none; } .config-dropdown .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .config-dropdown .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .config-dropdown .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .config-dropdown .ui-helper-clearfix:after { clear: both; } .config-dropdown .ui-helper-clearfix { zoom: 1; } .config-dropdown .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .config-dropdown .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .config-dropdown .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .config-dropdown .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .config-dropdown .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /* workarounds */ * html .config-dropdown .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .config-dropdown .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; } .config-dropdown .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .config-dropdown .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } .config-dropdown .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .config-dropdown .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } .config-dropdown .ui-menu .ui-menu-item a.ui-state-focus, .config-dropdown .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .config-dropdown.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .config-dropdown.ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .config-dropdown .ui-menu-icons { position: relative; } .config-dropdown .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .config-dropdown .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .config-dropdown .ui-menu .ui-menu-icon { position: static; float: right; } /* Component containers ----------------------------------*/ .config-dropdown .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .config-dropdown .ui-widget .config-dropdown .ui-widget { font-size: 1em; } .config-dropdown .ui-widget input, .config-dropdown .ui-widget select, .config-dropdown .ui-widget textarea, .config-dropdown .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .config-dropdown .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../themes/base/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .config-dropdown .ui-widget-content a { color: #222222; } .config-dropdown .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .config-dropdown .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .config-dropdown .ui-state-default, .config-dropdown .ui-widget-content .config-dropdown .ui-state-default, .config-dropdown .ui-widget-header .config-dropdown .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .config-dropdown .ui-state-default a, .config-dropdown .ui-state-default a:link, .config-dropdown .ui-state-default a:visited { color: #555555; text-decoration: none; } .config-dropdown .ui-state-hover, .config-dropdown .ui-widget-content .config-dropdown .ui-state-hover, .config-dropdown .ui-widget-header .config-dropdown .ui-state-hover, .config-dropdown .ui-state-focus, .config-dropdown .ui-widget-content .config-dropdown .ui-state-focus, .config-dropdown .ui-widget-header .config-dropdown .ui-state-focus { border: 1px solid #999999; background: #dadada url(../themes/base/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .config-dropdown .ui-state-hover a, .config-dropdown .ui-state-hover a:hover, .config-dropdown .ui-state-hover a:link, .config-dropdown .ui-state-hover a:visited { color: #212121; text-decoration: none; } .config-dropdown .ui-state-active, .config-dropdown .ui-widget-content .config-dropdown .ui-state-active, .config-dropdown .ui-widget-header .config-dropdown .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../themes/base/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .config-dropdown .ui-state-active a, .config-dropdown .ui-state-active a:link, .config-dropdown .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .config-dropdown .ui-state-highlight, .config-dropdown .ui-widget-content .config-dropdown .ui-state-highlight, .config-dropdown .ui-widget-header .config-dropdown .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .config-dropdown .ui-state-highlight a, .config-dropdown .ui-widget-content .config-dropdown .ui-state-highlight a,.config-dropdown .ui-widget-header .config-dropdown .ui-state-highlight a { color: #363636; } .config-dropdown .ui-state-error, .config-dropdown .ui-widget-content .config-dropdown .ui-state-error, .config-dropdown .ui-widget-header .config-dropdown .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../themes/base/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .config-dropdown .ui-state-error a, .config-dropdown .ui-widget-content .config-dropdown .ui-state-error a, .config-dropdown .ui-widget-header .config-dropdown .ui-state-error a { color: #cd0a0a; } .config-dropdown .ui-state-error-text, .config-dropdown .ui-widget-content .config-dropdown .ui-state-error-text, .config-dropdown .ui-widget-header .config-dropdown .ui-state-error-text { color: #cd0a0a; } .config-dropdown .ui-priority-primary, .config-dropdown .ui-widget-content .config-dropdown .ui-priority-primary, .config-dropdown .ui-widget-header .config-dropdown .ui-priority-primary { font-weight: bold; } .config-dropdown .ui-priority-secondary, .config-dropdown .ui-widget-content .config-dropdown .ui-priority-secondary, .config-dropdown .ui-widget-header .config-dropdown .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .config-dropdown .ui-state-disabled, .config-dropdown .ui-widget-content .config-dropdown .ui-state-disabled, .config-dropdown .ui-widget-header .config-dropdown .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .config-dropdown .ui-state-disabled .config-dropdown .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* states and images */ .config-dropdown .ui-icon { width: 16px; height: 16px; background-image: url(../themes/base/images/ui-icons_222222_256x240.png); } .config-dropdown .ui-widget-content .config-dropdown .ui-icon {background-image: url(../themes/base/images/ui-icons_222222_256x240.png); } .config-dropdown .ui-widget-header .config-dropdown .ui-icon {background-image: url(../themes/base/images/ui-icons_222222_256x240.png); } .config-dropdown .ui-state-default .config-dropdown .ui-icon { background-image: url(../themes/base/images/ui-icons_888888_256x240.png); } .config-dropdown .ui-state-hover .config-dropdown .ui-icon, .config-dropdown .ui-state-focus .config-dropdown .ui-icon {background-image: url(../themes/base/images/ui-icons_454545_256x240.png); } .config-dropdown .ui-state-active .config-dropdown .ui-icon {background-image: url(../themes/base/images/ui-icons_454545_256x240.png); } .config-dropdown .ui-state-highlight .config-dropdown .ui-icon {background-image: url(../themes/base/images/ui-icons_2e83ff_256x240.png); } .config-dropdown .ui-state-error .config-dropdown .ui-icon, .config-dropdown .ui-state-error-text .config-dropdown .ui-icon {background-image: url(../themes/base/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .config-dropdown .ui-icon-carat-1-n { background-position: 0 0; } .config-dropdown .ui-icon-carat-1-ne { background-position: -16px 0; } .config-dropdown .ui-icon-carat-1-e { background-position: -32px 0; } .config-dropdown .ui-icon-carat-1-se { background-position: -48px 0; } .config-dropdown .ui-icon-carat-1-s { background-position: -64px 0; } .config-dropdown .ui-icon-carat-1-sw { background-position: -80px 0; } .config-dropdown .ui-icon-carat-1-w { background-position: -96px 0; } .config-dropdown .ui-icon-carat-1-nw { background-position: -112px 0; } .config-dropdown .ui-icon-carat-2-n-s { background-position: -128px 0; } .config-dropdown .ui-icon-carat-2-e-w { background-position: -144px 0; } .config-dropdown .ui-icon-triangle-1-n { background-position: 0 -16px; } .config-dropdown .ui-icon-triangle-1-ne { background-position: -16px -16px; } .config-dropdown .ui-icon-triangle-1-e { background-position: -32px -16px; } .config-dropdown .ui-icon-triangle-1-se { background-position: -48px -16px; } .config-dropdown .ui-icon-triangle-1-s { background-position: -64px -16px; } .config-dropdown .ui-icon-triangle-1-sw { background-position: -80px -16px; } .config-dropdown .ui-icon-triangle-1-w { background-position: -96px -16px; } .config-dropdown .ui-icon-triangle-1-nw { background-position: -112px -16px; } .config-dropdown .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .config-dropdown .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .config-dropdown .ui-icon-arrow-1-n { background-position: 0 -32px; } .config-dropdown .ui-icon-arrow-1-ne { background-position: -16px -32px; } .config-dropdown .ui-icon-arrow-1-e { background-position: -32px -32px; } .config-dropdown .ui-icon-arrow-1-se { background-position: -48px -32px; } .config-dropdown .ui-icon-arrow-1-s { background-position: -64px -32px; } .config-dropdown .ui-icon-arrow-1-sw { background-position: -80px -32px; } .config-dropdown .ui-icon-arrow-1-w { background-position: -96px -32px; } .config-dropdown .ui-icon-arrow-1-nw { background-position: -112px -32px; } .config-dropdown .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .config-dropdown .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .config-dropdown .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .config-dropdown .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .config-dropdown .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .config-dropdown .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .config-dropdown .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .config-dropdown .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .config-dropdown .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .config-dropdown .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .config-dropdown .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .config-dropdown .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .config-dropdown .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .config-dropdown .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .config-dropdown .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .config-dropdown .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .config-dropdown .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .config-dropdown .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .config-dropdown .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .config-dropdown .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .config-dropdown .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .config-dropdown .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .config-dropdown .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .config-dropdown .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .config-dropdown .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .config-dropdown .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .config-dropdown .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .config-dropdown .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .config-dropdown .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .config-dropdown .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .config-dropdown .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .config-dropdown .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .config-dropdown .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .config-dropdown .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .config-dropdown .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .config-dropdown .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .config-dropdown .ui-icon-arrow-4 { background-position: 0 -80px; } .config-dropdown .ui-icon-arrow-4-diag { background-position: -16px -80px; } .config-dropdown .ui-icon-extlink { background-position: -32px -80px; } .config-dropdown .ui-icon-newwin { background-position: -48px -80px; } .config-dropdown .ui-icon-refresh { background-position: -64px -80px; } .config-dropdown .ui-icon-shuffle { background-position: -80px -80px; } .config-dropdown .ui-icon-transfer-e-w { background-position: -96px -80px; } .config-dropdown .ui-icon-transferthick-e-w { background-position: -112px -80px; } .config-dropdown .ui-icon-folder-collapsed { background-position: 0 -96px; } .config-dropdown .ui-icon-folder-open { background-position: -16px -96px; } .config-dropdown .ui-icon-document { background-position: -32px -96px; } .config-dropdown .ui-icon-document-b { background-position: -48px -96px; } .config-dropdown .ui-icon-note { background-position: -64px -96px; } .config-dropdown .ui-icon-mail-closed { background-position: -80px -96px; } .config-dropdown .ui-icon-mail-open { background-position: -96px -96px; } .config-dropdown .ui-icon-suitcase { background-position: -112px -96px; } .config-dropdown .ui-icon-comment { background-position: -128px -96px; } .config-dropdown .ui-icon-person { background-position: -144px -96px; } .config-dropdown .ui-icon-print { background-position: -160px -96px; } .config-dropdown .ui-icon-trash { background-position: -176px -96px; } .config-dropdown .ui-icon-locked { background-position: -192px -96px; } .config-dropdown .ui-icon-unlocked { background-position: -208px -96px; } .config-dropdown .ui-icon-bookmark { background-position: -224px -96px; } .config-dropdown .ui-icon-tag { background-position: -240px -96px; } .config-dropdown .ui-icon-home { background-position: 0 -112px; } .config-dropdown .ui-icon-flag { background-position: -16px -112px; } .config-dropdown .ui-icon-calendar { background-position: -32px -112px; } .config-dropdown .ui-icon-cart { background-position: -48px -112px; } .config-dropdown .ui-icon-pencil { background-position: -64px -112px; } .config-dropdown .ui-icon-clock { background-position: -80px -112px; } .config-dropdown .ui-icon-disk { background-position: -96px -112px; } .config-dropdown .ui-icon-calculator { background-position: -112px -112px; } .config-dropdown .ui-icon-zoomin { background-position: -128px -112px; } .config-dropdown .ui-icon-zoomout { background-position: -144px -112px; } .config-dropdown .ui-icon-search { background-position: -160px -112px; } .config-dropdown .ui-icon-wrench { background-position: -176px -112px; } .config-dropdown .ui-icon-gear { background-position: -192px -112px; } .config-dropdown .ui-icon-heart { background-position: -208px -112px; } .config-dropdown .ui-icon-star { background-position: -224px -112px; } .config-dropdown .ui-icon-link { background-position: -240px -112px; } .config-dropdown .ui-icon-cancel { background-position: 0 -128px; } .config-dropdown .ui-icon-plus { background-position: -16px -128px; } .config-dropdown .ui-icon-plusthick { background-position: -32px -128px; } .config-dropdown .ui-icon-minus { background-position: -48px -128px; } .config-dropdown .ui-icon-minusthick { background-position: -64px -128px; } .config-dropdown .ui-icon-close { background-position: -80px -128px; } .config-dropdown .ui-icon-closethick { background-position: -96px -128px; } .config-dropdown .ui-icon-key { background-position: -112px -128px; } .config-dropdown .ui-icon-lightbulb { background-position: -128px -128px; } .config-dropdown .ui-icon-scissors { background-position: -144px -128px; } .config-dropdown .ui-icon-clipboard { background-position: -160px -128px; } .config-dropdown .ui-icon-copy { background-position: -176px -128px; } .config-dropdown .ui-icon-contact { background-position: -192px -128px; } .config-dropdown .ui-icon-image { background-position: -208px -128px; } .config-dropdown .ui-icon-video { background-position: -224px -128px; } .config-dropdown .ui-icon-script { background-position: -240px -128px; } .config-dropdown .ui-icon-alert { background-position: 0 -144px; } .config-dropdown .ui-icon-info { background-position: -16px -144px; } .config-dropdown .ui-icon-notice { background-position: -32px -144px; } .config-dropdown .ui-icon-help { background-position: -48px -144px; } .config-dropdown .ui-icon-check { background-position: -64px -144px; } .config-dropdown .ui-icon-bullet { background-position: -80px -144px; } .config-dropdown .ui-icon-radio-on { background-position: -96px -144px; } .config-dropdown .ui-icon-radio-off { background-position: -112px -144px; } .config-dropdown .ui-icon-pin-w { background-position: -128px -144px; } .config-dropdown .ui-icon-pin-s { background-position: -144px -144px; } .config-dropdown .ui-icon-play { background-position: 0 -160px; } .config-dropdown .ui-icon-pause { background-position: -16px -160px; } .config-dropdown .ui-icon-seek-next { background-position: -32px -160px; } .config-dropdown .ui-icon-seek-prev { background-position: -48px -160px; } .config-dropdown .ui-icon-seek-end { background-position: -64px -160px; } .config-dropdown .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .config-dropdown .ui-icon-seek-first { background-position: -80px -160px; } .config-dropdown .ui-icon-stop { background-position: -96px -160px; } .config-dropdown .ui-icon-eject { background-position: -112px -160px; } .config-dropdown .ui-icon-volume-off { background-position: -128px -160px; } .config-dropdown .ui-icon-volume-on { background-position: -144px -160px; } .config-dropdown .ui-icon-power { background-position: 0 -176px; } .config-dropdown .ui-icon-signal-diag { background-position: -16px -176px; } .config-dropdown .ui-icon-signal { background-position: -32px -176px; } .config-dropdown .ui-icon-battery-0 { background-position: -48px -176px; } .config-dropdown .ui-icon-battery-1 { background-position: -64px -176px; } .config-dropdown .ui-icon-battery-2 { background-position: -80px -176px; } .config-dropdown .ui-icon-battery-3 { background-position: -96px -176px; } .config-dropdown .ui-icon-circle-plus { background-position: 0 -192px; } .config-dropdown .ui-icon-circle-minus { background-position: -16px -192px; } .config-dropdown .ui-icon-circle-close { background-position: -32px -192px; } .config-dropdown .ui-icon-circle-triangle-e { background-position: -48px -192px; } .config-dropdown .ui-icon-circle-triangle-s { background-position: -64px -192px; } .config-dropdown .ui-icon-circle-triangle-w { background-position: -80px -192px; } .config-dropdown .ui-icon-circle-triangle-n { background-position: -96px -192px; } .config-dropdown .ui-icon-circle-arrow-e { background-position: -112px -192px; } .config-dropdown .ui-icon-circle-arrow-s { background-position: -128px -192px; } .config-dropdown .ui-icon-circle-arrow-w { background-position: -144px -192px; } .config-dropdown .ui-icon-circle-arrow-n { background-position: -160px -192px; } .config-dropdown .ui-icon-circle-zoomin { background-position: -176px -192px; } .config-dropdown .ui-icon-circle-zoomout { background-position: -192px -192px; } .config-dropdown .ui-icon-circle-check { background-position: -208px -192px; } .config-dropdown .ui-icon-circlesmall-plus { background-position: 0 -208px; } .config-dropdown .ui-icon-circlesmall-minus { background-position: -16px -208px; } .config-dropdown .ui-icon-circlesmall-close { background-position: -32px -208px; } .config-dropdown .ui-icon-squaresmall-plus { background-position: -48px -208px; } .config-dropdown .ui-icon-squaresmall-minus { background-position: -64px -208px; } .config-dropdown .ui-icon-squaresmall-close { background-position: -80px -208px; } .config-dropdown .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .config-dropdown .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .config-dropdown .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .config-dropdown .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .config-dropdown .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .config-dropdown .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .config-dropdown .ui-corner-all, .config-dropdown .ui-corner-top,.config-dropdown .ui-corner-left,.config-dropdown .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .config-dropdown .ui-corner-all, .config-dropdown .ui-corner-top, .config-dropdown .ui-corner-right, .config-dropdown .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .config-dropdown .ui-corner-all, .config-dropdown .ui-corner-bottom, .config-dropdown .ui-corner-left, .config-dropdown .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .config-dropdown .ui-corner-all, .config-dropdown .ui-corner-bottom,.config-dropdown .ui-corner-right, .config-dropdown .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .config-dropdown .ui-widget-overlay { background: #aaaaaa url(../themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); } .config-dropdown .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }