|
- @charset "UTF-8";
- /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
- article,
- aside,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- main,
- nav,
- section,
- summary {
- display: block;
- }
- audio,
- canvas,
- video {
- display: inline-block;
- }
- audio:not([controls]) {
- display: none;
- height: 0;
- }
- [hidden],
- template {
- display: none;
- }
- html {
- font-family: sans-serif;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%;
- }
- body {
- margin: 0;
- }
- a {
- background: transparent;
- }
- a:focus {
- outline: thin dotted;
- }
- a:active,
- a:hover {
- outline: 0;
- }
- h1 {
- font-size: 2em;
- margin: 0.67em 0;
- }
- abbr[title] {
- border-bottom: 1px dotted;
- }
- b,
- strong {
- font-weight: bold;
- }
- dfn {
- font-style: italic;
- }
- hr {
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
- }
- mark {
- background: #ff0;
- color: #000;
- }
- code,
- kbd,
- pre,
- samp {
- font-family: monospace, serif;
- font-size: 1em;
- }
- pre {
- white-space: pre-wrap;
- }
- q {
- quotes: "\201C" "\201D" "\2018" "\2019";
- }
- small {
- font-size: 80%;
- }
- sub,
- sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
- sup {
- top: -0.5em;
- }
- sub {
- bottom: -0.25em;
- }
- img {
- border: 0;
- }
- svg:not(:root) {
- overflow: hidden;
- }
- figure {
- margin: 0;
- }
- fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
- }
- legend {
- border: 0;
- padding: 0;
- }
- button,
- input,
- select,
- textarea {
- font-family: inherit;
- font-size: 100%;
- margin: 0;
- }
- button,
- input {
- line-height: normal;
- }
- button,
- select {
- text-transform: none;
- }
- button,
- html input[type="button"],
- input[type="reset"],
- input[type="submit"] {
- -webkit-appearance: button;
- cursor: pointer;
- }
- button[disabled],
- html input[disabled] {
- cursor: default;
- }
- input[type="checkbox"],
- input[type="radio"] {
- box-sizing: border-box;
- padding: 0;
- }
- input[type="search"] {
- -webkit-appearance: textfield;
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- }
- input[type="search"]::-webkit-search-cancel-button,
- input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
- }
- button::-moz-focus-inner,
- input::-moz-focus-inner {
- border: 0;
- padding: 0;
- }
- textarea {
- overflow: auto;
- vertical-align: top;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- @media print {
- * {
- text-shadow: none !important;
- color: #000 !important;
- background: transparent !important;
- box-shadow: none !important;
- }
- a,
- a:visited {
- text-decoration: underline;
- }
- a[href]:after {
- content: " (" attr(href) ")";
- }
- abbr[title]:after {
- content: " (" attr(title) ")";
- }
- a[href^="javascript:"]:after,
- a[href^="#"]:after {
- content: "";
- }
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid;
- }
- thead {
- display: table-header-group;
- }
- tr,
- img {
- page-break-inside: avoid;
- }
- img {
- max-width: 100% !important;
- }
- @page {
- margin: 2cm .5cm;
- }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
- h2,
- h3 {
- page-break-after: avoid;
- }
- select {
- background: #fff !important;
- }
- .navbar {
- display: none;
- }
- .table td,
- .table th {
- background-color: #fff !important;
- }
- .btn > .caret,
- .dropup > .btn > .caret {
- border-top-color: #000 !important;
- }
- .label {
- border: 1px solid #000;
- }
- .table {
- border-collapse: collapse !important;
- }
- .table-bordered th,
- .table-bordered td {
- border: 1px solid #ddd !important;
- }
- }
- *,
- *:before,
- *:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- html {
- font-size: 62.5%;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- }
- body {
- font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 14px;
- line-height: 1.42857143;
- color: #36535a;
- background-color: #ffffff;
- }
- input,
- button,
- select,
- textarea {
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
- }
- a {
- color: #428bca;
- text-decoration: none;
- }
- a:hover,
- a:focus {
- color: #2a6496;
- text-decoration: underline;
- }
- a:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
- }
- img {
- vertical-align: middle;
- }
- .img-responsive {
- display: block;
- max-width: 100%;
- height: auto;
- }
- .img-rounded {
- border-radius: 6px;
- }
- .img-thumbnail {
- padding: 4px;
- line-height: 1.42857143;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- border-radius: 4px;
- -webkit-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- display: inline-block;
- max-width: 100%;
- height: auto;
- }
- .img-circle {
- border-radius: 50%;
- }
- hr {
- margin-top: 20px;
- margin-bottom: 20px;
- border: 0;
- border-top: 1px solid #eeeeee;
- }
- .sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- margin: -1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- border: 0;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- .h1,
- .h2,
- .h3,
- .h4,
- .h5,
- .h6 {
- font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-weight: 100;
- line-height: 1.1;
- color: inherit;
- }
- h1 small,
- h2 small,
- h3 small,
- h4 small,
- h5 small,
- h6 small,
- .h1 small,
- .h2 small,
- .h3 small,
- .h4 small,
- .h5 small,
- .h6 small,
- h1 .small,
- h2 .small,
- h3 .small,
- h4 .small,
- h5 .small,
- h6 .small,
- .h1 .small,
- .h2 .small,
- .h3 .small,
- .h4 .small,
- .h5 .small,
- .h6 .small {
- font-weight: normal;
- line-height: 1;
- color: #999999;
- }
- h1,
- h2,
- h3 {
- margin-top: 20px;
- margin-bottom: 10px;
- }
- h1 small,
- h2 small,
- h3 small,
- h1 .small,
- h2 .small,
- h3 .small {
- font-size: 65%;
- }
- h4,
- h5,
- h6 {
- margin-top: 10px;
- margin-bottom: 10px;
- }
- h4 small,
- h5 small,
- h6 small,
- h4 .small,
- h5 .small,
- h6 .small {
- font-size: 75%;
- }
- h1,
- .h1 {
- font-size: 36px;
- }
- h2,
- .h2 {
- font-size: 30px;
- }
- h3,
- .h3 {
- font-size: 24px;
- }
- h4,
- .h4 {
- font-size: 18px;
- }
- h5,
- .h5 {
- font-size: 14px;
- }
- h6,
- .h6 {
- font-size: 12px;
- }
- p {
- margin: 0 0 10px;
- }
- .lead {
- margin-bottom: 20px;
- font-size: 16px;
- font-weight: 200;
- line-height: 1.4;
- }
- @media (min-width: 768px) {
- .lead {
- font-size: 21px;
- }
- }
- small,
- .small {
- font-size: 85%;
- }
- cite {
- font-style: normal;
- }
- .text-muted {
- color: #999999;
- }
- .text-primary {
- color: #428bca;
- }
- .text-primary:hover {
- color: #3071a9;
- }
- .text-warning {
- color: #8a6d3b;
- }
- .text-warning:hover {
- color: #66512c;
- }
- .text-danger {
- color: #a94442;
- }
- .text-danger:hover {
- color: #843534;
- }
- .text-success {
- color: #3c763d;
- }
- .text-success:hover {
- color: #2b542c;
- }
- .text-info {
- color: #31708f;
- }
- .text-info:hover {
- color: #245269;
- }
- .text-left {
- text-align: left;
- }
- .text-right {
- text-align: right;
- }
- .text-center {
- text-align: center;
- }
- .page-header {
- padding-bottom: 9px;
- margin: 40px 0 20px;
- border-bottom: 1px solid #eeeeee;
- }
- ul,
- ol {
- margin-top: 0;
- margin-bottom: 10px;
- }
- ul ul,
- ol ul,
- ul ol,
- ol ol {
- margin-bottom: 0;
- }
- .list-unstyled {
- padding-left: 0;
- list-style: none;
- }
- .list-inline {
- padding-left: 0;
- list-style: none;
- }
- .list-inline > li {
- display: inline-block;
- padding-left: 5px;
- padding-right: 5px;
- }
- .list-inline > li:first-child {
- padding-left: 0;
- }
- dl {
- margin-top: 0;
- margin-bottom: 20px;
- }
- dt,
- dd {
- line-height: 1.42857143;
- }
- dt {
- font-weight: bold;
- }
- dd {
- margin-left: 0;
- }
- @media (min-width: 768px) {
- .dl-horizontal dt {
- float: left;
- width: 160px;
- clear: left;
- text-align: right;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .dl-horizontal dd {
- margin-left: 180px;
- }
- .dl-horizontal dd:before,
- .dl-horizontal dd:after {
- content: " ";
- display: table;
- }
- .dl-horizontal dd:after {
- clear: both;
- }
- .dl-horizontal dd:before,
- .dl-horizontal dd:after {
- content: " ";
- display: table;
- }
- .dl-horizontal dd:after {
- clear: both;
- }
- }
- abbr[title],
- abbr[data-original-title] {
- cursor: help;
- border-bottom: 1px dotted #999999;
- }
- .initialism {
- font-size: 90%;
- text-transform: uppercase;
- }
- blockquote {
- padding: 10px 20px;
- margin: 0 0 20px;
- border-left: 5px solid #eeeeee;
- }
- blockquote p {
- font-size: 17.5px;
- font-weight: 300;
- line-height: 1.25;
- }
- blockquote p:last-child {
- margin-bottom: 0;
- }
- blockquote small,
- blockquote .small {
- display: block;
- line-height: 1.42857143;
- color: #999999;
- }
- blockquote small:before,
- blockquote .small:before {
- content: '\2014 \00A0';
- }
- blockquote.pull-right {
- padding-right: 15px;
- padding-left: 0;
- border-right: 5px solid #eeeeee;
- border-left: 0;
- }
- blockquote.pull-right p,
- blockquote.pull-right small,
- blockquote.pull-right .small {
- text-align: right;
- }
- blockquote.pull-right small:before,
- blockquote.pull-right .small:before {
- content: '';
- }
- blockquote.pull-right small:after,
- blockquote.pull-right .small:after {
- content: '\00A0 \2014';
- }
- blockquote:before,
- blockquote:after {
- content: "";
- }
- address {
- margin-bottom: 20px;
- font-style: normal;
- line-height: 1.42857143;
- }
- .container {
- margin-right: auto;
- margin-left: auto;
- padding-left: 38px;
- padding-right: 38px;
- }
- .container:before,
- .container:after {
- content: " ";
- display: table;
- }
- .container:after {
- clear: both;
- }
- .container:before,
- .container:after {
- content: " ";
- display: table;
- }
- .container:after {
- clear: both;
- }
- @media (min-width: 768px) {
- .container {
- width: 796px;
- }
- }
- @media (min-width: 992px) {
- .container {
- width: 1016px;
- }
- }
- @media (min-width: 1200px) {
- .container {
- width: 1216px;
- }
- }
- .row {
- margin-left: -38px;
- margin-right: -38px;
- }
- .row:before,
- .row:after {
- content: " ";
- display: table;
- }
- .row:after {
- clear: both;
- }
- .row:before,
- .row:after {
- content: " ";
- display: table;
- }
- .row:after {
- clear: both;
- }
- .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
- position: relative;
- min-height: 1px;
- padding-left: 38px;
- padding-right: 38px;
- }
- .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
- float: left;
- }
- .col-xs-12 {
- width: 100%;
- }
- .col-xs-11 {
- width: 91.66666667%;
- }
- .col-xs-10 {
- width: 83.33333333%;
- }
- .col-xs-9 {
- width: 75%;
- }
- .col-xs-8 {
- width: 66.66666667%;
- }
- .col-xs-7 {
- width: 58.33333333%;
- }
- .col-xs-6 {
- width: 50%;
- }
- .col-xs-5 {
- width: 41.66666667%;
- }
- .col-xs-4 {
- width: 33.33333333%;
- }
- .col-xs-3 {
- width: 25%;
- }
- .col-xs-2 {
- width: 16.66666667%;
- }
- .col-xs-1 {
- width: 8.33333333%;
- }
- .col-xs-pull-12 {
- right: 100%;
- }
- .col-xs-pull-11 {
- right: 91.66666667%;
- }
- .col-xs-pull-10 {
- right: 83.33333333%;
- }
- .col-xs-pull-9 {
- right: 75%;
- }
- .col-xs-pull-8 {
- right: 66.66666667%;
- }
- .col-xs-pull-7 {
- right: 58.33333333%;
- }
- .col-xs-pull-6 {
- right: 50%;
- }
- .col-xs-pull-5 {
- right: 41.66666667%;
- }
- .col-xs-pull-4 {
- right: 33.33333333%;
- }
- .col-xs-pull-3 {
- right: 25%;
- }
- .col-xs-pull-2 {
- right: 16.66666667%;
- }
- .col-xs-pull-1 {
- right: 8.33333333%;
- }
- .col-xs-pull-0 {
- right: 0%;
- }
- .col-xs-push-12 {
- left: 100%;
- }
- .col-xs-push-11 {
- left: 91.66666667%;
- }
- .col-xs-push-10 {
- left: 83.33333333%;
- }
- .col-xs-push-9 {
- left: 75%;
- }
- .col-xs-push-8 {
- left: 66.66666667%;
- }
- .col-xs-push-7 {
- left: 58.33333333%;
- }
- .col-xs-push-6 {
- left: 50%;
- }
- .col-xs-push-5 {
- left: 41.66666667%;
- }
- .col-xs-push-4 {
- left: 33.33333333%;
- }
- .col-xs-push-3 {
- left: 25%;
- }
- .col-xs-push-2 {
- left: 16.66666667%;
- }
- .col-xs-push-1 {
- left: 8.33333333%;
- }
- .col-xs-push-0 {
- left: 0%;
- }
- .col-xs-offset-12 {
- margin-left: 100%;
- }
- .col-xs-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-xs-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-xs-offset-9 {
- margin-left: 75%;
- }
- .col-xs-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-xs-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-xs-offset-6 {
- margin-left: 50%;
- }
- .col-xs-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-xs-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-xs-offset-3 {
- margin-left: 25%;
- }
- .col-xs-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-xs-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-xs-offset-0 {
- margin-left: 0%;
- }
- @media (min-width: 768px) {
- .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
- float: left;
- }
- .col-sm-12 {
- width: 100%;
- }
- .col-sm-11 {
- width: 91.66666667%;
- }
- .col-sm-10 {
- width: 83.33333333%;
- }
- .col-sm-9 {
- width: 75%;
- }
- .col-sm-8 {
- width: 66.66666667%;
- }
- .col-sm-7 {
- width: 58.33333333%;
- }
- .col-sm-6 {
- width: 50%;
- }
- .col-sm-5 {
- width: 41.66666667%;
- }
- .col-sm-4 {
- width: 33.33333333%;
- }
- .col-sm-3 {
- width: 25%;
- }
- .col-sm-2 {
- width: 16.66666667%;
- }
- .col-sm-1 {
- width: 8.33333333%;
- }
- .col-sm-pull-12 {
- right: 100%;
- }
- .col-sm-pull-11 {
- right: 91.66666667%;
- }
- .col-sm-pull-10 {
- right: 83.33333333%;
- }
- .col-sm-pull-9 {
- right: 75%;
- }
- .col-sm-pull-8 {
- right: 66.66666667%;
- }
- .col-sm-pull-7 {
- right: 58.33333333%;
- }
- .col-sm-pull-6 {
- right: 50%;
- }
- .col-sm-pull-5 {
- right: 41.66666667%;
- }
- .col-sm-pull-4 {
- right: 33.33333333%;
- }
- .col-sm-pull-3 {
- right: 25%;
- }
- .col-sm-pull-2 {
- right: 16.66666667%;
- }
- .col-sm-pull-1 {
- right: 8.33333333%;
- }
- .col-sm-pull-0 {
- right: 0%;
- }
- .col-sm-push-12 {
- left: 100%;
- }
- .col-sm-push-11 {
- left: 91.66666667%;
- }
- .col-sm-push-10 {
- left: 83.33333333%;
- }
- .col-sm-push-9 {
- left: 75%;
- }
- .col-sm-push-8 {
- left: 66.66666667%;
- }
- .col-sm-push-7 {
- left: 58.33333333%;
- }
- .col-sm-push-6 {
- left: 50%;
- }
- .col-sm-push-5 {
- left: 41.66666667%;
- }
- .col-sm-push-4 {
- left: 33.33333333%;
- }
- .col-sm-push-3 {
- left: 25%;
- }
- .col-sm-push-2 {
- left: 16.66666667%;
- }
- .col-sm-push-1 {
- left: 8.33333333%;
- }
- .col-sm-push-0 {
- left: 0%;
- }
- .col-sm-offset-12 {
- margin-left: 100%;
- }
- .col-sm-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-sm-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-sm-offset-9 {
- margin-left: 75%;
- }
- .col-sm-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-sm-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-sm-offset-6 {
- margin-left: 50%;
- }
- .col-sm-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-sm-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-sm-offset-3 {
- margin-left: 25%;
- }
- .col-sm-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-sm-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-sm-offset-0 {
- margin-left: 0%;
- }
- }
- @media (min-width: 992px) {
- .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
- float: left;
- }
- .col-md-12 {
- width: 100%;
- }
- .col-md-11 {
- width: 91.66666667%;
- }
- .col-md-10 {
- width: 83.33333333%;
- }
- .col-md-9 {
- width: 75%;
- }
- .col-md-8 {
- width: 66.66666667%;
- }
- .col-md-7 {
- width: 58.33333333%;
- }
- .col-md-6 {
- width: 50%;
- }
- .col-md-5 {
- width: 41.66666667%;
- }
- .col-md-4 {
- width: 33.33333333%;
- }
- .col-md-3 {
- width: 25%;
- }
- .col-md-2 {
- width: 16.66666667%;
- }
- .col-md-1 {
- width: 8.33333333%;
- }
- .col-md-pull-12 {
- right: 100%;
- }
- .col-md-pull-11 {
- right: 91.66666667%;
- }
- .col-md-pull-10 {
- right: 83.33333333%;
- }
- .col-md-pull-9 {
- right: 75%;
- }
- .col-md-pull-8 {
- right: 66.66666667%;
- }
- .col-md-pull-7 {
- right: 58.33333333%;
- }
- .col-md-pull-6 {
- right: 50%;
- }
- .col-md-pull-5 {
- right: 41.66666667%;
- }
- .col-md-pull-4 {
- right: 33.33333333%;
- }
- .col-md-pull-3 {
- right: 25%;
- }
- .col-md-pull-2 {
- right: 16.66666667%;
- }
- .col-md-pull-1 {
- right: 8.33333333%;
- }
- .col-md-pull-0 {
- right: 0%;
- }
- .col-md-push-12 {
- left: 100%;
- }
- .col-md-push-11 {
- left: 91.66666667%;
- }
- .col-md-push-10 {
- left: 83.33333333%;
- }
- .col-md-push-9 {
- left: 75%;
- }
- .col-md-push-8 {
- left: 66.66666667%;
- }
- .col-md-push-7 {
- left: 58.33333333%;
- }
- .col-md-push-6 {
- left: 50%;
- }
- .col-md-push-5 {
- left: 41.66666667%;
- }
- .col-md-push-4 {
- left: 33.33333333%;
- }
- .col-md-push-3 {
- left: 25%;
- }
- .col-md-push-2 {
- left: 16.66666667%;
- }
- .col-md-push-1 {
- left: 8.33333333%;
- }
- .col-md-push-0 {
- left: 0%;
- }
- .col-md-offset-12 {
- margin-left: 100%;
- }
- .col-md-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-md-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-md-offset-9 {
- margin-left: 75%;
- }
- .col-md-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-md-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-md-offset-6 {
- margin-left: 50%;
- }
- .col-md-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-md-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-md-offset-3 {
- margin-left: 25%;
- }
- .col-md-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-md-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-md-offset-0 {
- margin-left: 0%;
- }
- }
- @media (min-width: 1200px) {
- .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
- float: left;
- }
- .col-lg-12 {
- width: 100%;
- }
- .col-lg-11 {
- width: 91.66666667%;
- }
- .col-lg-10 {
- width: 83.33333333%;
- }
- .col-lg-9 {
- width: 75%;
- }
- .col-lg-8 {
- width: 66.66666667%;
- }
- .col-lg-7 {
- width: 58.33333333%;
- }
- .col-lg-6 {
- width: 50%;
- }
- .col-lg-5 {
- width: 41.66666667%;
- }
- .col-lg-4 {
- width: 33.33333333%;
- }
- .col-lg-3 {
- width: 25%;
- }
- .col-lg-2 {
- width: 16.66666667%;
- }
- .col-lg-1 {
- width: 8.33333333%;
- }
- .col-lg-pull-12 {
- right: 100%;
- }
- .col-lg-pull-11 {
- right: 91.66666667%;
- }
- .col-lg-pull-10 {
- right: 83.33333333%;
- }
- .col-lg-pull-9 {
- right: 75%;
- }
- .col-lg-pull-8 {
- right: 66.66666667%;
- }
- .col-lg-pull-7 {
- right: 58.33333333%;
- }
- .col-lg-pull-6 {
- right: 50%;
- }
- .col-lg-pull-5 {
- right: 41.66666667%;
- }
- .col-lg-pull-4 {
- right: 33.33333333%;
- }
- .col-lg-pull-3 {
- right: 25%;
- }
- .col-lg-pull-2 {
- right: 16.66666667%;
- }
- .col-lg-pull-1 {
- right: 8.33333333%;
- }
- .col-lg-pull-0 {
- right: 0%;
- }
- .col-lg-push-12 {
- left: 100%;
- }
- .col-lg-push-11 {
- left: 91.66666667%;
- }
- .col-lg-push-10 {
- left: 83.33333333%;
- }
- .col-lg-push-9 {
- left: 75%;
- }
- .col-lg-push-8 {
- left: 66.66666667%;
- }
- .col-lg-push-7 {
- left: 58.33333333%;
- }
- .col-lg-push-6 {
- left: 50%;
- }
- .col-lg-push-5 {
- left: 41.66666667%;
- }
- .col-lg-push-4 {
- left: 33.33333333%;
- }
- .col-lg-push-3 {
- left: 25%;
- }
- .col-lg-push-2 {
- left: 16.66666667%;
- }
- .col-lg-push-1 {
- left: 8.33333333%;
- }
- .col-lg-push-0 {
- left: 0%;
- }
- .col-lg-offset-12 {
- margin-left: 100%;
- }
- .col-lg-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-lg-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-lg-offset-9 {
- margin-left: 75%;
- }
- .col-lg-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-lg-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-lg-offset-6 {
- margin-left: 50%;
- }
- .col-lg-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-lg-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-lg-offset-3 {
- margin-left: 25%;
- }
- .col-lg-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-lg-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-lg-offset-0 {
- margin-left: 0%;
- }
- }
- .fade {
- opacity: 0;
- -webkit-transition: opacity 0.15s linear;
- transition: opacity 0.15s linear;
- }
- .fade.in {
- opacity: 1;
- }
- .collapse {
- display: none;
- }
- .collapse.in {
- display: block;
- }
- .collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- -webkit-transition: height 0.35s ease;
- transition: height 0.35s ease;
- }
- /* @import "../bower_components/bootstrap/less/navs.less";
- @import "../bower_components/bootstrap/less/navbar.less"; */
- @-webkit-keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
- to {
- background-position: 0 0;
- }
- }
- @keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
- to {
- background-position: 0 0;
- }
- }
- .progress {
- overflow: hidden;
- height: 20px;
- margin-bottom: 20px;
- background-color: #85b5bb;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
- }
- .progress-bar {
- float: left;
- width: 0%;
- height: 100%;
- font-size: 12px;
- line-height: 20px;
- color: #ffffff;
- text-align: center;
- background-color: #428bca;
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
- -webkit-transition: width 0.6s ease;
- transition: width 0.6s ease;
- }
- .progress-striped .progress-bar {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-size: 40px 40px;
- }
- .progress.active .progress-bar {
- -webkit-animation: progress-bar-stripes 2s linear infinite;
- animation: progress-bar-stripes 2s linear infinite;
- }
- .progress-bar-success {
- background-color: #5cb85c;
- }
- .progress-striped .progress-bar-success {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- }
- .progress-bar-info {
- background-color: #5bc0de;
- }
- .progress-striped .progress-bar-info {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- }
- .progress-bar-warning {
- background-color: #f0ad4e;
- }
- .progress-striped .progress-bar-warning {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- }
- .progress-bar-danger {
- background-color: #d9534f;
- }
- .progress-striped .progress-bar-danger {
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- }
- .clearfix:before,
- .clearfix:after {
- content: " ";
- display: table;
- }
- .clearfix:after {
- clear: both;
- }
- .center-block {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .pull-right {
- float: right !important;
- }
- .pull-left {
- float: left !important;
- }
- .hide {
- display: none !important;
- }
- .show {
- display: block !important;
- }
- .invisible {
- visibility: hidden;
- }
- .text-hide {
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
- }
- .hidden {
- display: none !important;
- visibility: hidden !important;
- }
- .affix {
- position: fixed;
- }
- @-ms-viewport {
- width: device-width;
- }
- .visible-xs,
- tr.visible-xs,
- th.visible-xs,
- td.visible-xs {
- display: none !important;
- }
- @media (max-width: 767px) {
- .visible-xs {
- display: block !important;
- }
- table.visible-xs {
- display: table;
- }
- tr.visible-xs {
- display: table-row !important;
- }
- th.visible-xs,
- td.visible-xs {
- display: table-cell !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .visible-xs.visible-sm {
- display: block !important;
- }
- table.visible-xs.visible-sm {
- display: table;
- }
- tr.visible-xs.visible-sm {
- display: table-row !important;
- }
- th.visible-xs.visible-sm,
- td.visible-xs.visible-sm {
- display: table-cell !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .visible-xs.visible-md {
- display: block !important;
- }
- table.visible-xs.visible-md {
- display: table;
- }
- tr.visible-xs.visible-md {
- display: table-row !important;
- }
- th.visible-xs.visible-md,
- td.visible-xs.visible-md {
- display: table-cell !important;
- }
- }
- @media (min-width: 1200px) {
- .visible-xs.visible-lg {
- display: block !important;
- }
- table.visible-xs.visible-lg {
- display: table;
- }
- tr.visible-xs.visible-lg {
- display: table-row !important;
- }
- th.visible-xs.visible-lg,
- td.visible-xs.visible-lg {
- display: table-cell !important;
- }
- }
- .visible-sm,
- tr.visible-sm,
- th.visible-sm,
- td.visible-sm {
- display: none !important;
- }
- @media (max-width: 767px) {
- .visible-sm.visible-xs {
- display: block !important;
- }
- table.visible-sm.visible-xs {
- display: table;
- }
- tr.visible-sm.visible-xs {
- display: table-row !important;
- }
- th.visible-sm.visible-xs,
- td.visible-sm.visible-xs {
- display: table-cell !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .visible-sm {
- display: block !important;
- }
- table.visible-sm {
- display: table;
- }
- tr.visible-sm {
- display: table-row !important;
- }
- th.visible-sm,
- td.visible-sm {
- display: table-cell !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .visible-sm.visible-md {
- display: block !important;
- }
- table.visible-sm.visible-md {
- display: table;
- }
- tr.visible-sm.visible-md {
- display: table-row !important;
- }
- th.visible-sm.visible-md,
- td.visible-sm.visible-md {
- display: table-cell !important;
- }
- }
- @media (min-width: 1200px) {
- .visible-sm.visible-lg {
- display: block !important;
- }
- table.visible-sm.visible-lg {
- display: table;
- }
- tr.visible-sm.visible-lg {
- display: table-row !important;
- }
- th.visible-sm.visible-lg,
- td.visible-sm.visible-lg {
- display: table-cell !important;
- }
- }
- .visible-md,
- tr.visible-md,
- th.visible-md,
- td.visible-md {
- display: none !important;
- }
- @media (max-width: 767px) {
- .visible-md.visible-xs {
- display: block !important;
- }
- table.visible-md.visible-xs {
- display: table;
- }
- tr.visible-md.visible-xs {
- display: table-row !important;
- }
- th.visible-md.visible-xs,
- td.visible-md.visible-xs {
- display: table-cell !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .visible-md.visible-sm {
- display: block !important;
- }
- table.visible-md.visible-sm {
- display: table;
- }
- tr.visible-md.visible-sm {
- display: table-row !important;
- }
- th.visible-md.visible-sm,
- td.visible-md.visible-sm {
- display: table-cell !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .visible-md {
- display: block !important;
- }
- table.visible-md {
- display: table;
- }
- tr.visible-md {
- display: table-row !important;
- }
- th.visible-md,
- td.visible-md {
- display: table-cell !important;
- }
- }
- @media (min-width: 1200px) {
- .visible-md.visible-lg {
- display: block !important;
- }
- table.visible-md.visible-lg {
- display: table;
- }
- tr.visible-md.visible-lg {
- display: table-row !important;
- }
- th.visible-md.visible-lg,
- td.visible-md.visible-lg {
- display: table-cell !important;
- }
- }
- .visible-lg,
- tr.visible-lg,
- th.visible-lg,
- td.visible-lg {
- display: none !important;
- }
- @media (max-width: 767px) {
- .visible-lg.visible-xs {
- display: block !important;
- }
- table.visible-lg.visible-xs {
- display: table;
- }
- tr.visible-lg.visible-xs {
- display: table-row !important;
- }
- th.visible-lg.visible-xs,
- td.visible-lg.visible-xs {
- display: table-cell !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .visible-lg.visible-sm {
- display: block !important;
- }
- table.visible-lg.visible-sm {
- display: table;
- }
- tr.visible-lg.visible-sm {
- display: table-row !important;
- }
- th.visible-lg.visible-sm,
- td.visible-lg.visible-sm {
- display: table-cell !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .visible-lg.visible-md {
- display: block !important;
- }
- table.visible-lg.visible-md {
- display: table;
- }
- tr.visible-lg.visible-md {
- display: table-row !important;
- }
- th.visible-lg.visible-md,
- td.visible-lg.visible-md {
- display: table-cell !important;
- }
- }
- @media (min-width: 1200px) {
- .visible-lg {
- display: block !important;
- }
- table.visible-lg {
- display: table;
- }
- tr.visible-lg {
- display: table-row !important;
- }
- th.visible-lg,
- td.visible-lg {
- display: table-cell !important;
- }
- }
- .hidden-xs {
- display: block !important;
- }
- table.hidden-xs {
- display: table;
- }
- tr.hidden-xs {
- display: table-row !important;
- }
- th.hidden-xs,
- td.hidden-xs {
- display: table-cell !important;
- }
- @media (max-width: 767px) {
- .hidden-xs,
- tr.hidden-xs,
- th.hidden-xs,
- td.hidden-xs {
- display: none !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .hidden-xs.hidden-sm,
- tr.hidden-xs.hidden-sm,
- th.hidden-xs.hidden-sm,
- td.hidden-xs.hidden-sm {
- display: none !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .hidden-xs.hidden-md,
- tr.hidden-xs.hidden-md,
- th.hidden-xs.hidden-md,
- td.hidden-xs.hidden-md {
- display: none !important;
- }
- }
- @media (min-width: 1200px) {
- .hidden-xs.hidden-lg,
- tr.hidden-xs.hidden-lg,
- th.hidden-xs.hidden-lg,
- td.hidden-xs.hidden-lg {
- display: none !important;
- }
- }
- .hidden-sm {
- display: block !important;
- }
- table.hidden-sm {
- display: table;
- }
- tr.hidden-sm {
- display: table-row !important;
- }
- th.hidden-sm,
- td.hidden-sm {
- display: table-cell !important;
- }
- @media (max-width: 767px) {
- .hidden-sm.hidden-xs,
- tr.hidden-sm.hidden-xs,
- th.hidden-sm.hidden-xs,
- td.hidden-sm.hidden-xs {
- display: none !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .hidden-sm,
- tr.hidden-sm,
- th.hidden-sm,
- td.hidden-sm {
- display: none !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .hidden-sm.hidden-md,
- tr.hidden-sm.hidden-md,
- th.hidden-sm.hidden-md,
- td.hidden-sm.hidden-md {
- display: none !important;
- }
- }
- @media (min-width: 1200px) {
- .hidden-sm.hidden-lg,
- tr.hidden-sm.hidden-lg,
- th.hidden-sm.hidden-lg,
- td.hidden-sm.hidden-lg {
- display: none !important;
- }
- }
- .hidden-md {
- display: block !important;
- }
- table.hidden-md {
- display: table;
- }
- tr.hidden-md {
- display: table-row !important;
- }
- th.hidden-md,
- td.hidden-md {
- display: table-cell !important;
- }
- @media (max-width: 767px) {
- .hidden-md.hidden-xs,
- tr.hidden-md.hidden-xs,
- th.hidden-md.hidden-xs,
- td.hidden-md.hidden-xs {
- display: none !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .hidden-md.hidden-sm,
- tr.hidden-md.hidden-sm,
- th.hidden-md.hidden-sm,
- td.hidden-md.hidden-sm {
- display: none !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .hidden-md,
- tr.hidden-md,
- th.hidden-md,
- td.hidden-md {
- display: none !important;
- }
- }
- @media (min-width: 1200px) {
- .hidden-md.hidden-lg,
- tr.hidden-md.hidden-lg,
- th.hidden-md.hidden-lg,
- td.hidden-md.hidden-lg {
- display: none !important;
- }
- }
- .hidden-lg {
- display: block !important;
- }
- table.hidden-lg {
- display: table;
- }
- tr.hidden-lg {
- display: table-row !important;
- }
- th.hidden-lg,
- td.hidden-lg {
- display: table-cell !important;
- }
- @media (max-width: 767px) {
- .hidden-lg.hidden-xs,
- tr.hidden-lg.hidden-xs,
- th.hidden-lg.hidden-xs,
- td.hidden-lg.hidden-xs {
- display: none !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .hidden-lg.hidden-sm,
- tr.hidden-lg.hidden-sm,
- th.hidden-lg.hidden-sm,
- td.hidden-lg.hidden-sm {
- display: none !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .hidden-lg.hidden-md,
- tr.hidden-lg.hidden-md,
- th.hidden-lg.hidden-md,
- td.hidden-lg.hidden-md {
- display: none !important;
- }
- }
- @media (min-width: 1200px) {
- .hidden-lg,
- tr.hidden-lg,
- th.hidden-lg,
- td.hidden-lg {
- display: none !important;
- }
- }
- .visible-print,
- tr.visible-print,
- th.visible-print,
- td.visible-print {
- display: none !important;
- }
- @media print {
- .visible-print {
- display: block !important;
- }
- table.visible-print {
- display: table;
- }
- tr.visible-print {
- display: table-row !important;
- }
- th.visible-print,
- td.visible-print {
- display: table-cell !important;
- }
- .hidden-print,
- tr.hidden-print,
- th.hidden-print,
- td.hidden-print {
- display: none !important;
- }
- }
- /*
-
- Animate.less
- Cross-browser LESS animation library for Bootstrap
- Licensed under the ☺ license (http://licence.visualidiot.com/)
- Documenation: https://github.com/machito/animate.less
- -------------------------------------------------------
- Copyright © 2012 Michael Castilla
- Email: yo@machito.co
- Twitter: https://twitter.com/micr0bitz
-
- */
- body {
- -webkit-backface-visibility: hidden;
- }
- .animated {
- -webkit-animation-duration: 1s;
- -moz-animation-duration: 1s;
- -o-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-fill-mode: both;
- -moz-animation-fill-mode: both;
- -o-animation-fill-mode: both;
- animation-fill-mode: both;
- }
- .animated.hinge {
- -webkit-animation-duration: 2s;
- -moz-animation-duration: 2s;
- -o-animation-duration: 2s;
- animation-duration: 2s;
- }
- @-webkit-keyframes flash {
- 0%,
- 50%,
- 100% {
- opacity: 1;
- }
- 25%,
- 75% {
- opacity: 0;
- }
- }
- @-moz-keyframes flash {
- 0%,
- 50%,
- 100% {
- opacity: 1;
- }
- 25%,
- 75% {
- opacity: 0;
- }
- }
- @-o-keyframes flash {
- 0%,
- 50%,
- 100% {
- opacity: 1;
- }
- 25%,
- 75% {
- opacity: 0;
- }
- }
- @keyframes flash {
- 0%,
- 50%,
- 100% {
- opacity: 1;
- }
- 25%,
- 75% {
- opacity: 0;
- }
- }
- .flash {
- -webkit-animation-name: flash;
- -moz-animation-name: flash;
- -o-animation-name: flash;
- animation-name: flash;
- }
- @-webkit-keyframes shake {
- 0%,
- 100% {
- -webkit-transform: translateX(0);
- }
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- -webkit-transform: translateX(-10px);
- }
- 20%,
- 40%,
- 60%,
- 80% {
- -webkit-transform: translateX(10px);
- }
- }
- @-moz-keyframes shake {
- 0%,
- 100% {
- -moz-transform: translateX(0);
- }
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- -moz-transform: translateX(-10px);
- }
- 20%,
- 40%,
- 60%,
- 80% {
- -moz-transform: translateX(10px);
- }
- }
- @-o-keyframes shake {
- 0%,
- 100% {
- -o-transform: translateX(0);
- }
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- -o-transform: translateX(-10px);
- }
- 20%,
- 40%,
- 60%,
- 80% {
- -o-transform: translateX(10px);
- }
- }
- @keyframes shake {
- 0%,
- 100% {
- transform: translateX(0);
- }
- 10%,
- 30%,
- 50%,
- 70%,
- 90% {
- transform: translateX(-10px);
- }
- 20%,
- 40%,
- 60%,
- 80% {
- transform: translateX(10px);
- }
- }
- .shake {
- -webkit-animation-name: shake;
- -moz-animation-name: shake;
- -o-animation-name: shake;
- animation-name: shake;
- }
- @-webkit-keyframes bounce {
- 0%,
- 20%,
- 50%,
- 80%,
- 100% {
- -webkit-transform: translateY(0);
- }
- 40% {
- -webkit-transform: translateY(-30px);
- }
- 60% {
- -webkit-transform: translateY(-15px);
- }
- }
- @-moz-keyframes bounce {
- 0%,
- 20%,
- 50%,
- 80%,
- 100% {
- -moz-transform: translateY(0);
- }
- 40% {
- -moz-transform: translateY(-30px);
- }
- 60% {
- -moz-transform: translateY(-15px);
- }
- }
- @-o-keyframes bounce {
- 0%,
- 20%,
- 50%,
- 80%,
- 100% {
- -o-transform: translateY(0);
- }
- 40% {
- -o-transform: translateY(-30px);
- }
- 60% {
- -o-transform: translateY(-15px);
- }
- }
- @keyframes bounce {
- 0%,
- 20%,
- 50%,
- 80%,
- 100% {
- transform: translateY(0);
- }
- 40% {
- transform: translateY(-30px);
- }
- 60% {
- transform: translateY(-15px);
- }
- }
- .bounce {
- -webkit-animation-name: bounce;
- -moz-animation-name: bounce;
- -o-animation-name: bounce;
- animation-name: bounce;
- }
- @-webkit-keyframes tada {
- 0% {
- -webkit-transform: scale(1);
- }
- 10%,
- 20% {
- -webkit-transform: scale(0.9) rotate(-3deg);
- }
- 30%,
- 50%,
- 70%,
- 90% {
- -webkit-transform: scale(1.1) rotate(3deg);
- }
- 40%,
- 60%,
- 80% {
- -webkit-transform: scale(1.1) rotate(-3deg);
- }
- 100% {
- -webkit-transform: scale(1) rotate(0);
- }
- }
- @-moz-keyframes tada {
- 0% {
- -moz-transform: scale(1);
- }
- 10%,
- 20% {
- -moz-transform: scale(0.9) rotate(-3deg);
- }
- 30%,
- 50%,
- 70%,
- 90% {
- -moz-transform: scale(1.1) rotate(3deg);
- }
- 40%,
- 60%,
- 80% {
- -moz-transform: scale(1.1) rotate(-3deg);
- }
- 100% {
- -moz-transform: scale(1) rotate(0);
- }
- }
- @-o-keyframes tada {
- 0% {
- -o-transform: scale(1);
- }
- 10%,
- 20% {
- -o-transform: scale(0.9) rotate(-3deg);
- }
- 30%,
- 50%,
- 70%,
- 90% {
- -o-transform: scale(1.1) rotate(3deg);
- }
- 40%,
- 60%,
- 80% {
- -o-transform: scale(1.1) rotate(-3deg);
- }
- 100% {
- -o-transform: scale(1) rotate(0);
- }
- }
- @keyframes tada {
- 0% {
- transform: scale(1);
- }
- 10%,
- 20% {
- transform: scale(0.9) rotate(-3deg);
- }
- 30%,
- 50%,
- 70%,
- 90% {
- transform: scale(1.1) rotate(3deg);
- }
- 40%,
- 60%,
- 80% {
- transform: scale(1.1) rotate(-3deg);
- }
- 100% {
- transform: scale(1) rotate(0);
- }
- }
- .tada {
- -webkit-animation-name: tada;
- -moz-animation-name: tada;
- -o-animation-name: tada;
- animation-name: tada;
- }
- @-webkit-keyframes swing {
- 20%,
- 40%,
- 60%,
- 80%,
- 100% {
- -webkit-transform-origin: top center;
- }
- 20% {
- -webkit-transform: rotate(15deg);
- }
- 40% {
- -webkit-transform: rotate(-10deg);
- }
- 60% {
- -webkit-transform: rotate(5deg);
- }
- 80% {
- -webkit-transform: rotate(-5deg);
- }
- 100% {
- -webkit-transform: rotate(0deg);
- }
- }
- @-moz-keyframes swing {
- 20% {
- -moz-transform: rotate(15deg);
- }
- 40% {
- -moz-transform: rotate(-10deg);
- }
- 60% {
- -moz-transform: rotate(5deg);
- }
- 80% {
- -moz-transform: rotate(-5deg);
- }
- 100% {
- -moz-transform: rotate(0deg);
- }
- }
- @-o-keyframes swing {
- 20% {
- -o-transform: rotate(15deg);
- }
- 40% {
- -o-transform: rotate(-10deg);
- }
- 60% {
- -o-transform: rotate(5deg);
- }
- 80% {
- -o-transform: rotate(-5deg);
- }
- 100% {
- -o-transform: rotate(0deg);
- }
- }
- @keyframes swing {
- 20% {
- transform: rotate(15deg);
- }
- 40% {
- transform: rotate(-10deg);
- }
- 60% {
- transform: rotate(5deg);
- }
- 80% {
- transform: rotate(-5deg);
- }
- 100% {
- transform: rotate(0deg);
- }
- }
- .swing {
- -webkit-transform-origin: top center;
- -moz-transform-origin: top center;
- -o-transform-origin: top center;
- transform-origin: top center;
- -webkit-animation-name: swing;
- -moz-animation-name: swing;
- -o-animation-name: swing;
- animation-name: swing;
- }
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
- @-webkit-keyframes wobble {
- 0% {
- -webkit-transform: translateX(0%);
- }
- 15% {
- -webkit-transform: translateX(-25%) rotate(-5deg);
- }
- 30% {
- -webkit-transform: translateX(20%) rotate(3deg);
- }
- 45% {
- -webkit-transform: translateX(-15%) rotate(-3deg);
- }
- 60% {
- -webkit-transform: translateX(10%) rotate(2deg);
- }
- 75% {
- -webkit-transform: translateX(-5%) rotate(-1deg);
- }
- 100% {
- -webkit-transform: translateX(0%);
- }
- }
- @-moz-keyframes wobble {
- 0% {
- -moz-transform: translateX(0%);
- }
- 15% {
- -moz-transform: translateX(-25%) rotate(-5deg);
- }
- 30% {
- -moz-transform: translateX(20%) rotate(3deg);
- }
- 45% {
- -moz-transform: translateX(-15%) rotate(-3deg);
- }
- 60% {
- -moz-transform: translateX(10%) rotate(2deg);
- }
- 75% {
- -moz-transform: translateX(-5%) rotate(-1deg);
- }
- 100% {
- -moz-transform: translateX(0%);
- }
- }
- @-o-keyframes wobble {
- 0% {
- -o-transform: translateX(0%);
- }
- 15% {
- -o-transform: translateX(-25%) rotate(-5deg);
- }
- 30% {
- -o-transform: translateX(20%) rotate(3deg);
- }
- 45% {
- -o-transform: translateX(-15%) rotate(-3deg);
- }
- 60% {
- -o-transform: translateX(10%) rotate(2deg);
- }
- 75% {
- -o-transform: translateX(-5%) rotate(-1deg);
- }
- 100% {
- -o-transform: translateX(0%);
- }
- }
- @keyframes wobble {
- 0% {
- transform: translateX(0%);
- }
- 15% {
- transform: translateX(-25%) rotate(-5deg);
- }
- 30% {
- transform: translateX(20%) rotate(3deg);
- }
- 45% {
- transform: translateX(-15%) rotate(-3deg);
- }
- 60% {
- transform: translateX(10%) rotate(2deg);
- }
- 75% {
- transform: translateX(-5%) rotate(-1deg);
- }
- 100% {
- transform: translateX(0%);
- }
- }
- .wobble {
- -webkit-animation-name: wobble;
- -moz-animation-name: wobble;
- -o-animation-name: wobble;
- animation-name: wobble;
- }
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
- @-webkit-keyframes pulse {
- 0% {
- -webkit-transform: scale(1);
- }
- 50% {
- -webkit-transform: scale(1.1);
- }
- 100% {
- -webkit-transform: scale(1);
- }
- }
- @-moz-keyframes pulse {
- 0% {
- -moz-transform: scale(1);
- }
- 50% {
- -moz-transform: scale(1.1);
- }
- 100% {
- -moz-transform: scale(1);
- }
- }
- @-o-keyframes pulse {
- 0% {
- -o-transform: scale(1);
- }
- 50% {
- -o-transform: scale(1.1);
- }
- 100% {
- -o-transform: scale(1);
- }
- }
- @keyframes pulse {
- 0% {
- transform: scale(1);
- }
- 50% {
- transform: scale(1.1);
- }
- 100% {
- transform: scale(1);
- }
- }
- .pulse {
- -webkit-animation-name: pulse;
- -moz-animation-name: pulse;
- -o-animation-name: pulse;
- animation-name: pulse;
- }
- @-webkit-keyframes flip {
- 0% {
- -webkit-transform: perspective(400px) rotateY(0);
- -webkit-animation-timing-function: ease-out;
- }
- 40% {
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
- -webkit-animation-timing-function: ease-out;
- }
- 50% {
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
- -webkit-animation-timing-function: ease-in;
- }
- 80% {
- -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
- -webkit-animation-timing-function: ease-in;
- }
- 100% {
- -webkit-transform: perspective(400px) scale(1);
- -webkit-animation-timing-function: ease-in;
- }
- }
- @-moz-keyframes flip {
- 0% {
- -moz-transform: perspective(400px) rotateY(0);
- -moz-animation-timing-function: ease-out;
- }
- 40% {
- -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
- -moz-animation-timing-function: ease-out;
- }
- 50% {
- -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
- -moz-animation-timing-function: ease-in;
- }
- 80% {
- -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
- -moz-animation-timing-function: ease-in;
- }
- 100% {
- -moz-transform: perspective(400px) scale(1);
- -moz-animation-timing-function: ease-in;
- }
- }
- @-o-keyframes flip {
- 0% {
- -o-transform: perspective(400px) rotateY(0);
- -o-animation-timing-function: ease-out;
- }
- 40% {
- -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
- -o-animation-timing-function: ease-out;
- }
- 50% {
- -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
- -o-animation-timing-function: ease-in;
- }
- 80% {
- -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
- -o-animation-timing-function: ease-in;
- }
- 100% {
- -o-transform: perspective(400px) scale(1);
- -o-animation-timing-function: ease-in;
- }
- }
- @keyframes flip {
- 0% {
- transform: perspective(400px) rotateY(0);
- animation-timing-function: ease-out;
- }
- 40% {
- transform: perspective(400px) translateZ(150px) rotateY(170deg);
- animation-timing-function: ease-out;
- }
- 50% {
- transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
- animation-timing-function: ease-in;
- }
- 80% {
- transform: perspective(400px) rotateY(360deg) scale(0.95);
- animation-timing-function: ease-in;
- }
- 100% {
- transform: perspective(400px) scale(1);
- animation-timing-function: ease-in;
- }
- }
- .flip {
- -webkit-backface-visibility: visible !important;
- -webkit-animation-name: flip;
- -moz-backface-visibility: visible !important;
- -moz-animation-name: flip;
- -o-backface-visibility: visible !important;
- -o-animation-name: flip;
- backface-visibility: visible !important;
- animation-name: flip;
- }
- @-webkit-keyframes flipInX {
- 0% {
- -webkit-transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
- 40% {
- -webkit-transform: perspective(400px) rotateX(-10deg);
- }
- 70% {
- -webkit-transform: perspective(400px) rotateX(10deg);
- }
- 100% {
- -webkit-transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
- }
- @-moz-keyframes flipInX {
- 0% {
- -moz-transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
- 40% {
- -moz-transform: perspective(400px) rotateX(-10deg);
- }
- 70% {
- -moz-transform: perspective(400px) rotateX(10deg);
- }
- 100% {
- -moz-transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
- }
- @-o-keyframes flipInX {
- 0% {
- -o-transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
- 40% {
- -o-transform: perspective(400px) rotateX(-10deg);
- }
- 70% {
- -o-transform: perspective(400px) rotateX(10deg);
- }
- 100% {
- -o-transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
- }
- @keyframes flipInX {
- 0% {
- transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
- 40% {
- transform: perspective(400px) rotateX(-10deg);
- }
- 70% {
- transform: perspective(400px) rotateX(10deg);
- }
- 100% {
- transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
- }
- .flipInX {
- -webkit-backface-visibility: visible !important;
- -webkit-animation-name: flipInX;
- -moz-backface-visibility: visible !important;
- -moz-animation-name: flipInX;
- -o-backface-visibility: visible !important;
- -o-animation-name: flipInX;
- backface-visibility: visible !important;
- animation-name: flipInX;
- }
- @-webkit-keyframes flipOutX {
- 0% {
- -webkit-transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
- }
- @-moz-keyframes flipOutX {
- 0% {
- -moz-transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
- 100% {
- -moz-transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
- }
- @-o-keyframes flipOutX {
- 0% {
- -o-transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
- 100% {
- -o-transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
- }
- @keyframes flipOutX {
- 0% {
- transform: perspective(400px) rotateX(0deg);
- opacity: 1;
- }
- 100% {
- transform: perspective(400px) rotateX(90deg);
- opacity: 0;
- }
- }
- .flipOutX {
- -webkit-animation-name: flipOutX;
- -webkit-backface-visibility: visible !important;
- -moz-animation-name: flipOutX;
- -moz-backface-visibility: visible !important;
- -o-animation-name: flipOutX;
- -o-backface-visibility: visible !important;
- animation-name: flipOutX;
- backface-visibility: visible !important;
- }
- @-webkit-keyframes flipInY {
- 0% {
- -webkit-transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
- 40% {
- -webkit-transform: perspective(400px) rotateY(-10deg);
- }
- 70% {
- -webkit-transform: perspective(400px) rotateY(10deg);
- }
- 100% {
- -webkit-transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- }
- @-moz-keyframes flipInY {
- 0% {
- -moz-transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
- 40% {
- -moz-transform: perspective(400px) rotateY(-10deg);
- }
- 70% {
- -moz-transform: perspective(400px) rotateY(10deg);
- }
- 100% {
- -moz-transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- }
- @-o-keyframes flipInY {
- 0% {
- -o-transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
- 40% {
- -o-transform: perspective(400px) rotateY(-10deg);
- }
- 70% {
- -o-transform: perspective(400px) rotateY(10deg);
- }
- 100% {
- -o-transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- }
- @keyframes flipInY {
- 0% {
- transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
- 40% {
- transform: perspective(400px) rotateY(-10deg);
- }
- 70% {
- transform: perspective(400px) rotateY(10deg);
- }
- 100% {
- transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- }
- .flipInY {
- -webkit-backface-visibility: visible !important;
- -webkit-animation-name: flipInY;
- -moz-backface-visibility: visible !important;
- -moz-animation-name: flipInY;
- -o-backface-visibility: visible !important;
- -o-animation-name: flipInY;
- backface-visibility: visible !important;
- animation-name: flipInY;
- }
- @-webkit-keyframes flipOutY {
- 0% {
- -webkit-transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
- }
- @-moz-keyframes flipOutY {
- 0% {
- -moz-transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- 100% {
- -moz-transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
- }
- @-o-keyframes flipOutY {
- 0% {
- -o-transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- 100% {
- -o-transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
- }
- @keyframes flipOutY {
- 0% {
- transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- 100% {
- transform: perspective(400px) rotateY(90deg);
- opacity: 0;
- }
- }
- .flipOutY {
- -webkit-backface-visibility: visible !important;
- -webkit-animation-name: flipOutY;
- -moz-backface-visibility: visible !important;
- -moz-animation-name: flipOutY;
- -o-backface-visibility: visible !important;
- -o-animation-name: flipOutY;
- backface-visibility: visible !important;
- animation-name: flipOutY;
- }
- @-webkit-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- @-moz-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- @-o-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- @keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- .fadeIn {
- -webkit-animation-name: fadeIn;
- -moz-animation-name: fadeIn;
- -o-animation-name: fadeIn;
- animation-name: fadeIn;
- }
- @-webkit-keyframes fadeInUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- }
- @-moz-keyframes fadeInUp {
- 0% {
- opacity: 0;
- -moz-transform: translateY(20px);
- }
- 100% {
- opacity: 1;
- -moz-transform: translateY(0);
- }
- }
- @-o-keyframes fadeInUp {
- 0% {
- opacity: 0;
- -o-transform: translateY(20px);
- }
- 100% {
- opacity: 1;
- -o-transform: translateY(0);
- }
- }
- @keyframes fadeInUp {
- 0% {
- opacity: 0;
- transform: translateY(20px);
- }
- 100% {
- opacity: 1;
- transform: translateY(0);
- }
- }
- .fadeInUp {
- -webkit-animation-name: fadeInUp;
- -moz-animation-name: fadeInUp;
- -o-animation-name: fadeInUp;
- animation-name: fadeInUp;
- }
- @-webkit-keyframes fadeInDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- }
- @-moz-keyframes fadeInDown {
- 0% {
- opacity: 0;
- -moz-transform: translateY(-20px);
- }
- 100% {
- opacity: 1;
- -moz-transform: translateY(0);
- }
- }
- @-o-keyframes fadeInDown {
- 0% {
- opacity: 0;
- -o-transform: translateY(-20px);
- }
- 100% {
- opacity: 1;
- -o-transform: translateY(0);
- }
- }
- @keyframes fadeInDown {
- 0% {
- opacity: 0;
- transform: translateY(-20px);
- }
- 100% {
- opacity: 1;
- transform: translateY(0);
- }
- }
- .fadeInDown {
- -webkit-animation-name: fadeInDown;
- -moz-animation-name: fadeInDown;
- -o-animation-name: fadeInDown;
- animation-name: fadeInDown;
- }
- @-webkit-keyframes fadeInLeft {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- }
- @-moz-keyframes fadeInLeft {
- 0% {
- opacity: 0;
- -moz-transform: translateX(-20px);
- }
- 100% {
- opacity: 1;
- -moz-transform: translateX(0);
- }
- }
- @-o-keyframes fadeInLeft {
- 0% {
- opacity: 0;
- -o-transform: translateX(-20px);
- }
- 100% {
- opacity: 1;
- -o-transform: translateX(0);
- }
- }
- @keyframes fadeInLeft {
- 0% {
- opacity: 0;
- transform: translateX(-20px);
- }
- 100% {
- opacity: 1;
- transform: translateX(0);
- }
- }
- .fadeInLeft {
- -webkit-animation-name: fadeInLeft;
- -moz-animation-name: fadeInLeft;
- -o-animation-name: fadeInLeft;
- animation-name: fadeInLeft;
- }
- @-webkit-keyframes fadeInRight {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- }
- @-moz-keyframes fadeInRight {
- 0% {
- opacity: 0;
- -moz-transform: translateX(20px);
- }
- 100% {
- opacity: 1;
- -moz-transform: translateX(0);
- }
- }
- @-o-keyframes fadeInRight {
- 0% {
- opacity: 0;
- -o-transform: translateX(20px);
- }
- 100% {
- opacity: 1;
- -o-transform: translateX(0);
- }
- }
- @keyframes fadeInRight {
- 0% {
- opacity: 0;
- transform: translateX(20px);
- }
- 100% {
- opacity: 1;
- transform: translateX(0);
- }
- }
- .fadeInRight {
- -webkit-animation-name: fadeInRight;
- -moz-animation-name: fadeInRight;
- -o-animation-name: fadeInRight;
- animation-name: fadeInRight;
- }
- @-webkit-keyframes fadeInUpBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- }
- @-moz-keyframes fadeInUpBig {
- 0% {
- opacity: 0;
- -moz-transform: translateY(2000px);
- }
- 100% {
- opacity: 1;
- -moz-transform: translateY(0);
- }
- }
- @-o-keyframes fadeInUpBig {
- 0% {
- opacity: 0;
- -o-transform: translateY(2000px);
- }
- 100% {
- opacity: 1;
- -o-transform: translateY(0);
- }
- }
- @keyframes fadeInUpBig {
- 0% {
- opacity: 0;
- transform: translateY(2000px);
- }
- 100% {
- opacity: 1;
- transform: translateY(0);
- }
- }
- .fadeInUpBig {
- -webkit-animation-name: fadeInUpBig;
- -moz-animation-name: fadeInUpBig;
- -o-animation-name: fadeInUpBig;
- animation-name: fadeInUpBig;
- }
- @-webkit-keyframes fadeInDownBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- }
- @-moz-keyframes fadeInDownBig {
- 0% {
- opacity: 0;
- -moz-transform: translateY(-2000px);
- }
- 100% {
- opacity: 1;
- -moz-transform: translateY(0);
- }
- }
- @-o-keyframes fadeInDownBig {
- 0% {
- opacity: 0;
- -o-transform: translateY(-2000px);
- }
- 100% {
- opacity: 1;
- -o-transform: translateY(0);
- }
- }
- @keyframes fadeInDownBig {
- 0% {
- opacity: 0;
- transform: translateY(-2000px);
- }
- 100% {
- opacity: 1;
- transform: translateY(0);
- }
- }
- .fadeInDownBig {
- -webkit-animation-name: fadeInDownBig;
- -moz-animation-name: fadeInDownBig;
- -o-animation-name: fadeInDownBig;
- animation-name: fadeInDownBig;
- }
- @-webkit-keyframes fadeInLeftBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- }
- @-moz-keyframes fadeInLeftBig {
- 0% {
- opacity: 0;
- -moz-transform: translateX(-2000px);
- }
- 100% {
- opacity: 1;
- -moz-transform: translateX(0);
- }
- }
- @-o-keyframes fadeInLeftBig {
- 0% {
- opacity: 0;
- -o-transform: translateX(-2000px);
- }
- 100% {
- opacity: 1;
- -o-transform: translateX(0);
- }
- }
- @keyframes fadeInLeftBig {
- 0% {
- opacity: 0;
- transform: translateX(-2000px);
- }
- 100% {
- opacity: 1;
- transform: translateX(0);
- }
- }
- .fadeInLeftBig {
- -webkit-animation-name: fadeInLeftBig;
- -moz-animation-name: fadeInLeftBig;
- -o-animation-name: fadeInLeftBig;
- animation-name: fadeInLeftBig;
- }
- @-webkit-keyframes fadeInRightBig {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- }
- @-moz-keyframes fadeInRightBig {
- 0% {
- opacity: 0;
- -moz-transform: translateX(2000px);
- }
- 100% {
- opacity: 1;
- -moz-transform: translateX(0);
- }
- }
- @-o-keyframes fadeInRightBig {
- 0% {
- opacity: 0;
- -o-transform: translateX(2000px);
- }
- 100% {
- opacity: 1;
- -o-transform: translateX(0);
- }
- }
- @keyframes fadeInRightBig {
- 0% {
- opacity: 0;
- transform: translateX(2000px);
- }
- 100% {
- opacity: 1;
- transform: translateX(0);
- }
- }
- .fadeInRightBig {
- -webkit-animation-name: fadeInRightBig;
- -moz-animation-name: fadeInRightBig;
- -o-animation-name: fadeInRightBig;
- animation-name: fadeInRightBig;
- }
- @-webkit-keyframes fadeOut {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
- }
- @-moz-keyframes fadeOut {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
- }
- @-o-keyframes fadeOut {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
- }
- @keyframes fadeOut {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
- }
- .fadeOut {
- -webkit-animation-name: fadeOut;
- -moz-animation-name: fadeOut;
- -o-animation-name: fadeOut;
- animation-name: fadeOut;
- }
- @-webkit-keyframes fadeOutUp {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-20px);
- }
- }
- @-moz-keyframes fadeOutUp {
- 0% {
- opacity: 1;
- -moz-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateY(-20px);
- }
- }
- @-o-keyframes fadeOutUp {
- 0% {
- opacity: 1;
- -o-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -o-transform: translateY(-20px);
- }
- }
- @keyframes fadeOutUp {
- 0% {
- opacity: 1;
- transform: translateY(0);
- }
- 100% {
- opacity: 0;
- transform: translateY(-20px);
- }
- }
- .fadeOutUp {
- -webkit-animation-name: fadeOutUp;
- -moz-animation-name: fadeOutUp;
- -o-animation-name: fadeOutUp;
- animation-name: fadeOutUp;
- }
- @-webkit-keyframes fadeOutDown {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(20px);
- }
- }
- @-moz-keyframes fadeOutDown {
- 0% {
- opacity: 1;
- -moz-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateY(20px);
- }
- }
- @-o-keyframes fadeOutDown {
- 0% {
- opacity: 1;
- -o-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -o-transform: translateY(20px);
- }
- }
- @keyframes fadeOutDown {
- 0% {
- opacity: 1;
- transform: translateY(0);
- }
- 100% {
- opacity: 0;
- transform: translateY(20px);
- }
- }
- .fadeOutDown {
- -webkit-animation-name: fadeOutDown;
- -moz-animation-name: fadeOutDown;
- -o-animation-name: fadeOutDown;
- animation-name: fadeOutDown;
- }
- @-webkit-keyframes fadeOutLeft {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-20px);
- }
- }
- @-moz-keyframes fadeOutLeft {
- 0% {
- opacity: 1;
- -moz-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateX(-20px);
- }
- }
- @-o-keyframes fadeOutLeft {
- 0% {
- opacity: 1;
- -o-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -o-transform: translateX(-20px);
- }
- }
- @keyframes fadeOutLeft {
- 0% {
- opacity: 1;
- transform: translateX(0);
- }
- 100% {
- opacity: 0;
- transform: translateX(-20px);
- }
- }
- .fadeOutLeft {
- -webkit-animation-name: fadeOutLeft;
- -moz-animation-name: fadeOutLeft;
- -o-animation-name: fadeOutLeft;
- animation-name: fadeOutLeft;
- }
- @-webkit-keyframes fadeOutRight {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(20px);
- }
- }
- @-moz-keyframes fadeOutRight {
- 0% {
- opacity: 1;
- -moz-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateX(20px);
- }
- }
- @-o-keyframes fadeOutRight {
- 0% {
- opacity: 1;
- -o-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -o-transform: translateX(20px);
- }
- }
- @keyframes fadeOutRight {
- 0% {
- opacity: 1;
- transform: translateX(0);
- }
- 100% {
- opacity: 0;
- transform: translateX(20px);
- }
- }
- .fadeOutRight {
- -webkit-animation-name: fadeOutRight;
- -moz-animation-name: fadeOutRight;
- -o-animation-name: fadeOutRight;
- animation-name: fadeOutRight;
- }
- @-webkit-keyframes fadeOutUpBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- }
- }
- @-moz-keyframes fadeOutUpBig {
- 0% {
- opacity: 1;
- -moz-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateY(-2000px);
- }
- }
- @-o-keyframes fadeOutUpBig {
- 0% {
- opacity: 1;
- -o-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -o-transform: translateY(-2000px);
- }
- }
- @keyframes fadeOutUpBig {
- 0% {
- opacity: 1;
- transform: translateY(0);
- }
- 100% {
- opacity: 0;
- transform: translateY(-2000px);
- }
- }
- .fadeOutUpBig {
- -webkit-animation-name: fadeOutUpBig;
- -moz-animation-name: fadeOutUpBig;
- -o-animation-name: fadeOutUpBig;
- animation-name: fadeOutUpBig;
- }
- @-webkit-keyframes fadeOutDownBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- }
- }
- @-moz-keyframes fadeOutDownBig {
- 0% {
- opacity: 1;
- -moz-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateY(2000px);
- }
- }
- @-o-keyframes fadeOutDownBig {
- 0% {
- opacity: 1;
- -o-transform: translateY(0);
- }
- 100% {
- opacity: 0;
- -o-transform: translateY(2000px);
- }
- }
- @keyframes fadeOutDownBig {
- 0% {
- opacity: 1;
- transform: translateY(0);
- }
- 100% {
- opacity: 0;
- transform: translateY(2000px);
- }
- }
- .fadeOutDownBig {
- -webkit-animation-name: fadeOutDownBig;
- -moz-animation-name: fadeOutDownBig;
- -o-animation-name: fadeOutDownBig;
- animation-name: fadeOutDownBig;
- }
- @-webkit-keyframes fadeOutLeftBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- }
- }
- @-moz-keyframes fadeOutLeftBig {
- 0% {
- opacity: 1;
- -moz-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateX(-2000px);
- }
- }
- @-o-keyframes fadeOutLeftBig {
- 0% {
- opacity: 1;
- -o-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -o-transform: translateX(-2000px);
- }
- }
- @keyframes fadeOutLeftBig {
- 0% {
- opacity: 1;
- transform: translateX(0);
- }
- 100% {
- opacity: 0;
- transform: translateX(-2000px);
- }
- }
- .fadeOutLeftBig {
- -webkit-animation-name: fadeOutLeftBig;
- -moz-animation-name: fadeOutLeftBig;
- -o-animation-name: fadeOutLeftBig;
- animation-name: fadeOutLeftBig;
- }
- @-webkit-keyframes fadeOutRightBig {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- }
- }
- @-moz-keyframes fadeOutRightBig {
- 0% {
- opacity: 1;
- -moz-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateX(2000px);
- }
- }
- @-o-keyframes fadeOutRightBig {
- 0% {
- opacity: 1;
- -o-transform: translateX(0);
- }
- 100% {
- opacity: 0;
- -o-transform: translateX(2000px);
- }
- }
- @keyframes fadeOutRightBig {
- 0% {
- opacity: 1;
- transform: translateX(0);
- }
- 100% {
- opacity: 0;
- transform: translateX(2000px);
- }
- }
- .fadeOutRightBig {
- -webkit-animation-name: fadeOutRightBig;
- -moz-animation-name: fadeOutRightBig;
- -o-animation-name: fadeOutRightBig;
- animation-name: fadeOutRightBig;
- }
- @-webkit-keyframes bounceIn {
- 0% {
- opacity: 0;
- -webkit-transform: scale(0.3);
- }
- 50% {
- opacity: 1;
- -webkit-transform: scale(1.05);
- }
- 70% {
- -webkit-transform: scale(0.9);
- }
- 100% {
- -webkit-transform: scale(1);
- }
- }
- @-moz-keyframes bounceIn {
- 0% {
- opacity: 0;
- -moz-transform: scale(0.3);
- }
- 50% {
- opacity: 1;
- -moz-transform: scale(1.05);
- }
- 70% {
- -moz-transform: scale(0.9);
- }
- 100% {
- -moz-transform: scale(1);
- }
- }
- @-o-keyframes bounceIn {
- 0% {
- opacity: 0;
- -o-transform: scale(0.3);
- }
- 50% {
- opacity: 1;
- -o-transform: scale(1.05);
- }
- 70% {
- -o-transform: scale(0.9);
- }
- 100% {
- -o-transform: scale(1);
- }
- }
- @keyframes bounceIn {
- 0% {
- opacity: 0;
- transform: scale(0.3);
- }
- 50% {
- opacity: 1;
- transform: scale(1.05);
- }
- 70% {
- transform: scale(0.9);
- }
- 100% {
- transform: scale(1);
- }
- }
- .bounceIn {
- -webkit-animation-name: bounceIn;
- -moz-animation-name: bounceIn;
- -o-animation-name: bounceIn;
- animation-name: bounceIn;
- }
- @-webkit-keyframes bounceInUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateY(-30px);
- }
- 80% {
- -webkit-transform: translateY(10px);
- }
- 100% {
- -webkit-transform: translateY(0);
- }
- }
- @-moz-keyframes bounceInUp {
- 0% {
- opacity: 0;
- -moz-transform: translateY(2000px);
- }
- 60% {
- opacity: 1;
- -moz-transform: translateY(-30px);
- }
- 80% {
- -moz-transform: translateY(10px);
- }
- 100% {
- -moz-transform: translateY(0);
- }
- }
- @-o-keyframes bounceInUp {
- 0% {
- opacity: 0;
- -o-transform: translateY(2000px);
- }
- 60% {
- opacity: 1;
- -o-transform: translateY(-30px);
- }
- 80% {
- -o-transform: translateY(10px);
- }
- 100% {
- -o-transform: translateY(0);
- }
- }
- @keyframes bounceInUp {
- 0% {
- opacity: 0;
- transform: translateY(2000px);
- }
- 60% {
- opacity: 1;
- transform: translateY(-30px);
- }
- 80% {
- transform: translateY(10px);
- }
- 100% {
- transform: translateY(0);
- }
- }
- .bounceInUp {
- -webkit-animation-name: bounceInUp;
- -moz-animation-name: bounceInUp;
- -o-animation-name: bounceInUp;
- animation-name: bounceInUp;
- }
- @-webkit-keyframes bounceInDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateY(30px);
- }
- 80% {
- -webkit-transform: translateY(-10px);
- }
- 100% {
- -webkit-transform: translateY(0);
- }
- }
- @-moz-keyframes bounceInDown {
- 0% {
- opacity: 0;
- -moz-transform: translateY(-2000px);
- }
- 60% {
- opacity: 1;
- -moz-transform: translateY(30px);
- }
- 80% {
- -moz-transform: translateY(-10px);
- }
- 100% {
- -moz-transform: translateY(0);
- }
- }
- @-o-keyframes bounceInDown {
- 0% {
- opacity: 0;
- -o-transform: translateY(-2000px);
- }
- 60% {
- opacity: 1;
- -o-transform: translateY(30px);
- }
- 80% {
- -o-transform: translateY(-10px);
- }
- 100% {
- -o-transform: translateY(0);
- }
- }
- @keyframes bounceInDown {
- 0% {
- opacity: 0;
- transform: translateY(-2000px);
- }
- 60% {
- opacity: 1;
- transform: translateY(30px);
- }
- 80% {
- transform: translateY(-10px);
- }
- 100% {
- transform: translateY(0);
- }
- }
- .bounceInDown {
- -webkit-animation-name: bounceInDown;
- -moz-animation-name: bounceInDown;
- -o-animation-name: bounceInDown;
- animation-name: bounceInDown;
- }
- @-webkit-keyframes bounceInLeft {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateX(30px);
- }
- 80% {
- -webkit-transform: translateX(-10px);
- }
- 100% {
- -webkit-transform: translateX(0);
- }
- }
- @-moz-keyframes bounceInLeft {
- 0% {
- opacity: 0;
- -moz-transform: translateX(-2000px);
- }
- 60% {
- opacity: 1;
- -moz-transform: translateX(30px);
- }
- 80% {
- -moz-transform: translateX(-10px);
- }
- 100% {
- -moz-transform: translateX(0);
- }
- }
- @-o-keyframes bounceInLeft {
- 0% {
- opacity: 0;
- -o-transform: translateX(-2000px);
- }
- 60% {
- opacity: 1;
- -o-transform: translateX(30px);
- }
- 80% {
- -o-transform: translateX(-10px);
- }
- 100% {
- -o-transform: translateX(0);
- }
- }
- @keyframes bounceInLeft {
- 0% {
- opacity: 0;
- transform: translateX(-2000px);
- }
- 60% {
- opacity: 1;
- transform: translateX(30px);
- }
- 80% {
- transform: translateX(-10px);
- }
- 100% {
- transform: translateX(0);
- }
- }
- .bounceInLeft {
- -webkit-animation-name: bounceInLeft;
- -moz-animation-name: bounceInLeft;
- -o-animation-name: bounceInLeft;
- animation-name: bounceInLeft;
- }
- @-webkit-keyframes bounceInRight {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateX(-30px);
- }
- 80% {
- -webkit-transform: translateX(10px);
- }
- 100% {
- -webkit-transform: translateX(0);
- }
- }
- @-moz-keyframes bounceInRight {
- 0% {
- opacity: 0;
- -moz-transform: translateX(2000px);
- }
- 60% {
- opacity: 1;
- -moz-transform: translateX(-30px);
- }
- 80% {
- -moz-transform: translateX(10px);
- }
- 100% {
- -moz-transform: translateX(0);
- }
- }
- @-o-keyframes bounceInRight {
- 0% {
- opacity: 0;
- -o-transform: translateX(2000px);
- }
- 60% {
- opacity: 1;
- -o-transform: translateX(-30px);
- }
- 80% {
- -o-transform: translateX(10px);
- }
- 100% {
- -o-transform: translateX(0);
- }
- }
- @keyframes bounceInRight {
- 0% {
- opacity: 0;
- transform: translateX(2000px);
- }
- 60% {
- opacity: 1;
- transform: translateX(-30px);
- }
- 80% {
- transform: translateX(10px);
- }
- 100% {
- transform: translateX(0);
- }
- }
- .bounceInRight {
- -webkit-animation-name: bounceInRight;
- -moz-animation-name: bounceInRight;
- -o-animation-name: bounceInRight;
- animation-name: bounceInRight;
- }
- @-webkit-keyframes bounceOut {
- 0% {
- -webkit-transform: scale(1);
- }
- 25% {
- -webkit-transform: scale(0.95);
- }
- 50% {
- opacity: 1;
- -webkit-transform: scale(1.1);
- }
- 100% {
- opacity: 0;
- -webkit-transform: scale(0.3);
- }
- }
- @-moz-keyframes bounceOut {
- 0% {
- -moz-transform: scale(1);
- }
- 25% {
- -moz-transform: scale(0.95);
- }
- 50% {
- opacity: 1;
- -moz-transform: scale(1.1);
- }
- 100% {
- opacity: 0;
- -moz-transform: scale(0.3);
- }
- }
- @-o-keyframes bounceOut {
- 0% {
- -o-transform: scale(1);
- }
- 25% {
- -o-transform: scale(0.95);
- }
- 50% {
- opacity: 1;
- -o-transform: scale(1.1);
- }
- 100% {
- opacity: 0;
- -o-transform: scale(0.3);
- }
- }
- @keyframes bounceOut {
- 0% {
- transform: scale(1);
- }
- 25% {
- transform: scale(0.95);
- }
- 50% {
- opacity: 1;
- transform: scale(1.1);
- }
- 100% {
- opacity: 0;
- transform: scale(0.3);
- }
- }
- .bounceOut {
- -webkit-animation-name: bounceOut;
- -moz-animation-name: bounceOut;
- -o-animation-name: bounceOut;
- animation-name: bounceOut;
- }
- @-webkit-keyframes bounceOutUp {
- 0% {
- -webkit-transform: translateY(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateY(20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-2000px);
- }
- }
- @-moz-keyframes bounceOutUp {
- 0% {
- -moz-transform: translateY(0);
- }
- 20% {
- opacity: 1;
- -moz-transform: translateY(20px);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateY(-2000px);
- }
- }
- @-o-keyframes bounceOutUp {
- 0% {
- -o-transform: translateY(0);
- }
- 20% {
- opacity: 1;
- -o-transform: translateY(20px);
- }
- 100% {
- opacity: 0;
- -o-transform: translateY(-2000px);
- }
- }
- @keyframes bounceOutUp {
- 0% {
- transform: translateY(0);
- }
- 20% {
- opacity: 1;
- transform: translateY(20px);
- }
- 100% {
- opacity: 0;
- transform: translateY(-2000px);
- }
- }
- .bounceOutUp {
- -webkit-animation-name: bounceOutUp;
- -moz-animation-name: bounceOutUp;
- -o-animation-name: bounceOutUp;
- animation-name: bounceOutUp;
- }
- @-webkit-keyframes bounceOutDown {
- 0% {
- -webkit-transform: translateY(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateY(-20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- }
- }
- @-moz-keyframes bounceOutDown {
- 0% {
- -moz-transform: translateY(0);
- }
- 20% {
- opacity: 1;
- -moz-transform: translateY(-20px);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateY(2000px);
- }
- }
- @-o-keyframes bounceOutDown {
- 0% {
- -o-transform: translateY(0);
- }
- 20% {
- opacity: 1;
- -o-transform: translateY(-20px);
- }
- 100% {
- opacity: 0;
- -o-transform: translateY(2000px);
- }
- }
- @keyframes bounceOutDown {
- 0% {
- transform: translateY(0);
- }
- 20% {
- opacity: 1;
- transform: translateY(-20px);
- }
- 100% {
- opacity: 0;
- transform: translateY(2000px);
- }
- }
- .bounceOutDown {
- -webkit-animation-name: bounceOutDown;
- -moz-animation-name: bounceOutDown;
- -o-animation-name: bounceOutDown;
- animation-name: bounceOutDown;
- }
- @-webkit-keyframes bounceOutLeft {
- 0% {
- -webkit-transform: translateX(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateX(20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(-2000px);
- }
- }
- @-moz-keyframes bounceOutLeft {
- 0% {
- -moz-transform: translateX(0);
- }
- 20% {
- opacity: 1;
- -moz-transform: translateX(20px);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateX(-2000px);
- }
- }
- @-o-keyframes bounceOutLeft {
- 0% {
- -o-transform: translateX(0);
- }
- 20% {
- opacity: 1;
- -o-transform: translateX(20px);
- }
- 100% {
- opacity: 0;
- -o-transform: translateX(-2000px);
- }
- }
- @keyframes bounceOutLeft {
- 0% {
- transform: translateX(0);
- }
- 20% {
- opacity: 1;
- transform: translateX(20px);
- }
- 100% {
- opacity: 0;
- transform: translateX(-2000px);
- }
- }
- .bounceOutLeft {
- -webkit-animation-name: bounceOutLeft;
- -moz-animation-name: bounceOutLeft;
- -o-animation-name: bounceOutLeft;
- animation-name: bounceOutLeft;
- }
- @-webkit-keyframes bounceOutRight {
- 0% {
- -webkit-transform: translateX(0);
- }
- 20% {
- opacity: 1;
- -webkit-transform: translateX(-20px);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(2000px);
- }
- }
- @-moz-keyframes bounceOutRight {
- 0% {
- -moz-transform: translateX(0);
- }
- 20% {
- opacity: 1;
- -moz-transform: translateX(-20px);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateX(2000px);
- }
- }
- @-o-keyframes bounceOutRight {
- 0% {
- -o-transform: translateX(0);
- }
- 20% {
- opacity: 1;
- -o-transform: translateX(-20px);
- }
- 100% {
- opacity: 0;
- -o-transform: translateX(2000px);
- }
- }
- @keyframes bounceOutRight {
- 0% {
- transform: translateX(0);
- }
- 20% {
- opacity: 1;
- transform: translateX(-20px);
- }
- 100% {
- opacity: 0;
- transform: translateX(2000px);
- }
- }
- .bounceOutRight {
- -webkit-animation-name: bounceOutRight;
- -moz-animation-name: bounceOutRight;
- -o-animation-name: bounceOutRight;
- animation-name: bounceOutRight;
- }
- @-webkit-keyframes rotateIn {
- 0% {
- -webkit-transform-origin: center center;
- -webkit-transform: rotate(-200deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: center center;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- }
- @-moz-keyframes rotateIn {
- 0% {
- -moz-transform-origin: center center;
- -moz-transform: rotate(-200deg);
- opacity: 0;
- }
- 100% {
- -moz-transform-origin: center center;
- -moz-transform: rotate(0);
- opacity: 1;
- }
- }
- @-o-keyframes rotateIn {
- 0% {
- -o-transform-origin: center center;
- -o-transform: rotate(-200deg);
- opacity: 0;
- }
- 100% {
- -o-transform-origin: center center;
- -o-transform: rotate(0);
- opacity: 1;
- }
- }
- @keyframes rotateIn {
- 0% {
- transform-origin: center center;
- transform: rotate(-200deg);
- opacity: 0;
- }
- 100% {
- transform-origin: center center;
- transform: rotate(0);
- opacity: 1;
- }
- }
- .rotateIn {
- -webkit-animation-name: rotateIn;
- -moz-animation-name: rotateIn;
- -o-animation-name: rotateIn;
- animation-name: rotateIn;
- }
- @-webkit-keyframes rotateInUpLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- }
- @-moz-keyframes rotateInUpLeft {
- 0% {
- -moz-transform-origin: left bottom;
- -moz-transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- -moz-transform-origin: left bottom;
- -moz-transform: rotate(0);
- opacity: 1;
- }
- }
- @-o-keyframes rotateInUpLeft {
- 0% {
- -o-transform-origin: left bottom;
- -o-transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- -o-transform-origin: left bottom;
- -o-transform: rotate(0);
- opacity: 1;
- }
- }
- @keyframes rotateInUpLeft {
- 0% {
- transform-origin: left bottom;
- transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- transform-origin: left bottom;
- transform: rotate(0);
- opacity: 1;
- }
- }
- .rotateInUpLeft {
- -webkit-animation-name: rotateInUpLeft;
- -moz-animation-name: rotateInUpLeft;
- -o-animation-name: rotateInUpLeft;
- animation-name: rotateInUpLeft;
- }
- @-webkit-keyframes rotateInDownLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- }
- @-moz-keyframes rotateInDownLeft {
- 0% {
- -moz-transform-origin: left bottom;
- -moz-transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- -moz-transform-origin: left bottom;
- -moz-transform: rotate(0);
- opacity: 1;
- }
- }
- @-o-keyframes rotateInDownLeft {
- 0% {
- -o-transform-origin: left bottom;
- -o-transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- -o-transform-origin: left bottom;
- -o-transform: rotate(0);
- opacity: 1;
- }
- }
- @keyframes rotateInDownLeft {
- 0% {
- transform-origin: left bottom;
- transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- transform-origin: left bottom;
- transform: rotate(0);
- opacity: 1;
- }
- }
- .rotateInDownLeft {
- -webkit-animation-name: rotateInDownLeft;
- -moz-animation-name: rotateInDownLeft;
- -o-animation-name: rotateInDownLeft;
- animation-name: rotateInDownLeft;
- }
- @-webkit-keyframes rotateInUpRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- }
- @-moz-keyframes rotateInUpRight {
- 0% {
- -moz-transform-origin: right bottom;
- -moz-transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- -moz-transform-origin: right bottom;
- -moz-transform: rotate(0);
- opacity: 1;
- }
- }
- @-o-keyframes rotateInUpRight {
- 0% {
- -o-transform-origin: right bottom;
- -o-transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- -o-transform-origin: right bottom;
- -o-transform: rotate(0);
- opacity: 1;
- }
- }
- @keyframes rotateInUpRight {
- 0% {
- transform-origin: right bottom;
- transform: rotate(-90deg);
- opacity: 0;
- }
- 100% {
- transform-origin: right bottom;
- transform: rotate(0);
- opacity: 1;
- }
- }
- .rotateInUpRight {
- -webkit-animation-name: rotateInUpRight;
- -moz-animation-name: rotateInUpRight;
- -o-animation-name: rotateInUpRight;
- animation-name: rotateInUpRight;
- }
- @-webkit-keyframes rotateInDownRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- }
- @-moz-keyframes rotateInDownRight {
- 0% {
- -moz-transform-origin: right bottom;
- -moz-transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- -moz-transform-origin: right bottom;
- -moz-transform: rotate(0);
- opacity: 1;
- }
- }
- @-o-keyframes rotateInDownRight {
- 0% {
- -o-transform-origin: right bottom;
- -o-transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- -o-transform-origin: right bottom;
- -o-transform: rotate(0);
- opacity: 1;
- }
- }
- @keyframes rotateInDownRight {
- 0% {
- transform-origin: right bottom;
- transform: rotate(90deg);
- opacity: 0;
- }
- 100% {
- transform-origin: right bottom;
- transform: rotate(0);
- opacity: 1;
- }
- }
- .rotateInDownRight {
- -webkit-animation-name: rotateInDownRight;
- -moz-animation-name: rotateInDownRight;
- -o-animation-name: rotateInDownRight;
- animation-name: rotateInDownRight;
- }
- @-webkit-keyframes rotateOut {
- 0% {
- -webkit-transform-origin: center center;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: center center;
- -webkit-transform: rotate(200deg);
- opacity: 0;
- }
- }
- @-moz-keyframes rotateOut {
- 0% {
- -moz-transform-origin: center center;
- -moz-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -moz-transform-origin: center center;
- -moz-transform: rotate(200deg);
- opacity: 0;
- }
- }
- @-o-keyframes rotateOut {
- 0% {
- -o-transform-origin: center center;
- -o-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -o-transform-origin: center center;
- -o-transform: rotate(200deg);
- opacity: 0;
- }
- }
- @keyframes rotateOut {
- 0% {
- transform-origin: center center;
- transform: rotate(0);
- opacity: 1;
- }
- 100% {
- transform-origin: center center;
- transform: rotate(200deg);
- opacity: 0;
- }
- }
- .rotateOut {
- -webkit-animation-name: rotateOut;
- -moz-animation-name: rotateOut;
- -o-animation-name: rotateOut;
- animation-name: rotateOut;
- }
- @-webkit-keyframes rotateOutUpLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(-90deg);
- opacity: 0;
- }
- }
- @-moz-keyframes rotateOutUpLeft {
- 0% {
- -moz-transform-origin: left bottom;
- -moz-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -moz-transform-origin: left bottom;
- -moz-transform: rotate(-90deg);
- opacity: 0;
- }
- }
- @-o-keyframes rotateOutUpLeft {
- 0% {
- -o-transform-origin: left bottom;
- -o-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -o-transform-origin: left bottom;
- -o-transform: rotate(-90deg);
- opacity: 0;
- }
- }
- @keyframes rotateOutUpLeft {
- 0% {
- transform-origin: left bottom;
- transform: rotate(0);
- opacity: 1;
- }
- 100% {
- transform-origin: left bottom;
- transform: rotate(-90deg);
- opacity: 0;
- }
- }
- .rotateOutUpLeft {
- -webkit-animation-name: rotateOutUpLeft;
- -moz-animation-name: rotateOutUpLeft;
- -o-animation-name: rotateOutUpLeft;
- animation-name: rotateOutUpLeft;
- }
- @-webkit-keyframes rotateOutDownLeft {
- 0% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: left bottom;
- -webkit-transform: rotate(90deg);
- opacity: 0;
- }
- }
- @-moz-keyframes rotateOutDownLeft {
- 0% {
- -moz-transform-origin: left bottom;
- -moz-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -moz-transform-origin: left bottom;
- -moz-transform: rotate(90deg);
- opacity: 0;
- }
- }
- @-o-keyframes rotateOutDownLeft {
- 0% {
- -o-transform-origin: left bottom;
- -o-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -o-transform-origin: left bottom;
- -o-transform: rotate(90deg);
- opacity: 0;
- }
- }
- @keyframes rotateOutDownLeft {
- 0% {
- transform-origin: left bottom;
- transform: rotate(0);
- opacity: 1;
- }
- 100% {
- transform-origin: left bottom;
- transform: rotate(90deg);
- opacity: 0;
- }
- }
- .rotateOutDownLeft {
- -webkit-animation-name: rotateOutDownLeft;
- -moz-animation-name: rotateOutDownLeft;
- -o-animation-name: rotateOutDownLeft;
- animation-name: rotateOutDownLeft;
- }
- @-webkit-keyframes rotateOutUpRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(90deg);
- opacity: 0;
- }
- }
- @-moz-keyframes rotateOutUpRight {
- 0% {
- -moz-transform-origin: right bottom;
- -moz-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -moz-transform-origin: right bottom;
- -moz-transform: rotate(90deg);
- opacity: 0;
- }
- }
- @-o-keyframes rotateOutUpRight {
- 0% {
- -o-transform-origin: right bottom;
- -o-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -o-transform-origin: right bottom;
- -o-transform: rotate(90deg);
- opacity: 0;
- }
- }
- @keyframes rotateOutUpRight {
- 0% {
- transform-origin: right bottom;
- transform: rotate(0);
- opacity: 1;
- }
- 100% {
- transform-origin: right bottom;
- transform: rotate(90deg);
- opacity: 0;
- }
- }
- .rotateOutUpRight {
- -webkit-animation-name: rotateOutUpRight;
- -moz-animation-name: rotateOutUpRight;
- -o-animation-name: rotateOutUpRight;
- animation-name: rotateOutUpRight;
- }
- @-webkit-keyframes rotateOutDownRight {
- 0% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -webkit-transform-origin: right bottom;
- -webkit-transform: rotate(-90deg);
- opacity: 0;
- }
- }
- @-moz-keyframes rotateOutDownRight {
- 0% {
- -moz-transform-origin: right bottom;
- -moz-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -moz-transform-origin: right bottom;
- -moz-transform: rotate(-90deg);
- opacity: 0;
- }
- }
- @-o-keyframes rotateOutDownRight {
- 0% {
- -o-transform-origin: right bottom;
- -o-transform: rotate(0);
- opacity: 1;
- }
- 100% {
- -o-transform-origin: right bottom;
- -o-transform: rotate(-90deg);
- opacity: 0;
- }
- }
- @keyframes rotateOutDownRight {
- 0% {
- transform-origin: right bottom;
- transform: rotate(0);
- opacity: 1;
- }
- 100% {
- transform-origin: right bottom;
- transform: rotate(-90deg);
- opacity: 0;
- }
- }
- .rotateOutDownRight {
- -webkit-animation-name: rotateOutDownRight;
- -moz-animation-name: rotateOutDownRight;
- -o-animation-name: rotateOutDownRight;
- animation-name: rotateOutDownRight;
- }
- @-webkit-keyframes hinge {
- 0% {
- -webkit-transform: rotate(0);
- -webkit-transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- }
- 20%,
- 60% {
- -webkit-transform: rotate(80deg);
- -webkit-transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- }
- 40% {
- -webkit-transform: rotate(60deg);
- -webkit-transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- }
- 80% {
- -webkit-transform: rotate(60deg) translateY(0);
- opacity: 1;
- -webkit-transform-origin: top left;
- -webkit-animation-timing-function: ease-in-out;
- }
- 100% {
- -webkit-transform: translateY(700px);
- opacity: 0;
- }
- }
- @-moz-keyframes hinge {
- 0% {
- -moz-transform: rotate(0);
- -moz-transform-origin: top left;
- -moz-animation-timing-function: ease-in-out;
- }
- 20%,
- 60% {
- -moz-transform: rotate(80deg);
- -moz-transform-origin: top left;
- -moz-animation-timing-function: ease-in-out;
- }
- 40% {
- -moz-transform: rotate(60deg);
- -moz-transform-origin: top left;
- -moz-animation-timing-function: ease-in-out;
- }
- 80% {
- -moz-transform: rotate(60deg) translateY(0);
- opacity: 1;
- -moz-transform-origin: top left;
- -moz-animation-timing-function: ease-in-out;
- }
- 100% {
- -moz-transform: translateY(700px);
- opacity: 0;
- }
- }
- @-o-keyframes hinge {
- 0% {
- -o-transform: rotate(0);
- -o-transform-origin: top left;
- -o-animation-timing-function: ease-in-out;
- }
- 20%,
- 60% {
- -o-transform: rotate(80deg);
- -o-transform-origin: top left;
- -o-animation-timing-function: ease-in-out;
- }
- 40% {
- -o-transform: rotate(60deg);
- -o-transform-origin: top left;
- -o-animation-timing-function: ease-in-out;
- }
- 80% {
- -o-transform: rotate(60deg) translateY(0);
- opacity: 1;
- -o-transform-origin: top left;
- -o-animation-timing-function: ease-in-out;
- }
- 100% {
- -o-transform: translateY(700px);
- opacity: 0;
- }
- }
- @keyframes hinge {
- 0% {
- transform: rotate(0);
- transform-origin: top left;
- animation-timing-function: ease-in-out;
- }
- 20%,
- 60% {
- transform: rotate(80deg);
- transform-origin: top left;
- animation-timing-function: ease-in-out;
- }
- 40% {
- transform: rotate(60deg);
- transform-origin: top left;
- animation-timing-function: ease-in-out;
- }
- 80% {
- transform: rotate(60deg) translateY(0);
- opacity: 1;
- transform-origin: top left;
- animation-timing-function: ease-in-out;
- }
- 100% {
- transform: translateY(700px);
- opacity: 0;
- }
- }
- .hinge {
- -webkit-animation-name: hinge;
- -moz-animation-name: hinge;
- -o-animation-name: hinge;
- animation-name: hinge;
- }
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
- @-webkit-keyframes rollIn {
- 0% {
- opacity: 0;
- -webkit-transform: translateX(-100%) rotate(-120deg);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0px) rotate(0deg);
- }
- }
- @-moz-keyframes rollIn {
- 0% {
- opacity: 0;
- -moz-transform: translateX(-100%) rotate(-120deg);
- }
- 100% {
- opacity: 1;
- -moz-transform: translateX(0px) rotate(0deg);
- }
- }
- @-o-keyframes rollIn {
- 0% {
- opacity: 0;
- -o-transform: translateX(-100%) rotate(-120deg);
- }
- 100% {
- opacity: 1;
- -o-transform: translateX(0px) rotate(0deg);
- }
- }
- @keyframes rollIn {
- 0% {
- opacity: 0;
- transform: translateX(-100%) rotate(-120deg);
- }
- 100% {
- opacity: 1;
- transform: translateX(0px) rotate(0deg);
- }
- }
- .rollIn {
- -webkit-animation-name: rollIn;
- -moz-animation-name: rollIn;
- -o-animation-name: rollIn;
- animation-name: rollIn;
- }
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
- @-webkit-keyframes rollOut {
- 0% {
- opacity: 1;
- -webkit-transform: translateX(0px) rotate(0deg);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateX(100%) rotate(120deg);
- }
- }
- @-moz-keyframes rollOut {
- 0% {
- opacity: 1;
- -moz-transform: translateX(0px) rotate(0deg);
- }
- 100% {
- opacity: 0;
- -moz-transform: translateX(100%) rotate(120deg);
- }
- }
- @-o-keyframes rollOut {
- 0% {
- opacity: 1;
- -o-transform: translateX(0px) rotate(0deg);
- }
- 100% {
- opacity: 0;
- -o-transform: translateX(100%) rotate(120deg);
- }
- }
- @keyframes rollOut {
- 0% {
- opacity: 1;
- transform: translateX(0px) rotate(0deg);
- }
- 100% {
- opacity: 0;
- transform: translateX(100%) rotate(120deg);
- }
- }
- .rollOut {
- -webkit-animation-name: rollOut;
- -moz-animation-name: rollOut;
- -o-animation-name: rollOut;
- animation-name: rollOut;
- }
- /* originally authored by Angelo Rohit - https://github.com/angelorohit */
- @-webkit-keyframes lightSpeedIn {
- 0% {
- -webkit-transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
- 60% {
- -webkit-transform: translateX(-20%) skewX(30deg);
- opacity: 1;
- }
- 80% {
- -webkit-transform: translateX(0%) skewX(-15deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: translateX(0%) skewX(0deg);
- opacity: 1;
- }
- }
- @-moz-keyframes lightSpeedIn {
- 0% {
- -moz-transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
- 60% {
- -moz-transform: translateX(-20%) skewX(30deg);
- opacity: 1;
- }
- 80% {
- -moz-transform: translateX(0%) skewX(-15deg);
- opacity: 1;
- }
- 100% {
- -moz-transform: translateX(0%) skewX(0deg);
- opacity: 1;
- }
- }
- @-o-keyframes lightSpeedIn {
- 0% {
- -o-transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
- 60% {
- -o-transform: translateX(-20%) skewX(30deg);
- opacity: 1;
- }
- 80% {
- -o-transform: translateX(0%) skewX(-15deg);
- opacity: 1;
- }
- 100% {
- -o-transform: translateX(0%) skewX(0deg);
- opacity: 1;
- }
- }
- @keyframes lightSpeedIn {
- 0% {
- transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
- 60% {
- transform: translateX(-20%) skewX(30deg);
- opacity: 1;
- }
- 80% {
- transform: translateX(0%) skewX(-15deg);
- opacity: 1;
- }
- 100% {
- transform: translateX(0%) skewX(0deg);
- opacity: 1;
- }
- }
- .lightSpeedIn {
- -webkit-animation-name: lightSpeedIn;
- -moz-animation-name: lightSpeedIn;
- -o-animation-name: lightSpeedIn;
- animation-name: lightSpeedIn;
- -webkit-animation-timing-function: ease-out;
- -moz-animation-timing-function: ease-out;
- -o-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
- }
- .animated.lightSpeedIn {
- -webkit-animation-duration: 0.5s;
- -moz-animation-duration: 0.5s;
- -o-animation-duration: 0.5s;
- animation-duration: 0.5s;
- }
- /* originally authored by Angelo Rohit - https://github.com/angelorohit */
- @-webkit-keyframes lightSpeedOut {
- 0% {
- -webkit-transform: translateX(0%) skewX(0deg);
- opacity: 1;
- }
- 100% {
- -webkit-transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
- }
- @-moz-keyframes lightSpeedOut {
- 0% {
- -moz-transform: translateX(0%) skewX(0deg);
- opacity: 1;
- }
- 100% {
- -moz-transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
- }
- @-o-keyframes lightSpeedOut {
- 0% {
- -o-transform: translateX(0%) skewX(0deg);
- opacity: 1;
- }
- 100% {
- -o-transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
- }
- @keyframes lightSpeedOut {
- 0% {
- transform: translateX(0%) skewX(0deg);
- opacity: 1;
- }
- 100% {
- transform: translateX(100%) skewX(-30deg);
- opacity: 0;
- }
- }
- .lightSpeedOut {
- -webkit-animation-name: lightSpeedOut;
- -moz-animation-name: lightSpeedOut;
- -o-animation-name: lightSpeedOut;
- animation-name: lightSpeedOut;
- -webkit-animation-timing-function: ease-in;
- -moz-animation-timing-function: ease-in;
- -o-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
- .animated.lightSpeedOut {
- -webkit-animation-duration: 0.25s;
- -moz-animation-duration: 0.25s;
- -o-animation-duration: 0.25s;
- animation-duration: 0.25s;
- }
- /* originally authored by Angelo Rohit - https://github.com/angelorohit */
- @-webkit-keyframes wiggle {
- 0% {
- -webkit-transform: skewX(9deg);
- }
- 10% {
- -webkit-transform: skewX(-8deg);
- }
- 20% {
- -webkit-transform: skewX(7deg);
- }
- 30% {
- -webkit-transform: skewX(-6deg);
- }
- 40% {
- -webkit-transform: skewX(5deg);
- }
- 50% {
- -webkit-transform: skewX(-4deg);
- }
- 60% {
- -webkit-transform: skewX(3deg);
- }
- 70% {
- -webkit-transform: skewX(-2deg);
- }
- 80% {
- -webkit-transform: skewX(1deg);
- }
- 90% {
- -webkit-transform: skewX(0deg);
- }
- 100% {
- -webkit-transform: skewX(0deg);
- }
- }
- @-moz-keyframes wiggle {
- 0% {
- -moz-transform: skewX(9deg);
- }
- 10% {
- -moz-transform: skewX(-8deg);
- }
- 20% {
- -moz-transform: skewX(7deg);
- }
- 30% {
- -moz-transform: skewX(-6deg);
- }
- 40% {
- -moz-transform: skewX(5deg);
- }
- 50% {
- -moz-transform: skewX(-4deg);
- }
- 60% {
- -moz-transform: skewX(3deg);
- }
- 70% {
- -moz-transform: skewX(-2deg);
- }
- 80% {
- -moz-transform: skewX(1deg);
- }
- 90% {
- -moz-transform: skewX(0deg);
- }
- 100% {
- -moz-transform: skewX(0deg);
- }
- }
- @-o-keyframes wiggle {
- 0% {
- -o-transform: skewX(9deg);
- }
- 10% {
- -o-transform: skewX(-8deg);
- }
- 20% {
- -o-transform: skewX(7deg);
- }
- 30% {
- -o-transform: skewX(-6deg);
- }
- 40% {
- -o-transform: skewX(5deg);
- }
- 50% {
- -o-transform: skewX(-4deg);
- }
- 60% {
- -o-transform: skewX(3deg);
- }
- 70% {
- -o-transform: skewX(-2deg);
- }
- 80% {
- -o-transform: skewX(1deg);
- }
- 90% {
- -o-transform: skewX(0deg);
- }
- 100% {
- -o-transform: skewX(0deg);
- }
- }
- @keyframes wiggle {
- 0% {
- transform: skewX(9deg);
- }
- 10% {
- transform: skewX(-8deg);
- }
- 20% {
- transform: skewX(7deg);
- }
- 30% {
- transform: skewX(-6deg);
- }
- 40% {
- transform: skewX(5deg);
- }
- 50% {
- transform: skewX(-4deg);
- }
- 60% {
- transform: skewX(3deg);
- }
- 70% {
- transform: skewX(-2deg);
- }
- 80% {
- transform: skewX(1deg);
- }
- 90% {
- transform: skewX(0deg);
- }
- 100% {
- transform: skewX(0deg);
- }
- }
- .wiggle {
- -webkit-animation-name: wiggle;
- -moz-animation-name: wiggle;
- -o-animation-name: wiggle;
- animation-name: wiggle;
- -webkit-animation-timing-function: ease-in;
- -moz-animation-timing-function: ease-in;
- -o-animation-timing-function: ease-in;
- animation-timing-function: ease-in;
- }
- .animated.wiggle {
- -webkit-animation-duration: 0.75s;
- -moz-animation-duration: 0.75s;
- -o-animation-duration: 0.75s;
- animation-duration: 0.75s;
- }
- .browsehappy {
- margin: 0.2em 0;
- background: orange;
- color: white;
- padding: 0.2em 0;
- }
- #navigation ul {
- list-style: none;
- }
- #navigation li {
- display: inline-block;
- padding: 0 10px;
- }
- #navigation h1 {
- text-align: center;
- font-family: "Source code Pro", monospace;
- margin-bottom: 15px;
- }
- @media (min-width: 768px) {
- #navigation ul {
- float: right;
- margin: 30px 0;
- }
- #navigation h1 {
- float: left;
- }
- }
- h2 {
- text-align: center;
- font-size: 35px;
- }
- @media (min-width: 768px) {
- h2 {
- font-size: 50px;
- }
- }
- .btn-cta {
- -webkit-transition: all 0.3s;
- transition: all 0.3s;
- padding: 10px 50px;
- border: 2px solid #e96e57;
- font-size: 20px;
- color: #e96e57;
- -webkit-border-radius: 10px;
- display: inline-block;
- }
- .btn-cta:hover {
- text-decoration: none;
- border-color: #36535a;
- color: #36535a;
- }
- .wrapper {
- margin: 0 auto;
- max-width: 1100px;
- margin-right: auto;
- margin-left: auto;
- padding-left: 38px;
- padding-right: 38px;
- }
- .wrapper:before,
- .wrapper:after {
- content: " ";
- display: table;
- }
- .wrapper:after {
- clear: both;
- }
- .wrapper:before,
- .wrapper:after {
- content: " ";
- display: table;
- }
- .wrapper:after {
- clear: both;
- }
- @media (min-width: 768px) {
- .wrapper {
- width: 796px;
- }
- }
- @media (min-width: 992px) {
- .wrapper {
- width: 1016px;
- }
- }
- @media (min-width: 1200px) {
- .wrapper {
- width: 1216px;
- }
- }
- img {
- max-width: 100%;
- margin: 0 auto;
- }
- a:hover {
- text-decoration: none;
- color: inherit ;
- }
- #home {
- text-align: center;
- }
- #home h2 {
- font-size: 40px;
- }
- @media (min-width: 768px) {
- #home {
- padding: 50px;
- }
- #home h2 {
- font-size: 60px;
- margin-top: -10px;
- margin-bottom: 45px;
- }
- }
- #from-terminal,
- #from-web {
- position: relative;
- min-height: 1px;
- padding-left: 38px;
- padding-right: 38px;
- }
- @media (min-width: 992px) {
- #from-terminal,
- #from-web {
- float: left;
- width: 50%;
- }
- }
- #from-terminal h3,
- #from-web h3 {
- font-size: 30px;
- }
- #web {
- -webkit-transition: all 0.3s ease;
- transition: all 0.3s ease;
- border: 1px dashed #85b5bb;
- padding-top: 10px;
- border-radius: 5px;
- }
- #web i {
- font-size: 160px;
- color: #85b5bb;
- }
- #web p.click {
- margin-top: -66px;
- font-size: 18px;
- }
- #web .btn-cta {
- padding: 5px 10px;
- font-size: 14px;
- }
- #web,
- #terminal {
- min-height: 150px;
- }
- @media (min-width: 768px) {
- #web,
- #terminal {
- min-height: 270px;
- }
- }
- #web .uploading i {
- -webkit-transition: font 0.3s ease;
- transition: font 0.3s ease;
- font-size: 40px;
- }
- #web .uploading p.click {
- margin-top: -10px;
- font-size: 14px;
- }
- .dragged {
- background: #f6f8f8;
- }
- #terminal {
- padding: 10px;
- text-align: left;
- color: #fff;
- background: #36535a;
- background: url(../images/terminal.svg);
- background-repeat: no-repeat;
- background-size: 100% auto;
- font-family: "Source code Pro", monospace;
- font-size: 11px;
- }
- @media (min-width: 768px) {
- #terminal {
- padding: 30px 20px;
- }
- }
- .progress {
- max-width: 80%;
- margin: 0 auto;
- }
- .all-files {
- display: none;
- }
- .all-files .show {
- display: block;
- }
- #features {
- background: #f6f8f8;
- text-align: center;
- padding: 100px 0;
- }
- #features h3 {
- margin-top: -20px;
- font-size: 25px;
- line-height: 1.2;
- }
- #features p {
- font-size: 18px;
- }
- #features i {
- color: #85b5bb;
- font-size: 100px;
- }
- #samples {
- padding: 50px 0;
- text-align: center;
- }
- #samples h4 {
- margin-top: 30px;
- }
- #samples code {
- display: block;
- padding: 10px 20px;
- background: #36535a;
- font-family: "Source code Pro", monospace;
- font-size: 12px;
- border-radius: 5px;
- color: #fff;
- text-align: left;
- font-weight: 400;
- }
- #samples .btn-cta {
- margin: 30px 0;
- cursor: pointer;
- }
- #share {
- text-align: center;
- background: #85b5bb;
- color: #fff;
- padding: 75px 0;
- }
- #share i {
- font-size: 50px;
- }
- #share ul {
- margin-top: 30px;
- list-style: none;
- }
- #share li {
- margin: 0 20px;
- display: inline-block;
- }
- #share a {
- color: #fff;
- }
- footer {
- text-align: center;
- background: #36535a;
- padding: 30px 0;
- color: #fff;
- }
- footer p {
- margin: 0;
- }
- footer i {
- color: #e96e57;
- }
- footer a {
- color: #f6f8f8;
- }
- footer img {
- max-height: 40px;
- margin-bottom: 30px;
- }
- #contact {
- text-align: center;
- padding: 100px 0;
- padding: 150px 0;
- }
- #contact i {
- font-size: 160px;
- color: #85b5bb;
- }
- @media (min-width: 768px) {
- #contact i {
- font-size: 160px;
- }
- }
- #contact h2 {
- margin-top: -50px;
- margin-bottom: 40px;
- }
- #reviews {
- background: #f6f8f8;
- padding: 130px 0;
- }
- #reviews .twitter-profile {
- float: left;
- display: block;
- height: 75px;
- margin-right: 20px;
- -webkit-border-radius: 10px;
- margin: auto 15px auto 0;
- }
- blockquote.twitter-tweet {
- display: inline-block;
- font-size: 15px;
- line-height: 20px;
- margin: 10px 5px;
- padding: 0 16px 16px 16px;
- text-align: right;
- border: 0;
- }
- blockquote.twitter-tweet p {
- font-size: 17px;
- font-weight: normal;
- line-height: 20px;
- text-align: left;
- }
- blockquote.twitter-tweet a {
- color: inherit;
- font-weight: normal;
- text-decoration: none;
- outline: 0 none;
- }
- blockquote.twitter-tweet a:hover,
- blockquote.twitter-tweet a:focus {
- text-decoration: underline;
- }
- blockquote.tweet-xl p {
- font-size: 22px;
- line-height: 25px;
- }
- @font-face {
- font-family: "transfersh";
- src: url("../fonts/transfersh.eot");
- src: url("../fonts/transfersh.eot?#iefix") format("embedded-opentype"), url("../fonts/transfersh.woff") format("woff"), url("../fonts/transfersh.ttf") format("truetype"), url("../fonts/transfersh.svg#transfersh") format("svg");
- font-weight: normal;
- font-style: normal;
- }
- [data-icon]:before {
- font-family: "transfersh" !important;
- content: attr(data-icon);
- font-style: normal !important;
- font-weight: normal !important;
- font-variant: normal !important;
- text-transform: none !important;
- speak: none;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- [class^="icon-"]:before,
- [class*=" icon-"]:before {
- font-family: "transfersh" !important;
- font-style: normal !important;
- font-weight: normal !important;
- font-variant: normal !important;
- text-transform: none !important;
- speak: none;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .icon-terminal:before {
- content: "a";
- }
- .icon-share:before {
- content: "b";
- }
- .icon-clock:before {
- content: "g";
- }
- .icon-tag:before {
- content: "c";
- }
- .icon-upload-cloud:before {
- content: "m";
- }
- .icon-mail:before {
- content: "j";
- }
- .icon-gauge:before {
- content: "k";
- }
- .icon-lock:before {
- content: "h";
- }
- .icon-database:before {
- content: "i";
- }
- .icon-heart:before {
- content: "e";
- }
- .icon-link:before {
- content: "d";
- }
- .icon-facebook:before {
- content: "l";
- }
- .icon-twitter:before {
- content: "n";
- }
- .icon-linkedin:before {
- content: "o";
- }
- .icon-gplus:before {
- content: "p";
- }
- /*# sourceMappingURL=/styles/main.css.map */
|