/*!
  Ionicons, v1.5.2
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons
*/@font-face { font-family: "Ionicons"; src: url("../fonts/ioniconsbab9.eot?v=1.5.2"); src: url("../fonts/ioniconsbab9.eot?v=1.5.2#iefix") format("embedded-opentype"), url("../fonts/ioniconsbab9.ttf?v=1.5.2") format("truetype"), url("../fonts/ioniconsbab9.woff?v=1.5.2") format("woff"), url("../fonts/ioniconsbab9.svg?v=1.5.2#Ionicons") format("svg"); font-weight: normal; font-style: normal }
.ion, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-contact:before, .ion-android-alarm:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down-left:before, .ion-android-arrow-down-right:before, .ion-android-arrow-forward:before, .ion-android-arrow-up-left:before, .ion-android-arrow-up-right:before, .ion-android-battery:before, .ion-android-book:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-chat:before, .ion-android-checkmark:before, .ion-android-clock:before, .ion-android-close:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-data:before, .ion-android-developer:before, .ion-android-display:before, .ion-android-download:before, .ion-android-drawer:before, .ion-android-dropdown:before, .ion-android-earth:before, .ion-android-folder:before, .ion-android-forums:before, .ion-android-friends:before, .ion-android-hand:before, .ion-android-image:before, .ion-android-inbox:before, .ion-android-information:before, .ion-android-keypad:before, .ion-android-lightbulb:before, .ion-android-locate:before, .ion-android-location:before, .ion-android-mail:before, .ion-android-microphone:before, .ion-android-mixer:before, .ion-android-more:before, .ion-android-note:before, .ion-android-playstore:before, .ion-android-printer:before, .ion-android-promotion:before, .ion-android-reminder:before, .ion-android-remove:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-social:before, .ion-android-social-user:before, .ion-android-sort:before, .ion-android-stair-drawer:before, .ion-android-star:before, .ion-android-stopwatch:before, .ion-android-storage:before, .ion-android-system-back:before, .ion-android-system-home:before, .ion-android-system-windows:before, .ion-android-timer:before, .ion-android-trash:before, .ion-android-user-menu:before, .ion-android-volume:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-flask:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-game-controller-a:before, .ion-game-controller-b:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-icon-social-google-plus:before, .ion-icon-social-google-plus-outline:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios7-alarm:before, .ion-ios7-alarm-outline:before, .ion-ios7-albums:before, .ion-ios7-albums-outline:before, .ion-ios7-americanfootball:before, .ion-ios7-americanfootball-outline:before, .ion-ios7-analytics:before, .ion-ios7-analytics-outline:before, .ion-ios7-arrow-back:before, .ion-ios7-arrow-down:before, .ion-ios7-arrow-forward:before, .ion-ios7-arrow-left:before, .ion-ios7-arrow-right:before, .ion-ios7-arrow-thin-down:before, .ion-ios7-arrow-thin-left:before, .ion-ios7-arrow-thin-right:before, .ion-ios7-arrow-thin-up:before, .ion-ios7-arrow-up:before, .ion-ios7-at:before, .ion-ios7-at-outline:before, .ion-ios7-barcode:before, .ion-ios7-barcode-outline:before, .ion-ios7-baseball:before, .ion-ios7-baseball-outline:before, .ion-ios7-basketball:before, .ion-ios7-basketball-outline:before, .ion-ios7-bell:before, .ion-ios7-bell-outline:before, .ion-ios7-bolt:before, .ion-ios7-bolt-outline:before, .ion-ios7-bookmarks:before, .ion-ios7-bookmarks-outline:before, .ion-ios7-box:before, .ion-ios7-box-outline:before, .ion-ios7-briefcase:before, .ion-ios7-briefcase-outline:before, .ion-ios7-browsers:before, .ion-ios7-browsers-outline:before, .ion-ios7-calculator:before, .ion-ios7-calculator-outline:before, .ion-ios7-calendar:before, .ion-ios7-calendar-outline:before, .ion-ios7-camera:before, .ion-ios7-camera-outline:before, .ion-ios7-cart:before, .ion-ios7-cart-outline:before, .ion-ios7-chatboxes:before, .ion-ios7-chatboxes-outline:before, .ion-ios7-chatbubble:before, .ion-ios7-chatbubble-outline:before, .ion-ios7-checkmark:before, .ion-ios7-checkmark-empty:before, .ion-ios7-checkmark-outline:before, .ion-ios7-circle-filled:before, .ion-ios7-circle-outline:before, .ion-ios7-clock:before, .ion-ios7-clock-outline:before, .ion-ios7-close:before, .ion-ios7-close-empty:before, .ion-ios7-close-outline:before, .ion-ios7-cloud:before, .ion-ios7-cloud-download:before, .ion-ios7-cloud-download-outline:before, .ion-ios7-cloud-outline:before, .ion-ios7-cloud-upload:before, .ion-ios7-cloud-upload-outline:before, .ion-ios7-cloudy:before, .ion-ios7-cloudy-night:before, .ion-ios7-cloudy-night-outline:before, .ion-ios7-cloudy-outline:before, .ion-ios7-cog:before, .ion-ios7-cog-outline:before, .ion-ios7-compose:before, .ion-ios7-compose-outline:before, .ion-ios7-contact:before, .ion-ios7-contact-outline:before, .ion-ios7-copy:before, .ion-ios7-copy-outline:before, .ion-ios7-download:before, .ion-ios7-download-outline:before, .ion-ios7-drag:before, .ion-ios7-email:before, .ion-ios7-email-outline:before, .ion-ios7-expand:before, .ion-ios7-eye:before, .ion-ios7-eye-outline:before, .ion-ios7-fastforward:before, .ion-ios7-fastforward-outline:before, .ion-ios7-filing:before, .ion-ios7-filing-outline:before, .ion-ios7-film:before, .ion-ios7-film-outline:before, .ion-ios7-flag:before, .ion-ios7-flag-outline:before, .ion-ios7-folder:before, .ion-ios7-folder-outline:before, .ion-ios7-football:before, .ion-ios7-football-outline:before, .ion-ios7-gear:before, .ion-ios7-gear-outline:before, .ion-ios7-glasses:before, .ion-ios7-glasses-outline:before, .ion-ios7-heart:before, .ion-ios7-heart-outline:before, .ion-ios7-help:before, .ion-ios7-help-empty:before, .ion-ios7-help-outline:before, .ion-ios7-home:before, .ion-ios7-home-outline:before, .ion-ios7-infinite:before, .ion-ios7-infinite-outline:before, .ion-ios7-information:before, .ion-ios7-information-empty:before, .ion-ios7-information-outline:before, .ion-ios7-ionic-outline:before, .ion-ios7-keypad:before, .ion-ios7-keypad-outline:before, .ion-ios7-lightbulb:before, .ion-ios7-lightbulb-outline:before, .ion-ios7-location:before, .ion-ios7-location-outline:before, .ion-ios7-locked:before, .ion-ios7-locked-outline:before, .ion-ios7-loop:before, .ion-ios7-loop-strong:before, .ion-ios7-medkit:before, .ion-ios7-medkit-outline:before, .ion-ios7-mic:before, .ion-ios7-mic-off:before, .ion-ios7-mic-outline:before, .ion-ios7-minus:before, .ion-ios7-minus-empty:before, .ion-ios7-minus-outline:before, .ion-ios7-monitor:before, .ion-ios7-monitor-outline:before, .ion-ios7-moon:before, .ion-ios7-moon-outline:before, .ion-ios7-more:before, .ion-ios7-more-outline:before, .ion-ios7-musical-note:before, .ion-ios7-musical-notes:before, .ion-ios7-navigate:before, .ion-ios7-navigate-outline:before, .ion-ios7-paper:before, .ion-ios7-paper-outline:before, .ion-ios7-paperplane:before, .ion-ios7-paperplane-outline:before, .ion-ios7-partlysunny:before, .ion-ios7-partlysunny-outline:before, .ion-ios7-pause:before, .ion-ios7-pause-outline:before, .ion-ios7-paw:before, .ion-ios7-paw-outline:before, .ion-ios7-people:before, .ion-ios7-people-outline:before, .ion-ios7-person:before, .ion-ios7-person-outline:before, .ion-ios7-personadd:before, .ion-ios7-personadd-outline:before, .ion-ios7-photos:before, .ion-ios7-photos-outline:before, .ion-ios7-pie:before, .ion-ios7-pie-outline:before, .ion-ios7-play:before, .ion-ios7-play-outline:before, .ion-ios7-plus:before, .ion-ios7-plus-empty:before, .ion-ios7-plus-outline:before, .ion-ios7-pricetag:before, .ion-ios7-pricetag-outline:before, .ion-ios7-pricetags:before, .ion-ios7-pricetags-outline:before, .ion-ios7-printer:before, .ion-ios7-printer-outline:before, .ion-ios7-pulse:before, .ion-ios7-pulse-strong:before, .ion-ios7-rainy:before, .ion-ios7-rainy-outline:before, .ion-ios7-recording:before, .ion-ios7-recording-outline:before, .ion-ios7-redo:before, .ion-ios7-redo-outline:before, .ion-ios7-refresh:before, .ion-ios7-refresh-empty:before, .ion-ios7-refresh-outline:before, .ion-ios7-reload:before, .ion-ios7-reloading:before, .ion-ios7-reverse-camera:before, .ion-ios7-reverse-camera-outline:before, .ion-ios7-rewind:before, .ion-ios7-rewind-outline:before, .ion-ios7-search:before, .ion-ios7-search-strong:before, .ion-ios7-settings:before, .ion-ios7-settings-strong:before, .ion-ios7-shrink:before, .ion-ios7-skipbackward:before, .ion-ios7-skipbackward-outline:before, .ion-ios7-skipforward:before, .ion-ios7-skipforward-outline:before, .ion-ios7-snowy:before, .ion-ios7-speedometer:before, .ion-ios7-speedometer-outline:before, .ion-ios7-star:before, .ion-ios7-star-half:before, .ion-ios7-star-outline:before, .ion-ios7-stopwatch:before, .ion-ios7-stopwatch-outline:before, .ion-ios7-sunny:before, .ion-ios7-sunny-outline:before, .ion-ios7-telephone:before, .ion-ios7-telephone-outline:before, .ion-ios7-tennisball:before, .ion-ios7-tennisball-outline:before, .ion-ios7-thunderstorm:before, .ion-ios7-thunderstorm-outline:before, .ion-ios7-time:before, .ion-ios7-time-outline:before, .ion-ios7-timer:before, .ion-ios7-timer-outline:before, .ion-ios7-toggle:before, .ion-ios7-toggle-outline:before, .ion-ios7-trash:before, .ion-ios7-trash-outline:before, .ion-ios7-undo:before, .ion-ios7-undo-outline:before, .ion-ios7-unlocked:before, .ion-ios7-unlocked-outline:before, .ion-ios7-upload:before, .ion-ios7-upload-outline:before, .ion-ios7-videocam:before, .ion-ios7-videocam-outline:before, .ion-ios7-volume-high:before, .ion-ios7-volume-low:before, .ion-ios7-wineglass:before, .ion-ios7-wineglass-outline:before, .ion-ios7-world:before, .ion-ios7-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-loading-a:before, .ion-load-b:before, .ion-loading-b:before, .ion-load-c:before, .ion-loading-c:before, .ion-load-d:before, .ion-loading-d:before, .ion-location:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-looping:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-refreshing:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.ion-spin, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading { -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s 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)
}
}
.ion-loading-a { -webkit-animation-timing-function: steps(8, start); -moz-animation-timing-function: steps(8, start); animation-timing-function: steps(8, start) }
.ion-alert:before { content: "\f101" }
.ion-alert-circled:before { content: "\f100" }
.ion-android-add:before { content: "\f2c7" }
.ion-android-add-contact:before { content: "\f2c6" }
.ion-android-alarm:before { content: "\f2c8" }
.ion-android-archive:before { content: "\f2c9" }
.ion-android-arrow-back:before { content: "\f2ca" }
.ion-android-arrow-down-left:before { content: "\f2cb" }
.ion-android-arrow-down-right:before { content: "\f2cc" }
.ion-android-arrow-forward:before { content: "\f30f" }
.ion-android-arrow-up-left:before { content: "\f2cd" }
.ion-android-arrow-up-right:before { content: "\f2ce" }
.ion-android-battery:before { content: "\f2cf" }
.ion-android-book:before { content: "\f2d0" }
.ion-android-calendar:before { content: "\f2d1" }
.ion-android-call:before { content: "\f2d2" }
.ion-android-camera:before { content: "\f2d3" }
.ion-android-chat:before { content: "\f2d4" }
.ion-android-checkmark:before { content: "\f2d5" }
.ion-android-clock:before { content: "\f2d6" }
.ion-android-close:before { content: "\f2d7" }
.ion-android-contact:before { content: "\f2d8" }
.ion-android-contacts:before { content: "\f2d9" }
.ion-android-data:before { content: "\f2da" }
.ion-android-developer:before { content: "\f2db" }
.ion-android-display:before { content: "\f2dc" }
.ion-android-download:before { content: "\f2dd" }
.ion-android-drawer:before { content: "\f310" }
.ion-android-dropdown:before { content: "\f2de" }
.ion-android-earth:before { content: "\f2df" }
.ion-android-folder:before { content: "\f2e0" }
.ion-android-forums:before { content: "\f2e1" }
.ion-android-friends:before { content: "\f2e2" }
.ion-android-hand:before { content: "\f2e3" }
.ion-android-image:before { content: "\f2e4" }
.ion-android-inbox:before { content: "\f2e5" }
.ion-android-information:before { content: "\f2e6" }
.ion-android-keypad:before { content: "\f2e7" }
.ion-android-lightbulb:before { content: "\f2e8" }
.ion-android-locate:before { content: "\f2e9" }
.ion-android-location:before { content: "\f2ea" }
.ion-android-mail:before { content: "\f2eb" }
.ion-android-microphone:before { content: "\f2ec" }
.ion-android-mixer:before { content: "\f2ed" }
.ion-android-more:before { content: "\f2ee" }
.ion-android-note:before { content: "\f2ef" }
.ion-android-playstore:before { content: "\f2f0" }
.ion-android-printer:before { content: "\f2f1" }
.ion-android-promotion:before { content: "\f2f2" }
.ion-android-reminder:before { content: "\f2f3" }
.ion-android-remove:before { content: "\f2f4" }
.ion-android-search:before { content: "\f2f5" }
.ion-android-send:before { content: "\f2f6" }
.ion-android-settings:before { content: "\f2f7" }
.ion-android-share:before { content: "\f2f8" }
.ion-android-social:before { content: "\f2fa" }
.ion-android-social-user:before { content: "\f2f9" }
.ion-android-sort:before { content: "\f2fb" }
.ion-android-stair-drawer:before { content: "\f311" }
.ion-android-star:before { content: "\f2fc" }
.ion-android-stopwatch:before { content: "\f2fd" }
.ion-android-storage:before { content: "\f2fe" }
.ion-android-system-back:before { content: "\f2ff" }
.ion-android-system-home:before { content: "\f300" }
.ion-android-system-windows:before { content: "\f301" }
.ion-android-timer:before { content: "\f302" }
.ion-android-trash:before { content: "\f303" }
.ion-android-user-menu:before { content: "\f312" }
.ion-android-volume:before { content: "\f304" }
.ion-android-wifi:before { content: "\f305" }
.ion-aperture:before { content: "\f313" }
.ion-archive:before { content: "\f102" }
.ion-arrow-down-a:before { content: "\f103" }
.ion-arrow-down-b:before { content: "\f104" }
.ion-arrow-down-c:before { content: "\f105" }
.ion-arrow-expand:before { content: "\f25e" }
.ion-arrow-graph-down-left:before { content: "\f25f" }
.ion-arrow-graph-down-right:before { content: "\f260" }
.ion-arrow-graph-up-left:before { content: "\f261" }
.ion-arrow-graph-up-right:before { content: "\f262" }
.ion-arrow-left-a:before { content: "\f106" }
.ion-arrow-left-b:before { content: "\f107" }
.ion-arrow-left-c:before { content: "\f108" }
.ion-arrow-move:before { content: "\f263" }
.ion-arrow-resize:before { content: "\f264" }
.ion-arrow-return-left:before { content: "\f265" }
.ion-arrow-return-right:before { content: "\f266" }
.ion-arrow-right-a:before { content: "\f109" }
.ion-arrow-right-b:before { content: "\f10a" }
.ion-arrow-right-c:before { content: "\f10b" }
.ion-arrow-shrink:before { content: "\f267" }
.ion-arrow-swap:before { content: "\f268" }
.ion-arrow-up-a:before { content: "\f10c" }
.ion-arrow-up-b:before { content: "\f10d" }
.ion-arrow-up-c:before { content: "\f10e" }
.ion-asterisk:before { content: "\f314" }
.ion-at:before { content: "\f10f" }
.ion-bag:before { content: "\f110" }
.ion-battery-charging:before { content: "\f111" }
.ion-battery-empty:before { content: "\f112" }
.ion-battery-full:before { content: "\f113" }
.ion-battery-half:before { content: "\f114" }
.ion-battery-low:before { content: "\f115" }
.ion-beaker:before { content: "\f269" }
.ion-beer:before { content: "\f26a" }
.ion-bluetooth:before { content: "\f116" }
.ion-bonfire:before { content: "\f315" }
.ion-bookmark:before { content: "\f26b" }
.ion-briefcase:before { content: "\f26c" }
.ion-bug:before { content: "\f2be" }
.ion-calculator:before { content: "\f26d" }
.ion-calendar:before { content: "\f117" }
.ion-camera:before { content: "\f118" }
.ion-card:before { content: "\f119" }
.ion-cash:before { content: "\f316" }
.ion-chatbox:before { content: "\f11b" }
.ion-chatbox-working:before { content: "\f11a" }
.ion-chatboxes:before { content: "\f11c" }
.ion-chatbubble:before { content: "\f11e" }
.ion-chatbubble-working:before { content: "\f11d" }
.ion-chatbubbles:before { content: "\f11f" }
.ion-checkmark:before { content: "\f122" }
.ion-checkmark-circled:before { content: "\f120" }
.ion-checkmark-round:before { content: "\f121" }
.ion-chevron-down:before { content: "\f123" }
.ion-chevron-left:before { content: "\f124" }
.ion-chevron-right:before { content: "\f125" }
.ion-chevron-up:before { content: "\f126" }
.ion-clipboard:before { content: "\f127" }
.ion-clock:before { content: "\f26e" }
.ion-close:before { content: "\f12a" }
.ion-close-circled:before { content: "\f128" }
.ion-close-round:before { content: "\f129" }
.ion-closed-captioning:before { content: "\f317" }
.ion-cloud:before { content: "\f12b" }
.ion-code:before { content: "\f271" }
.ion-code-download:before { content: "\f26f" }
.ion-code-working:before { content: "\f270" }
.ion-coffee:before { content: "\f272" }
.ion-compass:before { content: "\f273" }
.ion-compose:before { content: "\f12c" }
.ion-connection-bars:before { content: "\f274" }
.ion-contrast:before { content: "\f275" }
.ion-cube:before { content: "\f318" }
.ion-disc:before { content: "\f12d" }
.ion-document:before { content: "\f12f" }
.ion-document-text:before { content: "\f12e" }
.ion-drag:before { content: "\f130" }
.ion-earth:before { content: "\f276" }
.ion-edit:before { content: "\f2bf" }
.ion-egg:before { content: "\f277" }
.ion-eject:before { content: "\f131" }
.ion-email:before { content: "\f132" }
.ion-eye:before { content: "\f133" }
.ion-eye-disabled:before { content: "\f306" }
.ion-female:before { content: "\f278" }
.ion-filing:before { content: "\f134" }
.ion-film-marker:before { content: "\f135" }
.ion-fireball:before { content: "\f319" }
.ion-flag:before { content: "\f279" }
.ion-flame:before { content: "\f31a" }
.ion-flash:before { content: "\f137" }
.ion-flash-off:before { content: "\f136" }
.ion-flask:before { content: "\f138" }
.ion-folder:before { content: "\f139" }
.ion-fork:before { content: "\f27a" }
.ion-fork-repo:before { content: "\f2c0" }
.ion-forward:before { content: "\f13a" }
.ion-funnel:before { content: "\f31b" }
.ion-game-controller-a:before { content: "\f13b" }
.ion-game-controller-b:before { content: "\f13c" }
.ion-gear-a:before { content: "\f13d" }
.ion-gear-b:before { content: "\f13e" }
.ion-grid:before { content: "\f13f" }
.ion-hammer:before { content: "\f27b" }
.ion-happy:before { content: "\f31c" }
.ion-headphone:before { content: "\f140" }
.ion-heart:before { content: "\f141" }
.ion-heart-broken:before { content: "\f31d" }
.ion-help:before { content: "\f143" }
.ion-help-buoy:before { content: "\f27c" }
.ion-help-circled:before { content: "\f142" }
.ion-home:before { content: "\f144" }
.ion-icecream:before { content: "\f27d" }
.ion-icon-social-google-plus:before { content: "\f146" }
.ion-icon-social-google-plus-outline:before { content: "\f145" }
.ion-image:before { content: "\f147" }
.ion-images:before { content: "\f148" }
.ion-information:before { content: "\f14a" }
.ion-information-circled:before { content: "\f149" }
.ion-ionic:before { content: "\f14b" }
.ion-ios7-alarm:before { content: "\f14d" }
.ion-ios7-alarm-outline:before { content: "\f14c" }
.ion-ios7-albums:before { content: "\f14f" }
.ion-ios7-albums-outline:before { content: "\f14e" }
.ion-ios7-americanfootball:before { content: "\f31f" }
.ion-ios7-americanfootball-outline:before { content: "\f31e" }
.ion-ios7-analytics:before { content: "\f321" }
.ion-ios7-analytics-outline:before { content: "\f320" }
.ion-ios7-arrow-back:before { content: "\f150" }
.ion-ios7-arrow-down:before { content: "\f151" }
.ion-ios7-arrow-forward:before { content: "\f152" }
.ion-ios7-arrow-left:before { content: "\f153" }
.ion-ios7-arrow-right:before { content: "\f154" }
.ion-ios7-arrow-thin-down:before { content: "\f27e" }
.ion-ios7-arrow-thin-left:before { content: "\f27f" }
.ion-ios7-arrow-thin-right:before { content: "\f280" }
.ion-ios7-arrow-thin-up:before { content: "\f281" }
.ion-ios7-arrow-up:before { content: "\f155" }
.ion-ios7-at:before { content: "\f157" }
.ion-ios7-at-outline:before { content: "\f156" }
.ion-ios7-barcode:before { content: "\f323" }
.ion-ios7-barcode-outline:before { content: "\f322" }
.ion-ios7-baseball:before { content: "\f325" }
.ion-ios7-baseball-outline:before { content: "\f324" }
.ion-ios7-basketball:before { content: "\f327" }
.ion-ios7-basketball-outline:before { content: "\f326" }
.ion-ios7-bell:before { content: "\f159" }
.ion-ios7-bell-outline:before { content: "\f158" }
.ion-ios7-bolt:before { content: "\f15b" }
.ion-ios7-bolt-outline:before { content: "\f15a" }
.ion-ios7-bookmarks:before { content: "\f15d" }
.ion-ios7-bookmarks-outline:before { content: "\f15c" }
.ion-ios7-box:before { content: "\f15f" }
.ion-ios7-box-outline:before { content: "\f15e" }
.ion-ios7-briefcase:before { content: "\f283" }
.ion-ios7-briefcase-outline:before { content: "\f282" }
.ion-ios7-browsers:before { content: "\f161" }
.ion-ios7-browsers-outline:before { content: "\f160" }
.ion-ios7-calculator:before { content: "\f285" }
.ion-ios7-calculator-outline:before { content: "\f284" }
.ion-ios7-calendar:before { content: "\f163" }
.ion-ios7-calendar-outline:before { content: "\f162" }
.ion-ios7-camera:before { content: "\f165" }
.ion-ios7-camera-outline:before { content: "\f164" }
.ion-ios7-cart:before { content: "\f167" }
.ion-ios7-cart-outline:before { content: "\f166" }
.ion-ios7-chatboxes:before { content: "\f169" }
.ion-ios7-chatboxes-outline:before { content: "\f168" }
.ion-ios7-chatbubble:before { content: "\f16b" }
.ion-ios7-chatbubble-outline:before { content: "\f16a" }
.ion-ios7-checkmark:before { content: "\f16e" }
.ion-ios7-checkmark-empty:before { content: "\f16c" }
.ion-ios7-checkmark-outline:before { content: "\f16d" }
.ion-ios7-circle-filled:before { content: "\f16f" }
.ion-ios7-circle-outline:before { content: "\f170" }
.ion-ios7-clock:before { content: "\f172" }
.ion-ios7-clock-outline:before { content: "\f171" }
.ion-ios7-close:before { content: "\f2bc" }
.ion-ios7-close-empty:before { content: "\f2bd" }
.ion-ios7-close-outline:before { content: "\f2bb" }
.ion-ios7-cloud:before { content: "\f178" }
.ion-ios7-cloud-download:before { content: "\f174" }
.ion-ios7-cloud-download-outline:before { content: "\f173" }
.ion-ios7-cloud-outline:before { content: "\f175" }
.ion-ios7-cloud-upload:before { content: "\f177" }
.ion-ios7-cloud-upload-outline:before { content: "\f176" }
.ion-ios7-cloudy:before { content: "\f17a" }
.ion-ios7-cloudy-night:before { content: "\f308" }
.ion-ios7-cloudy-night-outline:before { content: "\f307" }
.ion-ios7-cloudy-outline:before { content: "\f179" }
.ion-ios7-cog:before { content: "\f17c" }
.ion-ios7-cog-outline:before { content: "\f17b" }
.ion-ios7-compose:before { content: "\f17e" }
.ion-ios7-compose-outline:before { content: "\f17d" }
.ion-ios7-contact:before { content: "\f180" }
.ion-ios7-contact-outline:before { content: "\f17f" }
.ion-ios7-copy:before { content: "\f182" }
.ion-ios7-copy-outline:before { content: "\f181" }
.ion-ios7-download:before { content: "\f184" }
.ion-ios7-download-outline:before { content: "\f183" }
.ion-ios7-drag:before { content: "\f185" }
.ion-ios7-email:before { content: "\f187" }
.ion-ios7-email-outline:before { content: "\f186" }
.ion-ios7-expand:before { content: "\f30d" }
.ion-ios7-eye:before { content: "\f189" }
.ion-ios7-eye-outline:before { content: "\f188" }
.ion-ios7-fastforward:before { content: "\f18b" }
.ion-ios7-fastforward-outline:before { content: "\f18a" }
.ion-ios7-filing:before { content: "\f18d" }
.ion-ios7-filing-outline:before { content: "\f18c" }
.ion-ios7-film:before { content: "\f18f" }
.ion-ios7-film-outline:before { content: "\f18e" }
.ion-ios7-flag:before { content: "\f191" }
.ion-ios7-flag-outline:before { content: "\f190" }
.ion-ios7-folder:before { content: "\f193" }
.ion-ios7-folder-outline:before { content: "\f192" }
.ion-ios7-football:before { content: "\f329" }
.ion-ios7-football-outline:before { content: "\f328" }
.ion-ios7-gear:before { content: "\f195" }
.ion-ios7-gear-outline:before { content: "\f194" }
.ion-ios7-glasses:before { content: "\f197" }
.ion-ios7-glasses-outline:before { content: "\f196" }
.ion-ios7-heart:before { content: "\f199" }
.ion-ios7-heart-outline:before { content: "\f198" }
.ion-ios7-help:before { content: "\f19c" }
.ion-ios7-help-empty:before { content: "\f19a" }
.ion-ios7-help-outline:before { content: "\f19b" }
.ion-ios7-home:before { content: "\f32b" }
.ion-ios7-home-outline:before { content: "\f32a" }
.ion-ios7-infinite:before { content: "\f19e" }
.ion-ios7-infinite-outline:before { content: "\f19d" }
.ion-ios7-information:before { content: "\f1a1" }
.ion-ios7-information-empty:before { content: "\f19f" }
.ion-ios7-information-outline:before { content: "\f1a0" }
.ion-ios7-ionic-outline:before { content: "\f1a2" }
.ion-ios7-keypad:before { content: "\f1a4" }
.ion-ios7-keypad-outline:before { content: "\f1a3" }
.ion-ios7-lightbulb:before { content: "\f287" }
.ion-ios7-lightbulb-outline:before { content: "\f286" }
.ion-ios7-location:before { content: "\f1a6" }
.ion-ios7-location-outline:before { content: "\f1a5" }
.ion-ios7-locked:before { content: "\f1a8" }
.ion-ios7-locked-outline:before { content: "\f1a7" }
.ion-ios7-loop:before { content: "\f32d" }
.ion-ios7-loop-strong:before { content: "\f32c" }
.ion-ios7-medkit:before { content: "\f289" }
.ion-ios7-medkit-outline:before { content: "\f288" }
.ion-ios7-mic:before { content: "\f1ab" }
.ion-ios7-mic-off:before { content: "\f1a9" }
.ion-ios7-mic-outline:before { content: "\f1aa" }
.ion-ios7-minus:before { content: "\f1ae" }
.ion-ios7-minus-empty:before { content: "\f1ac" }
.ion-ios7-minus-outline:before { content: "\f1ad" }
.ion-ios7-monitor:before { content: "\f1b0" }
.ion-ios7-monitor-outline:before { content: "\f1af" }
.ion-ios7-moon:before { content: "\f1b2" }
.ion-ios7-moon-outline:before { content: "\f1b1" }
.ion-ios7-more:before { content: "\f1b4" }
.ion-ios7-more-outline:before { content: "\f1b3" }
.ion-ios7-musical-note:before { content: "\f1b5" }
.ion-ios7-musical-notes:before { content: "\f1b6" }
.ion-ios7-navigate:before { content: "\f1b8" }
.ion-ios7-navigate-outline:before { content: "\f1b7" }
.ion-ios7-paper:before { content: "\f32f" }
.ion-ios7-paper-outline:before { content: "\f32e" }
.ion-ios7-paperplane:before { content: "\f1ba" }
.ion-ios7-paperplane-outline:before { content: "\f1b9" }
.ion-ios7-partlysunny:before { content: "\f1bc" }
.ion-ios7-partlysunny-outline:before { content: "\f1bb" }
.ion-ios7-pause:before { content: "\f1be" }
.ion-ios7-pause-outline:before { content: "\f1bd" }
.ion-ios7-paw:before { content: "\f331" }
.ion-ios7-paw-outline:before { content: "\f330" }
.ion-ios7-people:before { content: "\f1c0" }
.ion-ios7-people-outline:before { content: "\f1bf" }
.ion-ios7-person:before { content: "\f1c2" }
.ion-ios7-person-outline:before { content: "\f1c1" }
.ion-ios7-personadd:before { content: "\f1c4" }
.ion-ios7-personadd-outline:before { content: "\f1c3" }
.ion-ios7-photos:before { content: "\f1c6" }
.ion-ios7-photos-outline:before { content: "\f1c5" }
.ion-ios7-pie:before { content: "\f28b" }
.ion-ios7-pie-outline:before { content: "\f28a" }
.ion-ios7-play:before { content: "\f1c8" }
.ion-ios7-play-outline:before { content: "\f1c7" }
.ion-ios7-plus:before { content: "\f1cb" }
.ion-ios7-plus-empty:before { content: "\f1c9" }
.ion-ios7-plus-outline:before { content: "\f1ca" }
.ion-ios7-pricetag:before { content: "\f28d" }
.ion-ios7-pricetag-outline:before { content: "\f28c" }
.ion-ios7-pricetags:before { content: "\f333" }
.ion-ios7-pricetags-outline:before { content: "\f332" }
.ion-ios7-printer:before { content: "\f1cd" }
.ion-ios7-printer-outline:before { content: "\f1cc" }
.ion-ios7-pulse:before { content: "\f335" }
.ion-ios7-pulse-strong:before { content: "\f334" }
.ion-ios7-rainy:before { content: "\f1cf" }
.ion-ios7-rainy-outline:before { content: "\f1ce" }
.ion-ios7-recording:before { content: "\f1d1" }
.ion-ios7-recording-outline:before { content: "\f1d0" }
.ion-ios7-redo:before { content: "\f1d3" }
.ion-ios7-redo-outline:before { content: "\f1d2" }
.ion-ios7-refresh:before { content: "\f1d6" }
.ion-ios7-refresh-empty:before { content: "\f1d4" }
.ion-ios7-refresh-outline:before { content: "\f1d5" }
.ion-ios7-reload:before, .ion-ios7-reloading:before { content: "\f28e" }
.ion-ios7-reverse-camera:before { content: "\f337" }
.ion-ios7-reverse-camera-outline:before { content: "\f336" }
.ion-ios7-rewind:before { content: "\f1d8" }
.ion-ios7-rewind-outline:before { content: "\f1d7" }
.ion-ios7-search:before { content: "\f1da" }
.ion-ios7-search-strong:before { content: "\f1d9" }
.ion-ios7-settings:before { content: "\f339" }
.ion-ios7-settings-strong:before { content: "\f338" }
.ion-ios7-shrink:before { content: "\f30e" }
.ion-ios7-skipbackward:before { content: "\f1dc" }
.ion-ios7-skipbackward-outline:before { content: "\f1db" }
.ion-ios7-skipforward:before { content: "\f1de" }
.ion-ios7-skipforward-outline:before { content: "\f1dd" }
.ion-ios7-snowy:before { content: "\f309" }
.ion-ios7-speedometer:before { content: "\f290" }
.ion-ios7-speedometer-outline:before { content: "\f28f" }
.ion-ios7-star:before { content: "\f1e0" }
.ion-ios7-star-half:before { content: "\f33a" }
.ion-ios7-star-outline:before { content: "\f1df" }
.ion-ios7-stopwatch:before { content: "\f1e2" }
.ion-ios7-stopwatch-outline:before { content: "\f1e1" }
.ion-ios7-sunny:before { content: "\f1e4" }
.ion-ios7-sunny-outline:before { content: "\f1e3" }
.ion-ios7-telephone:before { content: "\f1e6" }
.ion-ios7-telephone-outline:before { content: "\f1e5" }
.ion-ios7-tennisball:before { content: "\f33c" }
.ion-ios7-tennisball-outline:before { content: "\f33b" }
.ion-ios7-thunderstorm:before { content: "\f1e8" }
.ion-ios7-thunderstorm-outline:before { content: "\f1e7" }
.ion-ios7-time:before { content: "\f292" }
.ion-ios7-time-outline:before { content: "\f291" }
.ion-ios7-timer:before { content: "\f1ea" }
.ion-ios7-timer-outline:before { content: "\f1e9" }
.ion-ios7-toggle:before { content: "\f33e" }
.ion-ios7-toggle-outline:before { content: "\f33d" }
.ion-ios7-trash:before { content: "\f1ec" }
.ion-ios7-trash-outline:before { content: "\f1eb" }
.ion-ios7-undo:before { content: "\f1ee" }
.ion-ios7-undo-outline:before { content: "\f1ed" }
.ion-ios7-unlocked:before { content: "\f1f0" }
.ion-ios7-unlocked-outline:before { content: "\f1ef" }
.ion-ios7-upload:before { content: "\f1f2" }
.ion-ios7-upload-outline:before { content: "\f1f1" }
.ion-ios7-videocam:before { content: "\f1f4" }
.ion-ios7-videocam-outline:before { content: "\f1f3" }
.ion-ios7-volume-high:before { content: "\f1f5" }
.ion-ios7-volume-low:before { content: "\f1f6" }
.ion-ios7-wineglass:before { content: "\f294" }
.ion-ios7-wineglass-outline:before { content: "\f293" }
.ion-ios7-world:before { content: "\f1f8" }
.ion-ios7-world-outline:before { content: "\f1f7" }
.ion-ipad:before { content: "\f1f9" }
.ion-iphone:before { content: "\f1fa" }
.ion-ipod:before { content: "\f1fb" }
.ion-jet:before { content: "\f295" }
.ion-key:before { content: "\f296" }
.ion-knife:before { content: "\f297" }
.ion-laptop:before { content: "\f1fc" }
.ion-leaf:before { content: "\f1fd" }
.ion-levels:before { content: "\f298" }
.ion-lightbulb:before { content: "\f299" }
.ion-link:before { content: "\f1fe" }
.ion-load-a:before, .ion-loading-a:before { content: "\f29a" }
.ion-load-b:before, .ion-loading-b:before { content: "\f29b" }
.ion-load-c:before, .ion-loading-c:before { content: "\f29c" }
.ion-load-d:before, .ion-loading-d:before { content: "\f29d" }
.ion-location:before { content: "\f1ff" }
.ion-locked:before { content: "\f200" }
.ion-log-in:before { content: "\f29e" }
.ion-log-out:before { content: "\f29f" }
.ion-loop:before, .ion-looping:before { content: "\f201" }
.ion-magnet:before { content: "\f2a0" }
.ion-male:before { content: "\f2a1" }
.ion-man:before { content: "\f202" }
.ion-map:before { content: "\f203" }
.ion-medkit:before { content: "\f2a2" }
.ion-merge:before { content: "\f33f" }
.ion-mic-a:before { content: "\f204" }
.ion-mic-b:before { content: "\f205" }
.ion-mic-c:before { content: "\f206" }
.ion-minus:before { content: "\f209" }
.ion-minus-circled:before { content: "\f207" }
.ion-minus-round:before { content: "\f208" }
.ion-model-s:before { content: "\f2c1" }
.ion-monitor:before { content: "\f20a" }
.ion-more:before { content: "\f20b" }
.ion-mouse:before { content: "\f340" }
.ion-music-note:before { content: "\f20c" }
.ion-navicon:before { content: "\f20e" }
.ion-navicon-round:before { content: "\f20d" }
.ion-navigate:before { content: "\f2a3" }
.ion-network:before { content: "\f341" }
.ion-no-smoking:before { content: "\f2c2" }
.ion-nuclear:before { content: "\f2a4" }
.ion-outlet:before { content: "\f342" }
.ion-paper-airplane:before { content: "\f2c3" }
.ion-paperclip:before { content: "\f20f" }
.ion-pause:before { content: "\f210" }
.ion-person:before { content: "\f213" }
.ion-person-add:before { content: "\f211" }
.ion-person-stalker:before { content: "\f212" }
.ion-pie-graph:before { content: "\f2a5" }
.ion-pin:before { content: "\f2a6" }
.ion-pinpoint:before { content: "\f2a7" }
.ion-pizza:before { content: "\f2a8" }
.ion-plane:before { content: "\f214" }
.ion-planet:before { content: "\f343" }
.ion-play:before { content: "\f215" }
.ion-playstation:before { content: "\f30a" }
.ion-plus:before { content: "\f218" }
.ion-plus-circled:before { content: "\f216" }
.ion-plus-round:before { content: "\f217" }
.ion-podium:before { content: "\f344" }
.ion-pound:before { content: "\f219" }
.ion-power:before { content: "\f2a9" }
.ion-pricetag:before { content: "\f2aa" }
.ion-pricetags:before { content: "\f2ab" }
.ion-printer:before { content: "\f21a" }
.ion-pull-request:before { content: "\f345" }
.ion-qr-scanner:before { content: "\f346" }
.ion-quote:before { content: "\f347" }
.ion-radio-waves:before { content: "\f2ac" }
.ion-record:before { content: "\f21b" }
.ion-refresh:before, .ion-refreshing:before { content: "\f21c" }
.ion-reply:before { content: "\f21e" }
.ion-reply-all:before { content: "\f21d" }
.ion-ribbon-a:before { content: "\f348" }
.ion-ribbon-b:before { content: "\f349" }
.ion-sad:before { content: "\f34a" }
.ion-scissors:before { content: "\f34b" }
.ion-search:before { content: "\f21f" }
.ion-settings:before { content: "\f2ad" }
.ion-share:before { content: "\f220" }
.ion-shuffle:before { content: "\f221" }
.ion-skip-backward:before { content: "\f222" }
.ion-skip-forward:before { content: "\f223" }
.ion-social-android:before { content: "\f225" }
.ion-social-android-outline:before { content: "\f224" }
.ion-social-apple:before { content: "\f227" }
.ion-social-apple-outline:before { content: "\f226" }
.ion-social-bitcoin:before { content: "\f2af" }
.ion-social-bitcoin-outline:before { content: "\f2ae" }
.ion-social-buffer:before { content: "\f229" }
.ion-social-buffer-outline:before { content: "\f228" }
.ion-social-designernews:before { content: "\f22b" }
.ion-social-designernews-outline:before { content: "\f22a" }
.ion-social-dribbble:before { content: "\f22d" }
.ion-social-dribbble-outline:before { content: "\f22c" }
.ion-social-dropbox:before { content: "\f22f" }
.ion-social-dropbox-outline:before { content: "\f22e" }
.ion-social-facebook:before { content: "\f231" }
.ion-social-facebook-outline:before { content: "\f230" }
.ion-social-foursquare:before { content: "\f34d" }
.ion-social-foursquare-outline:before { content: "\f34c" }
.ion-social-freebsd-devil:before { content: "\f2c4" }
.ion-social-github:before { content: "\f233" }
.ion-social-github-outline:before { content: "\f232" }
.ion-social-google:before { content: "\f34f" }
.ion-social-google-outline:before { content: "\f34e" }
.ion-social-googleplus:before { content: "\f235" }
.ion-social-googleplus-outline:before { content: "\f234" }
.ion-social-hackernews:before { content: "\f237" }
.ion-social-hackernews-outline:before { content: "\f236" }
.ion-social-instagram:before { content: "\f351" }
.ion-social-instagram-outline:before { content: "\f350" }
.ion-social-linkedin:before { content: "\f239" }
.ion-social-linkedin-outline:before { content: "\f238" }
.ion-social-pinterest:before { content: "\f2b1" }
.ion-social-pinterest-outline:before { content: "\f2b0" }
.ion-social-reddit:before { content: "\f23b" }
.ion-social-reddit-outline:before { content: "\f23a" }
.ion-social-rss:before { content: "\f23d" }
.ion-social-rss-outline:before { content: "\f23c" }
.ion-social-skype:before { content: "\f23f" }
.ion-social-skype-outline:before { content: "\f23e" }
.ion-social-tumblr:before { content: "\f241" }
.ion-social-tumblr-outline:before { content: "\f240" }
.ion-social-tux:before { content: "\f2c5" }
.ion-social-twitter:before { content: "\f243" }
.ion-social-twitter-outline:before { content: "\f242" }
.ion-social-usd:before { content: "\f353" }
.ion-social-usd-outline:before { content: "\f352" }
.ion-social-vimeo:before { content: "\f245" }
.ion-social-vimeo-outline:before { content: "\f244" }
.ion-social-windows:before { content: "\f247" }
.ion-social-windows-outline:before { content: "\f246" }
.ion-social-wordpress:before { content: "\f249" }
.ion-social-wordpress-outline:before { content: "\f248" }
.ion-social-yahoo:before { content: "\f24b" }
.ion-social-yahoo-outline:before { content: "\f24a" }
.ion-social-youtube:before { content: "\f24d" }
.ion-social-youtube-outline:before { content: "\f24c" }
.ion-speakerphone:before { content: "\f2b2" }
.ion-speedometer:before { content: "\f2b3" }
.ion-spoon:before { content: "\f2b4" }
.ion-star:before { content: "\f24e" }
.ion-stats-bars:before { content: "\f2b5" }
.ion-steam:before { content: "\f30b" }
.ion-stop:before { content: "\f24f" }
.ion-thermometer:before { content: "\f2b6" }
.ion-thumbsdown:before { content: "\f250" }
.ion-thumbsup:before { content: "\f251" }
.ion-toggle:before { content: "\f355" }
.ion-toggle-filled:before { content: "\f354" }
.ion-trash-a:before { content: "\f252" }
.ion-trash-b:before { content: "\f253" }
.ion-trophy:before { content: "\f356" }
.ion-umbrella:before { content: "\f2b7" }
.ion-university:before { content: "\f357" }
.ion-unlocked:before { content: "\f254" }
.ion-upload:before { content: "\f255" }
.ion-usb:before { content: "\f2b8" }
.ion-videocamera:before { content: "\f256" }
.ion-volume-high:before { content: "\f257" }
.ion-volume-low:before { content: "\f258" }
.ion-volume-medium:before { content: "\f259" }
.ion-volume-mute:before { content: "\f25a" }
.ion-wand:before { content: "\f358" }
.ion-waterdrop:before { content: "\f25b" }
.ion-wifi:before { content: "\f25c" }
.ion-wineglass:before { content: "\f2b9" }
.ion-woman:before { content: "\f25d" }
.ion-wrench:before { content: "\f2ba" }
.ion-xbox:before { content: "\f30c" }
@charset "UTF-8";
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce }
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash { -webkit-animation-name: flash; animation-name: flash }
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake { -webkit-animation-name: shake; animation-name: shake }
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}
}
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing }
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(.9)rotate(-3deg);
transform:scale(.9)rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1)rotate(3deg);
transform:scale(1.1)rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1)rotate(-3deg);
transform:scale(1.1)rotate(-3deg)
}
100% {
-webkit-transform:scale(1)rotate(0);
transform:scale(1)rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(.9)rotate(-3deg);
-ms-transform:scale(.9)rotate(-3deg);
transform:scale(.9)rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1)rotate(3deg);
-ms-transform:scale(1.1)rotate(3deg);
transform:scale(1.1)rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1)rotate(-3deg);
-ms-transform:scale(1.1)rotate(-3deg);
transform:scale(1.1)rotate(-3deg)
}
100% {
-webkit-transform:scale(1)rotate(0);
-ms-transform:scale(1)rotate(0);
transform:scale(1)rotate(0)
}
}
.tada { -webkit-animation-name: tada; animation-name: tada }
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%)rotate(-5deg);
transform:translateX(-25%)rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%)rotate(3deg);
transform:translateX(20%)rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%)rotate(-3deg);
transform:translateX(-15%)rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%)rotate(2deg);
transform:translateX(10%)rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%)rotate(-1deg);
transform:translateX(-5%)rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%)rotate(-5deg);
-ms-transform:translateX(-25%)rotate(-5deg);
transform:translateX(-25%)rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%)rotate(3deg);
-ms-transform:translateX(20%)rotate(3deg);
transform:translateX(20%)rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%)rotate(-3deg);
-ms-transform:translateX(-15%)rotate(-3deg);
transform:translateX(-15%)rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%)rotate(2deg);
-ms-transform:translateX(10%)rotate(2deg);
transform:translateX(10%)rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%)rotate(-1deg);
-ms-transform:translateX(-5%)rotate(-1deg);
transform:translateX(-5%)rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble }
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn }
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown }
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight }
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp }
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut }
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown }
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft }
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight }
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp }
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig }
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig }
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig }
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig }
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig }
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig }
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig }
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig }
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);
transform:perspective(400px)translateZ(0)rotateY(0)scale(1)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);
transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)
}
50% {
-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);
transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);
transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)
}
80%, 100% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);
transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);
-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);
transform:perspective(400px)translateZ(0)rotateY(0)scale(1)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);
-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);
transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)
}
50% {
-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);
-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);
transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);
-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);
transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)
}
80%, 100% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);
-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);
transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)
}
}
.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px)rotateX(90deg);
transform:perspective(400px)rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px)rotateX(-10deg);
transform:perspective(400px)rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px)rotateX(10deg);
transform:perspective(400px)rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px)rotateX(0);
transform:perspective(400px)rotateX(0);
opacity:1
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px)rotateX(90deg);
-ms-transform:perspective(400px)rotateX(90deg);
transform:perspective(400px)rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px)rotateX(-10deg);
-ms-transform:perspective(400px)rotateX(-10deg);
transform:perspective(400px)rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px)rotateX(10deg);
-ms-transform:perspective(400px)rotateX(10deg);
transform:perspective(400px)rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px)rotateX(0);
-ms-transform:perspective(400px)rotateX(0);
transform:perspective(400px)rotateX(0);
opacity:1
}
}
.flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX }
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px)rotateY(90deg);
transform:perspective(400px)rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px)rotateY(-10deg);
transform:perspective(400px)rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px)rotateY(10deg);
transform:perspective(400px)rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px)rotateY(0);
transform:perspective(400px)rotateY(0);
opacity:1
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px)rotateY(90deg);
-ms-transform:perspective(400px)rotateY(90deg);
transform:perspective(400px)rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px)rotateY(-10deg);
-ms-transform:perspective(400px)rotateY(-10deg);
transform:perspective(400px)rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px)rotateY(10deg);
-ms-transform:perspective(400px)rotateY(10deg);
transform:perspective(400px)rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px)rotateY(0);
-ms-transform:perspective(400px)rotateY(0);
transform:perspective(400px)rotateY(0);
opacity:1
}
}
.flipInY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY }
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px)rotateX(0);
transform:perspective(400px)rotateX(0);
opacity:1
}
100% {
-webkit-transform:perspective(400px)rotateX(90deg);
transform:perspective(400px)rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px)rotateX(0);
-ms-transform:perspective(400px)rotateX(0);
transform:perspective(400px)rotateX(0);
opacity:1
}
100% {
-webkit-transform:perspective(400px)rotateX(90deg);
-ms-transform:perspective(400px)rotateX(90deg);
transform:perspective(400px)rotateX(90deg);
opacity:0
}
}
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important }
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px)rotateY(0);
transform:perspective(400px)rotateY(0);
opacity:1
}
100% {
-webkit-transform:perspective(400px)rotateY(90deg);
transform:perspective(400px)rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px)rotateY(0);
-ms-transform:perspective(400px)rotateY(0);
transform:perspective(400px)rotateY(0);
opacity:1
}
100% {
-webkit-transform:perspective(400px)rotateY(90deg);
-ms-transform:perspective(400px)rotateY(90deg);
transform:perspective(400px)rotateY(90deg);
opacity:0
}
}
.flipOutY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY }
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%)skewX(-30deg);
transform:translateX(100%)skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%)skewX(30deg);
transform:translateX(-20%)skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%)skewX(-15deg);
transform:translateX(0%)skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%)skewX(0);
transform:translateX(0%)skewX(0);
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%)skewX(-30deg);
-ms-transform:translateX(100%)skewX(-30deg);
transform:translateX(100%)skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%)skewX(30deg);
-ms-transform:translateX(-20%)skewX(30deg);
transform:translateX(-20%)skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%)skewX(-15deg);
-ms-transform:translateX(0%)skewX(-15deg);
transform:translateX(0%)skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%)skewX(0);
-ms-transform:translateX(0%)skewX(0);
transform:translateX(0%)skewX(0);
opacity:1
}
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%)skewX(0);
transform:translateX(0%)skewX(0);
opacity:1
}
100% {
-webkit-transform:translateX(100%)skewX(-30deg);
transform:translateX(100%)skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%)skewX(0);
-ms-transform:translateX(0%)skewX(0);
transform:translateX(0%)skewX(0);
opacity:1
}
100% {
-webkit-transform:translateX(100%)skewX(-30deg);
-ms-transform:translateX(100%)skewX(-30deg);
transform:translateX(100%)skewX(-30deg);
opacity:0
}
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
@-webkit-keyframes rotateIn {
0% {
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:center center;
transform-origin:center center
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn }
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft }
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight }
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft }
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, 100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight }
@-webkit-keyframes rotateOut {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:center center;
transform-origin:center center
}
100% {
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center
}
100% {
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut }
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom
}
100% {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
0%, 100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom
}
100% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight }
@-webkit-keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown }
@-webkit-keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft }
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight }
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft }
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight }
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp }
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg)
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg)
}
40%, 80% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg)translateY(0);
transform:rotate(60deg)translateY(0);
opacity:1
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-ms-transform:rotate(80deg);
transform:rotate(80deg)
}
40% {
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg)
}
40%, 80% {
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg)translateY(0);
-ms-transform:rotate(60deg)translateY(0);
transform:rotate(60deg)translateY(0);
opacity:1
}
100% {
-webkit-transform:translateY(700px);
-ms-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge }
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%)rotate(-120deg);
transform:translateX(-100%)rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0)rotate(0);
transform:translateX(0)rotate(0)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%)rotate(-120deg);
-ms-transform:translateX(-100%)rotate(-120deg);
transform:translateX(-100%)rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0)rotate(0);
-ms-transform:translateX(0)rotate(0);
transform:translateX(0)rotate(0)
}
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn }
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0)rotate(0);
transform:translateX(0)rotate(0)
}
100% {
opacity:0;
-webkit-transform:translateX(100%)rotate(120deg);
transform:translateX(100%)rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0)rotate(0);
-ms-transform:translateX(0)rotate(0);
transform:translateX(0)rotate(0)
}
100% {
opacity:0;
-webkit-transform:translateX(100%)rotate(120deg);
-ms-transform:translateX(100%)rotate(120deg);
transform:translateX(100%)rotate(120deg)
}
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut }