@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot'); src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.28571429em; text-align: center; }
.fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; }
.fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; }
.fa-li.fa-lg { left: -1.85714286em; }
.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; }
.pull-right { float: right; }
.pull-left { float: left; }
.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }
.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: #ffffff; }
.fa-glass:before { content: "\f000"; }
.fa-music:before { content: "\f001"; }
.fa-search:before { content: "\f002"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-heart:before { content: "\f004"; }
.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }
.fa-user:before { content: "\f007"; }
.fa-film:before { content: "\f008"; }
.fa-th-large:before { content: "\f009"; }
.fa-th:before { content: "\f00a"; }
.fa-th-list:before { content: "\f00b"; }
.fa-check:before { content: "\f00c"; }
.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }
.fa-search-plus:before { content: "\f00e"; }
.fa-search-minus:before { content: "\f010"; }
.fa-power-off:before { content: "\f011"; }
.fa-signal:before { content: "\f012"; }
.fa-gear:before, .fa-cog:before { content: "\f013"; }
.fa-trash-o:before { content: "\f014"; }
.fa-home:before { content: "\f015"; }
.fa-file-o:before { content: "\f016"; }
.fa-clock-o:before { content: "\f017"; }
.fa-road:before { content: "\f018"; }
.fa-download:before { content: "\f019"; }
.fa-arrow-circle-o-down:before { content: "\f01a"; }
.fa-arrow-circle-o-up:before { content: "\f01b"; }
.fa-inbox:before { content: "\f01c"; }
.fa-play-circle-o:before { content: "\f01d"; }
.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; }
.fa-refresh:before { content: "\f021"; }
.fa-list-alt:before { content: "\f022"; }
.fa-lock:before { content: "\f023"; }
.fa-flag:before { content: "\f024"; }
.fa-headphones:before { content: "\f025"; }
.fa-volume-off:before { content: "\f026"; }
.fa-volume-down:before { content: "\f027"; }
.fa-volume-up:before { content: "\f028"; }
.fa-qrcode:before { content: "\f029"; }
.fa-barcode:before { content: "\f02a"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-book:before { content: "\f02d"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-print:before { content: "\f02f"; }
.fa-camera:before { content: "\f030"; }
.fa-font:before { content: "\f031"; }
.fa-bold:before { content: "\f032"; }
.fa-italic:before { content: "\f033"; }
.fa-text-height:before { content: "\f034"; }
.fa-text-width:before { content: "\f035"; }
.fa-align-left:before { content: "\f036"; }
.fa-align-center:before { content: "\f037"; }
.fa-align-right:before { content: "\f038"; }
.fa-align-justify:before { content: "\f039"; }
.fa-list:before { content: "\f03a"; }
.fa-dedent:before, .fa-outdent:before { content: "\f03b"; }
.fa-indent:before { content: "\f03c"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; }
.fa-pencil:before { content: "\f040"; }
.fa-map-marker:before { content: "\f041"; }
.fa-adjust:before { content: "\f042"; }
.fa-tint:before { content: "\f043"; }
.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }
.fa-share-square-o:before { content: "\f045"; }
.fa-check-square-o:before { content: "\f046"; }
.fa-arrows:before { content: "\f047"; }
.fa-step-backward:before { content: "\f048"; }
.fa-fast-backward:before { content: "\f049"; }
.fa-backward:before { content: "\f04a"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-stop:before { content: "\f04d"; }
.fa-forward:before { content: "\f04e"; }
.fa-fast-forward:before { content: "\f050"; }
.fa-step-forward:before { content: "\f051"; }
.fa-eject:before { content: "\f052"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-plus-circle:before { content: "\f055"; }
.fa-minus-circle:before { content: "\f056"; }
.fa-times-circle:before { content: "\f057"; }
.fa-check-circle:before { content: "\f058"; }
.fa-question-circle:before { content: "\f059"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-crosshairs:before { content: "\f05b"; }
.fa-times-circle-o:before { content: "\f05c"; }
.fa-check-circle-o:before { content: "\f05d"; }
.fa-ban:before { content: "\f05e"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-mail-forward:before, .fa-share:before { content: "\f064"; }
.fa-expand:before { content: "\f065"; }
.fa-compress:before { content: "\f066"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-asterisk:before { content: "\f069"; }
.fa-exclamation-circle:before { content: "\f06a"; }
.fa-gift:before { content: "\f06b"; }
.fa-leaf:before { content: "\f06c"; }
.fa-fire:before { content: "\f06d"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }
.fa-plane:before { content: "\f072"; }
.fa-calendar:before { content: "\f073"; }
.fa-random:before { content: "\f074"; }
.fa-comment:before { content: "\f075"; }
.fa-magnet:before { content: "\f076"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-retweet:before { content: "\f079"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-arrows-v:before { content: "\f07d"; }
.fa-arrows-h:before { content: "\f07e"; }
.fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; }
.fa-twitter-square:before { content: "\f081"; }
.fa-facebook-square:before { content: "\f082"; }
.fa-camera-retro:before { content: "\f083"; }
.fa-key:before { content: "\f084"; }
.fa-gears:before, .fa-cogs:before { content: "\f085"; }
.fa-comments:before { content: "\f086"; }
.fa-thumbs-o-up:before { content: "\f087"; }
.fa-thumbs-o-down:before { content: "\f088"; }
.fa-star-half:before { content: "\f089"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-sign-out:before { content: "\f08b"; }
.fa-linkedin-square:before { content: "\f08c"; }
.fa-thumb-tack:before { content: "\f08d"; }
.fa-external-link:before { content: "\f08e"; }
.fa-sign-in:before { content: "\f090"; }
.fa-trophy:before { content: "\f091"; }
.fa-github-square:before { content: "\f092"; }
.fa-upload:before { content: "\f093"; }
.fa-lemon-o:before { content: "\f094"; }
.fa-phone:before { content: "\f095"; }
.fa-square-o:before { content: "\f096"; }
.fa-bookmark-o:before { content: "\f097"; }
.fa-phone-square:before { content: "\f098"; }
.fa-twitter:before { content: "\f099"; }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }
.fa-github:before { content: "\f09b"; }
.fa-unlock:before { content: "\f09c"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-rss:before { content: "\f09e"; }
.fa-hdd-o:before { content: "\f0a0"; }
.fa-bullhorn:before { content: "\f0a1"; }
.fa-bell:before { content: "\f0f3"; }
.fa-certificate:before { content: "\f0a3"; }
.fa-hand-o-right:before { content: "\f0a4"; }
.fa-hand-o-left:before { content: "\f0a5"; }
.fa-hand-o-up:before { content: "\f0a6"; }
.fa-hand-o-down:before { content: "\f0a7"; }
.fa-arrow-circle-left:before { content: "\f0a8"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-arrow-circle-up:before { content: "\f0aa"; }
.fa-arrow-circle-down:before { content: "\f0ab"; }
.fa-globe:before { content: "\f0ac"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-tasks:before { content: "\f0ae"; }
.fa-filter:before { content: "\f0b0"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-arrows-alt:before { content: "\f0b2"; }
.fa-group:before, .fa-users:before { content: "\f0c0"; }
.fa-chain:before, .fa-link:before { content: "\f0c1"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-flask:before { content: "\f0c3"; }
.fa-cut:before, .fa-scissors:before { content: "\f0c4"; }
.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }
.fa-paperclip:before { content: "\f0c6"; }
.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }
.fa-square:before { content: "\f0c8"; }
.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-list-ol:before { content: "\f0cb"; }
.fa-strikethrough:before { content: "\f0cc"; }
.fa-underline:before { content: "\f0cd"; }
.fa-table:before { content: "\f0ce"; }
.fa-magic:before { content: "\f0d0"; }
.fa-truck:before { content: "\f0d1"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-pinterest-square:before { content: "\f0d3"; }
.fa-google-plus-square:before { content: "\f0d4"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-money:before { content: "\f0d6"; }
.fa-caret-down:before { content: "\f0d7"; }
.fa-caret-up:before { content: "\f0d8"; }
.fa-caret-left:before { content: "\f0d9"; }
.fa-caret-right:before { content: "\f0da"; }
.fa-columns:before { content: "\f0db"; }
.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; }
.fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; }
.fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; }
.fa-legal:before, .fa-gavel:before { content: "\f0e3"; }
.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; }
.fa-comment-o:before { content: "\f0e5"; }
.fa-comments-o:before { content: "\f0e6"; }
.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }
.fa-sitemap:before { content: "\f0e8"; }
.fa-umbrella:before { content: "\f0e9"; }
.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; }
.fa-lightbulb-o:before { content: "\f0eb"; }
.fa-exchange:before { content: "\f0ec"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-cloud-upload:before { content: "\f0ee"; }
.fa-user-md:before { content: "\f0f0"; }
.fa-stethoscope:before { content: "\f0f1"; }
.fa-suitcase:before { content: "\f0f2"; }
.fa-bell-o:before { content: "\f0a2"; }
.fa-coffee:before { content: "\f0f4"; }
.fa-cutlery:before { content: "\f0f5"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-building-o:before { content: "\f0f7"; }
.fa-hospital-o:before { content: "\f0f8"; }
.fa-ambulance:before { content: "\f0f9"; }
.fa-medkit:before { content: "\f0fa"; }
.fa-fighter-jet:before { content: "\f0fb"; }
.fa-beer:before { content: "\f0fc"; }
.fa-h-square:before { content: "\f0fd"; }
.fa-plus-square:before { content: "\f0fe"; }
.fa-angle-double-left:before { content: "\f100"; }
.fa-angle-double-right:before { content: "\f101"; }
.fa-angle-double-up:before { content: "\f102"; }
.fa-angle-double-down:before { content: "\f103"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-down:before { content: "\f107"; }
.fa-desktop:before { content: "\f108"; }
.fa-laptop:before { content: "\f109"; }
.fa-tablet:before { content: "\f10a"; }
.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }
.fa-circle-o:before { content: "\f10c"; }
.fa-quote-left:before { content: "\f10d"; }
.fa-quote-right:before { content: "\f10e"; }
.fa-spinner:before { content: "\f110"; }
.fa-circle:before { content: "\f111"; }
.fa-mail-reply:before, .fa-reply:before { content: "\f112"; }
.fa-github-alt:before { content: "\f113"; }
.fa-folder-o:before { content: "\f114"; }
.fa-folder-open-o:before { content: "\f115"; }
.fa-smile-o:before { content: "\f118"; }
.fa-frown-o:before { content: "\f119"; }
.fa-meh-o:before { content: "\f11a"; }
.fa-gamepad:before { content: "\f11b"; }
.fa-keyboard-o:before { content: "\f11c"; }
.fa-flag-o:before { content: "\f11d"; }
.fa-flag-checkered:before { content: "\f11e"; }
.fa-terminal:before { content: "\f120"; }
.fa-code:before { content: "\f121"; }
.fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; }
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; }
.fa-location-arrow:before { content: "\f124"; }
.fa-crop:before { content: "\f125"; }
.fa-code-fork:before { content: "\f126"; }
.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; }
.fa-question:before { content: "\f128"; }
.fa-info:before { content: "\f129"; }
.fa-exclamation:before { content: "\f12a"; }
.fa-superscript:before { content: "\f12b"; }
.fa-subscript:before { content: "\f12c"; }
.fa-eraser:before { content: "\f12d"; }
.fa-puzzle-piece:before { content: "\f12e"; }
.fa-microphone:before { content: "\f130"; }
.fa-microphone-slash:before { content: "\f131"; }
.fa-shield:before { content: "\f132"; }
.fa-calendar-o:before { content: "\f133"; }
.fa-fire-extinguisher:before { content: "\f134"; }
.fa-rocket:before { content: "\f135"; }
.fa-maxcdn:before { content: "\f136"; }
.fa-chevron-circle-left:before { content: "\f137"; }
.fa-chevron-circle-right:before { content: "\f138"; }
.fa-chevron-circle-up:before { content: "\f139"; }
.fa-chevron-circle-down:before { content: "\f13a"; }
.fa-html5:before { content: "\f13b"; }
.fa-css3:before { content: "\f13c"; }
.fa-anchor:before { content: "\f13d"; }
.fa-unlock-alt:before { content: "\f13e"; }
.fa-bullseye:before { content: "\f140"; }
.fa-ellipsis-h:before { content: "\f141"; }
.fa-ellipsis-v:before { content: "\f142"; }
.fa-rss-square:before { content: "\f143"; }
.fa-play-circle:before { content: "\f144"; }
.fa-ticket:before { content: "\f145"; }
.fa-minus-square:before { content: "\f146"; }
.fa-minus-square-o:before { content: "\f147"; }
.fa-level-up:before { content: "\f148"; }
.fa-level-down:before { content: "\f149"; }
.fa-check-square:before { content: "\f14a"; }
.fa-pencil-square:before { content: "\f14b"; }
.fa-external-link-square:before { content: "\f14c"; }
.fa-share-square:before { content: "\f14d"; }
.fa-compass:before { content: "\f14e"; }
.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; }
.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; }
.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; }
.fa-euro:before, .fa-eur:before { content: "\f153"; }
.fa-gbp:before { content: "\f154"; }
.fa-dollar:before, .fa-usd:before { content: "\f155"; }
.fa-rupee:before, .fa-inr:before { content: "\f156"; }
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; }
.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; }
.fa-won:before, .fa-krw:before { content: "\f159"; }
.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; }
.fa-file:before { content: "\f15b"; }
.fa-file-text:before { content: "\f15c"; }
.fa-sort-alpha-asc:before { content: "\f15d"; }
.fa-sort-alpha-desc:before { content: "\f15e"; }
.fa-sort-amount-asc:before { content: "\f160"; }
.fa-sort-amount-desc:before { content: "\f161"; }
.fa-sort-numeric-asc:before { content: "\f162"; }
.fa-sort-numeric-desc:before { content: "\f163"; }
.fa-thumbs-up:before { content: "\f164"; }
.fa-thumbs-down:before { content: "\f165"; }
.fa-youtube-square:before { content: "\f166"; }
.fa-youtube:before { content: "\f167"; }
.fa-xing:before { content: "\f168"; }
.fa-xing-square:before { content: "\f169"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-dropbox:before { content: "\f16b"; }
.fa-stack-overflow:before { content: "\f16c"; }
.fa-instagram:before { content: "\f16d"; }
.fa-flickr:before { content: "\f16e"; }
.fa-adn:before { content: "\f170"; }
.fa-bitbucket:before { content: "\f171"; }
.fa-bitbucket-square:before { content: "\f172"; }
.fa-tumblr:before { content: "\f173"; }
.fa-tumblr-square:before { content: "\f174"; }
.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-apple:before { content: "\f179"; }
.fa-windows:before { content: "\f17a"; }
.fa-android:before { content: "\f17b"; }
.fa-linux:before { content: "\f17c"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-skype:before { content: "\f17e"; }
.fa-foursquare:before { content: "\f180"; }
.fa-trello:before { content: "\f181"; }
.fa-female:before { content: "\f182"; }
.fa-male:before { content: "\f183"; }
.fa-gittip:before, .fa-gratipay:before { content: "\f184"; }
.fa-sun-o:before { content: "\f185"; }
.fa-moon-o:before { content: "\f186"; }
.fa-archive:before { content: "\f187"; }
.fa-bug:before { content: "\f188"; }
.fa-vk:before { content: "\f189"; }
.fa-weibo:before { content: "\f18a"; }
.fa-renren:before { content: "\f18b"; }
.fa-pagelines:before { content: "\f18c"; }
.fa-stack-exchange:before { content: "\f18d"; }
.fa-arrow-circle-o-right:before { content: "\f18e"; }
.fa-arrow-circle-o-left:before { content: "\f190"; }
.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; }
.fa-dot-circle-o:before { content: "\f192"; }
.fa-wheelchair:before { content: "\f193"; }
.fa-vimeo-square:before { content: "\f194"; }
.fa-turkish-lira:before, .fa-try:before { content: "\f195"; }
.fa-plus-square-o:before { content: "\f196"; }
.fa-space-shuttle:before { content: "\f197"; }
.fa-slack:before { content: "\f198"; }
.fa-envelope-square:before { content: "\f199"; }
.fa-wordpress:before { content: "\f19a"; }
.fa-openid:before { content: "\f19b"; }
.fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; }
.fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; }
.fa-yahoo:before { content: "\f19e"; }
.fa-google:before { content: "\f1a0"; }
.fa-reddit:before { content: "\f1a1"; }
.fa-reddit-square:before { content: "\f1a2"; }
.fa-stumbleupon-circle:before { content: "\f1a3"; }
.fa-stumbleupon:before { content: "\f1a4"; }
.fa-delicious:before { content: "\f1a5"; }
.fa-digg:before { content: "\f1a6"; }
.fa-pied-piper:before { content: "\f1a7"; }
.fa-pied-piper-alt:before { content: "\f1a8"; }
.fa-drupal:before { content: "\f1a9"; }
.fa-joomla:before { content: "\f1aa"; }
.fa-language:before { content: "\f1ab"; }
.fa-fax:before { content: "\f1ac"; }
.fa-building:before { content: "\f1ad"; }
.fa-child:before { content: "\f1ae"; }
.fa-paw:before { content: "\f1b0"; }
.fa-spoon:before { content: "\f1b1"; }
.fa-cube:before { content: "\f1b2"; }
.fa-cubes:before { content: "\f1b3"; }
.fa-behance:before { content: "\f1b4"; }
.fa-behance-square:before { content: "\f1b5"; }
.fa-steam:before { content: "\f1b6"; }
.fa-steam-square:before { content: "\f1b7"; }
.fa-recycle:before { content: "\f1b8"; }
.fa-automobile:before, .fa-car:before { content: "\f1b9"; }
.fa-cab:before, .fa-taxi:before { content: "\f1ba"; }
.fa-tree:before { content: "\f1bb"; }
.fa-spotify:before { content: "\f1bc"; }
.fa-deviantart:before { content: "\f1bd"; }
.fa-soundcloud:before { content: "\f1be"; }
.fa-database:before { content: "\f1c0"; }
.fa-file-pdf-o:before { content: "\f1c1"; }
.fa-file-word-o:before { content: "\f1c2"; }
.fa-file-excel-o:before { content: "\f1c3"; }
.fa-file-powerpoint-o:before { content: "\f1c4"; }
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; }
.fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; }
.fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; }
.fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; }
.fa-file-code-o:before { content: "\f1c9"; }
.fa-vine:before { content: "\f1ca"; }
.fa-codepen:before { content: "\f1cb"; }
.fa-jsfiddle:before { content: "\f1cc"; }
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; }
.fa-circle-o-notch:before { content: "\f1ce"; }
.fa-ra:before, .fa-rebel:before { content: "\f1d0"; }
.fa-ge:before, .fa-empire:before { content: "\f1d1"; }
.fa-git-square:before { content: "\f1d2"; }
.fa-git:before { content: "\f1d3"; }
.fa-hacker-news:before { content: "\f1d4"; }
.fa-tencent-weibo:before { content: "\f1d5"; }
.fa-qq:before { content: "\f1d6"; }
.fa-wechat:before, .fa-weixin:before { content: "\f1d7"; }
.fa-send:before, .fa-paper-plane:before { content: "\f1d8"; }
.fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; }
.fa-history:before { content: "\f1da"; }
.fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; }
.fa-header:before { content: "\f1dc"; }
.fa-paragraph:before { content: "\f1dd"; }
.fa-sliders:before { content: "\f1de"; }
.fa-share-alt:before { content: "\f1e0"; }
.fa-share-alt-square:before { content: "\f1e1"; }
.fa-bomb:before { content: "\f1e2"; }
.fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; }
.fa-tty:before { content: "\f1e4"; }
.fa-binoculars:before { content: "\f1e5"; }
.fa-plug:before { content: "\f1e6"; }
.fa-slideshare:before { content: "\f1e7"; }
.fa-twitch:before { content: "\f1e8"; }
.fa-yelp:before { content: "\f1e9"; }
.fa-newspaper-o:before { content: "\f1ea"; }
.fa-wifi:before { content: "\f1eb"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-paypal:before { content: "\f1ed"; }
.fa-google-wallet:before { content: "\f1ee"; }
.fa-cc-visa:before { content: "\f1f0"; }
.fa-cc-mastercard:before { content: "\f1f1"; }
.fa-cc-discover:before { content: "\f1f2"; }
.fa-cc-amex:before { content: "\f1f3"; }
.fa-cc-paypal:before { content: "\f1f4"; }
.fa-cc-stripe:before { content: "\f1f5"; }
.fa-bell-slash:before { content: "\f1f6"; }
.fa-bell-slash-o:before { content: "\f1f7"; }
.fa-trash:before { content: "\f1f8"; }
.fa-copyright:before { content: "\f1f9"; }
.fa-at:before { content: "\f1fa"; }
.fa-eyedropper:before { content: "\f1fb"; }
.fa-paint-brush:before { content: "\f1fc"; }
.fa-birthday-cake:before { content: "\f1fd"; }
.fa-area-chart:before { content: "\f1fe"; }
.fa-pie-chart:before { content: "\f200"; }
.fa-line-chart:before { content: "\f201"; }
.fa-lastfm:before { content: "\f202"; }
.fa-lastfm-square:before { content: "\f203"; }
.fa-toggle-off:before { content: "\f204"; }
.fa-toggle-on:before { content: "\f205"; }
.fa-bicycle:before { content: "\f206"; }
.fa-bus:before { content: "\f207"; }
.fa-ioxhost:before { content: "\f208"; }
.fa-angellist:before { content: "\f209"; }
.fa-cc:before { content: "\f20a"; }
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; }
.fa-meanpath:before { content: "\f20c"; }
.fa-buysellads:before { content: "\f20d"; }
.fa-connectdevelop:before { content: "\f20e"; }
.fa-dashcube:before { content: "\f210"; }
.fa-forumbee:before { content: "\f211"; }
.fa-leanpub:before { content: "\f212"; }
.fa-sellsy:before { content: "\f213"; }
.fa-shirtsinbulk:before { content: "\f214"; }
.fa-simplybuilt:before { content: "\f215"; }
.fa-skyatlas:before { content: "\f216"; }
.fa-cart-plus:before { content: "\f217"; }
.fa-cart-arrow-down:before { content: "\f218"; }
.fa-diamond:before { content: "\f219"; }
.fa-ship:before { content: "\f21a"; }
.fa-user-secret:before { content: "\f21b"; }
.fa-motorcycle:before { content: "\f21c"; }
.fa-street-view:before { content: "\f21d"; }
.fa-heartbeat:before { content: "\f21e"; }
.fa-venus:before { content: "\f221"; }
.fa-mars:before { content: "\f222"; }
.fa-mercury:before { content: "\f223"; }
.fa-transgender:before { content: "\f224"; }
.fa-transgender-alt:before { content: "\f225"; }
.fa-venus-double:before { content: "\f226"; }
.fa-mars-double:before { content: "\f227"; }
.fa-venus-mars:before { content: "\f228"; }
.fa-mars-stroke:before { content: "\f229"; }
.fa-mars-stroke-v:before { content: "\f22a"; }
.fa-mars-stroke-h:before { content: "\f22b"; }
.fa-neuter:before { content: "\f22c"; }
.fa-facebook-official:before { content: "\f230"; }
.fa-pinterest-p:before { content: "\f231"; }
.fa-whatsapp:before { content: "\f232"; }
.fa-server:before { content: "\f233"; }
.fa-user-plus:before { content: "\f234"; }
.fa-user-times:before { content: "\f235"; }
.fa-hotel:before, .fa-bed:before { content: "\f236"; }
.fa-viacoin:before { content: "\f237"; }
.fa-train:before { content: "\f238"; }
.fa-subway:before { content: "\f239"; }
.fa-medium:before { content: "\f23a"; }
@charset "UTF-8";
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
.animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s }
.animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s }
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom }
@-webkit-keyframes flash {
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:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake { -webkit-animation-name: shake; animation-name: shake }
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing }
@-webkit-keyframes tada {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes tada {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.tada { -webkit-animation-name: tada; animation-name: tada }
@-webkit-keyframes wobble {
0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes wobble {
0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble }
@-webkit-keyframes jello {
11.1% {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes jello {
11.1% {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center }
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn }
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown }
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight }
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown }
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft }
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.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:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig }
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig }
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig }
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.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
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig }
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig }
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig }
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig }
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX }
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY }
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important }
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
.flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY }
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
@-webkit-keyframes lightSpeedOut {
0% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn }
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft }
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight }
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft }
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight }
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut }
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge }
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn }
@-webkit-keyframes rollOut {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut }
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown }
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft }
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight }
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp }
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut }
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown }
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft }
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight }
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1)
}
}
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp }
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown }
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft }
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight }
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp }
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown }
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft }
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight }
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp }
.bx-wrapper { position: relative; margin: 0; padding: 0; *zoom: 1;
-ms-touch-action: pan-y; touch-action: pan-y; }
.bx-wrapper img { max-width: 100%; display: block; }
.bxslider { margin: 0; padding: 0; }
ul.bxslider { list-style: none; }
.bx-viewport { -webkit-transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 20px; width: 100%; z-index: 3; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(../img/loading.gif) center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; }
.bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 9px; height: 9px; margin: 0 5px; outline: 0; border-radius: 6px; transition: all ease-out .3s; border: #c8c8c8 1px solid; ; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { border: #00C0FF 1px solid; background-color: #00C0FF; }
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }
.bx-wrapper .bx-prev { left: 20px; }
.bx-wrapper .bx-next { right: 20px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -20px; outline: 0; width: 40px; height: 40px; z-index: 2; background: rgba(0,0,0,.5); border-radius: 20px; transition: all ease-out .3s }
.bx-wrapper .bx-controls-direction a i { color: #fff; font-size: 30px; margin-top: 4px; margin-left: 14px; transition: all ease-out .3s }
.bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 16px }
.bx-wrapper .bx-controls-direction a:hover { background-color: rgba(0,0,0,.8); }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.fa-angle-down { margin-left: 10px; }
/*!
 * # Semantic UI 2.2.12 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


.ui.form { position: relative; max-width: 100% }
.ui.form>p { margin: 1em 0 }
.ui.form .field { clear: both; margin: 0 0 1em }
.ui.form .field:last-child, .ui.form .fields:last-child .field { margin-bottom: 0 }
.ui.form .fields .field { clear: both; margin: 0 }
.ui.form .field>label { display: block; margin: 0 0 .28571429rem 0; color: rgba(0,0,0,.87); font-size: .92857143em; font-weight: 700; text-transform: none }
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form textarea { width: 100%; vertical-align: top }
.ui.form ::-webkit-datetime-edit, .ui.form ::-webkit-inner-spin-button {
height:1.21428571em
}
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] { font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; margin: 0; outline: 0; -webkit-appearance: none; tap-highlight-color: rgba(255,255,255,0); line-height: 1.21428571em; padding: .67857143em 1em; font-size: 1em; background: #fff; border: 1px solid rgba(34,36,38,.15); color: rgba(0,0,0,.87); border-radius: .28571429rem; box-shadow: 0 0 0 0 transparent inset; -webkit-transition: color .1s ease, border-color .1s ease; transition: color .1s ease, border-color .1s ease }
.ui.form textarea { margin: 0; -webkit-appearance: none; tap-highlight-color: rgba(255,255,255,0); padding: .78571429em 1em; background: #fff; border: 1px solid rgba(34,36,38,.15); outline: 0; color: rgba(0,0,0,.87); border-radius: .28571429rem; box-shadow: 0 0 0 0 transparent inset; -webkit-transition: color .1s ease, border-color .1s ease; transition: color .1s ease, border-color .1s ease; font-size: 1em; line-height: 1.2857; resize: vertical }
.ui.form textarea:not([rows]) { height: 12em; min-height: 8em; max-height: 24em }
.ui.form input[type=checkbox], .ui.form textarea { vertical-align: top }
.ui.form input.attached { width: auto }
.ui.form select { display: block; height: auto; width: 100%; background: #fff; border: 1px solid rgba(34,36,38,.15); border-radius: .28571429rem; box-shadow: 0 0 0 0 transparent inset; padding: .62em 1em; color: rgba(0,0,0,.87); -webkit-transition: color .1s ease, border-color .1s ease; transition: color .1s ease, border-color .1s ease }
.ui.form .field>.selection.dropdown { width: 100% }
.ui.form .field>.selection.dropdown>.dropdown.icon { float: right }
.ui.form .inline.field>.selection.dropdown, .ui.form .inline.fields .field>.selection.dropdown { width: auto }
.ui.form .inline.field>.selection.dropdown>.dropdown.icon, .ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon { float: none }
.ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input { width: 100% }
.ui.form .inline.field:not(.wide) .ui.input, .ui.form .inline.fields .field:not(.wide) .ui.input { width: auto; vertical-align: middle }
.ui.form .field .ui.input input, .ui.form .fields .field .ui.input input { width: auto }
.ui.form .eight.fields .ui.input input, .ui.form .five.fields .ui.input input, .ui.form .four.fields .ui.input input, .ui.form .nine.fields .ui.input input, .ui.form .seven.fields .ui.input input, .ui.form .six.fields .ui.input input, .ui.form .ten.fields .ui.input input, .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 0 }
.ui.form .error.message, .ui.form .success.message, .ui.form .warning.message { display: none }
.ui.form .message:first-child { margin-top: 0 }
.ui.form .field .prompt.label { white-space: normal; background: #fff!important; border: 1px solid #e0b4b4!important; color: #9f3a38!important }
.ui.form .inline.field .prompt, .ui.form .inline.fields .field .prompt { vertical-align: top; margin: -.25em 0 -.5em .5em }
.ui.form .inline.field .prompt:before, .ui.form .inline.fields .field .prompt:before { border-width: 0 0 1px 1px; bottom: auto; right: auto; top: 50%; left: 0 }
.ui.form .field.field input:-webkit-autofill {
box-shadow:0 0 0 100px ivory inset!important;
border-color:#e5dfa1!important
}
.ui.form .field.field input:-webkit-autofill:focus {
box-shadow:0 0 0 100px ivory inset!important;
border-color:#d5c315!important
}
.ui.form .error.error input:-webkit-autofill {
box-shadow:0 0 0 100px #fffaf0 inset!important;
border-color:#e0b4b4!important
}
.ui.form ::-webkit-input-placeholder {
color:rgba(191,191,191,.87)
}
.ui.form :-ms-input-placeholder {
color:rgba(191,191,191,.87)
}
.ui.form ::-moz-placeholder {
color:rgba(191,191,191,.87)
}
.ui.form :focus::-webkit-input-placeholder {
color:rgba(115,115,115,.87)
}
.ui.form :focus:-ms-input-placeholder {
color:rgba(115,115,115,.87)
}
.ui.form :focus::-moz-placeholder {
color:rgba(115,115,115,.87)
}
.ui.form .error ::-webkit-input-placeholder {
color:#e7bdbc
}
.ui.form .error :-ms-input-placeholder {
color:#e7bdbc!important
}
.ui.form .error ::-moz-placeholder {
color:#e7bdbc
}
.ui.form .error :focus::-webkit-input-placeholder {
color:#da9796
}
.ui.form .error :focus:-ms-input-placeholder {
color:#da9796!important
}
.ui.form .error :focus::-moz-placeholder {
color:#da9796
}
.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus { color: rgba(0,0,0,.95); border-color: #85b7d9; border-radius: .28571429rem; background: #fff; box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset }
.ui.form textarea:focus { color: rgba(0,0,0,.95); border-color: #85b7d9; border-radius: .28571429rem; background: #fff; box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset; -webkit-appearance: none }
.ui.form.success .success.message:not(:empty) { display: block }
.ui.form.success .compact.success.message:not(:empty) { display: inline-block }
.ui.form.success .icon.success.message:not(:empty) { display: -webkit-box; display: -ms-flexbox; display: flex }
.ui.form.warning .warning.message:not(:empty) { display: block }
.ui.form.warning .compact.warning.message:not(:empty) { display: inline-block }
.ui.form.warning .icon.warning.message:not(:empty) { display: -webkit-box; display: -ms-flexbox; display: flex }
.ui.form.error .error.message:not(:empty) { display: block }
.ui.form.error .compact.error.message:not(:empty) { display: inline-block }
.ui.form.error .icon.error.message:not(:empty) { display: -webkit-box; display: -ms-flexbox; display: flex }
.ui.form .field.error .input, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .fields.error .field label { color: #9f3a38 }
.ui.form .field.error .corner.label, .ui.form .fields.error .field .corner.label { border-color: #9f3a38; color: #fff }
.ui.form .field.error input:not([type]), .ui.form .field.error input[type=date], .ui.form .field.error input[type=datetime-local], .ui.form .field.error input[type=email], .ui.form .field.error input[type=file], .ui.form .field.error input[type=number], .ui.form .field.error input[type=password], .ui.form .field.error input[type=search], .ui.form .field.error input[type=tel], .ui.form .field.error input[type=text], .ui.form .field.error input[type=time], .ui.form .field.error input[type=url], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type=date], .ui.form .fields.error .field input[type=datetime-local], .ui.form .fields.error .field input[type=email], .ui.form .fields.error .field input[type=file], .ui.form .fields.error .field input[type=number], .ui.form .fields.error .field input[type=password], .ui.form .fields.error .field input[type=search], .ui.form .fields.error .field input[type=tel], .ui.form .fields.error .field input[type=text], .ui.form .fields.error .field input[type=time], .ui.form .fields.error .field input[type=url], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea { background: #fff6f6; border-color: #e0b4b4; color: #9f3a38; border-radius: ''; box-shadow: none }
.ui.form .field.error input:not([type]):focus, .ui.form .field.error input[type=date]:focus, .ui.form .field.error input[type=datetime-local]:focus, .ui.form .field.error input[type=email]:focus, .ui.form .field.error input[type=file]:focus, .ui.form .field.error input[type=number]:focus, .ui.form .field.error input[type=password]:focus, .ui.form .field.error input[type=search]:focus, .ui.form .field.error input[type=tel]:focus, .ui.form .field.error input[type=text]:focus, .ui.form .field.error input[type=time]:focus, .ui.form .field.error input[type=url]:focus, .ui.form .field.error select:focus, .ui.form .field.error textarea:focus { background: #fff6f6; border-color: #e0b4b4; color: #9f3a38; -webkit-appearance: none; box-shadow: none }
.ui.form .field.error select { -webkit-appearance: menulist-button }
.ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown .item, .ui.form .field.error .ui.dropdown .text, .ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item { background: #fff6f6; color: #9f3a38 }
.ui.form .field.error .ui.dropdown, .ui.form .fields.error .field .ui.dropdown { border-color: #e0b4b4!important }
.ui.form .field.error .ui.dropdown:hover, .ui.form .fields.error .field .ui.dropdown:hover { border-color: #e0b4b4!important }
.ui.form .field.error .ui.dropdown:hover .menu, .ui.form .fields.error .field .ui.dropdown:hover .menu { border-color: #e0b4b4 }
.ui.form .field.error .ui.multiple.selection.dropdown>.label, .ui.form .fields.error .field .ui.multiple.selection.dropdown>.label { background-color: #eacbcb; color: #9f3a38 }
.ui.form .field.error .ui.dropdown .menu .item:hover, .ui.form .fields.error .field .ui.dropdown .menu .item:hover { background-color: #fbe7e7 }
.ui.form .field.error .ui.dropdown .menu .selected.item, .ui.form .fields.error .field .ui.dropdown .menu .selected.item { background-color: #fbe7e7 }
.ui.form .field.error .ui.dropdown .menu .active.item, .ui.form .fields.error .field .ui.dropdown .menu .active.item { background-color: #fdcfcf!important }
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label { color: #9f3a38 }
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before { background: #fff6f6; border-color: #e0b4b4 }
.ui.form .field.error .checkbox .box:after, .ui.form .field.error .checkbox label:after, .ui.form .fields.error .field .checkbox .box:after, .ui.form .fields.error .field .checkbox label:after { color: #9f3a38 }
.ui.form .disabled.field, .ui.form .disabled.fields .field, .ui.form .field :disabled { pointer-events: none; opacity: .45 }
.ui.form .field.disabled>label, .ui.form .fields.disabled>label { opacity: .45 }
.ui.form .field.disabled :disabled { opacity: 1 }
.ui.loading.form { position: relative; cursor: default; pointer-events: none }
.ui.loading.form:before { position: absolute; content: ''; top: 0; left: 0; background: rgba(255,255,255,.8); width: 100%; height: 100%; z-index: 100 }
.ui.loading.form:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -1.5em 0 0 -1.5em; width: 3em; height: 3em; -webkit-animation: form-spin .6s linear; animation: form-spin .6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1); border-style: solid; border-width: .2em; box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: 101 }
@-webkit-keyframes form-spin {
from {
-webkit-transform:rotate(0);
transform:rotate(0)
}
to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg)
}
}
@keyframes form-spin {
from {
-webkit-transform:rotate(0);
transform:rotate(0)
}
to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg)
}
}
.ui.form .required.field>.checkbox:after, .ui.form .required.field>label:after, .ui.form .required.fields.grouped>label:after, .ui.form .required.fields:not(.grouped)>.field>.checkbox:after, .ui.form .required.fields:not(.grouped)>.field>label:after { margin: -.2em 0 0 .2em; content: '*'; color: #db2828 }
.ui.form .required.field>label:after, .ui.form .required.fields.grouped>label:after, .ui.form .required.fields:not(.grouped)>.field>label:after { display: inline-block; vertical-align: top }
.ui.form .required.field>.checkbox:after, .ui.form .required.fields:not(.grouped)>.field>.checkbox:after { position: absolute; top: 0; left: 100% }
.ui.form .inverted.segment .ui.checkbox .box, .ui.form .inverted.segment .ui.checkbox label, .ui.form .inverted.segment label, .ui.inverted.form .inline.field>label, .ui.inverted.form .inline.field>p, .ui.inverted.form .inline.fields .field>label, .ui.inverted.form .inline.fields .field>p, .ui.inverted.form .inline.fields>label, .ui.inverted.form .ui.checkbox .box, .ui.inverted.form .ui.checkbox label, .ui.inverted.form label { color: rgba(255,255,255,.9) }
.ui.inverted.form input:not([type]), .ui.inverted.form input[type=date], .ui.inverted.form input[type=datetime-local], .ui.inverted.form input[type=email], .ui.inverted.form input[type=file], .ui.inverted.form input[type=number], .ui.inverted.form input[type=password], .ui.inverted.form input[type=search], .ui.inverted.form input[type=tel], .ui.inverted.form input[type=text], .ui.inverted.form input[type=time], .ui.inverted.form input[type=url] { background: #fff; border-color: rgba(255,255,255,.1); color: rgba(0,0,0,.87); box-shadow: none }
.ui.form .grouped.fields { display: block; margin: 0 0 1em }
.ui.form .grouped.fields:last-child { margin-bottom: 0 }
.ui.form .grouped.fields>label { margin: 0 0 .28571429rem 0; color: rgba(0,0,0,.87); font-size: .92857143em; font-weight: 700; text-transform: none }
.ui.form .grouped.fields .field, .ui.form .grouped.inline.fields .field { display: block; margin: .5em 0; padding: 0 }
.ui.form .fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 -.5em 1em }
.ui.form .fields>.field { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-left: .5em; padding-right: .5em }
.ui.form .fields>.field:first-child { border-left: none; box-shadow: none }
.ui.form .two.fields>.field, .ui.form .two.fields>.fields { width: 50% }
.ui.form .three.fields>.field, .ui.form .three.fields>.fields { width: 33.33333333% }
.ui.form .four.fields>.field, .ui.form .four.fields>.fields { width: 25% }
.ui.form .five.fields>.field, .ui.form .five.fields>.fields { width: 20% }
.ui.form .six.fields>.field, .ui.form .six.fields>.fields { width: 16.66666667% }
.ui.form .seven.fields>.field, .ui.form .seven.fields>.fields { width: 14.28571429% }
.ui.form .eight.fields>.field, .ui.form .eight.fields>.fields { width: 12.5% }
.ui.form .nine.fields>.field, .ui.form .nine.fields>.fields { width: 11.11111111% }
.ui.form .ten.fields>.field, .ui.form .ten.fields>.fields { width: 10% }

@media only screen and (max-width:767px) {
.ui.form .fields { -ms-flex-wrap: wrap; flex-wrap: wrap }
.ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .six.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .six.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable)>.field, .ui[class*="equal width"].form:not(.unstackable) .fields>.field { width: 100%!important; margin: 0 0 1em }
}
.ui.form .fields .wide.field { width: 6.25%; padding-left: .5em; padding-right: .5em }
.ui.form .one.wide.field { width: 6.25%!important }
.ui.form .two.wide.field { width: 12.5%!important }
.ui.form .three.wide.field { width: 18.75%!important }
.ui.form .four.wide.field { width: 25%!important }
.ui.form .five.wide.field { width: 31.25%!important }
.ui.form .six.wide.field { width: 37.5%!important }
.ui.form .seven.wide.field { width: 43.75%!important }
.ui.form .eight.wide.field { width: 50%!important }
.ui.form .nine.wide.field { width: 56.25%!important }
.ui.form .ten.wide.field { width: 62.5%!important }
.ui.form .eleven.wide.field { width: 68.75%!important }
.ui.form .twelve.wide.field { width: 75%!important }
.ui.form .thirteen.wide.field { width: 81.25%!important }
.ui.form .fourteen.wide.field { width: 87.5%!important }
.ui.form .fifteen.wide.field { width: 93.75%!important }
.ui.form .sixteen.wide.field { width: 100%!important }

@media only screen and (max-width:767px) {
.ui.form:not(.unstackable) .fields:not(.unstackable)>.eight.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.eleven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.fifteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.five.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.four.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.fourteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.nine.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.seven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.six.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.sixteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.ten.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.thirteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.three.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.twelve.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.two.wide.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields { width: 100%!important }
.ui.form .fields { margin-bottom: 0 }
}
.ui.form [class*="equal width"].fields>.field, .ui[class*="equal width"].form .fields>.field { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto }
.ui.form .inline.fields { margin: 0 0 1em; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ui.form .inline.fields .field { margin: 0; padding: 0 1em 0 0 }
.ui.form .inline.field>label, .ui.form .inline.field>p, .ui.form .inline.fields .field>label, .ui.form .inline.fields .field>p, .ui.form .inline.fields>label { display: inline-block; width: auto; margin-top: 0; margin-bottom: 0; vertical-align: baseline; font-size: .92857143em; font-weight: 700; color: rgba(0,0,0,.87); text-transform: none }
.ui.form .inline.fields>label { margin: .035714em 1em 0 0 }
.ui.form .inline.field>input, .ui.form .inline.field>select, .ui.form .inline.fields .field>input, .ui.form .inline.fields .field>select { display: inline-block; width: auto; margin-top: 0; margin-bottom: 0; vertical-align: middle; font-size: 1em }
.ui.form .inline.field>:first-child, .ui.form .inline.fields .field>:first-child { margin: 0 .85714286em 0 0 }
.ui.form .inline.field>:only-child, .ui.form .inline.fields .field>:only-child { margin: 0 }
.ui.form .inline.fields .wide.field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.ui.form .inline.fields .wide.field>input, .ui.form .inline.fields .wide.field>select { width: 100% }
.ui.mini.form { font-size: .78571429rem }
.ui.tiny.form { font-size: .85714286rem }
.ui.small.form { font-size: .92857143rem }
.ui.form { font-size: 1rem }
.ui.large.form { font-size: 1.14285714rem }
.ui.big.form { font-size: 1.28571429rem }
.ui.huge.form { font-size: 1.42857143rem }
.ui.massive.form { font-size: 1.71428571rem }
/*!
 * # Semantic UI 2.2.12 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.dropdown { cursor: pointer; position: relative; display: inline-block; outline: 0; text-align: left; -webkit-transition: box-shadow .1s ease, width .1s ease; transition: box-shadow .1s ease, width .1s ease; -webkit-tap-highlight-color: transparent }
.ui.dropdown .menu { cursor: auto; position: absolute; display: none; outline: 0; top: 100%; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; margin: 0; padding: 0 0; background: #fff; font-size: 1em; text-shadow: none; text-align: left; box-shadow: 0 2px 3px 0 rgba(34,36,38,.15); border: 1px solid rgba(34,36,38,.15); border-radius: .28571429rem; -webkit-transition: opacity .1s ease; transition: opacity .1s ease; z-index: 11; will-change: transform, opacity }
.ui.dropdown .menu>* { white-space: nowrap }
.ui.dropdown>input:not(.search):first-child, .ui.dropdown>select { display: none!important }
.ui.dropdown>.dropdown.icon { position: relative; width: auto; font-size: .85714286em; margin: 0 0 0 1em }
.ui.dropdown .menu>.item .dropdown.icon { width: auto; float: right; margin: 0 0 0 1em }
.ui.dropdown .menu>.item .dropdown.icon+.text { margin-right: 1em }
.ui.dropdown>.text { display: inline-block; -webkit-transition: none; transition: none }
.ui.dropdown .menu>.item { position: relative; cursor: pointer; display: block; border: none; height: auto; text-align: left; border-top: none; line-height: 1em; color: rgba(0,0,0,.87); padding: .78571429rem 1.14285714rem!important; font-size: 1rem; text-transform: none; font-weight: 400; box-shadow: none; -webkit-touch-callout: none }
.ui.dropdown .menu>.item:first-child { border-top-width: 0 }
.ui.dropdown .menu .item>[class*="right floated"], .ui.dropdown>.text>[class*="right floated"] { float: right!important; margin-right: 0!important; margin-left: 1em!important }
.ui.dropdown .menu .item>[class*="left floated"], .ui.dropdown>.text>[class*="left floated"] { float: left!important; margin-left: 0!important; margin-right: 1em!important }
.ui.dropdown .menu .item>.flag.floated, .ui.dropdown .menu .item>.icon.floated, .ui.dropdown .menu .item>.image.floated, .ui.dropdown .menu .item>img.floated { margin-top: 0 }
.ui.dropdown .menu>.header { margin: 1rem 0 .75rem; padding: 0 1.14285714rem; color: rgba(0,0,0,.85); font-size: .78571429em; font-weight: 700; text-transform: uppercase }
.ui.dropdown .menu>.divider { border-top: 1px solid rgba(34,36,38,.1); height: 0; margin: .5em 0 }
.ui.dropdown .menu>.input { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1.14285714rem .78571429rem; min-width: 10rem }
.ui.dropdown .menu>.header+.input { margin-top: 0 }
.ui.dropdown .menu>.input:not(.transparent) input { padding: .5em 1em }
.ui.dropdown .menu>.input:not(.transparent) .button, .ui.dropdown .menu>.input:not(.transparent) .icon, .ui.dropdown .menu>.input:not(.transparent) .label { padding-top: .5em; padding-bottom: .5em }
.ui.dropdown .menu>.item>.description, .ui.dropdown>.text>.description { float: right; margin: 0 0 0 1em; color: rgba(0,0,0,.4) }
.ui.dropdown .menu>.message { padding: .78571429rem 1.14285714rem; font-weight: 400 }
.ui.dropdown .menu>.message:not(.ui) { color: rgba(0,0,0,.4) }
.ui.dropdown .menu .menu { top: 0!important; left: 100%; right: auto; margin: 0 0 0 -.5em!important; border-radius: .28571429rem!important; z-index: 21!important }
.ui.dropdown .menu .menu:after { display: none }
.ui.dropdown>.text>.flag, .ui.dropdown>.text>.icon, .ui.dropdown>.text>.image, .ui.dropdown>.text>.label, .ui.dropdown>.text>img { margin-top: 0 }
.ui.dropdown .menu>.item>.flag, .ui.dropdown .menu>.item>.icon, .ui.dropdown .menu>.item>.image, .ui.dropdown .menu>.item>.label, .ui.dropdown .menu>.item>img { margin-top: 0 }
.ui.dropdown .menu>.item>.flag, .ui.dropdown .menu>.item>.icon, .ui.dropdown .menu>.item>.image, .ui.dropdown .menu>.item>.label, .ui.dropdown .menu>.item>img, .ui.dropdown>.text>.flag, .ui.dropdown>.text>.icon, .ui.dropdown>.text>.image, .ui.dropdown>.text>.label, .ui.dropdown>.text>img { margin-left: 0; float: none; margin-right: .78571429rem }
.ui.dropdown .menu>.item>.image, .ui.dropdown .menu>.item>img, .ui.dropdown>.text>.image, .ui.dropdown>.text>img { display: inline-block; vertical-align: top; width: auto; margin-top: -.5em; margin-bottom: -.5em; max-height: 2em }
.ui.dropdown .ui.menu>.item:before, .ui.menu .ui.dropdown .menu>.item:before { display: none }
.ui.menu .ui.dropdown .menu .active.item { border-left: none }
.ui.buttons>.ui.dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.menu .right.menu .dropdown:last-child .menu { left: auto; right: 0 }
.ui.label.dropdown .menu { min-width: 100% }
.ui.dropdown.icon.button>.dropdown.icon { margin: 0 }
.ui.button.dropdown .menu { min-width: 100% }
.ui.selection.dropdown { cursor: pointer; word-wrap: break-word; line-height: 1em; white-space: normal; outline: 0; -webkit-transform: rotateZ(0); transform: rotateZ(0); min-width: 14em; min-height: 2.71428571em; background: #fff; display: inline-block; padding: .78571429em 2.1em .78571429em 1em; color: rgba(0,0,0,.87); box-shadow: none; border: 1px solid rgba(34,36,38,.15); border-radius: .28571429rem; -webkit-transition: box-shadow .1s ease, width .1s ease; transition: box-shadow .1s ease, width .1s ease }
.ui.selection.dropdown.active, .ui.selection.dropdown.visible { z-index: 10 }
select.ui.dropdown { height: 38px; padding: .5em; border: 1px solid rgba(34,36,38,.15); visibility: visible }
.ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon { cursor: pointer; position: absolute; width: auto; height: auto; line-height: 1.21428571em; top: .78571429em; right: 1em; z-index: 3; margin: -.78571429em; padding: .91666667em; opacity: .8; -webkit-transition: opacity .1s ease; transition: opacity .1s ease }
.ui.compact.selection.dropdown { min-width: 0 }
.ui.selection.dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; border-top-width: 0!important; width: auto; outline: 0; margin: 0 -1px; min-width: calc(100% + 2px); width: calc(100% + 2px); border-radius: 0 0 .28571429rem .28571429rem; box-shadow: 0 2px 3px 0 rgba(34,36,38,.15); -webkit-transition: opacity .1s ease; transition: opacity .1s ease }
.ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before { display: none }
.ui.selection.dropdown .menu>.message { padding: .78571429rem 1.14285714rem }

@media only screen and (max-width:767px) {
.ui.selection.dropdown .menu { max-height: 8.01428571rem }
}

@media only screen and (min-width:768px) {
.ui.selection.dropdown .menu { max-height: 10.68571429rem }
}

@media only screen and (min-width:992px) {
.ui.selection.dropdown .menu { max-height: 16.02857143rem }
}

@media only screen and (min-width:1920px) {
.ui.selection.dropdown .menu { max-height: 21.37142857rem }
}
.ui.selection.dropdown .menu>.item { border-top: 1px solid #fafafa; padding: .78571429rem 1.14285714rem!important; white-space: normal; word-wrap: normal }
.ui.selection.dropdown .menu>.hidden.addition.item { display: none }
.ui.selection.dropdown:hover { border-color: rgba(34,36,38,.35); box-shadow: none }
.ui.selection.active.dropdown { border-color: #96c8da; box-shadow: 0 2px 3px 0 rgba(34,36,38,.15) }
.ui.selection.active.dropdown .menu { border-color: #96c8da; box-shadow: 0 2px 3px 0 rgba(34,36,38,.15) }
.ui.selection.dropdown:focus { border-color: #96c8da; box-shadow: none }
.ui.selection.dropdown:focus .menu { border-color: #96c8da; box-shadow: 0 2px 3px 0 rgba(34,36,38,.15) }
.ui.selection.visible.dropdown>.text:not(.default) { font-weight: 400; color: rgba(0,0,0,.8) }
.ui.selection.active.dropdown:hover { border-color: #96c8da; box-shadow: 0 2px 3px 0 rgba(34,36,38,.15) }
.ui.selection.active.dropdown:hover .menu { border-color: #96c8da; box-shadow: 0 2px 3px 0 rgba(34,36,38,.15) }
.ui.active.selection.dropdown>.dropdown.icon, .ui.visible.selection.dropdown>.dropdown.icon { opacity: 1; z-index: 3 }
.ui.active.selection.dropdown { border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important }
.ui.active.empty.selection.dropdown { border-radius: .28571429rem!important; box-shadow: none!important }
.ui.active.empty.selection.dropdown .menu { border: none!important; box-shadow: none!important }
.ui.search.dropdown { min-width: '' }
.ui.search.dropdown>input.search { background: none transparent!important; border: none!important; box-shadow: none!important; cursor: text; top: 0; left: 1px; width: 100%; outline: 0; -webkit-tap-highlight-color: rgba(255,255,255,0); padding: inherit }
.ui.search.dropdown>input.search { position: absolute; z-index: 2 }
.ui.search.dropdown>.text { cursor: text; position: relative; left: 1px; z-index: 3 }
.ui.search.selection.dropdown>input.search { line-height: 1.21428571em; padding: .67857143em 2.1em .67857143em 1em }
.ui.search.selection.dropdown>span.sizer { line-height: 1.21428571em; padding: .67857143em 2.1em .67857143em 1em; display: none; white-space: pre }
.ui.search.dropdown.active>input.search, .ui.search.dropdown.visible>input.search { cursor: auto }
.ui.search.dropdown.active>.text, .ui.search.dropdown.visible>.text { pointer-events: none }
.ui.active.search.dropdown input.search:focus+.text .flag, .ui.active.search.dropdown input.search:focus+.text .icon { opacity: .45 }
.ui.active.search.dropdown input.search:focus+.text { color: rgba(115,115,115,.87)!important }
.ui.search.dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch }

@media only screen and (max-width:767px) {
.ui.search.dropdown .menu { max-height: 8.01428571rem }
}

@media only screen and (min-width:768px) {
.ui.search.dropdown .menu { max-height: 10.68571429rem }
}

@media only screen and (min-width:992px) {
.ui.search.dropdown .menu { max-height: 16.02857143rem }
}

@media only screen and (min-width:1920px) {
.ui.search.dropdown .menu { max-height: 21.37142857rem }
}
.ui.multiple.dropdown { padding: .22619048em 2.1em .22619048em .35714286em }
.ui.multiple.dropdown .menu { cursor: auto }
.ui.multiple.search.dropdown, .ui.multiple.search.dropdown>input.search { cursor: text }
.ui.multiple.dropdown>.label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: top; white-space: normal; font-size: 1em; padding: .35714286em .78571429em; margin: .14285714rem .28571429rem .14285714rem 0; box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset }
.ui.multiple.dropdown .dropdown.icon { margin: ''; padding: '' }
.ui.multiple.dropdown>.text { position: static; padding: 0; max-width: 100%; margin: .45238095em 0 .45238095em .64285714em; line-height: 1.21428571em }
.ui.multiple.dropdown>.label~input.search { margin-left: .14285714em!important }
.ui.multiple.dropdown>.label~.text { display: none }
.ui.multiple.search.dropdown>.text { display: inline-block; position: absolute; top: 0; left: 0; padding: inherit; margin: .45238095em 0 .45238095em .64285714em; line-height: 1.21428571em }
.ui.multiple.search.dropdown>.label~.text { display: none }
.ui.multiple.search.dropdown>input.search { position: static; padding: 0; max-width: 100%; margin: .45238095em 0 .45238095em .64285714em; width: 2.2em; line-height: 1.21428571em }
.ui.inline.dropdown { cursor: pointer; display: inline-block; color: inherit }
.ui.inline.dropdown .dropdown.icon { margin: 0 .5em 0 .21428571em; vertical-align: baseline }
.ui.inline.dropdown>.text { font-weight: 700 }
.ui.inline.dropdown .menu { cursor: auto; margin-top: .21428571em; border-radius: .28571429rem }
.ui.dropdown .menu .active.item { background: 0 0; font-weight: 700; color: rgba(0,0,0,.95); box-shadow: none; z-index: 12 }
.ui.dropdown .menu>.item:hover { background: rgba(0,0,0,.05); color: rgba(0,0,0,.95); z-index: 13 }
.ui.loading.dropdown>i.icon { height: 1em!important }
.ui.loading.selection.dropdown>i.icon { padding: 1.5em 1.28571429em!important }
.ui.loading.dropdown>i.icon:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -.64285714em 0 0 -.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; border: .2em solid rgba(0,0,0,.1) }
.ui.loading.dropdown>i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; box-shadow: 0 0 0 1px transparent; margin: -.64285714em 0 0 -.64285714em; width: 1.28571429em; height: 1.28571429em; -webkit-animation: dropdown-spin .6s linear; animation: dropdown-spin .6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: .2em }
.ui.loading.dropdown.button>i.icon:after, .ui.loading.dropdown.button>i.icon:before { display: none }
@-webkit-keyframes dropdown-spin {
from {
-webkit-transform:rotate(0);
transform:rotate(0)
}
to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg)
}
}
@keyframes dropdown-spin {
from {
-webkit-transform:rotate(0);
transform:rotate(0)
}
to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg)
}
}
.ui.default.dropdown:not(.button)>.text, .ui.dropdown:not(.button)>.default.text { color: rgba(191,191,191,.87) }
.ui.default.dropdown:not(.button)>input:focus~.text, .ui.dropdown:not(.button)>input:focus~.default.text { color: rgba(115,115,115,.87) }
.ui.loading.dropdown>.text { -webkit-transition: none; transition: none }
.ui.dropdown .loading.menu { display: block; visibility: hidden; z-index: -1 }
.ui.dropdown>.loading.menu { left: 0!important; right: auto!important }
.ui.dropdown>.menu .loading.menu { left: 100%!important; right: auto!important }
.ui.dropdown .menu .selected.item, .ui.dropdown.selected { background: rgba(0,0,0,.03); color: rgba(0,0,0,.95) }
.ui.dropdown>.filtered.text { visibility: hidden }
.ui.dropdown .filtered.item { display: none!important }
.ui.dropdown.error, .ui.dropdown.error>.default.text, .ui.dropdown.error>.text { color: #9f3a38 }
.ui.selection.dropdown.error { background: #fff6f6; border-color: #e0b4b4 }
.ui.selection.dropdown.error:hover { border-color: #e0b4b4 }
.ui.dropdown.error>.menu, .ui.dropdown.error>.menu .menu { border-color: #e0b4b4 }
.ui.dropdown.error>.menu>.item { color: #9f3a38 }
.ui.multiple.selection.error.dropdown>.label { border-color: #e0b4b4 }
.ui.dropdown.error>.menu>.item:hover { background-color: #fff2f2 }
.ui.dropdown.error>.menu .active.item { background-color: #fdcfcf }
.ui.disabled.dropdown, .ui.dropdown .menu>.disabled.item { cursor: default; pointer-events: none; opacity: .45 }
.ui.dropdown .menu { left: 0 }
.ui.dropdown .menu .right.menu, .ui.dropdown .right.menu>.menu { left: 100%!important; right: auto!important; border-radius: .28571429rem!important }
.ui.dropdown>.left.menu { left: auto!important; right: 0!important }
.ui.dropdown .menu .left.menu, .ui.dropdown>.left.menu .menu { left: auto; right: 100%; margin: 0 -.5em 0 0!important; border-radius: .28571429rem!important }
.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; margin: 0 }
.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; margin: 0 }
.ui.dropdown .item .left.dropdown.icon+.text, .ui.dropdown .left.menu .item .dropdown.icon+.text { margin-left: 1em; margin-right: 0 }
.ui.upward.dropdown>.menu { top: auto; bottom: 100%; box-shadow: 0 0 3px 0 rgba(0,0,0,.08); border-radius: .28571429rem .28571429rem 0 0 }
.ui.dropdown .upward.menu { top: auto!important; bottom: 0!important }
.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover { border-radius: .28571429rem .28571429rem 0 0!important }
.ui.upward.dropdown.button:not(.pointing):not(.floating).active { border-radius: .28571429rem .28571429rem 0 0 }
.ui.upward.selection.dropdown .menu { border-top-width: 1px!important; border-bottom-width: 0!important; box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08) }
.ui.upward.selection.dropdown:hover { box-shadow: 0 0 2px 0 rgba(0,0,0,.05) }
.ui.active.upward.selection.dropdown { border-radius: 0 0 .28571429rem .28571429rem!important }
.ui.upward.selection.dropdown.visible { box-shadow: 0 0 3px 0 rgba(0,0,0,.08); border-radius: 0 0 .28571429rem .28571429rem!important }
.ui.upward.active.selection.dropdown:hover { box-shadow: 0 0 3px 0 rgba(0,0,0,.05) }
.ui.upward.active.selection.dropdown:hover .menu { box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08) }
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { overflow-x: hidden; overflow-y: auto }
.ui.scrolling.dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; min-width: 100%!important; width: auto!important }
.ui.dropdown .scrolling.menu { position: static; overflow-y: auto; border: none; box-shadow: none!important; border-radius: 0!important; margin: 0!important; min-width: 100%!important; width: auto!important; border-top: 1px solid rgba(34,36,38,.15) }
.ui.dropdown .scrolling.menu>.item.item.item, .ui.scrolling.dropdown .menu .item.item.item { border-top: none }
.ui.dropdown .scrolling.menu .item:first-child, .ui.scrolling.dropdown .menu .item:first-child { border-top: none }
.ui.dropdown>.animating.menu .scrolling.menu, .ui.dropdown>.visible.menu .scrolling.menu { display: block }

@media all and (-ms-high-contrast:none) {
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { min-width: calc(100% - 17px) }
}

@media only screen and (max-width:767px) {
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { max-height: 10.28571429rem }
}

@media only screen and (min-width:768px) {
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { max-height: 15.42857143rem }
}

@media only screen and (min-width:992px) {
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { max-height: 20.57142857rem }
}

@media only screen and (min-width:1920px) {
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { max-height: 20.57142857rem }
}
.ui.simple.dropdown .menu:after, .ui.simple.dropdown .menu:before { display: none }
.ui.simple.dropdown .menu { position: absolute; display: block; overflow: hidden; top: -9999px!important; opacity: 0; width: 0; height: 0; -webkit-transition: opacity .1s ease; transition: opacity .1s ease }
.ui.simple.active.dropdown, .ui.simple.dropdown:hover { border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important }
.ui.simple.active.dropdown>.menu, .ui.simple.dropdown:hover>.menu { overflow: visible; width: auto; height: auto; top: 100%!important; opacity: 1 }
.ui.simple.dropdown:hover>.menu>.item:hover>.menu, .ui.simple.dropdown>.menu>.item:active>.menu { overflow: visible; width: auto; height: auto; top: 0!important; left: 100%!important; opacity: 1 }
.ui.simple.disabled.dropdown:hover .menu { display: none; height: 0; width: 0; overflow: hidden }
.ui.simple.visible.dropdown>.menu { display: block }
.ui.fluid.dropdown { display: block; width: 100%; }
.ui.fluid.dropdown>.dropdown.icon { float: right }
.ui.floating.dropdown .menu { left: 0; right: auto; box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15)!important; border-radius: .28571429rem!important }
.ui.floating.dropdown>.menu { margin-top: .5em!important; border-radius: .28571429rem!important }
.ui.pointing.dropdown>.menu { top: 100%; margin-top: .78571429rem; border-radius: .28571429rem }
.ui.pointing.dropdown>.menu:after { display: block; position: absolute; pointer-events: none; content: ''; visibility: visible; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: .5em; height: .5em; box-shadow: -1px -1px 0 0 rgba(34,36,38,.15); background: #fff; z-index: 2 }
.ui.pointing.dropdown>.menu:after { top: -.25em; left: 50%; margin: 0 0 0 -.25em }
.ui.top.left.pointing.dropdown>.menu { top: 100%; bottom: auto; left: 0; right: auto; margin: 1em 0 0 }
.ui.top.left.pointing.dropdown>.menu { top: 100%; bottom: auto; left: 0; right: auto; margin: 1em 0 0 }
.ui.top.left.pointing.dropdown>.menu:after { top: -.25em; left: 1em; right: auto; margin: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.ui.top.right.pointing.dropdown>.menu { top: 100%; bottom: auto; right: 0; left: auto; margin: 1em 0 0 }
.ui.top.pointing.dropdown>.left.menu:after, .ui.top.right.pointing.dropdown>.menu:after { top: -.25em; left: auto!important; right: 1em!important; margin: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.ui.left.pointing.dropdown>.menu { top: 0; left: 100%; right: auto; margin: 0 0 0 1em }
.ui.left.pointing.dropdown>.menu:after { top: 1em; left: -.25em; margin: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu { left: auto!important; right: 100%!important; margin: 0 1em 0 0 }
.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after { top: 1em; left: auto; right: -.25em; margin: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg) }
.ui.right.pointing.dropdown>.menu { top: 0; left: auto; right: 100%; margin: 0 1em 0 0 }
.ui.right.pointing.dropdown>.menu:after { top: 1em; left: auto; right: -.25em; margin: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg) }
.ui.bottom.pointing.dropdown>.menu { top: auto; bottom: 100%; left: 0; right: auto; margin: 0 0 1em }
.ui.bottom.pointing.dropdown>.menu:after { top: auto; bottom: -.25em; right: auto; margin: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) }
.ui.bottom.pointing.dropdown>.menu .menu { top: auto!important; bottom: 0!important }
.ui.bottom.left.pointing.dropdown>.menu { left: 0; right: auto }
.ui.bottom.left.pointing.dropdown>.menu:after { left: 1em; right: auto }
.ui.bottom.right.pointing.dropdown>.menu { right: 0; left: auto }
.ui.bottom.right.pointing.dropdown>.menu:after { left: auto; right: 1em }
.ui.pointing.upward.dropdown .menu, .ui.top.pointing.upward.dropdown .menu { top: auto!important; bottom: 100%!important; margin: 0 0 .78571429rem; border-radius: .28571429rem }
.ui.pointing.upward.dropdown .menu:after, .ui.top.pointing.upward.dropdown .menu:after { top: 100%!important; bottom: auto!important; box-shadow: 1px 1px 0 0 rgba(34,36,38,.15); margin: -.25em 0 0 }
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto!important; bottom: 0!important; margin: 0 1em 0 0 }
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto!important; bottom: 0!important; margin: 0 0 1em 0; box-shadow: -1px -1px 0 0 rgba(34,36,38,.15) }
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto!important; bottom: 0!important; margin: 0 0 0 1em }
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto!important; bottom: 0!important; margin: 0 0 1em 0; box-shadow: -1px -1px 0 0 rgba(34,36,38,.15) }
@font-face { font-family: Dropdown; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(../fonts/d6845e75519d42ef9485d308d9c94280.woff) format('woff'); font-weight: 400; font-style: normal }
.ui.dropdown>.dropdown.icon { font-family: Dropdown; line-height: 1; height: 1em; width: 1.23em; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-weight: 400; font-style: normal; text-align: center }
.ui.dropdown>.dropdown.icon { width: auto }
.ui.dropdown>.dropdown.icon:before { content: '\f0d7' }
.ui.dropdown .menu .item .dropdown.icon:before { content: '\f0da' }
.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before { content: "\f0d9" }
.ui.vertical.menu .dropdown.item>.dropdown.icon:before { content: "\f0da" }
/*!
 * # Semantic UI 2.2.12 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.transition { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animating.transition { -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: visible!important }
.loading.transition { position: absolute; top: -99999px; left: -99999px }
.hidden.transition { display: none; visibility: hidden }
.visible.transition { display: block!important; visibility: visible!important }
.disabled.transition { -webkit-animation-play-state: paused; animation-play-state: paused }
.looping.transition { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.transition.browse { -webkit-animation-duration: .5s; animation-duration: .5s }
.transition.browse.in { -webkit-animation-name: browseIn; animation-name: browseIn }
.transition.browse.left.out, .transition.browse.out { -webkit-animation-name: browseOutLeft; animation-name: browseOutLeft }
.transition.browse.right.out { -webkit-animation-name: browseOutRight; animation-name: browseOutRight }
@-webkit-keyframes browseIn {
0% {
-webkit-transform:scale(.8) translateZ(0);
transform:scale(.8) translateZ(0);
z-index:-1
}
10% {
-webkit-transform:scale(.8) translateZ(0);
transform:scale(.8) translateZ(0);
z-index:-1;
opacity:.7
}
80% {
-webkit-transform:scale(1.05) translateZ(0);
transform:scale(1.05) translateZ(0);
opacity:1;
z-index:999
}
100% {
-webkit-transform:scale(1) translateZ(0);
transform:scale(1) translateZ(0);
z-index:999
}
}
@keyframes browseIn {
0% {
-webkit-transform:scale(.8) translateZ(0);
transform:scale(.8) translateZ(0);
z-index:-1
}
10% {
-webkit-transform:scale(.8) translateZ(0);
transform:scale(.8) translateZ(0);
z-index:-1;
opacity:.7
}
80% {
-webkit-transform:scale(1.05) translateZ(0);
transform:scale(1.05) translateZ(0);
opacity:1;
z-index:999
}
100% {
-webkit-transform:scale(1) translateZ(0);
transform:scale(1) translateZ(0);
z-index:999
}
}
@-webkit-keyframes browseOutLeft {
0% {
z-index:999;
-webkit-transform:translateX(0) rotateY(0) rotateX(0);
transform:translateX(0) rotateY(0) rotateX(0)
}
50% {
z-index:-1;
-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}
80% {
opacity:1
}
100% {
z-index:-1;
-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
opacity:0
}
}
@keyframes browseOutLeft {
0% {
z-index:999;
-webkit-transform:translateX(0) rotateY(0) rotateX(0);
transform:translateX(0) rotateY(0) rotateX(0)
}
50% {
z-index:-1;
-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}
80% {
opacity:1
}
100% {
z-index:-1;
-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
opacity:0
}
}
@-webkit-keyframes browseOutRight {
0% {
z-index:999;
-webkit-transform:translateX(0) rotateY(0) rotateX(0);
transform:translateX(0) rotateY(0) rotateX(0)
}
50% {
z-index:1;
-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}
80% {
opacity:1
}
100% {
z-index:1;
-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
opacity:0
}
}
@keyframes browseOutRight {
0% {
z-index:999;
-webkit-transform:translateX(0) rotateY(0) rotateX(0);
transform:translateX(0) rotateY(0) rotateX(0)
}
50% {
z-index:1;
-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}
80% {
opacity:1
}
100% {
z-index:1;
-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
opacity:0
}
}
.drop.transition { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-timing-function: cubic-bezier(.34, 1.61, .7, 1); animation-timing-function: cubic-bezier(.34, 1.61, .7, 1) }
.drop.transition.in { -webkit-animation-name: dropIn; animation-name: dropIn }
.drop.transition.out { -webkit-animation-name: dropOut; animation-name: dropOut }
@-webkit-keyframes dropIn {
0% {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes dropIn {
0% {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes dropOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
}
@keyframes dropOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
}
.transition.fade.in { -webkit-animation-name: fadeIn; animation-name: fadeIn }
.transition[class*="fade up"].in { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
.transition[class*="fade down"].in { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
.transition[class*="fade left"].in { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
.transition[class*="fade right"].in { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
.transition.fade.out { -webkit-animation-name: fadeOut; animation-name: fadeOut }
.transition[class*="fade up"].out { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }
.transition[class*="fade down"].out { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }
.transition[class*="fade left"].out { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft }
.transition[class*="fade right"].out { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(10%);
transform:translateY(10%)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(10%);
transform:translateY(10%)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-10%);
transform:translateY(-10%)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-10%);
transform:translateY(-10%)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(10%);
transform:translateX(10%)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(10%);
transform:translateX(10%)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(-10%);
transform:translateX(-10%)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(-10%);
transform:translateX(-10%)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(5%);
transform:translateY(5%)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(5%);
transform:translateY(5%)
}
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-5%);
transform:translateY(-5%)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-5%);
transform:translateY(-5%)
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(5%);
transform:translateX(5%)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(5%);
transform:translateX(5%)
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-5%);
transform:translateX(-5%)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-5%);
transform:translateX(-5%)
}
}
.flip.transition.in, .flip.transition.out { -webkit-animation-duration: .6s; animation-duration: .6s }
.horizontal.flip.transition.in { -webkit-animation-name: horizontalFlipIn; animation-name: horizontalFlipIn }
.horizontal.flip.transition.out { -webkit-animation-name: horizontalFlipOut; animation-name: horizontalFlipOut }
.vertical.flip.transition.in { -webkit-animation-name: verticalFlipIn; animation-name: verticalFlipIn }
.vertical.flip.transition.out { -webkit-animation-name: verticalFlipOut; animation-name: verticalFlipOut }
@-webkit-keyframes horizontalFlipIn {
0% {
-webkit-transform:perspective(2000px) rotateY(-90deg);
transform:perspective(2000px) rotateY(-90deg);
opacity:0
}
100% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0);
opacity:1
}
}
@keyframes horizontalFlipIn {
0% {
-webkit-transform:perspective(2000px) rotateY(-90deg);
transform:perspective(2000px) rotateY(-90deg);
opacity:0
}
100% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0);
opacity:1
}
}
@-webkit-keyframes verticalFlipIn {
0% {
-webkit-transform:perspective(2000px) rotateX(-90deg);
transform:perspective(2000px) rotateX(-90deg);
opacity:0
}
100% {
-webkit-transform:perspective(2000px) rotateX(0);
transform:perspective(2000px) rotateX(0);
opacity:1
}
}
@keyframes verticalFlipIn {
0% {
-webkit-transform:perspective(2000px) rotateX(-90deg);
transform:perspective(2000px) rotateX(-90deg);
opacity:0
}
100% {
-webkit-transform:perspective(2000px) rotateX(0);
transform:perspective(2000px) rotateX(0);
opacity:1
}
}
@-webkit-keyframes horizontalFlipOut {
0% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0);
opacity:1
}
100% {
-webkit-transform:perspective(2000px) rotateY(90deg);
transform:perspective(2000px) rotateY(90deg);
opacity:0
}
}
@keyframes horizontalFlipOut {
0% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0);
opacity:1
}
100% {
-webkit-transform:perspective(2000px) rotateY(90deg);
transform:perspective(2000px) rotateY(90deg);
opacity:0
}
}
@-webkit-keyframes verticalFlipOut {
0% {
-webkit-transform:perspective(2000px) rotateX(0);
transform:perspective(2000px) rotateX(0);
opacity:1
}
100% {
-webkit-transform:perspective(2000px) rotateX(-90deg);
transform:perspective(2000px) rotateX(-90deg);
opacity:0
}
}
@keyframes verticalFlipOut {
0% {
-webkit-transform:perspective(2000px) rotateX(0);
transform:perspective(2000px) rotateX(0);
opacity:1
}
100% {
-webkit-transform:perspective(2000px) rotateX(-90deg);
transform:perspective(2000px) rotateX(-90deg);
opacity:0
}
}
.scale.transition.in { -webkit-animation-name: scaleIn; animation-name: scaleIn }
.scale.transition.out { -webkit-animation-name: scaleOut; animation-name: scaleOut }
@-webkit-keyframes scaleIn {
0% {
opacity:0;
-webkit-transform:scale(.8);
transform:scale(.8)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes scaleIn {
0% {
opacity:0;
-webkit-transform:scale(.8);
transform:scale(.8)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes scaleOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
opacity:0;
-webkit-transform:scale(.9);
transform:scale(.9)
}
}
@keyframes scaleOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
opacity:0;
-webkit-transform:scale(.9);
transform:scale(.9)
}
}
.transition.fly { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) }
.transition.fly.in { -webkit-animation-name: flyIn; animation-name: flyIn }
.transition[class*="fly up"].in { -webkit-animation-name: flyInUp; animation-name: flyInUp }
.transition[class*="fly down"].in { -webkit-animation-name: flyInDown; animation-name: flyInDown }
.transition[class*="fly left"].in { -webkit-animation-name: flyInLeft; animation-name: flyInLeft }
.transition[class*="fly right"].in { -webkit-animation-name: flyInRight; animation-name: flyInRight }
.transition.fly.out { -webkit-animation-name: flyOut; animation-name: flyOut }
.transition[class*="fly up"].out { -webkit-animation-name: flyOutUp; animation-name: flyOutUp }
.transition[class*="fly down"].out { -webkit-animation-name: flyOutDown; animation-name: flyOutDown }
.transition[class*="fly left"].out { -webkit-animation-name: flyOutLeft; animation-name: flyOutLeft }
.transition[class*="fly right"].out { -webkit-animation-name: flyOutRight; animation-name: flyOutRight }
@-webkit-keyframes flyIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes flyIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@-webkit-keyframes flyInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 1500px, 0);
transform:translate3d(0, 1500px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes flyInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 1500px, 0);
transform:translate3d(0, 1500px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@-webkit-keyframes flyInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -1500px, 0);
transform:translate3d(0, -1500px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes flyInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -1500px, 0);
transform:translate3d(0, -1500px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@-webkit-keyframes flyInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(1500px, 0, 0);
transform:translate3d(1500px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes flyInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(1500px, 0, 0);
transform:translate3d(1500px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@-webkit-keyframes flyInRight {
0% {
opacity:0;
-webkit-transform:translate3d(-1500px, 0, 0);
transform:translate3d(-1500px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes flyInRight {
0% {
opacity:0;
-webkit-transform:translate3d(-1500px, 0, 0);
transform:translate3d(-1500px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@-webkit-keyframes flyOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes flyOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@-webkit-keyframes flyOutUp {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes flyOutUp {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@-webkit-keyframes flyOutDown {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes flyOutDown {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@-webkit-keyframes flyOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes flyOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@-webkit-keyframes flyOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes flyOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.transition.slide.in, .transition[class*="slide down"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: top center; transform-origin: top center }
.transition[class*="slide up"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: bottom center; transform-origin: bottom center }
.transition[class*="slide left"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center right; transform-origin: center right }
.transition[class*="slide right"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center left; transform-origin: center left }
.transition.slide.out, .transition[class*="slide down"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: top center; transform-origin: top center }
.transition[class*="slide up"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: bottom center; transform-origin: bottom center }
.transition[class*="slide left"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center right; transform-origin: center right }
.transition[class*="slide right"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center left; transform-origin: center left }
@-webkit-keyframes slideInY {
0% {
opacity:0;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
100% {
opacity:1;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes slideInY {
0% {
opacity:0;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
100% {
opacity:1;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@-webkit-keyframes slideInX {
0% {
opacity:0;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
100% {
opacity:1;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes slideInX {
0% {
opacity:0;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
100% {
opacity:1;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@-webkit-keyframes slideOutY {
0% {
opacity:1;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
100% {
opacity:0;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
}
@keyframes slideOutY {
0% {
opacity:1;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
100% {
opacity:0;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
}
@-webkit-keyframes slideOutX {
0% {
opacity:1;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
100% {
opacity:0;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
}
@keyframes slideOutX {
0% {
opacity:1;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
100% {
opacity:0;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
}
.transition.swing { -webkit-animation-duration: .8s; animation-duration: .8s }
.transition[class*="swing down"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: top center; transform-origin: top center }
.transition[class*="swing up"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: bottom center; transform-origin: bottom center }
.transition[class*="swing left"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center right; transform-origin: center right }
.transition[class*="swing right"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center left; transform-origin: center left }
.transition.swing.out, .transition[class*="swing down"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: top center; transform-origin: top center }
.transition[class*="swing up"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: bottom center; transform-origin: bottom center }
.transition[class*="swing left"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center right; transform-origin: center right }
.transition[class*="swing right"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center left; transform-origin: center left }
@-webkit-keyframes swingInX {
0% {
-webkit-transform:perspective(1000px) rotateX(90deg);
transform:perspective(1000px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(1000px) rotateX(-30deg);
transform:perspective(1000px) rotateX(-30deg);
opacity:1
}
60% {
-webkit-transform:perspective(1000px) rotateX(15deg);
transform:perspective(1000px) rotateX(15deg)
}
80% {
-webkit-transform:perspective(1000px) rotateX(-7.5deg);
transform:perspective(1000px) rotateX(-7.5deg)
}
100% {
-webkit-transform:perspective(1000px) rotateX(0);
transform:perspective(1000px) rotateX(0)
}
}
@keyframes swingInX {
0% {
-webkit-transform:perspective(1000px) rotateX(90deg);
transform:perspective(1000px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(1000px) rotateX(-30deg);
transform:perspective(1000px) rotateX(-30deg);
opacity:1
}
60% {
-webkit-transform:perspective(1000px) rotateX(15deg);
transform:perspective(1000px) rotateX(15deg)
}
80% {
-webkit-transform:perspective(1000px) rotateX(-7.5deg);
transform:perspective(1000px) rotateX(-7.5deg)
}
100% {
-webkit-transform:perspective(1000px) rotateX(0);
transform:perspective(1000px) rotateX(0)
}
}
@-webkit-keyframes swingInY {
0% {
-webkit-transform:perspective(1000px) rotateY(-90deg);
transform:perspective(1000px) rotateY(-90deg);
opacity:0
}
40% {
-webkit-transform:perspective(1000px) rotateY(30deg);
transform:perspective(1000px) rotateY(30deg);
opacity:1
}
60% {
-webkit-transform:perspective(1000px) rotateY(-17.5deg);
transform:perspective(1000px) rotateY(-17.5deg)
}
80% {
-webkit-transform:perspective(1000px) rotateY(7.5deg);
transform:perspective(1000px) rotateY(7.5deg)
}
100% {
-webkit-transform:perspective(1000px) rotateY(0);
transform:perspective(1000px) rotateY(0)
}
}
@keyframes swingInY {
0% {
-webkit-transform:perspective(1000px) rotateY(-90deg);
transform:perspective(1000px) rotateY(-90deg);
opacity:0
}
40% {
-webkit-transform:perspective(1000px) rotateY(30deg);
transform:perspective(1000px) rotateY(30deg);
opacity:1
}
60% {
-webkit-transform:perspective(1000px) rotateY(-17.5deg);
transform:perspective(1000px) rotateY(-17.5deg)
}
80% {
-webkit-transform:perspective(1000px) rotateY(7.5deg);
transform:perspective(1000px) rotateY(7.5deg)
}
100% {
-webkit-transform:perspective(1000px) rotateY(0);
transform:perspective(1000px) rotateY(0)
}
}
@-webkit-keyframes swingOutX {
0% {
-webkit-transform:perspective(1000px) rotateX(0);
transform:perspective(1000px) rotateX(0)
}
40% {
-webkit-transform:perspective(1000px) rotateX(-7.5deg);
transform:perspective(1000px) rotateX(-7.5deg)
}
60% {
-webkit-transform:perspective(1000px) rotateX(17.5deg);
transform:perspective(1000px) rotateX(17.5deg)
}
80% {
-webkit-transform:perspective(1000px) rotateX(-30deg);
transform:perspective(1000px) rotateX(-30deg);
opacity:1
}
100% {
-webkit-transform:perspective(1000px) rotateX(90deg);
transform:perspective(1000px) rotateX(90deg);
opacity:0
}
}
@keyframes swingOutX {
0% {
-webkit-transform:perspective(1000px) rotateX(0);
transform:perspective(1000px) rotateX(0)
}
40% {
-webkit-transform:perspective(1000px) rotateX(-7.5deg);
transform:perspective(1000px) rotateX(-7.5deg)
}
60% {
-webkit-transform:perspective(1000px) rotateX(17.5deg);
transform:perspective(1000px) rotateX(17.5deg)
}
80% {
-webkit-transform:perspective(1000px) rotateX(-30deg);
transform:perspective(1000px) rotateX(-30deg);
opacity:1
}
100% {
-webkit-transform:perspective(1000px) rotateX(90deg);
transform:perspective(1000px) rotateX(90deg);
opacity:0
}
}
@-webkit-keyframes swingOutY {
0% {
-webkit-transform:perspective(1000px) rotateY(0);
transform:perspective(1000px) rotateY(0)
}
40% {
-webkit-transform:perspective(1000px) rotateY(7.5deg);
transform:perspective(1000px) rotateY(7.5deg)
}
60% {
-webkit-transform:perspective(1000px) rotateY(-10deg);
transform:perspective(1000px) rotateY(-10deg)
}
80% {
-webkit-transform:perspective(1000px) rotateY(30deg);
transform:perspective(1000px) rotateY(30deg);
opacity:1
}
100% {
-webkit-transform:perspective(1000px) rotateY(-90deg);
transform:perspective(1000px) rotateY(-90deg);
opacity:0
}
}
@keyframes swingOutY {
0% {
-webkit-transform:perspective(1000px) rotateY(0);
transform:perspective(1000px) rotateY(0)
}
40% {
-webkit-transform:perspective(1000px) rotateY(7.5deg);
transform:perspective(1000px) rotateY(7.5deg)
}
60% {
-webkit-transform:perspective(1000px) rotateY(-10deg);
transform:perspective(1000px) rotateY(-10deg)
}
80% {
-webkit-transform:perspective(1000px) rotateY(30deg);
transform:perspective(1000px) rotateY(30deg);
opacity:1
}
100% {
-webkit-transform:perspective(1000px) rotateY(-90deg);
transform:perspective(1000px) rotateY(-90deg);
opacity:0
}
}
.flash.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: flash; animation-name: flash }
.shake.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: shake; animation-name: shake }
.bounce.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: bounce; animation-name: bounce }
.tada.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: tada; animation-name: tada }
.pulse.transition { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: pulse; animation-name: pulse }
.jiggle.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: jiggle; animation-name: jiggle }
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-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);
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)
}
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@-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);
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)
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
50% {
-webkit-transform:scale(.9);
transform:scale(.9);
opacity:.7
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
50% {
-webkit-transform:scale(.9);
transform:scale(.9);
opacity:.7
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@-webkit-keyframes jiggle {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes jiggle {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
/*!
 * # Semantic UI 2.2.12 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.checkbox { position: relative; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; vertical-align: baseline; font-style: normal; min-height: 17px; font-size: 1rem; line-height: 17px; min-width: 17px }
.ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] { cursor: pointer; position: absolute; top: 0; left: 0; opacity: 0!important; outline: 0; z-index: 3; width: 17px; height: 17px }
.ui.checkbox .box, .ui.checkbox label { cursor: auto; position: relative; display: block; padding-left: 1.85714em; outline: 0; font-size: 1em }
.ui.checkbox .box:before, .ui.checkbox label:before { position: absolute; top: 0; left: 0; width: 17px; height: 17px; content: ''; background: #fff; border-radius: .21428571rem; -webkit-transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease; transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease; transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease; transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease; border: 1px solid #d4d4d5 }
.ui.checkbox .box:after, .ui.checkbox label:after { position: absolute; font-size: 14px; top: 1px; left: 1px; width: 17px; height: 17px; text-align: center; opacity: 0; color: rgba(0,0,0,.87); -webkit-transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease; transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease; transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease; transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease }
.ui.checkbox label, .ui.checkbox+label { color: rgba(0,0,0,.87); -webkit-transition: color .1s ease; transition: color .1s ease }
.ui.checkbox+label { vertical-align: middle }
.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before { background: #fff; border-color: rgba(34,36,38,.35) }
.ui.checkbox label:hover, .ui.checkbox+label:hover { color: rgba(0,0,0,.8) }
.ui.checkbox .box:active::before, .ui.checkbox label:active::before { background: #f9fafb; border-color: rgba(34,36,38,.35) }
.ui.checkbox .box:active::after, .ui.checkbox label:active::after { color: rgba(0,0,0,.95) }
.ui.checkbox input:active~label { color: rgba(0,0,0,.95) }
.ui.checkbox input:focus~.box:before, .ui.checkbox input:focus~label:before { background: #fff; border-color: #96c8da }
.ui.checkbox input:focus~.box:after, .ui.checkbox input:focus~label:after { color: rgba(0,0,0,.95) }
.ui.checkbox input:focus~label { color: rgba(0,0,0,.95) }
.ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before { background: #fff; border-color: rgba(34,36,38,.35) }
.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after { opacity: 1; color: rgba(0,0,0,.95) }
.ui.checkbox input:not([type=radio]):indeterminate~.box:before, .ui.checkbox input:not([type=radio]):indeterminate~label:before { background: #fff; border-color: rgba(34,36,38,.35) }
.ui.checkbox input:not([type=radio]):indeterminate~.box:after, .ui.checkbox input:not([type=radio]):indeterminate~label:after { opacity: 1; color: rgba(0,0,0,.95) }
.ui.checkbox input:checked:focus~.box:before, .ui.checkbox input:checked:focus~label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus~label:before { background: #fff; border-color: #96c8da }
.ui.checkbox input:checked:focus~.box:after, .ui.checkbox input:checked:focus~label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus~label:after { color: rgba(0,0,0,.95) }
.ui.read-only.checkbox, .ui.read-only.checkbox label { cursor: default }
.ui.checkbox input[disabled]~.box:after, .ui.checkbox input[disabled]~label, .ui.disabled.checkbox .box:after, .ui.disabled.checkbox label { cursor: default!important; opacity: .5; color: #000 }
.ui.checkbox input.hidden { z-index: -1 }
.ui.checkbox input.hidden+label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.ui.radio.checkbox { min-height: 15px }
.ui.radio.checkbox .box, .ui.radio.checkbox label { padding-left: 1.85714em }
.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before { content: ''; -webkit-transform: none; transform: none; width: 15px; height: 15px; border-radius: 500rem; top: 1px; left: 0 }
.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after { border: none; content: ''!important; width: 15px; height: 15px; line-height: 15px }
.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after { top: 2px; left: 1px; width: 15px; height: 15px; border-radius: 500rem; -webkit-transform: scale(.46666667); transform: scale(.46666667); background-color: rgba(0,0,0,.87) }
.ui.radio.checkbox input:focus~.box:before, .ui.radio.checkbox input:focus~label:before { background-color: #fff }
.ui.radio.checkbox input:focus~.box:after, .ui.radio.checkbox input:focus~label:after { background-color: rgba(0,0,0,.95) }
.ui.radio.checkbox input:indeterminate~.box:after, .ui.radio.checkbox input:indeterminate~label:after { opacity: 0 }
.ui.radio.checkbox input:checked~.box:before, .ui.radio.checkbox input:checked~label:before { background-color: #fff }
.ui.radio.checkbox input:checked~.box:after, .ui.radio.checkbox input:checked~label:after { background-color: rgba(0,0,0,.95) }
.ui.radio.checkbox input:focus:checked~.box:before, .ui.radio.checkbox input:focus:checked~label:before { background-color: #fff }
.ui.radio.checkbox input:focus:checked~.box:after, .ui.radio.checkbox input:focus:checked~label:after { background-color: rgba(0,0,0,.95) }
.ui.slider.checkbox { min-height: 1.25rem }
.ui.slider.checkbox input { width: 3.5rem; height: 1.25rem }
.ui.slider.checkbox .box, .ui.slider.checkbox label { padding-left: 4.5rem; line-height: 1rem; color: rgba(0,0,0,.4) }
.ui.slider.checkbox .box:before, .ui.slider.checkbox label:before { display: block; position: absolute; content: ''; border: none!important; left: 0; z-index: 1; top: .4rem; background-color: rgba(0,0,0,.05); width: 3.5rem; height: .21428571rem; -webkit-transform: none; transform: none; border-radius: 500rem; -webkit-transition: background .3s ease; transition: background .3s ease }
.ui.slider.checkbox .box:after, .ui.slider.checkbox label:after { background: #fff -webkit-linear-gradient(transparent, rgba(0,0,0,.05)); background: #fff linear-gradient(transparent, rgba(0,0,0,.05)); position: absolute; content: ''!important; opacity: 1; z-index: 2; border: none; box-shadow: 0 1px 2px 0 rgba(34,36,38,.15), 0 0 0 1px rgba(34,36,38,.15) inset; width: 1.5rem; height: 1.5rem; top: -.25rem; left: 0; -webkit-transform: none; transform: none; border-radius: 500rem; -webkit-transition: left .3s ease; transition: left .3s ease }
.ui.slider.checkbox input:focus~.box:before, .ui.slider.checkbox input:focus~label:before { background-color: rgba(0,0,0,.15); border: none }
.ui.slider.checkbox .box:hover, .ui.slider.checkbox label:hover { color: rgba(0,0,0,.8) }
.ui.slider.checkbox .box:hover::before, .ui.slider.checkbox label:hover::before { background: rgba(0,0,0,.15) }
.ui.slider.checkbox input:checked~.box, .ui.slider.checkbox input:checked~label { color: rgba(0,0,0,.95)!important }
.ui.slider.checkbox input:checked~.box:before, .ui.slider.checkbox input:checked~label:before { background-color: #545454!important }
.ui.slider.checkbox input:checked~.box:after, .ui.slider.checkbox input:checked~label:after { left: 2rem }
.ui.slider.checkbox input:focus:checked~.box, .ui.slider.checkbox input:focus:checked~label { color: rgba(0,0,0,.95)!important }
.ui.slider.checkbox input:focus:checked~.box:before, .ui.slider.checkbox input:focus:checked~label:before { background-color: #000!important }
.ui.toggle.checkbox { min-height: 1.5rem }
.ui.toggle.checkbox input { width: 3.5rem; height: 1.5rem }
.ui.toggle.checkbox .box, .ui.toggle.checkbox label { min-height: 1.5rem; padding-left: 4.5rem; color: rgba(0,0,0,.87) }
.ui.toggle.checkbox label { padding-top: .15em }
.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before { display: block; position: absolute; content: ''; z-index: 1; -webkit-transform: none; transform: none; border: none; top: 0; background: rgba(0,0,0,.05); box-shadow: none; width: 3.5rem; height: 1.5rem; border-radius: 500rem }
.ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after { background: #fff -webkit-linear-gradient(transparent, rgba(0,0,0,.05)); background: #fff linear-gradient(transparent, rgba(0,0,0,.05)); position: absolute; content: ''!important; opacity: 1; z-index: 2; border: none; box-shadow: 0 1px 2px 0 rgba(34,36,38,.15), 0 0 0 1px rgba(34,36,38,.15) inset; width: 1.5rem; height: 1.5rem; top: 0; left: 0; border-radius: 500rem; -webkit-transition: background .3s ease, left .3s ease; transition: background .3s ease, left .3s ease }
.ui.toggle.checkbox input~.box:after, .ui.toggle.checkbox input~label:after { left: -.05rem; box-shadow: none }
.ui.toggle.checkbox input:focus~.box:before, .ui.toggle.checkbox input:focus~label:before { background-color: rgba(0,0,0,.15); border: none }
.ui.toggle.checkbox .box:hover::before, .ui.toggle.checkbox label:hover::before { background-color: rgba(0,0,0,.15); border: none }
.ui.toggle.checkbox input:checked~.box, .ui.toggle.checkbox input:checked~label { color: rgba(0,0,0,.95)!important }
.ui.toggle.checkbox input:checked~.box:before, .ui.toggle.checkbox input:checked~label:before { background-color: #2185d0!important }
.ui.toggle.checkbox input:checked~.box:after, .ui.toggle.checkbox input:checked~label:after { left: 2.15rem; box-shadow: none }
.ui.toggle.checkbox input:focus:checked~.box, .ui.toggle.checkbox input:focus:checked~label { color: rgba(0,0,0,.95)!important }
.ui.toggle.checkbox input:focus:checked~.box:before, .ui.toggle.checkbox input:focus:checked~label:before { background-color: #0d71bb!important }
.ui.fitted.checkbox .box, .ui.fitted.checkbox label { padding-left: 0!important }
.ui.fitted.toggle.checkbox { width: 3.5rem }
.ui.fitted.slider.checkbox { width: 3.5rem }
@font-face { font-family: Checkbox; src: url(../fonts/4d5c7f437d974ea09fb193e680109539.woff) format('truetype') }
.ui.checkbox .box:after, .ui.checkbox label:after { font-family: Checkbox }
.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after { content: '\e800' }
.ui.checkbox input:indeterminate~.box:after, .ui.checkbox input:indeterminate~label:after { font-size: 12px; content: '\e801' }
/*!
 * # Semantic UI 2.2.12 - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
           Standard
*******************************/


/*--------------------
        Inputs
---------------------*/

.ui.input { position: relative; font-weight: normal; font-style: normal; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: rgba(0, 0, 0, 0.87); }
.ui.input input { margin: 0em; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-align: left; line-height: 1.21428571em; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding: 0.67857143em 1em; background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease; transition: box-shadow 0.1s ease, border-color 0.1s ease; box-shadow: none; }

/*--------------------
      Placeholder
---------------------*/


/* browsers require these rules separate */
.ui.input input::-webkit-input-placeholder {
 color: rgba(191, 191, 191, 0.87);
}
.ui.input input::-moz-placeholder {
 color: rgba(191, 191, 191, 0.87);
}
.ui.input input:-ms-input-placeholder {
 color: rgba(191, 191, 191, 0.87);
}
/*******************************
            States
*******************************/


/*--------------------
        Disabled
---------------------*/

.ui.disabled.input, .ui.input:not(.disabled) input[disabled] { opacity: 0.45; }
.ui.disabled.input input, .ui.input:not(.disabled) input[disabled] { pointer-events: none; }
/*--------------------
        Active
---------------------*/

.ui.input input:active, .ui.input.down input { border-color: rgba(0, 0, 0, 0.3); background: #FAFAFA; color: rgba(0, 0, 0, 0.87); box-shadow: none; }
/*--------------------
       Loading
---------------------*/

.ui.loading.loading.input > i.icon:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.64285714em 0em 0em -0.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); }
.ui.loading.loading.input > i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.64285714em 0em 0em -0.64285714em; width: 1.28571429em; height: 1.28571429em; -webkit-animation: button-spin 0.6s linear; animation: button-spin 0.6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; box-shadow: 0px 0px 0px 1px transparent; }
/*--------------------
        Focus
---------------------*/

.ui.input.focus input, .ui.input input:focus { border-color: #85B7D9; background: #FFFFFF; color: rgba(0, 0, 0, 0.8); box-shadow: none; }
.ui.input.focus input::-webkit-input-placeholder, .ui.input input:focus::-webkit-input-placeholder {
 color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus input::-moz-placeholder, .ui.input input:focus::-moz-placeholder {
 color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus input:-ms-input-placeholder, .ui.input input:focus:-ms-input-placeholder {
 color: rgba(115, 115, 115, 0.87);
}
/*--------------------
        Error
---------------------*/

.ui.input.error input { background-color: #FFF6F6; border-color: #E0B4B4; color: #9F3A38; box-shadow: none; }

/* Error Placeholder */
.ui.input.error input::-webkit-input-placeholder {
 color: #e7bdbc;
}
.ui.input.error input::-moz-placeholder {
 color: #e7bdbc;
}
.ui.input.error input:-ms-input-placeholder {
 color: #e7bdbc !important;
}

/* Focused Error Placeholder */
.ui.input.error input:focus::-webkit-input-placeholder {
 color: #da9796;
}
.ui.input.error input:focus::-moz-placeholder {
 color: #da9796;
}
.ui.input.error input:focus:-ms-input-placeholder {
 color: #da9796 !important;
}
/*******************************
           Variations
*******************************/


/*--------------------
      Transparent
---------------------*/

.ui.transparent.input input { border-color: transparent !important; background-color: transparent !important; padding: 0em !important; box-shadow: none !important; border-radius: 0px !important; }
/* Transparent Icon */
.ui.transparent.icon.input > i.icon { width: 1.1em; }
.ui.transparent.icon.input > input { padding-left: 0em !important; padding-right: 2em !important; }
.ui.transparent[class*="left icon"].input > input { padding-left: 2em !important; padding-right: 0em !important; }
/* Transparent Inverted */
.ui.transparent.inverted.input { color: #FFFFFF; }
.ui.transparent.inverted.input input { color: inherit; }
.ui.transparent.inverted.input input::-webkit-input-placeholder {
 color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input input::-moz-placeholder {
 color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input input:-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.5);
}
/*--------------------
         Icon
---------------------*/

.ui.icon.input > i.icon { cursor: default; position: absolute; line-height: 1; text-align: center; top: 0px; right: 0px; margin: 0em; height: 100%; width: 2.67142857em; opacity: 0.5; border-radius: 0em 0.28571429rem 0.28571429rem 0em; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.ui.icon.input > i.icon:not(.link) { pointer-events: none; }
.ui.icon.input input { padding-right: 2.67142857em !important; }
.ui.icon.input > i.icon:before, .ui.icon.input > i.icon:after { left: 0; position: absolute; text-align: center; top: 50%; width: 100%; margin-top: -0.5em; }
.ui.icon.input > i.link.icon { cursor: pointer; }
.ui.icon.input > i.circular.icon { top: 0.35em; right: 0.5em; }
/* Left Icon Input */
.ui[class*="left icon"].input > i.icon { right: auto; left: 1px; border-radius: 0.28571429rem 0em 0em 0.28571429rem; }
.ui[class*="left icon"].input > i.circular.icon { right: auto; left: 0.5em; }
.ui[class*="left icon"].input > input { padding-left: 2.67142857em !important; padding-right: 1em !important; }
/* Focus */
.ui.icon.input > input:focus ~ i.icon { opacity: 1; }
/*--------------------
        Labeled
---------------------*/


/* Adjacent Label */
.ui.labeled.input > .label { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; font-size: 1em; }
.ui.labeled.input > .label:not(.corner) { padding-top: 0.78571429em; padding-bottom: 0.78571429em; }
/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left-color: transparent; }
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus { border-left-color: #85B7D9; }
/* Regular Label on Right */
.ui[class*="right labeled"].input input { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: transparent !important; }
.ui[class*="right labeled"].input input + .label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui[class*="right labeled"].input input:focus { border-right-color: #85B7D9 !important; }
/* Corner Label */
.ui.labeled.input .corner.label { top: 1px; right: 1px; font-size: 0.64285714em; border-radius: 0em 0.28571429rem 0em 0em; }
/* Spacing with corner label */
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input { padding-right: 2.5em !important; }
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input { padding-right: 3.25em !important; }
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon { margin-right: 1.25em; }
/* Left Labeled */
.ui[class*="left corner labeled"].labeled.input input { padding-left: 2.5em !important; }
.ui[class*="left corner labeled"].icon.input > input { padding-left: 3.25em !important; }
.ui[class*="left corner labeled"].icon.input > .icon { margin-left: 1.25em; }
/* Corner Label Position  */
.ui.input > .ui.corner.label { top: 1px; right: 1px; }
.ui.input > .ui.left.corner.label { right: auto; left: 1px; }
/*--------------------
        Action
---------------------*/

.ui.action.input > .button, .ui.action.input > .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.ui.action.input > .button, .ui.action.input > .buttons > .button { padding-top: 0.78571429em; padding-bottom: 0.78571429em; margin: 0; }
/* Button on Right */
.ui.action.input:not([class*="left action"]) > input { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: transparent !important; }
.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child), .ui.action.input:not([class*="left action"]) > .button:not(:first-child), .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button { border-radius: 0px; }
.ui.action.input:not([class*="left action"]) > .dropdown:last-child, .ui.action.input:not([class*="left action"]) > .button:last-child, .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button { border-radius: 0px 0.28571429rem 0.28571429rem 0px; }
/* Input Focus */
.ui.action.input:not([class*="left action"]) input:focus { border-right-color: #85B7D9 !important; }
/* Button on Left */
.ui[class*="left action"].input > input { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-left-color: transparent !important; }
.ui[class*="left action"].input > .dropdown, .ui[class*="left action"].input > .button, .ui[class*="left action"].input > .buttons > .button { border-radius: 0px; }
.ui[class*="left action"].input > .dropdown:first-child, .ui[class*="left action"].input > .button:first-child, .ui[class*="left action"].input > .buttons:first-child > .button { border-radius: 0.28571429rem 0px 0px 0.28571429rem; }
/* Input Focus */
.ui[class*="left action"].input > input:focus { border-left-color: #85B7D9 !important; }
/*--------------------
       Inverted
---------------------*/


/* Standard */
.ui.inverted.input input { border: none; }
/*--------------------
        Fluid
---------------------*/

.ui.fluid.input { display: -webkit-box; display: -ms-flexbox; display: flex; }
.ui.fluid.input > input { width: 0px !important; }
/*--------------------
        Size
---------------------*/

.ui.mini.input { font-size: 0.78571429em; }
.ui.small.input { font-size: 0.92857143em; }
.ui.input { font-size: 1em; }
.ui.large.input { font-size: 1.14285714em; }
.ui.big.input { font-size: 1.28571429em; }
.ui.huge.input { font-size: 1.42857143em; }
.ui.massive.input { font-size: 1.71428571em; }


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/

/* 设置滚动条的样式 */
::-webkit-scrollbar {
 width: 11px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
 background-color: #fff;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
 background: #bbb;
}
::-webkit-scrollbar-thumb:window-inactive {
}
@font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: url(http://fdn.geekzu.org/g-fonts/s/muli/v11/7Au_p_0qiz-adZnkOCX2yw.eot); }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: url(http://fdn.geekzu.org/g-fonts/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqZPBA.eot); }