@charset "UTF-8"; /* * Symbolset * www.symbolset.com * Copyright ยฉ 2013 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ /**/ @font-face { font-family: "SSJunior"; src: url('/assets/css/fonts/ss-junior/webfonts/ss-junior.eot'); src: url('/assets/css/fonts/ss-junior/webfonts/ss-junior.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/ss-junior/webfonts/ss-junior.woff') format('woff'), url('/assets/css/fonts/ss-junior/webfonts/ss-junior.ttf') format('truetype'), url('/assets/css/fonts/ss-junior/webfonts/ss-junior.svg#SSJunior') format('svg'); font-weight: 400; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"] { -ms-zoom: 1; } .ss-icon, .ss-icon.ss-junior, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-junior:before, [class*=" ss-"].ss-junior:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-junior.right:after, [class*=" ss-"].ss-junior.right:after { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } .ss-cursor:before, .ss-cursor.right:after { content: '๎€'; } .ss-crosshair:before, .ss-crosshair.right:after { content: 'โŒ–'; } .ss-search:before, .ss-search.right:after { content: '๐Ÿ”Ž'; } .ss-zoomin:before, .ss-zoomin.right:after { content: '๎€‚'; } .ss-zoomout:before, .ss-zoomout.right:after { content: '๎€ƒ'; } .ss-view:before, .ss-view.right:after { content: '๐Ÿ‘€'; } .ss-viewdisabled:before, .ss-viewdisabled.right:after { content: '๎€“'; } .ss-binoculars:before, .ss-binoculars.right:after { content: '๎€'; } .ss-attach:before, .ss-attach.right:after { content: '๐Ÿ“Ž'; } .ss-link:before, .ss-link.right:after { content: '๐Ÿ”—'; } .ss-move:before, .ss-move.right:after { content: '๎ฐ'; } .ss-write:before, .ss-write.right:after { content: 'โœŽ'; } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: '๎ฑ'; } .ss-compose:before, .ss-compose.right:after { content: '๐Ÿ“'; } .ss-lock:before, .ss-lock.right:after { content: '๐Ÿ”’'; } .ss-unlock:before, .ss-unlock.right:after { content: '๐Ÿ”“'; } .ss-key:before, .ss-key.right:after { content: '๐Ÿ”‘'; } .ss-backspace:before, .ss-backspace.right:after { content: 'โŒซ'; } .ss-ban:before, .ss-ban.right:after { content: '๐Ÿšซ'; } .ss-trash:before, .ss-trash.right:after { content: '๎ƒ'; } .ss-target:before, .ss-target.right:after { content: 'โ—Ž'; } .ss-skull:before, .ss-skull.right:after { content: '๐Ÿ’€'; } .ss-tag:before, .ss-tag.right:after { content: '๎„€'; } .ss-bookmark:before, .ss-bookmark.right:after { content: '๐Ÿ”–'; } .ss-flag:before, .ss-flag.right:after { content: 'โš‘'; } .ss-like:before, .ss-like.right:after { content: '๐Ÿ‘'; } .ss-dislike:before, .ss-dislike.right:after { content: '๐Ÿ‘Ž'; } .ss-heart:before, .ss-heart.right:after { content: 'โ™ฅ'; } .ss-unheart:before, .ss-unheart.right:after { content: '๎†ช'; } .ss-star:before, .ss-star.right:after { content: 'โ‹†'; } .ss-unstar:before, .ss-unstar.right:after { content: '๎†ซ'; } .ss-sample:before, .ss-sample.right:after { content: '๎ˆ€'; } .ss-crop:before, .ss-crop.right:after { content: '๎ˆ'; } .ss-cut:before, .ss-cut.right:after { content: 'โœ‚'; } .ss-clipboard:before, .ss-clipboard.right:after { content: '๐Ÿ“‹'; } .ss-ruler:before, .ss-ruler.right:after { content: '๎ˆˆ'; } .ss-gridlines:before, .ss-gridlines.right:after { content: '๎ˆ†'; } .ss-pencilbrushpen:before, .ss-pencilbrushpen.right:after { content: '๎ˆฃ'; } .ss-paintroller:before, .ss-paintroller.right:after { content: '๎ˆฅ'; } .ss-paint:before, .ss-paint.right:after { content: '๎ˆฉ'; } .ss-paintdisabled:before, .ss-paintdisabled.right:after { content: '๎ˆช'; } .ss-paintedit:before, .ss-paintedit.right:after { content: '๎ˆซ'; } .ss-pixels:before, .ss-pixels.right:after { content: '๎Šก'; } .ss-phone:before, .ss-phone.right:after { content: '๐Ÿ“ž'; } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: '๎Œ€'; } .ss-addressbook:before, .ss-addressbook.right:after { content: '๐Ÿ“‘'; } .ss-voicemail:before, .ss-voicemail.right:after { content: 'โŒ•'; } .ss-mailbox:before, .ss-mailbox.right:after { content: '๐Ÿ“ซ'; } .ss-send:before, .ss-send.right:after { content: '๎'; } .ss-paperairplane:before, .ss-paperairplane.right:after { content: '๎“'; } .ss-mail:before, .ss-mail.right:after { content: 'โœ‰'; } .ss-inbox:before, .ss-inbox.right:after { content: '๐Ÿ“ฅ'; } .ss-inboxes:before, .ss-inboxes.right:after { content: '๎”'; } .ss-outbox:before, .ss-outbox.right:after { content: '๐Ÿ“ค'; } .ss-chat:before, .ss-chat.right:after { content: '๐Ÿ’ฌ'; } .ss-textchat:before, .ss-textchat.right:after { content: '๎Ž–'; } .ss-ellipsischat:before, .ss-ellipsischat.right:after { content: '๎Ž™'; } .ss-ellipsis:before, .ss-ellipsis.right:after { content: 'โ€ฆ'; } .ss-smile:before, .ss-smile.right:after { content: 'โ˜ป'; } .ss-frown:before, .ss-frown.right:after { content: 'โ˜น'; } .ss-surprise:before, .ss-surprise.right:after { content: '๐Ÿ˜ฎ'; } .ss-user:before, .ss-user.right:after { content: '๐Ÿ‘ค'; } .ss-femaleuser:before, .ss-femaleuser.right:after { content: '๐Ÿ‘ง'; } .ss-users:before, .ss-users.right:after { content: '๐Ÿ‘ฅ'; } .ss-robot:before, .ss-robot.right:after { content: '๎‘€'; } .ss-ghost:before, .ss-ghost.right:after { content: '๐Ÿ‘ป'; } .ss-contacts:before, .ss-contacts.right:after { content: '๐Ÿ“‡'; } .ss-pointup:before, .ss-pointup.right:after { content: '๐Ÿ‘†'; } .ss-pointright:before, .ss-pointright.right:after { content: '๐Ÿ‘‰'; } .ss-pointdown:before, .ss-pointdown.right:after { content: '๐Ÿ‘‡'; } .ss-pointleft:before, .ss-pointleft.right:after { content: '๐Ÿ‘ˆ'; } .ss-cart:before, .ss-cart.right:after { content: '๎”€'; } .ss-shoppingbag:before, .ss-shoppingbag.right:after { content: '๎” '; } .ss-store:before, .ss-store.right:after { content: '๐Ÿช'; } .ss-creditcard:before, .ss-creditcard.right:after { content: '๐Ÿ’ณ'; } .ss-banknote:before, .ss-banknote.right:after { content: '๐Ÿ’ต'; } .ss-calculator:before, .ss-calculator.right:after { content: '๎•‘'; } .ss-calculate:before, .ss-calculate.right:after { content: '๎•’'; } .ss-bank:before, .ss-bank.right:after { content: '๐Ÿฆ'; } .ss-presentation:before, .ss-presentation.right:after { content: '๎•ป'; } .ss-barchart:before, .ss-barchart.right:after { content: '๐Ÿ“Š'; } .ss-piechart:before, .ss-piechart.right:after { content: '๎•ฐ'; } .ss-activity:before, .ss-activity.right:after { content: '๎•บ'; } .ss-box:before, .ss-box.right:after { content: '๐Ÿ“ฆ'; } .ss-home:before, .ss-home.right:after { content: 'โŒ‚'; } .ss-fence:before, .ss-fence.right:after { content: '๎˜'; } .ss-buildings:before, .ss-buildings.right:after { content: '๐Ÿข'; } .ss-lodging:before, .ss-lodging.right:after { content: '๐Ÿจ'; } .ss-globe:before, .ss-globe.right:after { content: '๐ŸŒ'; } .ss-navigate:before, .ss-navigate.right:after { content: '๎™ฐ'; } .ss-compass:before, .ss-compass.right:after { content: '๎™ฑ'; } .ss-signpost:before, .ss-signpost.right:after { content: '๎™ฒ'; } .ss-map:before, .ss-map.right:after { content: '๎™ณ'; } .ss-location:before, .ss-location.right:after { content: '๎›'; } .ss-pin:before, .ss-pin.right:after { content: '๐Ÿ“'; } .ss-pushpin:before, .ss-pushpin.right:after { content: '๐Ÿ“Œ'; } .ss-code:before, .ss-code.right:after { content: '๎ž€'; } .ss-puzzle:before, .ss-puzzle.right:after { content: '๎œ'; } .ss-floppydisk:before, .ss-floppydisk.right:after { content: '๐Ÿ’พ'; } .ss-window:before, .ss-window.right:after { content: '๎œ”'; } .ss-music:before, .ss-music.right:after { content: 'โ™ซ'; } .ss-mic:before, .ss-mic.right:after { content: '๐ŸŽค'; } .ss-headphones:before, .ss-headphones.right:after { content: '๐ŸŽง'; } .ss-mutevolume:before, .ss-mutevolume.right:after { content: '๎ ˆ'; } .ss-volume:before, .ss-volume.right:after { content: '๐Ÿ”ˆ'; } .ss-lowvolume:before, .ss-lowvolume.right:after { content: '๐Ÿ”‰'; } .ss-highvolume:before, .ss-highvolume.right:after { content: '๐Ÿ”Š'; } .ss-radio:before, .ss-radio.right:after { content: '๐Ÿ“ป'; } .ss-airplay:before, .ss-airplay.right:after { content: '๎ €'; } .ss-disc:before, .ss-disc.right:after { content: '๐Ÿ’ฟ'; } .ss-camera:before, .ss-camera.right:after { content: '๐Ÿ“ท'; } .ss-picture:before, .ss-picture.right:after { content: '๐ŸŒ„'; } .ss-pictures:before, .ss-pictures.right:after { content: '๎ก‘'; } .ss-video:before, .ss-video.right:after { content: '๐Ÿ“น'; } .ss-film:before, .ss-film.right:after { content: '๎ขฐ'; } .ss-clapboard:before, .ss-clapboard.right:after { content: '๐ŸŽฌ'; } .ss-tv:before, .ss-tv.right:after { content: '๐Ÿ“บ'; } .ss-flatscreen:before, .ss-flatscreen.right:after { content: '๎ฃ€'; } .ss-play:before, .ss-play.right:after { content: 'โ–ถ'; } .ss-pause:before, .ss-pause.right:after { content: '๎ข '; } .ss-stop:before, .ss-stop.right:after { content: 'โ– '; } .ss-record:before, .ss-record.right:after { content: 'โ—'; } .ss-rewind:before, .ss-rewind.right:after { content: 'โช'; } .ss-fastforward:before, .ss-fastforward.right:after { content: 'โฉ'; } .ss-skipforward:before, .ss-skipforward.right:after { content: 'โญ'; } .ss-skipback:before, .ss-skipback.right:after { content: 'โฎ'; } .ss-eject:before, .ss-eject.right:after { content: 'โ'; } .ss-filecabinet:before, .ss-filecabinet.right:after { content: '๎ค€'; } .ss-books:before, .ss-books.right:after { content: '๐Ÿ“š'; } .ss-notebook:before, .ss-notebook.right:after { content: '๐Ÿ““'; } .ss-newspaper:before, .ss-newspaper.right:after { content: '๐Ÿ“ฐ'; } .ss-grid:before, .ss-grid.right:after { content: '๎ฆ '; } .ss-rows:before, .ss-rows.right:after { content: '๎ฆก'; } .ss-columns:before, .ss-columns.right:after { content: '๎ฆข'; } .ss-thumbnails:before, .ss-thumbnails.right:after { content: '๎ฆฃ'; } .ss-menu:before, .ss-menu.right:after { content: '๎ธ†'; } .ss-filter:before, .ss-filter.right:after { content: '๎ฆฐ'; } .ss-desktop:before, .ss-desktop.right:after { content: '๐Ÿ’ป'; } .ss-laptop:before, .ss-laptop.right:after { content: '๎จ€'; } .ss-tablet:before, .ss-tablet.right:after { content: '๎จ'; } .ss-cell:before, .ss-cell.right:after { content: '๐Ÿ“ฑ'; } .ss-battery:before, .ss-battery.right:after { content: '๐Ÿ”‹'; } .ss-highbattery:before, .ss-highbattery.right:after { content: '๎จ'; } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: '๎จ‘'; } .ss-lowbattery:before, .ss-lowbattery.right:after { content: '๎จ’'; } .ss-emptybattery:before, .ss-emptybattery.right:after { content: '๎จ“'; } .ss-batterydisabled:before, .ss-batterydisabled.right:after { content: '๎จ•'; } .ss-lightbulb:before, .ss-lightbulb.right:after { content: '๐Ÿ’ก'; } .ss-flashlight:before, .ss-flashlight.right:after { content: '๐Ÿ”ฆ'; } .ss-flashlighton:before, .ss-flashlighton.right:after { content: '๎ช‰'; } .ss-picnictable:before, .ss-picnictable.right:after { content: '๎ชฑ'; } .ss-birdhouse:before, .ss-birdhouse.right:after { content: '๎ชด'; } .ss-lamp:before, .ss-lamp.right:after { content: '๎ชŠ'; } .ss-onedie:before, .ss-onedie.right:after { content: 'โš€'; } .ss-twodie:before, .ss-twodie.right:after { content: 'โš'; } .ss-threedie:before, .ss-threedie.right:after { content: 'โš‚'; } .ss-fourdie:before, .ss-fourdie.right:after { content: 'โšƒ'; } .ss-fivedie:before, .ss-fivedie.right:after { content: 'โš„'; } .ss-sixdie:before, .ss-sixdie.right:after { content: 'โš…'; } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: '๎ฌ€'; } .ss-download:before, .ss-download.right:after { content: '๎ฌ'; } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: '๎ญ€'; } .ss-upload:before, .ss-upload.right:after { content: '๎ญ'; } .ss-transfer:before, .ss-transfer.right:after { content: 'โ‡†'; } .ss-replay:before, .ss-replay.right:after { content: 'โ†บ'; } .ss-refresh:before, .ss-refresh.right:after { content: 'โ†ป'; } .ss-sync:before, .ss-sync.right:after { content: '๎ฎ‚'; } .ss-loading:before, .ss-loading.right:after { content: '๎ฎƒ'; } .ss-wifi:before, .ss-wifi.right:after { content: '๎ฎ„'; } .ss-file:before, .ss-file.right:after { content: '๐Ÿ“„'; } .ss-files:before, .ss-files.right:after { content: '๎ฐ€'; } .ss-searchfile:before, .ss-searchfile.right:after { content: '๎ฐ…'; } .ss-folder:before, .ss-folder.right:after { content: '๐Ÿ“'; } .ss-downloadfolder:before, .ss-downloadfolder.right:after { content: '๎ฑถ'; } .ss-uploadfolder:before, .ss-uploadfolder.right:after { content: '๎ฑท'; } .ss-quote:before, .ss-quote.right:after { content: 'โ€œ'; } .ss-anchor:before, .ss-anchor.right:after { content: '๎ด'; } .ss-print:before, .ss-print.right:after { content: 'โŽ™'; } .ss-fax:before, .ss-fax.right:after { content: '๐Ÿ“ '; } .ss-shredder:before, .ss-shredder.right:after { content: '๎ต€'; } .ss-typewriter:before, .ss-typewriter.right:after { content: '๎ต'; } .ss-list:before, .ss-list.right:after { content: '๎ต'; } .ss-action:before, .ss-action.right:after { content: '๎ธ€'; } .ss-redirect:before, .ss-redirect.right:after { content: 'โ†ช'; } .ss-additem:before, .ss-additem.right:after { content: '๎ธ‰'; } .ss-checkitem:before, .ss-checkitem.right:after { content: '๎ธ‹'; } .ss-expand:before, .ss-expand.right:after { content: 'โคข'; } .ss-contract:before, .ss-contract.right:after { content: '๎ธ'; } .ss-scaleup:before, .ss-scaleup.right:after { content: '๎ธ„'; } .ss-scaledown:before, .ss-scaledown.right:after { content: '๎ธ…'; } .ss-lifepreserver:before, .ss-lifepreserver.right:after { content: '๎ธ‘'; } .ss-help:before, .ss-help.right:after { content: 'โ“'; } .ss-info:before, .ss-info.right:after { content: 'โ„น'; } .ss-alert:before, .ss-alert.right:after { content: 'โš '; } .ss-caution:before, .ss-caution.right:after { content: 'โ›”'; } .ss-plus:before, .ss-plus.right:after { content: '+'; } .ss-hyphen:before, .ss-hyphen.right:after { content: '-'; } .ss-check:before, .ss-check.right:after { content: 'โœ“'; } .ss-delete:before, .ss-delete.right:after { content: 'โก'; } .ss-fish:before, .ss-fish.right:after { content: '๐ŸŸ'; } .ss-bird:before, .ss-bird.right:after { content: '๐Ÿฆ'; } .ss-bone:before, .ss-bone.right:after { content: '๎ฝ '; } .ss-tooth:before, .ss-tooth.right:after { content: '๎ฝก'; } .ss-poo:before, .ss-poo.right:after { content: '๐Ÿ’ฉ'; } .ss-tree:before, .ss-tree.right:after { content: '๐ŸŒฒ'; } .ss-settings:before, .ss-settings.right:after { content: 'โš™'; } .ss-dashboard:before, .ss-dashboard.right:after { content: '๏€€'; } .ss-dial:before, .ss-dial.right:after { content: '๏€„'; } .ss-notifications:before, .ss-notifications.right:after { content: '๐Ÿ””'; } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '๐Ÿ”•'; } .ss-toggles:before, .ss-toggles.right:after { content: '๏€'; } .ss-flash:before, .ss-flash.right:after { content: 'โŒ'; } .ss-flashoff:before, .ss-flashoff.right:after { content: '๏€‘'; } .ss-magnet:before, .ss-magnet.right:after { content: '๏€’'; } .ss-toolbox:before, .ss-toolbox.right:after { content: '๏€ฐ'; } .ss-wrench:before, .ss-wrench.right:after { content: '๐Ÿ”ง'; } .ss-clock:before, .ss-clock.right:after { content: 'โฒ'; } .ss-stopwatch:before, .ss-stopwatch.right:after { content: 'โฑ'; } .ss-alarmclock:before, .ss-alarmclock.right:after { content: 'โฐ'; } .ss-counterclockwise:before, .ss-counterclockwise.right:after { content: 'โฅ€'; } .ss-calendar:before, .ss-calendar.right:after { content: '๐Ÿ“…'; } .ss-keyboard:before, .ss-keyboard.right:after { content: '๏ƒ’'; } .ss-keyboardup:before, .ss-keyboardup.right:after { content: '๏ƒ'; } .ss-keyboarddown:before, .ss-keyboarddown.right:after { content: '๏ƒ‘'; } .ss-chickenleg:before, .ss-chickenleg.right:after { content: '๐Ÿ—'; } .ss-burger:before, .ss-burger.right:after { content: '๐Ÿ”'; } .ss-mug:before, .ss-mug.right:after { content: 'โ˜•'; } .ss-coffee:before, .ss-coffee.right:after { content: '๏„ '; } .ss-tea:before, .ss-tea.right:after { content: '๐Ÿต'; } .ss-wineglass:before, .ss-wineglass.right:after { content: '๐Ÿท'; } .ss-paperbag:before, .ss-paperbag.right:after { content: '๏…ก'; } .ss-utensils:before, .ss-utensils.right:after { content: '๐Ÿด'; } .ss-droplet:before, .ss-droplet.right:after { content: '๐Ÿ’ง'; } .ss-sun:before, .ss-sun.right:after { content: 'โ˜€'; } .ss-cloud:before, .ss-cloud.right:after { content: 'โ˜'; } .ss-partlycloudy:before, .ss-partlycloudy.right:after { content: 'โ›…'; } .ss-umbrella:before, .ss-umbrella.right:after { content: 'โ˜‚'; } .ss-crescentmoon:before, .ss-crescentmoon.right:after { content: '๐ŸŒ™'; } .ss-plug:before, .ss-plug.right:after { content: '๐Ÿ”Œ'; } .ss-outlet:before, .ss-outlet.right:after { content: '๏Š‚'; } .ss-car:before, .ss-car.right:after { content: '๐Ÿš˜'; } .ss-taxi:before, .ss-taxi.right:after { content: '๐Ÿš–'; } .ss-train:before, .ss-train.right:after { content: '๐Ÿš†'; } .ss-bus:before, .ss-bus.right:after { content: '๐Ÿš'; } .ss-truck:before, .ss-truck.right:after { content: '๐Ÿšš'; } .ss-plane:before, .ss-plane.right:after { content: 'โœˆ'; } .ss-bike:before, .ss-bike.right:after { content: '๐Ÿšฒ'; } .ss-rocket:before, .ss-rocket.right:after { content: '๐Ÿš€'; } .ss-briefcase:before, .ss-briefcase.right:after { content: '๐Ÿ’ผ'; } .ss-theatre:before, .ss-theatre.right:after { content: '๐ŸŽญ'; } .ss-flask:before, .ss-flask.right:after { content: '๏“€'; } .ss-up:before, .ss-up.right:after { content: 'โฌ†'; } .ss-upright:before, .ss-upright.right:after { content: 'โฌˆ'; } .ss-right:before, .ss-right.right:after { content: 'โžก'; } .ss-downright:before, .ss-downright.right:after { content: 'โฌŠ'; } .ss-down:before, .ss-down.right:after { content: 'โฌ‡'; } .ss-downleft:before, .ss-downleft.right:after { content: 'โฌ‹'; } .ss-left:before, .ss-left.right:after { content: 'โฌ…'; } .ss-upleft:before, .ss-upleft.right:after { content: 'โฌ‰'; } .ss-navigateup:before, .ss-navigateup.right:after { content: '๏”€'; } .ss-navigateright:before, .ss-navigateright.right:after { content: 'โ–ป'; } .ss-navigatedown:before, .ss-navigatedown.right:after { content: '๏”'; } .ss-navigateleft:before, .ss-navigateleft.right:after { content: 'โ—…'; } .ss-share:before, .ss-share.right:after { content: '๏˜'; } /*body { font-size: 16px; line-height: 1.5; color: #000000; background-color: #ffffff; } a { color: #02baf2; text-decoration: none; -webkit-transition: 0.25s; transition: 0.25s; }*/ a:hover, a:focus { /*color: #009dcd;*/ text-decoration: none; } /*a:focus { outline: none; }*/ @-webkit-keyframes fadeOutText { 0% { color: transparent; } 80% { color: transparent; } 100% { color: #fff; } } @-moz-keyframes fadeOutText { 0% { color: transparent; } 80% { color: transparent; } 100% { color: #fff; } } @keyframes fadeOutText { 0% { color: transparent; } 80% { color: transparent; } 100% { color: #fff; } } @-webkit-keyframes moveToRight { 80% { -webkit-transform: translateX(250%); } 81% { opacity: 1; -webkit-transform: translateX(250%); } 82% { opacity: 0; -webkit-transform: translateX(250%); } 83% { opacity: 0; -webkit-transform: translateX(-50%); } 84% { opacity: 1; -webkit-transform: translateX(-50%); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes moveToRight { 80% { -moz-transform: translateX(250%); } 81% { opacity: 1; -moz-transform: translateX(250%); } 82% { opacity: 0; -moz-transform: translateX(250%); } 83% { opacity: 0; -moz-transform: translateX(-50%); } 84% { opacity: 1; -moz-transform: translateX(-50%); } 100% { -moz-transform: translateX(0%); } } @keyframes moveToRight { 80% { transform: translateX(250%); } 81% { opacity: 1; transform: translateX(250%); } 82% { opacity: 0; transform: translateX(250%); } 83% { opacity: 0; transform: translateX(-50%); } 84% { opacity: 1; transform: translateX(-50%); } 100% { transform: translateX(0%); } } @-webkit-keyframes scaleUp { 80% { opacity: 0; -webkit-transform: scale(2); } 100% { opacity: 0; -webkit-transform: scale(2); } } @-moz-keyframes scaleUp { 80% { opacity: 0; -moz-transform: scale(2); } 100% { opacity: 0; -moz-transform: scale(2); } } @keyframes scaleUp { 80% { opacity: 0; transform: scale(2); } 100% { opacity: 0; transform: scale(2); } } @-webkit-keyframes moveUp { 0% { -webkit-transform: translateY(50%); opacity: 0; } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes moveUp { 0% { -moz-transform: translateY(50%); opacity: 0; } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes moveUp { 0% { transform: translateY(50%); opacity: 0; } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } @-webkit-keyframes scaleFromUp { 0% { -webkit-transform: scale(0); opacity: 0; } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes scaleFromUp { 0% { -moz-transform: scale(0); opacity: 0; } 100% { opacity: 1; -moz-transform: scale(1); } } @keyframes scaleFromUp { 0% { transform: scale(0); opacity: 0; } 100% { opacity: 1; transform: scale(1); } }