4914 lines
130 KiB
CSS
4914 lines
130 KiB
CSS
/*!
|
|
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
|
|
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
|
*/
|
|
/* FONT PATH
|
|
* -------------------------- */
|
|
@font-face {
|
|
font-family: 'FontAwesome';
|
|
src: url(fontawesome-webfont.674f50d2.eot);
|
|
src: url(fontawesome-webfont.674f50d2.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(fontawesome-webfont.af7ae505.woff2) format('woff2'), url(fontawesome-webfont.fee66e71.woff) format('woff'), url(fontawesome-webfont.b06871f2.ttf) format('truetype'), url(fontawesome-webfont.912ec66d.svg#fontawesomeregular) 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;
|
|
}
|
|
/* makes the font 33% larger relative to the icon container */
|
|
.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;
|
|
}
|
|
.fa-pull-left {
|
|
float: left;
|
|
}
|
|
.fa-pull-right {
|
|
float: right;
|
|
}
|
|
.fa.fa-pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
.fa.fa-pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
/* Deprecated as of 4.4.0 */
|
|
.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 {
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
|
|
-webkit-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
.fa-rotate-180 {
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
.fa-rotate-270 {
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
|
-webkit-transform: rotate(270deg);
|
|
-ms-transform: rotate(270deg);
|
|
transform: rotate(270deg);
|
|
}
|
|
.fa-flip-horizontal {
|
|
-ms-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 {
|
|
-ms-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 {
|
|
-webkit-filter: none;
|
|
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;
|
|
}
|
|
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
|
readers do not read off random characters that represent icons */
|
|
.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-feed:before,
|
|
.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-pp: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-resistance: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-y-combinator-square:before,
|
|
.fa-yc-square:before,
|
|
.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-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-intersex:before,
|
|
.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-genderless:before {
|
|
content: "\F22D";
|
|
}
|
|
.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";
|
|
}
|
|
.fa-yc:before,
|
|
.fa-y-combinator:before {
|
|
content: "\F23B";
|
|
}
|
|
.fa-optin-monster:before {
|
|
content: "\F23C";
|
|
}
|
|
.fa-opencart:before {
|
|
content: "\F23D";
|
|
}
|
|
.fa-expeditedssl:before {
|
|
content: "\F23E";
|
|
}
|
|
.fa-battery-4:before,
|
|
.fa-battery:before,
|
|
.fa-battery-full:before {
|
|
content: "\F240";
|
|
}
|
|
.fa-battery-3:before,
|
|
.fa-battery-three-quarters:before {
|
|
content: "\F241";
|
|
}
|
|
.fa-battery-2:before,
|
|
.fa-battery-half:before {
|
|
content: "\F242";
|
|
}
|
|
.fa-battery-1:before,
|
|
.fa-battery-quarter:before {
|
|
content: "\F243";
|
|
}
|
|
.fa-battery-0:before,
|
|
.fa-battery-empty:before {
|
|
content: "\F244";
|
|
}
|
|
.fa-mouse-pointer:before {
|
|
content: "\F245";
|
|
}
|
|
.fa-i-cursor:before {
|
|
content: "\F246";
|
|
}
|
|
.fa-object-group:before {
|
|
content: "\F247";
|
|
}
|
|
.fa-object-ungroup:before {
|
|
content: "\F248";
|
|
}
|
|
.fa-sticky-note:before {
|
|
content: "\F249";
|
|
}
|
|
.fa-sticky-note-o:before {
|
|
content: "\F24A";
|
|
}
|
|
.fa-cc-jcb:before {
|
|
content: "\F24B";
|
|
}
|
|
.fa-cc-diners-club:before {
|
|
content: "\F24C";
|
|
}
|
|
.fa-clone:before {
|
|
content: "\F24D";
|
|
}
|
|
.fa-balance-scale:before {
|
|
content: "\F24E";
|
|
}
|
|
.fa-hourglass-o:before {
|
|
content: "\F250";
|
|
}
|
|
.fa-hourglass-1:before,
|
|
.fa-hourglass-start:before {
|
|
content: "\F251";
|
|
}
|
|
.fa-hourglass-2:before,
|
|
.fa-hourglass-half:before {
|
|
content: "\F252";
|
|
}
|
|
.fa-hourglass-3:before,
|
|
.fa-hourglass-end:before {
|
|
content: "\F253";
|
|
}
|
|
.fa-hourglass:before {
|
|
content: "\F254";
|
|
}
|
|
.fa-hand-grab-o:before,
|
|
.fa-hand-rock-o:before {
|
|
content: "\F255";
|
|
}
|
|
.fa-hand-stop-o:before,
|
|
.fa-hand-paper-o:before {
|
|
content: "\F256";
|
|
}
|
|
.fa-hand-scissors-o:before {
|
|
content: "\F257";
|
|
}
|
|
.fa-hand-lizard-o:before {
|
|
content: "\F258";
|
|
}
|
|
.fa-hand-spock-o:before {
|
|
content: "\F259";
|
|
}
|
|
.fa-hand-pointer-o:before {
|
|
content: "\F25A";
|
|
}
|
|
.fa-hand-peace-o:before {
|
|
content: "\F25B";
|
|
}
|
|
.fa-trademark:before {
|
|
content: "\F25C";
|
|
}
|
|
.fa-registered:before {
|
|
content: "\F25D";
|
|
}
|
|
.fa-creative-commons:before {
|
|
content: "\F25E";
|
|
}
|
|
.fa-gg:before {
|
|
content: "\F260";
|
|
}
|
|
.fa-gg-circle:before {
|
|
content: "\F261";
|
|
}
|
|
.fa-tripadvisor:before {
|
|
content: "\F262";
|
|
}
|
|
.fa-odnoklassniki:before {
|
|
content: "\F263";
|
|
}
|
|
.fa-odnoklassniki-square:before {
|
|
content: "\F264";
|
|
}
|
|
.fa-get-pocket:before {
|
|
content: "\F265";
|
|
}
|
|
.fa-wikipedia-w:before {
|
|
content: "\F266";
|
|
}
|
|
.fa-safari:before {
|
|
content: "\F267";
|
|
}
|
|
.fa-chrome:before {
|
|
content: "\F268";
|
|
}
|
|
.fa-firefox:before {
|
|
content: "\F269";
|
|
}
|
|
.fa-opera:before {
|
|
content: "\F26A";
|
|
}
|
|
.fa-internet-explorer:before {
|
|
content: "\F26B";
|
|
}
|
|
.fa-tv:before,
|
|
.fa-television:before {
|
|
content: "\F26C";
|
|
}
|
|
.fa-contao:before {
|
|
content: "\F26D";
|
|
}
|
|
.fa-500px:before {
|
|
content: "\F26E";
|
|
}
|
|
.fa-amazon:before {
|
|
content: "\F270";
|
|
}
|
|
.fa-calendar-plus-o:before {
|
|
content: "\F271";
|
|
}
|
|
.fa-calendar-minus-o:before {
|
|
content: "\F272";
|
|
}
|
|
.fa-calendar-times-o:before {
|
|
content: "\F273";
|
|
}
|
|
.fa-calendar-check-o:before {
|
|
content: "\F274";
|
|
}
|
|
.fa-industry:before {
|
|
content: "\F275";
|
|
}
|
|
.fa-map-pin:before {
|
|
content: "\F276";
|
|
}
|
|
.fa-map-signs:before {
|
|
content: "\F277";
|
|
}
|
|
.fa-map-o:before {
|
|
content: "\F278";
|
|
}
|
|
.fa-map:before {
|
|
content: "\F279";
|
|
}
|
|
.fa-commenting:before {
|
|
content: "\F27A";
|
|
}
|
|
.fa-commenting-o:before {
|
|
content: "\F27B";
|
|
}
|
|
.fa-houzz:before {
|
|
content: "\F27C";
|
|
}
|
|
.fa-vimeo:before {
|
|
content: "\F27D";
|
|
}
|
|
.fa-black-tie:before {
|
|
content: "\F27E";
|
|
}
|
|
.fa-fonticons:before {
|
|
content: "\F280";
|
|
}
|
|
.fa-reddit-alien:before {
|
|
content: "\F281";
|
|
}
|
|
.fa-edge:before {
|
|
content: "\F282";
|
|
}
|
|
.fa-credit-card-alt:before {
|
|
content: "\F283";
|
|
}
|
|
.fa-codiepie:before {
|
|
content: "\F284";
|
|
}
|
|
.fa-modx:before {
|
|
content: "\F285";
|
|
}
|
|
.fa-fort-awesome:before {
|
|
content: "\F286";
|
|
}
|
|
.fa-usb:before {
|
|
content: "\F287";
|
|
}
|
|
.fa-product-hunt:before {
|
|
content: "\F288";
|
|
}
|
|
.fa-mixcloud:before {
|
|
content: "\F289";
|
|
}
|
|
.fa-scribd:before {
|
|
content: "\F28A";
|
|
}
|
|
.fa-pause-circle:before {
|
|
content: "\F28B";
|
|
}
|
|
.fa-pause-circle-o:before {
|
|
content: "\F28C";
|
|
}
|
|
.fa-stop-circle:before {
|
|
content: "\F28D";
|
|
}
|
|
.fa-stop-circle-o:before {
|
|
content: "\F28E";
|
|
}
|
|
.fa-shopping-bag:before {
|
|
content: "\F290";
|
|
}
|
|
.fa-shopping-basket:before {
|
|
content: "\F291";
|
|
}
|
|
.fa-hashtag:before {
|
|
content: "\F292";
|
|
}
|
|
.fa-bluetooth:before {
|
|
content: "\F293";
|
|
}
|
|
.fa-bluetooth-b:before {
|
|
content: "\F294";
|
|
}
|
|
.fa-percent:before {
|
|
content: "\F295";
|
|
}
|
|
.fa-gitlab:before {
|
|
content: "\F296";
|
|
}
|
|
.fa-wpbeginner:before {
|
|
content: "\F297";
|
|
}
|
|
.fa-wpforms:before {
|
|
content: "\F298";
|
|
}
|
|
.fa-envira:before {
|
|
content: "\F299";
|
|
}
|
|
.fa-universal-access:before {
|
|
content: "\F29A";
|
|
}
|
|
.fa-wheelchair-alt:before {
|
|
content: "\F29B";
|
|
}
|
|
.fa-question-circle-o:before {
|
|
content: "\F29C";
|
|
}
|
|
.fa-blind:before {
|
|
content: "\F29D";
|
|
}
|
|
.fa-audio-description:before {
|
|
content: "\F29E";
|
|
}
|
|
.fa-volume-control-phone:before {
|
|
content: "\F2A0";
|
|
}
|
|
.fa-braille:before {
|
|
content: "\F2A1";
|
|
}
|
|
.fa-assistive-listening-systems:before {
|
|
content: "\F2A2";
|
|
}
|
|
.fa-asl-interpreting:before,
|
|
.fa-american-sign-language-interpreting:before {
|
|
content: "\F2A3";
|
|
}
|
|
.fa-deafness:before,
|
|
.fa-hard-of-hearing:before,
|
|
.fa-deaf:before {
|
|
content: "\F2A4";
|
|
}
|
|
.fa-glide:before {
|
|
content: "\F2A5";
|
|
}
|
|
.fa-glide-g:before {
|
|
content: "\F2A6";
|
|
}
|
|
.fa-signing:before,
|
|
.fa-sign-language:before {
|
|
content: "\F2A7";
|
|
}
|
|
.fa-low-vision:before {
|
|
content: "\F2A8";
|
|
}
|
|
.fa-viadeo:before {
|
|
content: "\F2A9";
|
|
}
|
|
.fa-viadeo-square:before {
|
|
content: "\F2AA";
|
|
}
|
|
.fa-snapchat:before {
|
|
content: "\F2AB";
|
|
}
|
|
.fa-snapchat-ghost:before {
|
|
content: "\F2AC";
|
|
}
|
|
.fa-snapchat-square:before {
|
|
content: "\F2AD";
|
|
}
|
|
.fa-pied-piper:before {
|
|
content: "\F2AE";
|
|
}
|
|
.fa-first-order:before {
|
|
content: "\F2B0";
|
|
}
|
|
.fa-yoast:before {
|
|
content: "\F2B1";
|
|
}
|
|
.fa-themeisle:before {
|
|
content: "\F2B2";
|
|
}
|
|
.fa-google-plus-circle:before,
|
|
.fa-google-plus-official:before {
|
|
content: "\F2B3";
|
|
}
|
|
.fa-fa:before,
|
|
.fa-font-awesome:before {
|
|
content: "\F2B4";
|
|
}
|
|
.fa-handshake-o:before {
|
|
content: "\F2B5";
|
|
}
|
|
.fa-envelope-open:before {
|
|
content: "\F2B6";
|
|
}
|
|
.fa-envelope-open-o:before {
|
|
content: "\F2B7";
|
|
}
|
|
.fa-linode:before {
|
|
content: "\F2B8";
|
|
}
|
|
.fa-address-book:before {
|
|
content: "\F2B9";
|
|
}
|
|
.fa-address-book-o:before {
|
|
content: "\F2BA";
|
|
}
|
|
.fa-vcard:before,
|
|
.fa-address-card:before {
|
|
content: "\F2BB";
|
|
}
|
|
.fa-vcard-o:before,
|
|
.fa-address-card-o:before {
|
|
content: "\F2BC";
|
|
}
|
|
.fa-user-circle:before {
|
|
content: "\F2BD";
|
|
}
|
|
.fa-user-circle-o:before {
|
|
content: "\F2BE";
|
|
}
|
|
.fa-user-o:before {
|
|
content: "\F2C0";
|
|
}
|
|
.fa-id-badge:before {
|
|
content: "\F2C1";
|
|
}
|
|
.fa-drivers-license:before,
|
|
.fa-id-card:before {
|
|
content: "\F2C2";
|
|
}
|
|
.fa-drivers-license-o:before,
|
|
.fa-id-card-o:before {
|
|
content: "\F2C3";
|
|
}
|
|
.fa-quora:before {
|
|
content: "\F2C4";
|
|
}
|
|
.fa-free-code-camp:before {
|
|
content: "\F2C5";
|
|
}
|
|
.fa-telegram:before {
|
|
content: "\F2C6";
|
|
}
|
|
.fa-thermometer-4:before,
|
|
.fa-thermometer:before,
|
|
.fa-thermometer-full:before {
|
|
content: "\F2C7";
|
|
}
|
|
.fa-thermometer-3:before,
|
|
.fa-thermometer-three-quarters:before {
|
|
content: "\F2C8";
|
|
}
|
|
.fa-thermometer-2:before,
|
|
.fa-thermometer-half:before {
|
|
content: "\F2C9";
|
|
}
|
|
.fa-thermometer-1:before,
|
|
.fa-thermometer-quarter:before {
|
|
content: "\F2CA";
|
|
}
|
|
.fa-thermometer-0:before,
|
|
.fa-thermometer-empty:before {
|
|
content: "\F2CB";
|
|
}
|
|
.fa-shower:before {
|
|
content: "\F2CC";
|
|
}
|
|
.fa-bathtub:before,
|
|
.fa-s15:before,
|
|
.fa-bath:before {
|
|
content: "\F2CD";
|
|
}
|
|
.fa-podcast:before {
|
|
content: "\F2CE";
|
|
}
|
|
.fa-window-maximize:before {
|
|
content: "\F2D0";
|
|
}
|
|
.fa-window-minimize:before {
|
|
content: "\F2D1";
|
|
}
|
|
.fa-window-restore:before {
|
|
content: "\F2D2";
|
|
}
|
|
.fa-times-rectangle:before,
|
|
.fa-window-close:before {
|
|
content: "\F2D3";
|
|
}
|
|
.fa-times-rectangle-o:before,
|
|
.fa-window-close-o:before {
|
|
content: "\F2D4";
|
|
}
|
|
.fa-bandcamp:before {
|
|
content: "\F2D5";
|
|
}
|
|
.fa-grav:before {
|
|
content: "\F2D6";
|
|
}
|
|
.fa-etsy:before {
|
|
content: "\F2D7";
|
|
}
|
|
.fa-imdb:before {
|
|
content: "\F2D8";
|
|
}
|
|
.fa-ravelry:before {
|
|
content: "\F2D9";
|
|
}
|
|
.fa-eercast:before {
|
|
content: "\F2DA";
|
|
}
|
|
.fa-microchip:before {
|
|
content: "\F2DB";
|
|
}
|
|
.fa-snowflake-o:before {
|
|
content: "\F2DC";
|
|
}
|
|
.fa-superpowers:before {
|
|
content: "\F2DD";
|
|
}
|
|
.fa-wpexplorer:before {
|
|
content: "\F2DE";
|
|
}
|
|
.fa-meetup:before {
|
|
content: "\F2E0";
|
|
}
|
|
.sr-only {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
border: 0;
|
|
}
|
|
.sr-only-focusable:active,
|
|
.sr-only-focusable:focus {
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
margin: 0;
|
|
overflow: visible;
|
|
clip: auto;
|
|
}
|
|
|
|
/**
|
|
*
|
|
* All animations must live in their own file
|
|
* in the animations directory and be included
|
|
* here.
|
|
*
|
|
*/
|
|
/**
|
|
* Styles shared by multiple animations
|
|
*/
|
|
/**
|
|
* Dots
|
|
*/
|
|
@-webkit-keyframes scale {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1; }
|
|
45% {
|
|
-webkit-transform: scale(0.1);
|
|
transform: scale(0.1);
|
|
opacity: 0.7; }
|
|
80% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1; } }
|
|
@keyframes scale {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1; }
|
|
45% {
|
|
-webkit-transform: scale(0.1);
|
|
transform: scale(0.1);
|
|
opacity: 0.7; }
|
|
80% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1; } }
|
|
|
|
.ball-pulse > div:nth-child(0) {
|
|
-webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
|
animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
|
|
|
|
.ball-pulse > div:nth-child(1) {
|
|
-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
|
animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
|
|
|
|
.ball-pulse > div:nth-child(2) {
|
|
-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
|
animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
|
|
|
|
.ball-pulse > div:nth-child(3) {
|
|
-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
|
animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
|
|
|
|
.ball-pulse > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block; }
|
|
|
|
@-webkit-keyframes ball-pulse-sync {
|
|
33% {
|
|
-webkit-transform: translateY(10px);
|
|
transform: translateY(10px); }
|
|
66% {
|
|
-webkit-transform: translateY(-10px);
|
|
transform: translateY(-10px); }
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0); } }
|
|
|
|
@keyframes ball-pulse-sync {
|
|
33% {
|
|
-webkit-transform: translateY(10px);
|
|
transform: translateY(10px); }
|
|
66% {
|
|
-webkit-transform: translateY(-10px);
|
|
transform: translateY(-10px); }
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0); } }
|
|
|
|
.ball-pulse-sync > div:nth-child(0) {
|
|
-webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out;
|
|
animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; }
|
|
|
|
.ball-pulse-sync > div:nth-child(1) {
|
|
-webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
|
|
animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }
|
|
|
|
.ball-pulse-sync > div:nth-child(2) {
|
|
-webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
|
|
animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }
|
|
|
|
.ball-pulse-sync > div:nth-child(3) {
|
|
-webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
|
|
animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }
|
|
|
|
.ball-pulse-sync > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block; }
|
|
|
|
@-webkit-keyframes ball-scale {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0); }
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0; } }
|
|
|
|
@keyframes ball-scale {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0); }
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0; } }
|
|
|
|
.ball-scale > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block;
|
|
height: 60px;
|
|
width: 60px;
|
|
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
|
|
animation: ball-scale 1s 0s ease-in-out infinite; }
|
|
|
|
@keyframes ball-scale {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0); }
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0; } }
|
|
|
|
.ball-scale > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block;
|
|
height: 60px;
|
|
width: 60px;
|
|
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
|
|
animation: ball-scale 1s 0s ease-in-out infinite; }
|
|
|
|
.ball-scale-random {
|
|
width: 37px;
|
|
height: 40px; }
|
|
.ball-scale-random > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
display: inline-block;
|
|
height: 30px;
|
|
width: 30px;
|
|
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
|
|
animation: ball-scale 1s 0s ease-in-out infinite; }
|
|
.ball-scale-random > div:nth-child(1) {
|
|
margin-left: -7px;
|
|
-webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
|
|
animation: ball-scale 1s 0.2s ease-in-out infinite; }
|
|
.ball-scale-random > div:nth-child(3) {
|
|
margin-left: -2px;
|
|
margin-top: 9px;
|
|
-webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
|
|
animation: ball-scale 1s 0.5s ease-in-out infinite; }
|
|
|
|
@-webkit-keyframes rotate {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg); }
|
|
50% {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg); }
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg); } }
|
|
|
|
@keyframes rotate {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg); }
|
|
50% {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg); }
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg); } }
|
|
|
|
.ball-rotate {
|
|
position: relative; }
|
|
.ball-rotate > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: relative; }
|
|
.ball-rotate > div:first-child {
|
|
-webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
|
|
animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }
|
|
.ball-rotate > div:before, .ball-rotate > div:after {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
content: "";
|
|
position: absolute;
|
|
opacity: 0.8; }
|
|
.ball-rotate > div:before {
|
|
top: 0px;
|
|
left: -28px; }
|
|
.ball-rotate > div:after {
|
|
top: 0px;
|
|
left: 25px; }
|
|
|
|
@keyframes rotate {
|
|
0% {
|
|
-webkit-transform: rotate(0deg) scale(1);
|
|
transform: rotate(0deg) scale(1); }
|
|
50% {
|
|
-webkit-transform: rotate(180deg) scale(0.6);
|
|
transform: rotate(180deg) scale(0.6); }
|
|
100% {
|
|
-webkit-transform: rotate(360deg) scale(1);
|
|
transform: rotate(360deg) scale(1); } }
|
|
|
|
.ball-clip-rotate > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
border: 2px solid #fff;
|
|
border-bottom-color: transparent;
|
|
height: 25px;
|
|
width: 25px;
|
|
background: transparent !important;
|
|
display: inline-block;
|
|
-webkit-animation: rotate 0.75s 0s linear infinite;
|
|
animation: rotate 0.75s 0s linear infinite; }
|
|
|
|
@keyframes rotate {
|
|
0% {
|
|
-webkit-transform: rotate(0deg) scale(1);
|
|
transform: rotate(0deg) scale(1); }
|
|
50% {
|
|
-webkit-transform: rotate(180deg) scale(0.6);
|
|
transform: rotate(180deg) scale(0.6); }
|
|
100% {
|
|
-webkit-transform: rotate(360deg) scale(1);
|
|
transform: rotate(360deg) scale(1); } }
|
|
|
|
@keyframes scale {
|
|
30% {
|
|
-webkit-transform: scale(0.3);
|
|
transform: scale(0.3); }
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
.ball-clip-rotate-pulse {
|
|
position: relative;
|
|
-webkit-transform: translateY(-15px);
|
|
-ms-transform: translateY(-15px);
|
|
transform: translateY(-15px); }
|
|
.ball-clip-rotate-pulse > div {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
border-radius: 100%; }
|
|
.ball-clip-rotate-pulse > div:first-child {
|
|
background: #fff;
|
|
height: 16px;
|
|
width: 16px;
|
|
top: 7px;
|
|
left: -7px;
|
|
-webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
|
animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
|
|
.ball-clip-rotate-pulse > div:last-child {
|
|
position: absolute;
|
|
border: 2px solid #fff;
|
|
width: 30px;
|
|
height: 30px;
|
|
left: -16px;
|
|
top: -2px;
|
|
background: transparent;
|
|
border: 2px solid;
|
|
border-color: #fff transparent #fff transparent;
|
|
-webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
|
animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s; }
|
|
|
|
@keyframes rotate {
|
|
0% {
|
|
-webkit-transform: rotate(0deg) scale(1);
|
|
transform: rotate(0deg) scale(1); }
|
|
50% {
|
|
-webkit-transform: rotate(180deg) scale(0.6);
|
|
transform: rotate(180deg) scale(0.6); }
|
|
100% {
|
|
-webkit-transform: rotate(360deg) scale(1);
|
|
transform: rotate(360deg) scale(1); } }
|
|
|
|
.ball-clip-rotate-multiple {
|
|
position: relative; }
|
|
.ball-clip-rotate-multiple > div {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
left: -20px;
|
|
top: -20px;
|
|
border: 2px solid #fff;
|
|
border-bottom-color: transparent;
|
|
border-top-color: transparent;
|
|
border-radius: 100%;
|
|
height: 35px;
|
|
width: 35px;
|
|
-webkit-animation: rotate 1s 0s ease-in-out infinite;
|
|
animation: rotate 1s 0s ease-in-out infinite; }
|
|
.ball-clip-rotate-multiple > div:last-child {
|
|
display: inline-block;
|
|
top: -10px;
|
|
left: -10px;
|
|
width: 15px;
|
|
height: 15px;
|
|
-webkit-animation-duration: 0.5s;
|
|
animation-duration: 0.5s;
|
|
border-color: #fff transparent #fff transparent;
|
|
-webkit-animation-direction: reverse;
|
|
animation-direction: reverse; }
|
|
|
|
@-webkit-keyframes ball-scale-ripple {
|
|
0% {
|
|
-webkit-transform: scale(0.1);
|
|
transform: scale(0.1);
|
|
opacity: 1; }
|
|
70% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0.7; }
|
|
100% {
|
|
opacity: 0.0; } }
|
|
|
|
@keyframes ball-scale-ripple {
|
|
0% {
|
|
-webkit-transform: scale(0.1);
|
|
transform: scale(0.1);
|
|
opacity: 1; }
|
|
70% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0.7; }
|
|
100% {
|
|
opacity: 0.0; } }
|
|
|
|
.ball-scale-ripple > div {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
height: 50px;
|
|
width: 50px;
|
|
border-radius: 100%;
|
|
border: 2px solid #fff;
|
|
-webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
|
|
animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
|
|
|
|
@-webkit-keyframes ball-scale-ripple-multiple {
|
|
0% {
|
|
-webkit-transform: scale(0.1);
|
|
transform: scale(0.1);
|
|
opacity: 1; }
|
|
70% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0.7; }
|
|
100% {
|
|
opacity: 0.0; } }
|
|
|
|
@keyframes ball-scale-ripple-multiple {
|
|
0% {
|
|
-webkit-transform: scale(0.1);
|
|
transform: scale(0.1);
|
|
opacity: 1; }
|
|
70% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0.7; }
|
|
100% {
|
|
opacity: 0.0; } }
|
|
|
|
.ball-scale-ripple-multiple {
|
|
position: relative;
|
|
-webkit-transform: translateY(-25px);
|
|
-ms-transform: translateY(-25px);
|
|
transform: translateY(-25px); }
|
|
.ball-scale-ripple-multiple > div:nth-child(0) {
|
|
-webkit-animation-delay: -0.8s;
|
|
animation-delay: -0.8s; }
|
|
.ball-scale-ripple-multiple > div:nth-child(1) {
|
|
-webkit-animation-delay: -0.6s;
|
|
animation-delay: -0.6s; }
|
|
.ball-scale-ripple-multiple > div:nth-child(2) {
|
|
-webkit-animation-delay: -0.4s;
|
|
animation-delay: -0.4s; }
|
|
.ball-scale-ripple-multiple > div:nth-child(3) {
|
|
-webkit-animation-delay: -0.2s;
|
|
animation-delay: -0.2s; }
|
|
.ball-scale-ripple-multiple > div {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
top: -2px;
|
|
left: -26px;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 100%;
|
|
border: 2px solid #fff;
|
|
-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
|
|
animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
|
|
|
|
@-webkit-keyframes ball-beat {
|
|
50% {
|
|
opacity: 0.2;
|
|
-webkit-transform: scale(0.75);
|
|
transform: scale(0.75); }
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
@keyframes ball-beat {
|
|
50% {
|
|
opacity: 0.2;
|
|
-webkit-transform: scale(0.75);
|
|
transform: scale(0.75); }
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
.ball-beat > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block;
|
|
-webkit-animation: ball-beat 0.7s 0s infinite linear;
|
|
animation: ball-beat 0.7s 0s infinite linear; }
|
|
.ball-beat > div:nth-child(2n-1) {
|
|
-webkit-animation-delay: -0.35s !important;
|
|
animation-delay: -0.35s !important; }
|
|
|
|
@-webkit-keyframes ball-scale-multiple {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0; }
|
|
5% {
|
|
opacity: 1; }
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0; } }
|
|
|
|
@keyframes ball-scale-multiple {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0; }
|
|
5% {
|
|
opacity: 1; }
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0; } }
|
|
|
|
.ball-scale-multiple {
|
|
position: relative;
|
|
-webkit-transform: translateY(-30px);
|
|
-ms-transform: translateY(-30px);
|
|
transform: translateY(-30px); }
|
|
.ball-scale-multiple > div:nth-child(2) {
|
|
-webkit-animation-delay: -0.4s;
|
|
animation-delay: -0.4s; }
|
|
.ball-scale-multiple > div:nth-child(3) {
|
|
-webkit-animation-delay: -0.2s;
|
|
animation-delay: -0.2s; }
|
|
.ball-scale-multiple > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
left: -30px;
|
|
top: 0px;
|
|
opacity: 0;
|
|
margin: 0;
|
|
width: 60px;
|
|
height: 60px;
|
|
-webkit-animation: ball-scale-multiple 1s 0s linear infinite;
|
|
animation: ball-scale-multiple 1s 0s linear infinite; }
|
|
|
|
@-webkit-keyframes ball-triangle-path-1 {
|
|
33% {
|
|
-webkit-transform: translate(25px, -50px);
|
|
transform: translate(25px, -50px); }
|
|
66% {
|
|
-webkit-transform: translate(50px, 0px);
|
|
transform: translate(50px, 0px); }
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px); } }
|
|
|
|
@keyframes ball-triangle-path-1 {
|
|
33% {
|
|
-webkit-transform: translate(25px, -50px);
|
|
transform: translate(25px, -50px); }
|
|
66% {
|
|
-webkit-transform: translate(50px, 0px);
|
|
transform: translate(50px, 0px); }
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px); } }
|
|
|
|
@-webkit-keyframes ball-triangle-path-2 {
|
|
33% {
|
|
-webkit-transform: translate(25px, 50px);
|
|
transform: translate(25px, 50px); }
|
|
66% {
|
|
-webkit-transform: translate(-25px, 50px);
|
|
transform: translate(-25px, 50px); }
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px); } }
|
|
|
|
@keyframes ball-triangle-path-2 {
|
|
33% {
|
|
-webkit-transform: translate(25px, 50px);
|
|
transform: translate(25px, 50px); }
|
|
66% {
|
|
-webkit-transform: translate(-25px, 50px);
|
|
transform: translate(-25px, 50px); }
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px); } }
|
|
|
|
@-webkit-keyframes ball-triangle-path-3 {
|
|
33% {
|
|
-webkit-transform: translate(-50px, 0px);
|
|
transform: translate(-50px, 0px); }
|
|
66% {
|
|
-webkit-transform: translate(-25px, -50px);
|
|
transform: translate(-25px, -50px); }
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px); } }
|
|
|
|
@keyframes ball-triangle-path-3 {
|
|
33% {
|
|
-webkit-transform: translate(-50px, 0px);
|
|
transform: translate(-50px, 0px); }
|
|
66% {
|
|
-webkit-transform: translate(-25px, -50px);
|
|
transform: translate(-25px, -50px); }
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px);
|
|
transform: translate(0px, 0px); } }
|
|
|
|
.ball-triangle-path {
|
|
position: relative;
|
|
-webkit-transform: translate(-29.994px, -37.50938px);
|
|
-ms-transform: translate(-29.994px, -37.50938px);
|
|
transform: translate(-29.994px, -37.50938px); }
|
|
.ball-triangle-path > div:nth-child(1) {
|
|
-webkit-animation-name: ball-triangle-path-1;
|
|
animation-name: ball-triangle-path-1;
|
|
-webkit-animation-delay: 0;
|
|
animation-delay: 0;
|
|
-webkit-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite; }
|
|
.ball-triangle-path > div:nth-child(2) {
|
|
-webkit-animation-name: ball-triangle-path-2;
|
|
animation-name: ball-triangle-path-2;
|
|
-webkit-animation-delay: 0;
|
|
animation-delay: 0;
|
|
-webkit-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite; }
|
|
.ball-triangle-path > div:nth-child(3) {
|
|
-webkit-animation-name: ball-triangle-path-3;
|
|
animation-name: ball-triangle-path-3;
|
|
-webkit-animation-delay: 0;
|
|
animation-delay: 0;
|
|
-webkit-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite; }
|
|
.ball-triangle-path > div {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 100%;
|
|
border: 1px solid #fff; }
|
|
.ball-triangle-path > div:nth-of-type(1) {
|
|
top: 50px; }
|
|
.ball-triangle-path > div:nth-of-type(2) {
|
|
left: 25px; }
|
|
.ball-triangle-path > div:nth-of-type(3) {
|
|
top: 50px;
|
|
left: 50px; }
|
|
|
|
@-webkit-keyframes ball-pulse-rise-even {
|
|
0% {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1); }
|
|
25% {
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px); }
|
|
50% {
|
|
-webkit-transform: scale(0.4);
|
|
transform: scale(0.4); }
|
|
75% {
|
|
-webkit-transform: translateY(30px);
|
|
transform: translateY(30px); }
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
@keyframes ball-pulse-rise-even {
|
|
0% {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1); }
|
|
25% {
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px); }
|
|
50% {
|
|
-webkit-transform: scale(0.4);
|
|
transform: scale(0.4); }
|
|
75% {
|
|
-webkit-transform: translateY(30px);
|
|
transform: translateY(30px); }
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
@-webkit-keyframes ball-pulse-rise-odd {
|
|
0% {
|
|
-webkit-transform: scale(0.4);
|
|
transform: scale(0.4); }
|
|
25% {
|
|
-webkit-transform: translateY(30px);
|
|
transform: translateY(30px); }
|
|
50% {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1); }
|
|
75% {
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px); }
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
-webkit-transform: scale(0.75);
|
|
transform: scale(0.75); } }
|
|
|
|
@keyframes ball-pulse-rise-odd {
|
|
0% {
|
|
-webkit-transform: scale(0.4);
|
|
transform: scale(0.4); }
|
|
25% {
|
|
-webkit-transform: translateY(30px);
|
|
transform: translateY(30px); }
|
|
50% {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1); }
|
|
75% {
|
|
-webkit-transform: translateY(-30px);
|
|
transform: translateY(-30px); }
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
-webkit-transform: scale(0.75);
|
|
transform: scale(0.75); } }
|
|
|
|
.ball-pulse-rise > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block;
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
-webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
|
|
animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
-webkit-animation-delay: 0;
|
|
animation-delay: 0; }
|
|
.ball-pulse-rise > div:nth-child(2n) {
|
|
-webkit-animation-name: ball-pulse-rise-even;
|
|
animation-name: ball-pulse-rise-even; }
|
|
.ball-pulse-rise > div:nth-child(2n-1) {
|
|
-webkit-animation-name: ball-pulse-rise-odd;
|
|
animation-name: ball-pulse-rise-odd; }
|
|
|
|
@-webkit-keyframes ball-grid-beat {
|
|
50% {
|
|
opacity: 0.7; }
|
|
100% {
|
|
opacity: 1; } }
|
|
|
|
@keyframes ball-grid-beat {
|
|
50% {
|
|
opacity: 0.7; }
|
|
100% {
|
|
opacity: 1; } }
|
|
|
|
.ball-grid-beat {
|
|
width: 57px; }
|
|
.ball-grid-beat > div:nth-child(1) {
|
|
-webkit-animation-delay: 0.44s;
|
|
animation-delay: 0.44s;
|
|
-webkit-animation-duration: 1.27s;
|
|
animation-duration: 1.27s; }
|
|
.ball-grid-beat > div:nth-child(2) {
|
|
-webkit-animation-delay: 0.2s;
|
|
animation-delay: 0.2s;
|
|
-webkit-animation-duration: 1.52s;
|
|
animation-duration: 1.52s; }
|
|
.ball-grid-beat > div:nth-child(3) {
|
|
-webkit-animation-delay: 0.14s;
|
|
animation-delay: 0.14s;
|
|
-webkit-animation-duration: 0.61s;
|
|
animation-duration: 0.61s; }
|
|
.ball-grid-beat > div:nth-child(4) {
|
|
-webkit-animation-delay: 0.15s;
|
|
animation-delay: 0.15s;
|
|
-webkit-animation-duration: 0.82s;
|
|
animation-duration: 0.82s; }
|
|
.ball-grid-beat > div:nth-child(5) {
|
|
-webkit-animation-delay: -0.01s;
|
|
animation-delay: -0.01s;
|
|
-webkit-animation-duration: 1.24s;
|
|
animation-duration: 1.24s; }
|
|
.ball-grid-beat > div:nth-child(6) {
|
|
-webkit-animation-delay: -0.07s;
|
|
animation-delay: -0.07s;
|
|
-webkit-animation-duration: 1.35s;
|
|
animation-duration: 1.35s; }
|
|
.ball-grid-beat > div:nth-child(7) {
|
|
-webkit-animation-delay: 0.29s;
|
|
animation-delay: 0.29s;
|
|
-webkit-animation-duration: 1.44s;
|
|
animation-duration: 1.44s; }
|
|
.ball-grid-beat > div:nth-child(8) {
|
|
-webkit-animation-delay: 0.63s;
|
|
animation-delay: 0.63s;
|
|
-webkit-animation-duration: 1.19s;
|
|
animation-duration: 1.19s; }
|
|
.ball-grid-beat > div:nth-child(9) {
|
|
-webkit-animation-delay: -0.18s;
|
|
animation-delay: -0.18s;
|
|
-webkit-animation-duration: 1.48s;
|
|
animation-duration: 1.48s; }
|
|
.ball-grid-beat > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block;
|
|
float: left;
|
|
-webkit-animation-name: ball-grid-beat;
|
|
animation-name: ball-grid-beat;
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
-webkit-animation-delay: 0;
|
|
animation-delay: 0; }
|
|
|
|
@-webkit-keyframes ball-grid-pulse {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); }
|
|
50% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
opacity: 0.7; }
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1; } }
|
|
|
|
@keyframes ball-grid-pulse {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); }
|
|
50% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
opacity: 0.7; }
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1; } }
|
|
|
|
.ball-grid-pulse {
|
|
width: 57px; }
|
|
.ball-grid-pulse > div:nth-child(1) {
|
|
-webkit-animation-delay: 0.58s;
|
|
animation-delay: 0.58s;
|
|
-webkit-animation-duration: 0.9s;
|
|
animation-duration: 0.9s; }
|
|
.ball-grid-pulse > div:nth-child(2) {
|
|
-webkit-animation-delay: 0.01s;
|
|
animation-delay: 0.01s;
|
|
-webkit-animation-duration: 0.94s;
|
|
animation-duration: 0.94s; }
|
|
.ball-grid-pulse > div:nth-child(3) {
|
|
-webkit-animation-delay: 0.25s;
|
|
animation-delay: 0.25s;
|
|
-webkit-animation-duration: 1.43s;
|
|
animation-duration: 1.43s; }
|
|
.ball-grid-pulse > div:nth-child(4) {
|
|
-webkit-animation-delay: -0.03s;
|
|
animation-delay: -0.03s;
|
|
-webkit-animation-duration: 0.74s;
|
|
animation-duration: 0.74s; }
|
|
.ball-grid-pulse > div:nth-child(5) {
|
|
-webkit-animation-delay: 0.21s;
|
|
animation-delay: 0.21s;
|
|
-webkit-animation-duration: 0.68s;
|
|
animation-duration: 0.68s; }
|
|
.ball-grid-pulse > div:nth-child(6) {
|
|
-webkit-animation-delay: 0.25s;
|
|
animation-delay: 0.25s;
|
|
-webkit-animation-duration: 1.17s;
|
|
animation-duration: 1.17s; }
|
|
.ball-grid-pulse > div:nth-child(7) {
|
|
-webkit-animation-delay: 0.46s;
|
|
animation-delay: 0.46s;
|
|
-webkit-animation-duration: 1.41s;
|
|
animation-duration: 1.41s; }
|
|
.ball-grid-pulse > div:nth-child(8) {
|
|
-webkit-animation-delay: 0.02s;
|
|
animation-delay: 0.02s;
|
|
-webkit-animation-duration: 1.56s;
|
|
animation-duration: 1.56s; }
|
|
.ball-grid-pulse > div:nth-child(9) {
|
|
-webkit-animation-delay: 0.13s;
|
|
animation-delay: 0.13s;
|
|
-webkit-animation-duration: 0.78s;
|
|
animation-duration: 0.78s; }
|
|
.ball-grid-pulse > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block;
|
|
float: left;
|
|
-webkit-animation-name: ball-grid-pulse;
|
|
animation-name: ball-grid-pulse;
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
-webkit-animation-delay: 0;
|
|
animation-delay: 0; }
|
|
|
|
@-webkit-keyframes ball-spin-fade-loader {
|
|
50% {
|
|
opacity: 0.3;
|
|
-webkit-transform: scale(0.4);
|
|
transform: scale(0.4); }
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
@keyframes ball-spin-fade-loader {
|
|
50% {
|
|
opacity: 0.3;
|
|
-webkit-transform: scale(0.4);
|
|
transform: scale(0.4); }
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
.ball-spin-fade-loader {
|
|
position: relative;
|
|
top: -10px;
|
|
left: -10px; }
|
|
.ball-spin-fade-loader > div:nth-child(1) {
|
|
top: 25px;
|
|
left: 0;
|
|
-webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
|
|
animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
|
|
.ball-spin-fade-loader > div:nth-child(2) {
|
|
top: 17.04545px;
|
|
left: 17.04545px;
|
|
-webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
|
|
animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
|
|
.ball-spin-fade-loader > div:nth-child(3) {
|
|
top: 0;
|
|
left: 25px;
|
|
-webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
|
|
animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
|
|
.ball-spin-fade-loader > div:nth-child(4) {
|
|
top: -17.04545px;
|
|
left: 17.04545px;
|
|
-webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
|
|
animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
|
|
.ball-spin-fade-loader > div:nth-child(5) {
|
|
top: -25px;
|
|
left: 0;
|
|
-webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
|
|
animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
|
|
.ball-spin-fade-loader > div:nth-child(6) {
|
|
top: -17.04545px;
|
|
left: -17.04545px;
|
|
-webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
|
|
animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
|
|
.ball-spin-fade-loader > div:nth-child(7) {
|
|
top: 0;
|
|
left: -25px;
|
|
-webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
|
|
animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
|
|
.ball-spin-fade-loader > div:nth-child(8) {
|
|
top: 17.04545px;
|
|
left: -17.04545px;
|
|
-webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
|
|
animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
|
|
.ball-spin-fade-loader > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute; }
|
|
|
|
@-webkit-keyframes ball-spin-loader {
|
|
75% {
|
|
opacity: 0.2; }
|
|
100% {
|
|
opacity: 1; } }
|
|
|
|
@keyframes ball-spin-loader {
|
|
75% {
|
|
opacity: 0.2; }
|
|
100% {
|
|
opacity: 1; } }
|
|
|
|
.ball-spin-loader {
|
|
position: relative; }
|
|
.ball-spin-loader > span:nth-child(1) {
|
|
top: 45px;
|
|
left: 0;
|
|
-webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
|
|
animation: ball-spin-loader 2s 0.9s infinite linear; }
|
|
.ball-spin-loader > span:nth-child(2) {
|
|
top: 30.68182px;
|
|
left: 30.68182px;
|
|
-webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
|
|
animation: ball-spin-loader 2s 1.8s infinite linear; }
|
|
.ball-spin-loader > span:nth-child(3) {
|
|
top: 0;
|
|
left: 45px;
|
|
-webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
|
|
animation: ball-spin-loader 2s 2.7s infinite linear; }
|
|
.ball-spin-loader > span:nth-child(4) {
|
|
top: -30.68182px;
|
|
left: 30.68182px;
|
|
-webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
|
|
animation: ball-spin-loader 2s 3.6s infinite linear; }
|
|
.ball-spin-loader > span:nth-child(5) {
|
|
top: -45px;
|
|
left: 0;
|
|
-webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
|
|
animation: ball-spin-loader 2s 4.5s infinite linear; }
|
|
.ball-spin-loader > span:nth-child(6) {
|
|
top: -30.68182px;
|
|
left: -30.68182px;
|
|
-webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
|
|
animation: ball-spin-loader 2s 5.4s infinite linear; }
|
|
.ball-spin-loader > span:nth-child(7) {
|
|
top: 0;
|
|
left: -45px;
|
|
-webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
|
|
animation: ball-spin-loader 2s 6.3s infinite linear; }
|
|
.ball-spin-loader > span:nth-child(8) {
|
|
top: 30.68182px;
|
|
left: -30.68182px;
|
|
-webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
|
|
animation: ball-spin-loader 2s 7.2s infinite linear; }
|
|
.ball-spin-loader > div {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
background: green; }
|
|
|
|
@-webkit-keyframes ball-zig {
|
|
33% {
|
|
-webkit-transform: translate(-15px, -30px);
|
|
transform: translate(-15px, -30px); }
|
|
66% {
|
|
-webkit-transform: translate(15px, -30px);
|
|
transform: translate(15px, -30px); }
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); } }
|
|
|
|
@keyframes ball-zig {
|
|
33% {
|
|
-webkit-transform: translate(-15px, -30px);
|
|
transform: translate(-15px, -30px); }
|
|
66% {
|
|
-webkit-transform: translate(15px, -30px);
|
|
transform: translate(15px, -30px); }
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); } }
|
|
|
|
@-webkit-keyframes ball-zag {
|
|
33% {
|
|
-webkit-transform: translate(15px, 30px);
|
|
transform: translate(15px, 30px); }
|
|
66% {
|
|
-webkit-transform: translate(-15px, 30px);
|
|
transform: translate(-15px, 30px); }
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); } }
|
|
|
|
@keyframes ball-zag {
|
|
33% {
|
|
-webkit-transform: translate(15px, 30px);
|
|
transform: translate(15px, 30px); }
|
|
66% {
|
|
-webkit-transform: translate(-15px, 30px);
|
|
transform: translate(-15px, 30px); }
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); } }
|
|
|
|
.ball-zig-zag {
|
|
position: relative;
|
|
-webkit-transform: translate(-15px, -15px);
|
|
-ms-transform: translate(-15px, -15px);
|
|
transform: translate(-15px, -15px); }
|
|
.ball-zig-zag > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
margin-left: 15px;
|
|
top: 4px;
|
|
left: -7px; }
|
|
.ball-zig-zag > div:first-child {
|
|
-webkit-animation: ball-zig 0.7s 0s infinite linear;
|
|
animation: ball-zig 0.7s 0s infinite linear; }
|
|
.ball-zig-zag > div:last-child {
|
|
-webkit-animation: ball-zag 0.7s 0s infinite linear;
|
|
animation: ball-zag 0.7s 0s infinite linear; }
|
|
|
|
@-webkit-keyframes ball-zig-deflect {
|
|
17% {
|
|
-webkit-transform: translate(-15px, -30px);
|
|
transform: translate(-15px, -30px); }
|
|
34% {
|
|
-webkit-transform: translate(15px, -30px);
|
|
transform: translate(15px, -30px); }
|
|
50% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); }
|
|
67% {
|
|
-webkit-transform: translate(15px, -30px);
|
|
transform: translate(15px, -30px); }
|
|
84% {
|
|
-webkit-transform: translate(-15px, -30px);
|
|
transform: translate(-15px, -30px); }
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); } }
|
|
|
|
@keyframes ball-zig-deflect {
|
|
17% {
|
|
-webkit-transform: translate(-15px, -30px);
|
|
transform: translate(-15px, -30px); }
|
|
34% {
|
|
-webkit-transform: translate(15px, -30px);
|
|
transform: translate(15px, -30px); }
|
|
50% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); }
|
|
67% {
|
|
-webkit-transform: translate(15px, -30px);
|
|
transform: translate(15px, -30px); }
|
|
84% {
|
|
-webkit-transform: translate(-15px, -30px);
|
|
transform: translate(-15px, -30px); }
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); } }
|
|
|
|
@-webkit-keyframes ball-zag-deflect {
|
|
17% {
|
|
-webkit-transform: translate(15px, 30px);
|
|
transform: translate(15px, 30px); }
|
|
34% {
|
|
-webkit-transform: translate(-15px, 30px);
|
|
transform: translate(-15px, 30px); }
|
|
50% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); }
|
|
67% {
|
|
-webkit-transform: translate(-15px, 30px);
|
|
transform: translate(-15px, 30px); }
|
|
84% {
|
|
-webkit-transform: translate(15px, 30px);
|
|
transform: translate(15px, 30px); }
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); } }
|
|
|
|
@keyframes ball-zag-deflect {
|
|
17% {
|
|
-webkit-transform: translate(15px, 30px);
|
|
transform: translate(15px, 30px); }
|
|
34% {
|
|
-webkit-transform: translate(-15px, 30px);
|
|
transform: translate(-15px, 30px); }
|
|
50% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); }
|
|
67% {
|
|
-webkit-transform: translate(-15px, 30px);
|
|
transform: translate(-15px, 30px); }
|
|
84% {
|
|
-webkit-transform: translate(15px, 30px);
|
|
transform: translate(15px, 30px); }
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0); } }
|
|
|
|
.ball-zig-zag-deflect {
|
|
position: relative;
|
|
-webkit-transform: translate(-15px, -15px);
|
|
-ms-transform: translate(-15px, -15px);
|
|
transform: translate(-15px, -15px); }
|
|
.ball-zig-zag-deflect > div {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
margin-left: 15px;
|
|
top: 4px;
|
|
left: -7px; }
|
|
.ball-zig-zag-deflect > div:first-child {
|
|
-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
|
|
animation: ball-zig-deflect 1.5s 0s infinite linear; }
|
|
.ball-zig-zag-deflect > div:last-child {
|
|
-webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
|
|
animation: ball-zag-deflect 1.5s 0s infinite linear; }
|
|
|
|
/**
|
|
* Lines
|
|
*/
|
|
@-webkit-keyframes line-scale {
|
|
0% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); }
|
|
50% {
|
|
-webkit-transform: scaley(0.4);
|
|
transform: scaley(0.4); }
|
|
100% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); } }
|
|
@keyframes line-scale {
|
|
0% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); }
|
|
50% {
|
|
-webkit-transform: scaley(0.4);
|
|
transform: scaley(0.4); }
|
|
100% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); } }
|
|
|
|
.line-scale > div:nth-child(1) {
|
|
-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
|
animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
|
|
|
|
.line-scale > div:nth-child(2) {
|
|
-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
|
animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
|
|
|
|
.line-scale > div:nth-child(3) {
|
|
-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
|
animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
|
|
|
|
.line-scale > div:nth-child(4) {
|
|
-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
|
animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
|
|
|
|
.line-scale > div:nth-child(5) {
|
|
-webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
|
|
animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
|
|
|
|
.line-scale > div {
|
|
background-color: #fff;
|
|
width: 4px;
|
|
height: 35px;
|
|
border-radius: 2px;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block; }
|
|
|
|
@-webkit-keyframes line-scale-party {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); }
|
|
50% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5); }
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
@keyframes line-scale-party {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); }
|
|
50% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5); }
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
.line-scale-party > div:nth-child(1) {
|
|
-webkit-animation-delay: -0.09s;
|
|
animation-delay: -0.09s;
|
|
-webkit-animation-duration: 0.83s;
|
|
animation-duration: 0.83s; }
|
|
|
|
.line-scale-party > div:nth-child(2) {
|
|
-webkit-animation-delay: 0.33s;
|
|
animation-delay: 0.33s;
|
|
-webkit-animation-duration: 0.64s;
|
|
animation-duration: 0.64s; }
|
|
|
|
.line-scale-party > div:nth-child(3) {
|
|
-webkit-animation-delay: 0.32s;
|
|
animation-delay: 0.32s;
|
|
-webkit-animation-duration: 0.39s;
|
|
animation-duration: 0.39s; }
|
|
|
|
.line-scale-party > div:nth-child(4) {
|
|
-webkit-animation-delay: 0.47s;
|
|
animation-delay: 0.47s;
|
|
-webkit-animation-duration: 0.52s;
|
|
animation-duration: 0.52s; }
|
|
|
|
.line-scale-party > div {
|
|
background-color: #fff;
|
|
width: 4px;
|
|
height: 35px;
|
|
border-radius: 2px;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block;
|
|
-webkit-animation-name: line-scale-party;
|
|
animation-name: line-scale-party;
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
-webkit-animation-delay: 0;
|
|
animation-delay: 0; }
|
|
|
|
@-webkit-keyframes line-scale-pulse-out {
|
|
0% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); }
|
|
50% {
|
|
-webkit-transform: scaley(0.4);
|
|
transform: scaley(0.4); }
|
|
100% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); } }
|
|
|
|
@keyframes line-scale-pulse-out {
|
|
0% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); }
|
|
50% {
|
|
-webkit-transform: scaley(0.4);
|
|
transform: scaley(0.4); }
|
|
100% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); } }
|
|
|
|
.line-scale-pulse-out > div {
|
|
background-color: #fff;
|
|
width: 4px;
|
|
height: 35px;
|
|
border-radius: 2px;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block;
|
|
-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
|
|
animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
|
|
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
|
|
-webkit-animation-delay: -0.4s !important;
|
|
animation-delay: -0.4s !important; }
|
|
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
|
|
-webkit-animation-delay: -0.2s !important;
|
|
animation-delay: -0.2s !important; }
|
|
|
|
@-webkit-keyframes line-scale-pulse-out-rapid {
|
|
0% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); }
|
|
80% {
|
|
-webkit-transform: scaley(0.3);
|
|
transform: scaley(0.3); }
|
|
90% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); } }
|
|
|
|
@keyframes line-scale-pulse-out-rapid {
|
|
0% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); }
|
|
80% {
|
|
-webkit-transform: scaley(0.3);
|
|
transform: scaley(0.3); }
|
|
90% {
|
|
-webkit-transform: scaley(1);
|
|
transform: scaley(1); } }
|
|
|
|
.line-scale-pulse-out-rapid > div {
|
|
background-color: #fff;
|
|
width: 4px;
|
|
height: 35px;
|
|
border-radius: 2px;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
display: inline-block;
|
|
-webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
|
|
animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
|
|
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
|
|
-webkit-animation-delay: -0.25s !important;
|
|
animation-delay: -0.25s !important; }
|
|
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
|
|
-webkit-animation-delay: 0s !important;
|
|
animation-delay: 0s !important; }
|
|
|
|
@-webkit-keyframes line-spin-fade-loader {
|
|
50% {
|
|
opacity: 0.3; }
|
|
100% {
|
|
opacity: 1; } }
|
|
|
|
@keyframes line-spin-fade-loader {
|
|
50% {
|
|
opacity: 0.3; }
|
|
100% {
|
|
opacity: 1; } }
|
|
|
|
.line-spin-fade-loader {
|
|
position: relative;
|
|
top: -10px;
|
|
left: -4px; }
|
|
.line-spin-fade-loader > div:nth-child(1) {
|
|
top: 20px;
|
|
left: 0;
|
|
-webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
|
|
animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; }
|
|
.line-spin-fade-loader > div:nth-child(2) {
|
|
top: 13.63636px;
|
|
left: 13.63636px;
|
|
-webkit-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
-webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
|
|
animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; }
|
|
.line-spin-fade-loader > div:nth-child(3) {
|
|
top: 0;
|
|
left: 20px;
|
|
-webkit-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
-webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
|
|
animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; }
|
|
.line-spin-fade-loader > div:nth-child(4) {
|
|
top: -13.63636px;
|
|
left: 13.63636px;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
|
|
animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; }
|
|
.line-spin-fade-loader > div:nth-child(5) {
|
|
top: -20px;
|
|
left: 0;
|
|
-webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
|
|
animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; }
|
|
.line-spin-fade-loader > div:nth-child(6) {
|
|
top: -13.63636px;
|
|
left: -13.63636px;
|
|
-webkit-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
-webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
|
|
animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; }
|
|
.line-spin-fade-loader > div:nth-child(7) {
|
|
top: 0;
|
|
left: -20px;
|
|
-webkit-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
-webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
|
|
animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; }
|
|
.line-spin-fade-loader > div:nth-child(8) {
|
|
top: 13.63636px;
|
|
left: -13.63636px;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
|
|
animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }
|
|
.line-spin-fade-loader > div {
|
|
background-color: #fff;
|
|
width: 4px;
|
|
height: 35px;
|
|
border-radius: 2px;
|
|
margin: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 15px; }
|
|
|
|
/**
|
|
* Misc
|
|
*/
|
|
@-webkit-keyframes triangle-skew-spin {
|
|
25% {
|
|
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
|
|
transform: perspective(100px) rotateX(180deg) rotateY(0); }
|
|
50% {
|
|
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
|
|
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
|
|
75% {
|
|
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
|
|
transform: perspective(100px) rotateX(0) rotateY(180deg); }
|
|
100% {
|
|
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
|
|
transform: perspective(100px) rotateX(0) rotateY(0); } }
|
|
@keyframes triangle-skew-spin {
|
|
25% {
|
|
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
|
|
transform: perspective(100px) rotateX(180deg) rotateY(0); }
|
|
50% {
|
|
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
|
|
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
|
|
75% {
|
|
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
|
|
transform: perspective(100px) rotateX(0) rotateY(180deg); }
|
|
100% {
|
|
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
|
|
transform: perspective(100px) rotateX(0) rotateY(0); } }
|
|
|
|
.triangle-skew-spin > div {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 20px solid transparent;
|
|
border-right: 20px solid transparent;
|
|
border-bottom: 20px solid #fff;
|
|
-webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
|
animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
|
|
|
|
@-webkit-keyframes square-spin {
|
|
25% {
|
|
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
|
|
transform: perspective(100px) rotateX(180deg) rotateY(0); }
|
|
50% {
|
|
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
|
|
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
|
|
75% {
|
|
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
|
|
transform: perspective(100px) rotateX(0) rotateY(180deg); }
|
|
100% {
|
|
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
|
|
transform: perspective(100px) rotateX(0) rotateY(0); } }
|
|
|
|
@keyframes square-spin {
|
|
25% {
|
|
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
|
|
transform: perspective(100px) rotateX(180deg) rotateY(0); }
|
|
50% {
|
|
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
|
|
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
|
|
75% {
|
|
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
|
|
transform: perspective(100px) rotateX(0) rotateY(180deg); }
|
|
100% {
|
|
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
|
|
transform: perspective(100px) rotateX(0) rotateY(0); } }
|
|
|
|
.square-spin > div {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
width: 50px;
|
|
height: 50px;
|
|
background: #fff;
|
|
border: 1px solid red;
|
|
-webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
|
animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
|
|
|
|
@-webkit-keyframes rotate_pacman_half_up {
|
|
0% {
|
|
-webkit-transform: rotate(270deg);
|
|
transform: rotate(270deg); }
|
|
50% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg); }
|
|
100% {
|
|
-webkit-transform: rotate(270deg);
|
|
transform: rotate(270deg); } }
|
|
|
|
@keyframes rotate_pacman_half_up {
|
|
0% {
|
|
-webkit-transform: rotate(270deg);
|
|
transform: rotate(270deg); }
|
|
50% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg); }
|
|
100% {
|
|
-webkit-transform: rotate(270deg);
|
|
transform: rotate(270deg); } }
|
|
|
|
@-webkit-keyframes rotate_pacman_half_down {
|
|
0% {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg); }
|
|
50% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg); }
|
|
100% {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg); } }
|
|
|
|
@keyframes rotate_pacman_half_down {
|
|
0% {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg); }
|
|
50% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg); }
|
|
100% {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg); } }
|
|
|
|
@-webkit-keyframes pacman-balls {
|
|
75% {
|
|
opacity: 0.7; }
|
|
100% {
|
|
-webkit-transform: translate(-100px, -6.25px);
|
|
transform: translate(-100px, -6.25px); } }
|
|
|
|
@keyframes pacman-balls {
|
|
75% {
|
|
opacity: 0.7; }
|
|
100% {
|
|
-webkit-transform: translate(-100px, -6.25px);
|
|
transform: translate(-100px, -6.25px); } }
|
|
|
|
.pacman {
|
|
position: relative; }
|
|
.pacman > div:nth-child(2) {
|
|
-webkit-animation: pacman-balls 1s -0.99s infinite linear;
|
|
animation: pacman-balls 1s -0.99s infinite linear; }
|
|
.pacman > div:nth-child(3) {
|
|
-webkit-animation: pacman-balls 1s -0.66s infinite linear;
|
|
animation: pacman-balls 1s -0.66s infinite linear; }
|
|
.pacman > div:nth-child(4) {
|
|
-webkit-animation: pacman-balls 1s -0.33s infinite linear;
|
|
animation: pacman-balls 1s -0.33s infinite linear; }
|
|
.pacman > div:nth-child(5) {
|
|
-webkit-animation: pacman-balls 1s 0s infinite linear;
|
|
animation: pacman-balls 1s 0s infinite linear; }
|
|
.pacman > div:first-of-type {
|
|
width: 0px;
|
|
height: 0px;
|
|
border-right: 25px solid transparent;
|
|
border-top: 25px solid #fff;
|
|
border-left: 25px solid #fff;
|
|
border-bottom: 25px solid #fff;
|
|
border-radius: 25px;
|
|
-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
|
|
animation: rotate_pacman_half_up 0.5s 0s infinite;
|
|
position: relative;
|
|
left: -30px; }
|
|
.pacman > div:nth-child(2) {
|
|
width: 0px;
|
|
height: 0px;
|
|
border-right: 25px solid transparent;
|
|
border-top: 25px solid #fff;
|
|
border-left: 25px solid #fff;
|
|
border-bottom: 25px solid #fff;
|
|
border-radius: 25px;
|
|
-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
|
|
animation: rotate_pacman_half_down 0.5s 0s infinite;
|
|
margin-top: -50px;
|
|
position: relative;
|
|
left: -30px; }
|
|
.pacman > div:nth-child(3),
|
|
.pacman > div:nth-child(4),
|
|
.pacman > div:nth-child(5),
|
|
.pacman > div:nth-child(6) {
|
|
background-color: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 100%;
|
|
margin: 2px;
|
|
width: 10px;
|
|
height: 10px;
|
|
position: absolute;
|
|
-webkit-transform: translate(0, -6.25px);
|
|
-ms-transform: translate(0, -6.25px);
|
|
transform: translate(0, -6.25px);
|
|
top: 25px;
|
|
left: 70px; }
|
|
|
|
@-webkit-keyframes cube-transition {
|
|
25% {
|
|
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
|
|
transform: translateX(50px) scale(0.5) rotate(-90deg); }
|
|
50% {
|
|
-webkit-transform: translate(50px, 50px) rotate(-180deg);
|
|
transform: translate(50px, 50px) rotate(-180deg); }
|
|
75% {
|
|
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
|
|
transform: translateY(50px) scale(0.5) rotate(-270deg); }
|
|
100% {
|
|
-webkit-transform: rotate(-360deg);
|
|
transform: rotate(-360deg); } }
|
|
|
|
@keyframes cube-transition {
|
|
25% {
|
|
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
|
|
transform: translateX(50px) scale(0.5) rotate(-90deg); }
|
|
50% {
|
|
-webkit-transform: translate(50px, 50px) rotate(-180deg);
|
|
transform: translate(50px, 50px) rotate(-180deg); }
|
|
75% {
|
|
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
|
|
transform: translateY(50px) scale(0.5) rotate(-270deg); }
|
|
100% {
|
|
-webkit-transform: rotate(-360deg);
|
|
transform: rotate(-360deg); } }
|
|
|
|
.cube-transition {
|
|
position: relative;
|
|
-webkit-transform: translate(-25px, -25px);
|
|
-ms-transform: translate(-25px, -25px);
|
|
transform: translate(-25px, -25px); }
|
|
.cube-transition > div {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
width: 10px;
|
|
height: 10px;
|
|
position: absolute;
|
|
top: -5px;
|
|
left: -5px;
|
|
background-color: #fff;
|
|
-webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
|
|
animation: cube-transition 1.6s 0s infinite ease-in-out; }
|
|
.cube-transition > div:last-child {
|
|
-webkit-animation-delay: -0.8s;
|
|
animation-delay: -0.8s; }
|
|
|
|
@-webkit-keyframes spin-rotate {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg); }
|
|
50% {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg); }
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg); } }
|
|
|
|
@keyframes spin-rotate {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg); }
|
|
50% {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg); }
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg); } }
|
|
|
|
.semi-circle-spin {
|
|
position: relative;
|
|
width: 35px;
|
|
height: 35px;
|
|
overflow: hidden; }
|
|
.semi-circle-spin > div {
|
|
position: absolute;
|
|
border-width: 0px;
|
|
border-radius: 100%;
|
|
-webkit-animation: spin-rotate 0.6s 0s infinite linear;
|
|
animation: spin-rotate 0.6s 0s infinite linear;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #fff), to(#fff));
|
|
background-image: -o-linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
|
|
background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
@-webkit-keyframes bar-progress {
|
|
0% {
|
|
-webkit-transform: scaleY(20%);
|
|
transform: scaleY(20%);
|
|
opacity: 1; }
|
|
25% {
|
|
-webkit-transform: translateX(6%) scaleY(10%);
|
|
transform: translateX(6%) scaleY(10%);
|
|
opacity: 0.7; }
|
|
50% {
|
|
-webkit-transform: translateX(20%) scaleY(20%);
|
|
transform: translateX(20%) scaleY(20%);
|
|
opacity: 1; }
|
|
75% {
|
|
-webkit-transform: translateX(6%) scaleY(10%);
|
|
transform: translateX(6%) scaleY(10%);
|
|
opacity: 0.7; }
|
|
100% {
|
|
-webkit-transform: scaleY(20%);
|
|
transform: scaleY(20%);
|
|
opacity: 1; } }
|
|
|
|
@keyframes bar-progress {
|
|
0% {
|
|
-webkit-transform: scaleY(20%);
|
|
transform: scaleY(20%);
|
|
opacity: 1; }
|
|
25% {
|
|
-webkit-transform: translateX(6%) scaleY(10%);
|
|
transform: translateX(6%) scaleY(10%);
|
|
opacity: 0.7; }
|
|
50% {
|
|
-webkit-transform: translateX(20%) scaleY(20%);
|
|
transform: translateX(20%) scaleY(20%);
|
|
opacity: 1; }
|
|
75% {
|
|
-webkit-transform: translateX(6%) scaleY(10%);
|
|
transform: translateX(6%) scaleY(10%);
|
|
opacity: 0.7; }
|
|
100% {
|
|
-webkit-transform: scaleY(20%);
|
|
transform: scaleY(20%);
|
|
opacity: 1; } }
|
|
|
|
.bar-progress {
|
|
width: 30%;
|
|
height: 12px; }
|
|
.bar-progress > div {
|
|
position: relative;
|
|
width: 20%;
|
|
height: 12px;
|
|
border-radius: 10px;
|
|
background-color: #fff;
|
|
-webkit-animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite;
|
|
animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite;
|
|
opacity: 1; }
|
|
|
|
@-webkit-keyframes bar-swing {
|
|
0% {
|
|
left: 0; }
|
|
50% {
|
|
left: 70%; }
|
|
100% {
|
|
left: 0; } }
|
|
|
|
@keyframes bar-swing {
|
|
0% {
|
|
left: 0; }
|
|
50% {
|
|
left: 70%; }
|
|
100% {
|
|
left: 0; } }
|
|
|
|
.bar-swing {
|
|
width: 30%;
|
|
height: 8px; }
|
|
.bar-swing > div {
|
|
position: relative;
|
|
width: 30%;
|
|
height: 8px;
|
|
border-radius: 10px;
|
|
background-color: #fff;
|
|
-webkit-animation: bar-swing 1.5s infinite;
|
|
animation: bar-swing 1.5s infinite; }
|
|
|
|
@-webkit-keyframes bar-swing-container {
|
|
0% {
|
|
left: 0;
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0); }
|
|
50% {
|
|
left: 70%;
|
|
-webkit-transform: translateX(-4px);
|
|
transform: translateX(-4px); }
|
|
100% {
|
|
left: 0;
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0); } }
|
|
|
|
@keyframes bar-swing-container {
|
|
0% {
|
|
left: 0;
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0); }
|
|
50% {
|
|
left: 70%;
|
|
-webkit-transform: translateX(-4px);
|
|
transform: translateX(-4px); }
|
|
100% {
|
|
left: 0;
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0); } }
|
|
|
|
.bar-swing-container {
|
|
width: 20%;
|
|
height: 8px;
|
|
position: relative; }
|
|
.bar-swing-container div:nth-child(1) {
|
|
position: absolute;
|
|
width: 100%;
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
height: 12px;
|
|
border-radius: 10px; }
|
|
.bar-swing-container div:nth-child(2) {
|
|
position: absolute;
|
|
width: 30%;
|
|
height: 8px;
|
|
border-radius: 10px;
|
|
background-color: #fff;
|
|
-webkit-animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite;
|
|
animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite;
|
|
margin: 2px 2px 0; }
|
|
|
|
.sk-spinner {
|
|
color: #333;
|
|
}
|
|
|
|
.sk-spinner > div {
|
|
background-color: currentColor;
|
|
}
|
|
|
|
.ball-triangle-path > div,
|
|
.ball-scale-ripple-multiple > div,
|
|
.ball-scale-ripple > div {
|
|
background-color: initial;
|
|
border-color: currentColor;
|
|
}
|
|
|
|
.ball-clip-rotate > div {
|
|
background-color: initial;
|
|
border-top-color: currentColor;
|
|
border-right-color: currentColor;
|
|
border-left-color: currentColor;
|
|
}
|
|
|
|
.ball-clip-rotate-pulse > div:first-child {
|
|
background-color: currentColor;
|
|
}
|
|
.ball-clip-rotate-pulse > div:last-child {
|
|
background-color: initial;
|
|
border-top-color: currentColor;
|
|
border-bottom-color: currentColor;
|
|
}
|
|
|
|
.ball-clip-rotate-multiple > div:first-child {
|
|
background-color: initial;
|
|
border-right-color: currentColor;
|
|
border-left-color: currentColor;
|
|
}
|
|
.ball-clip-rotate-multiple > div:last-child {
|
|
background-color: initial;
|
|
border-top-color: currentColor;
|
|
border-bottom-color: currentColor;
|
|
}
|
|
|
|
.triangle-skew-spin > div {
|
|
background-color: initial;
|
|
border-bottom-color: currentColor;
|
|
}
|
|
|
|
.pacman > div:nth-child(1),
|
|
.pacman > div:nth-child(2) {
|
|
background-color: initial;
|
|
border-top-color: currentColor;
|
|
border-left-color: currentColor;
|
|
border-bottom-color: currentColor;
|
|
}
|
|
|
|
.pacman > div:nth-child(3),
|
|
.pacman > div:nth-child(4),
|
|
.pacman > div:nth-child(5) {
|
|
background-color: currentColor;
|
|
}
|
|
|
|
@-webkit-keyframes sk-fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes sk-fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.sk-fade-in {
|
|
-webkit-animation: sk-fade-in 2s;
|
|
animation: sk-fade-in 2s;
|
|
}
|
|
|
|
.sk-fade-in-half-second {
|
|
-webkit-animation: sk-fade-in 1s;
|
|
animation: sk-fade-in 1s;
|
|
}
|
|
|
|
.sk-fade-in-quarter-second {
|
|
-webkit-animation: sk-fade-in 0.5s;
|
|
animation: sk-fade-in 0.5s;
|
|
}
|
|
|
|
.sk-chasing-dots {
|
|
width: 27px;
|
|
height: 27px;
|
|
position: relative;
|
|
|
|
-webkit-animation: sk-rotate 2.0s infinite linear;
|
|
animation: sk-rotate 2.0s infinite linear;
|
|
}
|
|
|
|
.sk-chasing-dots > div {
|
|
width: 60%;
|
|
height: 60%;
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 0;
|
|
background-color: currentColor;
|
|
border-radius: 100%;
|
|
|
|
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
|
|
animation: sk-bounce 2.0s infinite ease-in-out;
|
|
}
|
|
|
|
.sk-chasing-dots > div:last-child {
|
|
top: auto;
|
|
bottom: 0;
|
|
|
|
-webkit-animation-delay: -1.0s;
|
|
animation-delay: -1.0s;
|
|
}
|
|
|
|
@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
|
|
@keyframes sk-rotate {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
-webkit-transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes sk-bounce {
|
|
0%, 100% { -webkit-transform: scale(0.0) }
|
|
50% { -webkit-transform: scale(1.0) }
|
|
}
|
|
|
|
@keyframes sk-bounce {
|
|
0%, 100% {
|
|
transform: scale(0.0);
|
|
-webkit-transform: scale(0.0);
|
|
} 50% {
|
|
transform: scale(1.0);
|
|
-webkit-transform: scale(1.0);
|
|
}
|
|
}
|
|
|
|
.sk-circle {
|
|
width: 22px;
|
|
height: 22px;
|
|
position: relative;
|
|
}
|
|
|
|
.sk-circle > div {
|
|
background-color: initial;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.sk-circle > div::before {
|
|
content: '';
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 20%;
|
|
height: 20%;
|
|
background-color: currentColor;
|
|
border-radius: 100%;
|
|
|
|
-webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out;
|
|
animation: sk-bouncedelay 1.2s infinite ease-in-out;
|
|
/* Prevent first frame from flickering when animation starts */
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
.sk-circle > div:nth-child(2) { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg) }
|
|
.sk-circle > div:nth-child(3) { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg) }
|
|
.sk-circle > div:nth-child(4) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
|
|
.sk-circle > div:nth-child(5) { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg) }
|
|
.sk-circle > div:nth-child(6) { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg) }
|
|
.sk-circle > div:nth-child(7) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
|
|
.sk-circle > div:nth-child(8) { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg) }
|
|
.sk-circle > div:nth-child(9) { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg) }
|
|
.sk-circle > div:nth-child(10) { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) }
|
|
.sk-circle > div:nth-child(11) { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg) }
|
|
.sk-circle > div:nth-child(12) { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg) }
|
|
|
|
.sk-circle > div:nth-child(2)::before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s }
|
|
.sk-circle > div:nth-child(3)::before { -webkit-animation-delay: -1.0s; animation-delay: -1.0s }
|
|
.sk-circle > div:nth-child(4)::before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s }
|
|
.sk-circle > div:nth-child(5)::before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s }
|
|
.sk-circle > div:nth-child(6)::before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s }
|
|
.sk-circle > div:nth-child(7)::before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s }
|
|
.sk-circle > div:nth-child(8)::before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s }
|
|
.sk-circle > div:nth-child(9)::before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s }
|
|
.sk-circle > div:nth-child(10)::before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s }
|
|
.sk-circle > div:nth-child(11)::before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s }
|
|
.sk-circle > div:nth-child(12)::before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s }
|
|
|
|
@-webkit-keyframes sk-bouncedelay {
|
|
0%, 80%, 100% { -webkit-transform: scale(0.0) }
|
|
40% { -webkit-transform: scale(1.0) }
|
|
}
|
|
|
|
@keyframes sk-bouncedelay {
|
|
0%, 80%, 100% {
|
|
-webkit-transform: scale(0.0);
|
|
transform: scale(0.0);
|
|
} 40% {
|
|
-webkit-transform: scale(1.0);
|
|
transform: scale(1.0);
|
|
}
|
|
}
|
|
|
|
.sk-cube-grid {
|
|
width: 27px;
|
|
height: 27px;
|
|
}
|
|
|
|
.sk-cube-grid > div {
|
|
width: 33%;
|
|
height: 33%;
|
|
background-color: currentColor;
|
|
float: left;
|
|
|
|
-webkit-animation: sk-scaleDelay 1.3s infinite ease-in-out;
|
|
animation: sk-scaleDelay 1.3s infinite ease-in-out;
|
|
}
|
|
|
|
/*
|
|
* Spinner positions
|
|
* 1 2 3
|
|
* 4 5 6
|
|
* 7 8 9
|
|
*/
|
|
|
|
.sk-cube-grid > div:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
|
|
.sk-cube-grid > div:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s }
|
|
.sk-cube-grid > div:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s }
|
|
.sk-cube-grid > div:nth-child(4) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s }
|
|
.sk-cube-grid > div:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
|
|
.sk-cube-grid > div:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s }
|
|
.sk-cube-grid > div:nth-child(7) { -webkit-animation-delay: 0.0s; animation-delay: 0.0s }
|
|
.sk-cube-grid > div:nth-child(8) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s }
|
|
.sk-cube-grid > div:nth-child(9) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
|
|
|
|
@-webkit-keyframes sk-scaleDelay {
|
|
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0) }
|
|
35% { -webkit-transform:scale3D(0.0, 0.0, 1.0) }
|
|
}
|
|
|
|
@keyframes sk-scaleDelay {
|
|
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(1.0, 1.0, 1.0) }
|
|
35% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(0.0, 0.0, 1.0) }
|
|
}
|
|
|
|
.sk-double-bounce {
|
|
width: 27px;
|
|
height: 27px;
|
|
position: relative;
|
|
}
|
|
|
|
.sk-double-bounce > div {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
background-color: currentColor;
|
|
opacity: 0.6;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
|
|
animation: sk-bounce 2.0s infinite ease-in-out;
|
|
}
|
|
|
|
.sk-double-bounce > div:last-child {
|
|
-webkit-animation-delay: -1.0s;
|
|
animation-delay: -1.0s;
|
|
}
|
|
|
|
@-webkit-keyframes sk-bounce {
|
|
0%, 100% { -webkit-transform: scale(0.0) }
|
|
50% { -webkit-transform: scale(1.0) }
|
|
}
|
|
|
|
@keyframes sk-bounce {
|
|
0%, 100% {
|
|
transform: scale(0.0);
|
|
-webkit-transform: scale(0.0);
|
|
} 50% {
|
|
transform: scale(1.0);
|
|
-webkit-transform: scale(1.0);
|
|
}
|
|
}
|
|
|
|
.sk-folding-cube {
|
|
width: 27px;
|
|
height: 27px;
|
|
position: relative;
|
|
|
|
-webkit-transform: rotateZ(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotateZ(45deg);
|
|
}
|
|
|
|
.sk-folding-cube > div {
|
|
background-color: initial;
|
|
float: left;
|
|
width: 50%;
|
|
height: 50%;
|
|
position: relative;
|
|
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
.sk-folding-cube > div::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: currentColor;
|
|
|
|
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
|
|
animation: sk-foldCubeAngle 2.4s infinite linear both;
|
|
-webkit-transform-origin: 100% 100%;
|
|
-ms-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
}
|
|
.sk-folding-cube > div:nth-child(2) {
|
|
-webkit-transform: scale(1.1) rotateZ(90deg);
|
|
-ms-transform: scale(1.1) rotate(90deg);
|
|
transform: scale(1.1) rotateZ(90deg);
|
|
}
|
|
.sk-folding-cube > div:nth-child(4) {
|
|
-webkit-transform: scale(1.1) rotateZ(180deg);
|
|
-ms-transform: scale(1.1) rotate(180deg);
|
|
transform: scale(1.1) rotateZ(180deg);
|
|
}
|
|
.sk-folding-cube > div:nth-child(3) {
|
|
-webkit-transform: scale(1.1) rotateZ(270deg);
|
|
-ms-transform: scale(1.1) rotate(270deg);
|
|
transform: scale(1.1) rotateZ(270deg);
|
|
}
|
|
.sk-folding-cube > div:nth-child(2)::before {
|
|
-webkit-animation-delay: 0.3s;
|
|
animation-delay: 0.3s;
|
|
}
|
|
.sk-folding-cube > div:nth-child(4)::before {
|
|
-webkit-animation-delay: 0.6s;
|
|
animation-delay: 0.6s;
|
|
}
|
|
.sk-folding-cube > div:nth-child(3)::before {
|
|
-webkit-animation-delay: 0.9s;
|
|
animation-delay: 0.9s;
|
|
}
|
|
@-webkit-keyframes sk-foldCubeAngle {
|
|
0%, 10% {
|
|
-webkit-transform: perspective(140px) rotateX(-180deg);
|
|
transform: perspective(140px) rotateX(-180deg);
|
|
opacity: 0;
|
|
} 25%, 75% {
|
|
-webkit-transform: perspective(140px) rotateX(0deg);
|
|
transform: perspective(140px) rotateX(0deg);
|
|
opacity: 1;
|
|
} 90%, 100% {
|
|
-webkit-transform: perspective(140px) rotateY(180deg);
|
|
transform: perspective(140px) rotateY(180deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes sk-foldCubeAngle {
|
|
0%, 10% {
|
|
-webkit-transform: perspective(140px) rotateX(-180deg);
|
|
transform: perspective(140px) rotateX(-180deg);
|
|
opacity: 0;
|
|
} 25%, 75% {
|
|
-webkit-transform: perspective(140px) rotateX(0deg);
|
|
transform: perspective(140px) rotateX(0deg);
|
|
opacity: 1;
|
|
} 90%, 100% {
|
|
-webkit-transform: perspective(140px) rotateY(180deg);
|
|
transform: perspective(140px) rotateY(180deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.sk-pulse > div {
|
|
width: 27px;
|
|
height: 27px;
|
|
background-color: currentColor;
|
|
border-radius: 100%;
|
|
|
|
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
|
|
animation: sk-scaleout 1.0s infinite ease-in-out;
|
|
}
|
|
|
|
@-webkit-keyframes sk-scaleout {
|
|
0% { -webkit-transform: scale(0.0) }
|
|
100% {
|
|
-webkit-transform: scale(1.0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes sk-scaleout {
|
|
0% {
|
|
transform: scale(0.0);
|
|
-webkit-transform: scale(0.0);
|
|
} 100% {
|
|
transform: scale(1.0);
|
|
-webkit-transform: scale(1.0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.sk-rotating-plane > div {
|
|
width: 27px;
|
|
height: 27px;
|
|
background-color: currentColor;
|
|
|
|
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
|
|
animation: sk-rotateplane 1.2s infinite ease-in-out;
|
|
}
|
|
|
|
@-webkit-keyframes sk-rotateplane {
|
|
0% { -webkit-transform: perspective(120px) }
|
|
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
|
|
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
|
|
}
|
|
|
|
@keyframes sk-rotateplane {
|
|
0% {
|
|
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
} 50% {
|
|
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
|
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
|
} 100% {
|
|
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
|
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
|
}
|
|
}
|
|
|
|
.sk-three-bounce {
|
|
height: 18px;
|
|
}
|
|
|
|
.sk-three-bounce > div {
|
|
width: 18px;
|
|
height: 18px;
|
|
background-color: currentColor;
|
|
border-radius: 100%;
|
|
display: inline-block;
|
|
|
|
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out;
|
|
animation: sk-bouncedelay 1.4s infinite ease-in-out;
|
|
/* Prevent first frame from flickering when animation starts */
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
.sk-three-bounce > div:first-child {
|
|
-webkit-animation-delay: -0.32s;
|
|
animation-delay: -0.32s;
|
|
}
|
|
|
|
.sk-three-bounce > div:nth-child(2) {
|
|
-webkit-animation-delay: -0.16s;
|
|
animation-delay: -0.16s;
|
|
}
|
|
|
|
@-webkit-keyframes sk-bouncedelay {
|
|
0%, 80%, 100% { -webkit-transform: scale(0.0) }
|
|
40% { -webkit-transform: scale(1.0) }
|
|
}
|
|
|
|
@keyframes sk-bouncedelay {
|
|
0%, 80%, 100% {
|
|
transform: scale(0.0);
|
|
-webkit-transform: scale(0.0);
|
|
} 40% {
|
|
transform: scale(1.0);
|
|
-webkit-transform: scale(1.0);
|
|
}
|
|
}
|
|
|
|
.sk-wandering-cubes {
|
|
width: 52px;
|
|
height: 52px;
|
|
position: relative;
|
|
}
|
|
|
|
.sk-wandering-cubes > div {
|
|
background-color: currentColor;
|
|
width: 10px;
|
|
height: 10px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
|
|
animation: sk-cubemove 1.8s infinite ease-in-out;
|
|
}
|
|
|
|
.sk-wandering-cubes > div:last-child {
|
|
-webkit-animation-delay: -0.9s;
|
|
animation-delay: -0.9s;
|
|
}
|
|
|
|
@-webkit-keyframes sk-cubemove {
|
|
25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
|
|
50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
|
|
75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
|
|
100% { -webkit-transform: rotate(-360deg) }
|
|
}
|
|
|
|
@keyframes sk-cubemove {
|
|
25% {
|
|
transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
} 50% {
|
|
/* Hack to make FF rotate in the right direction */
|
|
transform: translateX(42px) translateY(42px) rotate(-179deg);
|
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
|
|
} 50.1% {
|
|
transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
} 75% {
|
|
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
|
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
|
} 100% {
|
|
transform: rotate(-360deg);
|
|
-webkit-transform: rotate(-360deg);
|
|
}
|
|
}
|
|
|
|
.sk-wave {
|
|
width: 30px;
|
|
height: 27px;
|
|
}
|
|
|
|
.sk-wave > div {
|
|
background-color: currentColor;
|
|
height: 100%;
|
|
width: 6px;
|
|
display: inline-block;
|
|
|
|
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
|
|
animation: sk-stretchdelay 1.2s infinite ease-in-out;
|
|
}
|
|
|
|
.sk-wave > div:nth-child(2) {
|
|
-webkit-animation-delay: -1.1s;
|
|
animation-delay: -1.1s;
|
|
}
|
|
|
|
.sk-wave > div:nth-child(3) {
|
|
-webkit-animation-delay: -1.0s;
|
|
animation-delay: -1.0s;
|
|
}
|
|
|
|
.sk-wave > div:nth-child(4) {
|
|
-webkit-animation-delay: -0.9s;
|
|
animation-delay: -0.9s;
|
|
}
|
|
|
|
.sk-wave > div:nth-child(5) {
|
|
-webkit-animation-delay: -0.8s;
|
|
animation-delay: -0.8s;
|
|
}
|
|
|
|
@-webkit-keyframes sk-stretchdelay {
|
|
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
|
|
20% { -webkit-transform: scaleY(1.0) }
|
|
}
|
|
|
|
@keyframes sk-stretchdelay {
|
|
0%, 40%, 100% {
|
|
transform: scaleY(0.4);
|
|
-webkit-transform: scaleY(0.4);
|
|
} 20% {
|
|
transform: scaleY(1.0);
|
|
-webkit-transform: scaleY(1.0);
|
|
}
|
|
}
|
|
|
|
.sk-wordpress > div {
|
|
width: 27px;
|
|
height: 27px;
|
|
background-color: currentColor;
|
|
display: inline-block;
|
|
border-radius: 27px;
|
|
position: relative;
|
|
|
|
-webkit-animation: sk-inner-circle 1s linear infinite;
|
|
animation: sk-inner-circle 1s linear infinite;
|
|
}
|
|
|
|
.sk-wordpress > div::after {
|
|
content: '';
|
|
display: block;
|
|
background-color: #fff;
|
|
width: 8px;
|
|
height: 8px;
|
|
position: absolute;
|
|
border-radius: 8px;
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
|
|
@-webkit-keyframes sk-inner-circle {
|
|
0% { -webkit-transform: rotate(0); }
|
|
100% { -webkit-transform: rotate(360deg); }
|
|
}
|
|
|
|
@keyframes sk-inner-circle {
|
|
0% { transform: rotate(0); -webkit-transform:rotate(0); }
|
|
100% { transform: rotate(360deg); -webkit-transform:rotate(360deg); }
|
|
}
|
|
|
|
.tippy-touch{cursor:pointer!important}.tippy-notransition{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.tippy-popper{max-width:400px;-webkit-perspective:800px;perspective:800px;z-index:9999;outline:0;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);-o-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{-webkit-transform-origin:0 33%;-ms-transform-origin:0 33%;transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-55%);-ms-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);-ms-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(-10px) scale(1);-ms-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);-ms-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{-webkit-transform-origin:0 -50%;-ms-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-45%);-ms-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-5%);-ms-transform:scale(.15) translate(-50%,-5%);transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(10px) scale(1);-ms-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);-ms-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);-ms-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);-ms-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(-10px) scale(1);-ms-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);-ms-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{-webkit-transform-origin:-50% 0;-ms-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);-ms-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);-ms-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(10px) scale(1);-ms-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);-ms-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;-webkit-box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{-webkit-transition-timing-function:cubic-bezier(.53,2,.36,.85);-o-transition-timing-function:cubic-bezier(.53,2,.36,.85);transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;-webkit-transition:all ease;-o-transition:all ease;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}
|
|
|
|
|
|
/*# sourceMappingURL=vendor.5cab5569.css.map*/
|