├── .gitignore ├── scss ├── app.scss ├── _custom.scss ├── _reset.scss └── _flip.scss ├── img ├── horse │ ├── horse-1.png │ ├── horse-10.png │ ├── horse-11.png │ ├── horse-12.png │ ├── horse-13.png │ ├── horse-14.png │ ├── horse-15.png │ ├── horse-16.png │ ├── horse-17.png │ ├── horse-18.png │ ├── horse-19.png │ ├── horse-2.png │ ├── horse-20.png │ ├── horse-21.png │ ├── horse-22.png │ ├── horse-23.png │ ├── horse-24.png │ ├── horse-25.png │ ├── horse-26.png │ ├── horse-27.png │ ├── horse-28.png │ ├── horse-29.png │ ├── horse-3.png │ ├── horse-30.png │ ├── horse-31.png │ ├── horse-32.png │ ├── horse-4.png │ ├── horse-5.png │ ├── horse-6.png │ ├── horse-7.png │ ├── horse-8.png │ └── horse-9.png └── walking │ ├── background.png │ ├── walking-1.png │ ├── walking-10.png │ ├── walking-11.png │ ├── walking-12.png │ ├── walking-13.png │ ├── walking-14.png │ ├── walking-15.png │ ├── walking-16.png │ ├── walking-17.png │ ├── walking-18.png │ ├── walking-19.png │ ├── walking-2.png │ ├── walking-20.png │ ├── walking-21.png │ ├── walking-22.png │ ├── walking-23.png │ ├── walking-24.png │ ├── walking-25.png │ ├── walking-26.png │ ├── walking-27.png │ ├── walking-28.png │ ├── walking-29.png │ ├── walking-3.png │ ├── walking-30.png │ ├── walking-31.png │ ├── walking-32.png │ ├── walking-33.png │ ├── walking-34.png │ ├── walking-35.png │ ├── walking-36.png │ ├── walking-37.png │ ├── walking-38.png │ ├── walking-39.png │ ├── walking-4.png │ ├── walking-40.png │ ├── walking-41.png │ ├── walking-42.png │ ├── walking-43.png │ ├── walking-44.png │ ├── walking-45.png │ ├── walking-46.png │ ├── walking-47.png │ ├── walking-48.png │ ├── walking-5.png │ ├── walking-6.png │ ├── walking-7.png │ ├── walking-8.png │ └── walking-9.png ├── index.html ├── README.md ├── package.json ├── Gruntfile.js └── css ├── app.css.map └── app.css /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules -------------------------------------------------------------------------------- /scss/app.scss: -------------------------------------------------------------------------------- 1 | @import "reset"; 2 | @import "flip"; 3 | @import "custom"; 4 | -------------------------------------------------------------------------------- /img/horse/horse-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-1.png -------------------------------------------------------------------------------- /img/horse/horse-10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-10.png -------------------------------------------------------------------------------- /img/horse/horse-11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-11.png -------------------------------------------------------------------------------- /img/horse/horse-12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-12.png -------------------------------------------------------------------------------- /img/horse/horse-13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-13.png -------------------------------------------------------------------------------- /img/horse/horse-14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-14.png -------------------------------------------------------------------------------- /img/horse/horse-15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-15.png -------------------------------------------------------------------------------- /img/horse/horse-16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-16.png -------------------------------------------------------------------------------- /img/horse/horse-17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-17.png -------------------------------------------------------------------------------- /img/horse/horse-18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-18.png -------------------------------------------------------------------------------- /img/horse/horse-19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-19.png -------------------------------------------------------------------------------- /img/horse/horse-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-2.png -------------------------------------------------------------------------------- /img/horse/horse-20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-20.png -------------------------------------------------------------------------------- /img/horse/horse-21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-21.png -------------------------------------------------------------------------------- /img/horse/horse-22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-22.png -------------------------------------------------------------------------------- /img/horse/horse-23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-23.png -------------------------------------------------------------------------------- /img/horse/horse-24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-24.png -------------------------------------------------------------------------------- /img/horse/horse-25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-25.png -------------------------------------------------------------------------------- /img/horse/horse-26.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-26.png -------------------------------------------------------------------------------- /img/horse/horse-27.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-27.png -------------------------------------------------------------------------------- /img/horse/horse-28.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-28.png -------------------------------------------------------------------------------- /img/horse/horse-29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-29.png -------------------------------------------------------------------------------- /img/horse/horse-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-3.png -------------------------------------------------------------------------------- /img/horse/horse-30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-30.png -------------------------------------------------------------------------------- /img/horse/horse-31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-31.png -------------------------------------------------------------------------------- /img/horse/horse-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-32.png -------------------------------------------------------------------------------- /img/horse/horse-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-4.png -------------------------------------------------------------------------------- /img/horse/horse-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-5.png -------------------------------------------------------------------------------- /img/horse/horse-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-6.png -------------------------------------------------------------------------------- /img/horse/horse-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-7.png -------------------------------------------------------------------------------- /img/horse/horse-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-8.png -------------------------------------------------------------------------------- /img/horse/horse-9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/horse/horse-9.png -------------------------------------------------------------------------------- /img/walking/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/background.png -------------------------------------------------------------------------------- /img/walking/walking-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-1.png -------------------------------------------------------------------------------- /img/walking/walking-10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-10.png -------------------------------------------------------------------------------- /img/walking/walking-11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-11.png -------------------------------------------------------------------------------- /img/walking/walking-12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-12.png -------------------------------------------------------------------------------- /img/walking/walking-13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-13.png -------------------------------------------------------------------------------- /img/walking/walking-14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-14.png -------------------------------------------------------------------------------- /img/walking/walking-15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-15.png -------------------------------------------------------------------------------- /img/walking/walking-16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-16.png -------------------------------------------------------------------------------- /img/walking/walking-17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-17.png -------------------------------------------------------------------------------- /img/walking/walking-18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-18.png -------------------------------------------------------------------------------- /img/walking/walking-19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-19.png -------------------------------------------------------------------------------- /img/walking/walking-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-2.png -------------------------------------------------------------------------------- /img/walking/walking-20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-20.png -------------------------------------------------------------------------------- /img/walking/walking-21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-21.png -------------------------------------------------------------------------------- /img/walking/walking-22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-22.png -------------------------------------------------------------------------------- /img/walking/walking-23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-23.png -------------------------------------------------------------------------------- /img/walking/walking-24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-24.png -------------------------------------------------------------------------------- /img/walking/walking-25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-25.png -------------------------------------------------------------------------------- /img/walking/walking-26.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-26.png -------------------------------------------------------------------------------- /img/walking/walking-27.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-27.png -------------------------------------------------------------------------------- /img/walking/walking-28.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-28.png -------------------------------------------------------------------------------- /img/walking/walking-29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-29.png -------------------------------------------------------------------------------- /img/walking/walking-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-3.png -------------------------------------------------------------------------------- /img/walking/walking-30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-30.png -------------------------------------------------------------------------------- /img/walking/walking-31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-31.png -------------------------------------------------------------------------------- /img/walking/walking-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-32.png -------------------------------------------------------------------------------- /img/walking/walking-33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-33.png -------------------------------------------------------------------------------- /img/walking/walking-34.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-34.png -------------------------------------------------------------------------------- /img/walking/walking-35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-35.png -------------------------------------------------------------------------------- /img/walking/walking-36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-36.png -------------------------------------------------------------------------------- /img/walking/walking-37.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-37.png -------------------------------------------------------------------------------- /img/walking/walking-38.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-38.png -------------------------------------------------------------------------------- /img/walking/walking-39.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-39.png -------------------------------------------------------------------------------- /img/walking/walking-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-4.png -------------------------------------------------------------------------------- /img/walking/walking-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-40.png -------------------------------------------------------------------------------- /img/walking/walking-41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-41.png -------------------------------------------------------------------------------- /img/walking/walking-42.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-42.png -------------------------------------------------------------------------------- /img/walking/walking-43.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-43.png -------------------------------------------------------------------------------- /img/walking/walking-44.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-44.png -------------------------------------------------------------------------------- /img/walking/walking-45.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-45.png -------------------------------------------------------------------------------- /img/walking/walking-46.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-46.png -------------------------------------------------------------------------------- /img/walking/walking-47.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-47.png -------------------------------------------------------------------------------- /img/walking/walking-48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-48.png -------------------------------------------------------------------------------- /img/walking/walking-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-5.png -------------------------------------------------------------------------------- /img/walking/walking-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-6.png -------------------------------------------------------------------------------- /img/walking/walking-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-7.png -------------------------------------------------------------------------------- /img/walking/walking-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-8.png -------------------------------------------------------------------------------- /img/walking/walking-9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zurb/css-flip-book/HEAD/img/walking/walking-9.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | ZURB - CSS Flip Book 5 | 6 | 7 | 8 |

Resize your Browser Window

9 |
10 | 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # css-flip-book 2 | Takes a set of images and creates a flip book for your website...without JS! 3 | 4 | ## Getting Started 5 | 6 | To get going with CSS Flip Book: 7 | 8 | * [Install with npm](http://npmjs.com): `npm install` 9 | 10 | ## What to Do 11 | 12 | Drag you browser's window to change the size and see it animate! -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "css-flip-book", 3 | "version": "1.0.0", 4 | "repository": { 5 | "type": "git", 6 | "url": "https://github.com/tdhartwick/css-flip-book.git" 7 | }, 8 | "devDependencies": { 9 | "node-sass": "~2.0.1", 10 | "grunt": "~0.4.5", 11 | "grunt-contrib-watch": "~0.6.1", 12 | "grunt-sass": "~0.18.0" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /scss/_custom.scss: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:800); 2 | 3 | //Optional background for the body of the document. 4 | body { 5 | background-image: url('../img/walking/background.png'); 6 | background-repeat: repeat-x; 7 | background-size: 400px auto; 8 | background-position: bottom; 9 | } 10 | 11 | //Helper title. 12 | .title { 13 | position: absolute; 14 | right: 0px; 15 | font-family: 'Open Sans', sans-serif; 16 | text-transform: uppercase; 17 | font-size: 10px; 18 | color: #524954; 19 | background-color: white; 20 | padding: 15px; 21 | } -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function(grunt) { 2 | grunt.initConfig({ 3 | pkg: grunt.file.readJSON('package.json'), 4 | 5 | sass: { 6 | options: { 7 | includePaths: ['bower_components/foundation/scss'] 8 | }, 9 | dist: { 10 | options: { 11 | outputStyle: 'compressed', 12 | sourceMap: true, 13 | }, 14 | files: { 15 | 'css/app.css': 'scss/app.scss' 16 | } 17 | } 18 | }, 19 | 20 | watch: { 21 | grunt: { 22 | options: { 23 | reload: true 24 | }, 25 | files: ['Gruntfile.js'] 26 | }, 27 | 28 | sass: { 29 | files: 'scss/**/*.scss', 30 | tasks: ['sass'] 31 | } 32 | } 33 | }); 34 | 35 | grunt.loadNpmTasks('grunt-sass'); 36 | grunt.loadNpmTasks('grunt-contrib-watch'); 37 | 38 | grunt.registerTask('build', ['sass']); 39 | grunt.registerTask('default', ['build','watch']); 40 | } 41 | -------------------------------------------------------------------------------- /scss/_reset.scss: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v2.0 | 20110126 3 | License: none (public domain) 4 | */ 5 | 6 | html, body, div, span, applet, object, iframe, 7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 8 | a, abbr, acronym, address, big, cite, code, 9 | del, dfn, em, img, ins, kbd, q, s, samp, 10 | small, strike, strong, sub, sup, tt, var, 11 | b, u, i, center, 12 | dl, dt, dd, ol, ul, li, 13 | fieldset, form, label, legend, 14 | table, caption, tbody, tfoot, thead, tr, th, td, 15 | article, aside, canvas, details, embed, 16 | figure, figcaption, footer, header, hgroup, 17 | menu, nav, output, ruby, section, summary, 18 | time, mark, audio, video { 19 | margin: 0; 20 | padding: 0; 21 | border: 0; 22 | font-size: 100%; 23 | font: inherit; 24 | vertical-align: baseline; 25 | } 26 | /* HTML5 display-role reset for older browsers */ 27 | article, aside, details, figcaption, figure, 28 | footer, header, hgroup, menu, nav, section { 29 | display: block; 30 | } 31 | body { 32 | line-height: 1; 33 | } 34 | ol, ul { 35 | list-style: none; 36 | } 37 | blockquote, q { 38 | quotes: none; 39 | } 40 | blockquote:before, blockquote:after, 41 | q:before, q:after { 42 | content: ''; 43 | content: none; 44 | } 45 | table { 46 | border-collapse: collapse; 47 | border-spacing: 0; 48 | } 49 | 50 | html, body { 51 | height: 100%; 52 | } -------------------------------------------------------------------------------- /scss/_flip.scss: -------------------------------------------------------------------------------- 1 | //Name of animation slides 2 | $animation-name: 'walking'; 3 | //The name of the directory in the img folder where the slides live. 4 | $directory-name: $animation-name; 5 | //The screen width that the flip book starts. 6 | $starting-width: 200px; 7 | //The number of images you have for the flipbook. 8 | $number-of-slides: 48; 9 | //The number of times the animation repeats. 10 | $number-of-repeats: 10; 11 | //Interval the screen moves before the next frame is loaded. 12 | $fps: 5px; 13 | //Flip book height and width. 14 | $dimension: 150px; 15 | 16 | .flip-book { 17 | position: absolute; 18 | bottom: 0; 19 | right: 0; 20 | width: $dimension; 21 | height: $dimension; 22 | } 23 | 24 | //Preload images hack with CSS. 25 | $string:''; 26 | @for $i from 1 through $number-of-slides { 27 | $string: $string + " url('../img/#{$directory-name}/#{$animation-name}-#{$i}.png')"; 28 | } 29 | 30 | //Uses the preloader hack only on webkit screens. Firefox had some issues interpreting the preloading hack. 31 | @media screen and (-webkit-min-device-pixel-ratio: 0) { 32 | body:after{ 33 | display:none; 34 | content: unquote($string); 35 | } 36 | } 37 | 38 | //Iterates through and adds the background images 39 | @for $e from 1 through $number-of-repeats { 40 | //iterates through and adds the background images 41 | @for $i from 1 through $number-of-slides { 42 | @media screen and (min-width: $starting-width) { 43 | .flip-book { 44 | background: url('../img/#{$directory-name}/#{$animation-name}-#{$i}.png') bottom center / 100% no-repeat; 45 | } 46 | $starting-width: $starting-width + $fps; 47 | } 48 | } 49 | } 50 | 51 | //Ends the flip book. 52 | @media screen and (min-width: $starting-width) { 53 | .flip-book { 54 | background: none; 55 | } 56 | } -------------------------------------------------------------------------------- /css/app.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "file": "app.css", 4 | "sources": [ 5 | "../app.scss", 6 | "../_reset.scss", 7 | "../_flip.scss", 8 | "../_custom.scss" 9 | ], 10 | "sourcesContent": [], 11 | "mappings": "ACKA,KAAM,KAAM,IAAK,KAAM,OAAQ,OAAQ,OAAQ,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,EAAG,WAAY,IAAK,EAAG,KAAM,QAAS,QAAS,IAAK,KAAM,KAAM,IAAK,IAAK,GAAI,IAAK,IAAK,IAAK,EAAG,EAAG,KAAM,MAAO,OAAQ,OAAQ,IAAK,IAAK,GAAI,IAAK,EAAG,EAAG,EAAG,OAAQ,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,SAAU,KAAM,MAAO,OAAQ,MAAO,QAAS,MAAO,MAAO,MAAO,GAAI,GAAI,GAAI,QAAS,MAAO,OAAQ,QAAS,MAAO,OAAQ,WAAY,OAAQ,OAAQ,OAAQ,KAAM,IAAK,OAAQ,KAAM,QAAS,QAAS,KAAM,KAAM,MAAO,MAane,OAAQ,EACR,QAAS,EACT,OAAQ,EACR,UAAW,KACX,KAAM,QACN,eAAgB,UAGlB,QAAS,MAAO,QAAS,WAAY,OAAQ,OAAQ,OAAQ,OAAQ,KAAM,IAAK,QAE9E,QAAS,OAEX,KACE,YAAa,GAEf,GAAI,GACF,WAAY,MAEd,WAAY,EACV,OAAQ,MAEV,AAAU,kBAAS,AAAU,iBAAQ,AAAC,SAAS,AAAC,QAE9C,QAAS,GACT,QAAS,MAEX,MACE,gBAAiB,SACjB,eAAgB,GAGlB,KAAM,KACJ,OAAQ,MCnCV,WACE,SAAU,SACV,OAAQ,EACR,MAAO,EACP,MANU,MAOV,OAPU,OAiBZ,sDACA,AAAI,WACA,QAAQ,KACR,QAAS,0uDAQT,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,mEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,qCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,mEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAF5E,sCACJ,WACQ,WAAwE,oEAQhF,sCACA,WACI,WAAY,OCrDhB,AAGA,KACE,iBAAkB,qCAClB,kBAAmB,SACnB,gBAAiB,WACjB,oBAAqB,QAIvB,OACE,SAAU,SACV,MAAO,IACP,YAAa,wBACb,eAAgB,UAChB,UAAW,KACX,MAAO,QACP,iBAAkB,MAClB,QAAS", 12 | "names": [] 13 | } -------------------------------------------------------------------------------- /css/app.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:800);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html,body{height:100%}.flip-book{position:absolute;bottom:0;right:0;width:150px;height:150px}@media screen and (-webkit-min-device-pixel-ratio: 0){body:after{display:none;content: url('../img/walking/walking-1.png') url('../img/walking/walking-2.png') url('../img/walking/walking-3.png') url('../img/walking/walking-4.png') url('../img/walking/walking-5.png') url('../img/walking/walking-6.png') url('../img/walking/walking-7.png') url('../img/walking/walking-8.png') url('../img/walking/walking-9.png') url('../img/walking/walking-10.png') url('../img/walking/walking-11.png') url('../img/walking/walking-12.png') url('../img/walking/walking-13.png') url('../img/walking/walking-14.png') url('../img/walking/walking-15.png') url('../img/walking/walking-16.png') url('../img/walking/walking-17.png') url('../img/walking/walking-18.png') url('../img/walking/walking-19.png') url('../img/walking/walking-20.png') url('../img/walking/walking-21.png') url('../img/walking/walking-22.png') url('../img/walking/walking-23.png') url('../img/walking/walking-24.png') url('../img/walking/walking-25.png') url('../img/walking/walking-26.png') url('../img/walking/walking-27.png') url('../img/walking/walking-28.png') url('../img/walking/walking-29.png') url('../img/walking/walking-30.png') url('../img/walking/walking-31.png') url('../img/walking/walking-32.png') url('../img/walking/walking-33.png') url('../img/walking/walking-34.png') url('../img/walking/walking-35.png') url('../img/walking/walking-36.png') url('../img/walking/walking-37.png') url('../img/walking/walking-38.png') url('../img/walking/walking-39.png') url('../img/walking/walking-40.png') url('../img/walking/walking-41.png') url('../img/walking/walking-42.png') url('../img/walking/walking-43.png') url('../img/walking/walking-44.png') url('../img/walking/walking-45.png') url('../img/walking/walking-46.png') url('../img/walking/walking-47.png') url('../img/walking/walking-48.png')}}@media screen and (min-width: 200px){.flip-book{background:url('../img/walking/walking-1.png') bottom center/100% no-repeat}}@media screen and (min-width: 205px){.flip-book{background:url('../img/walking/walking-2.png') bottom center/100% no-repeat}}@media screen and (min-width: 210px){.flip-book{background:url('../img/walking/walking-3.png') bottom center/100% no-repeat}}@media screen and (min-width: 215px){.flip-book{background:url('../img/walking/walking-4.png') bottom center/100% no-repeat}}@media screen and (min-width: 220px){.flip-book{background:url('../img/walking/walking-5.png') bottom center/100% no-repeat}}@media screen and (min-width: 225px){.flip-book{background:url('../img/walking/walking-6.png') bottom center/100% no-repeat}}@media screen and (min-width: 230px){.flip-book{background:url('../img/walking/walking-7.png') bottom center/100% no-repeat}}@media screen and (min-width: 235px){.flip-book{background:url('../img/walking/walking-8.png') bottom center/100% no-repeat}}@media screen and (min-width: 240px){.flip-book{background:url('../img/walking/walking-9.png') bottom center/100% no-repeat}}@media screen and (min-width: 245px){.flip-book{background:url('../img/walking/walking-10.png') bottom center/100% no-repeat}}@media screen and (min-width: 250px){.flip-book{background:url('../img/walking/walking-11.png') bottom center/100% no-repeat}}@media screen and (min-width: 255px){.flip-book{background:url('../img/walking/walking-12.png') bottom center/100% no-repeat}}@media screen and (min-width: 260px){.flip-book{background:url('../img/walking/walking-13.png') bottom center/100% no-repeat}}@media screen and (min-width: 265px){.flip-book{background:url('../img/walking/walking-14.png') bottom center/100% no-repeat}}@media screen and (min-width: 270px){.flip-book{background:url('../img/walking/walking-15.png') bottom center/100% no-repeat}}@media screen and (min-width: 275px){.flip-book{background:url('../img/walking/walking-16.png') bottom center/100% no-repeat}}@media screen and (min-width: 280px){.flip-book{background:url('../img/walking/walking-17.png') bottom center/100% no-repeat}}@media screen and (min-width: 285px){.flip-book{background:url('../img/walking/walking-18.png') bottom center/100% no-repeat}}@media screen and (min-width: 290px){.flip-book{background:url('../img/walking/walking-19.png') bottom center/100% no-repeat}}@media screen and (min-width: 295px){.flip-book{background:url('../img/walking/walking-20.png') bottom center/100% no-repeat}}@media screen and (min-width: 300px){.flip-book{background:url('../img/walking/walking-21.png') bottom center/100% no-repeat}}@media screen and (min-width: 305px){.flip-book{background:url('../img/walking/walking-22.png') bottom center/100% no-repeat}}@media screen and (min-width: 310px){.flip-book{background:url('../img/walking/walking-23.png') bottom center/100% no-repeat}}@media screen and (min-width: 315px){.flip-book{background:url('../img/walking/walking-24.png') bottom center/100% no-repeat}}@media screen and (min-width: 320px){.flip-book{background:url('../img/walking/walking-25.png') bottom center/100% no-repeat}}@media screen and (min-width: 325px){.flip-book{background:url('../img/walking/walking-26.png') bottom center/100% no-repeat}}@media screen and (min-width: 330px){.flip-book{background:url('../img/walking/walking-27.png') bottom center/100% no-repeat}}@media screen and (min-width: 335px){.flip-book{background:url('../img/walking/walking-28.png') bottom center/100% no-repeat}}@media screen and (min-width: 340px){.flip-book{background:url('../img/walking/walking-29.png') bottom center/100% no-repeat}}@media screen and (min-width: 345px){.flip-book{background:url('../img/walking/walking-30.png') bottom center/100% no-repeat}}@media screen and (min-width: 350px){.flip-book{background:url('../img/walking/walking-31.png') bottom center/100% no-repeat}}@media screen and (min-width: 355px){.flip-book{background:url('../img/walking/walking-32.png') bottom center/100% no-repeat}}@media screen and (min-width: 360px){.flip-book{background:url('../img/walking/walking-33.png') bottom center/100% no-repeat}}@media screen and (min-width: 365px){.flip-book{background:url('../img/walking/walking-34.png') bottom center/100% no-repeat}}@media screen and (min-width: 370px){.flip-book{background:url('../img/walking/walking-35.png') bottom center/100% no-repeat}}@media screen and (min-width: 375px){.flip-book{background:url('../img/walking/walking-36.png') bottom center/100% no-repeat}}@media screen and (min-width: 380px){.flip-book{background:url('../img/walking/walking-37.png') bottom center/100% no-repeat}}@media screen and (min-width: 385px){.flip-book{background:url('../img/walking/walking-38.png') bottom center/100% no-repeat}}@media screen and (min-width: 390px){.flip-book{background:url('../img/walking/walking-39.png') bottom center/100% no-repeat}}@media screen and (min-width: 395px){.flip-book{background:url('../img/walking/walking-40.png') bottom center/100% no-repeat}}@media screen and (min-width: 400px){.flip-book{background:url('../img/walking/walking-41.png') bottom center/100% no-repeat}}@media screen and (min-width: 405px){.flip-book{background:url('../img/walking/walking-42.png') bottom center/100% no-repeat}}@media screen and (min-width: 410px){.flip-book{background:url('../img/walking/walking-43.png') bottom center/100% no-repeat}}@media screen and (min-width: 415px){.flip-book{background:url('../img/walking/walking-44.png') bottom center/100% no-repeat}}@media screen and (min-width: 420px){.flip-book{background:url('../img/walking/walking-45.png') bottom center/100% no-repeat}}@media screen and (min-width: 425px){.flip-book{background:url('../img/walking/walking-46.png') bottom center/100% no-repeat}}@media screen and (min-width: 430px){.flip-book{background:url('../img/walking/walking-47.png') bottom center/100% no-repeat}}@media screen and (min-width: 435px){.flip-book{background:url('../img/walking/walking-48.png') bottom center/100% no-repeat}}@media screen and (min-width: 440px){.flip-book{background:url('../img/walking/walking-1.png') bottom center/100% no-repeat}}@media screen and (min-width: 445px){.flip-book{background:url('../img/walking/walking-2.png') bottom center/100% no-repeat}}@media screen and (min-width: 450px){.flip-book{background:url('../img/walking/walking-3.png') bottom center/100% no-repeat}}@media screen and (min-width: 455px){.flip-book{background:url('../img/walking/walking-4.png') bottom center/100% no-repeat}}@media screen and (min-width: 460px){.flip-book{background:url('../img/walking/walking-5.png') bottom center/100% no-repeat}}@media screen and (min-width: 465px){.flip-book{background:url('../img/walking/walking-6.png') bottom center/100% no-repeat}}@media screen and (min-width: 470px){.flip-book{background:url('../img/walking/walking-7.png') bottom center/100% no-repeat}}@media screen and (min-width: 475px){.flip-book{background:url('../img/walking/walking-8.png') bottom center/100% no-repeat}}@media screen and (min-width: 480px){.flip-book{background:url('../img/walking/walking-9.png') bottom center/100% no-repeat}}@media screen and (min-width: 485px){.flip-book{background:url('../img/walking/walking-10.png') bottom center/100% no-repeat}}@media screen and (min-width: 490px){.flip-book{background:url('../img/walking/walking-11.png') bottom center/100% no-repeat}}@media screen and (min-width: 495px){.flip-book{background:url('../img/walking/walking-12.png') bottom center/100% no-repeat}}@media screen and (min-width: 500px){.flip-book{background:url('../img/walking/walking-13.png') bottom center/100% no-repeat}}@media screen and (min-width: 505px){.flip-book{background:url('../img/walking/walking-14.png') bottom center/100% no-repeat}}@media screen and (min-width: 510px){.flip-book{background:url('../img/walking/walking-15.png') bottom center/100% no-repeat}}@media screen and (min-width: 515px){.flip-book{background:url('../img/walking/walking-16.png') bottom center/100% no-repeat}}@media screen and (min-width: 520px){.flip-book{background:url('../img/walking/walking-17.png') bottom center/100% no-repeat}}@media screen and (min-width: 525px){.flip-book{background:url('../img/walking/walking-18.png') bottom center/100% no-repeat}}@media screen and (min-width: 530px){.flip-book{background:url('../img/walking/walking-19.png') bottom center/100% no-repeat}}@media screen and (min-width: 535px){.flip-book{background:url('../img/walking/walking-20.png') bottom center/100% no-repeat}}@media screen and (min-width: 540px){.flip-book{background:url('../img/walking/walking-21.png') bottom center/100% no-repeat}}@media screen and (min-width: 545px){.flip-book{background:url('../img/walking/walking-22.png') bottom center/100% no-repeat}}@media screen and (min-width: 550px){.flip-book{background:url('../img/walking/walking-23.png') bottom center/100% no-repeat}}@media screen and (min-width: 555px){.flip-book{background:url('../img/walking/walking-24.png') bottom center/100% no-repeat}}@media screen and (min-width: 560px){.flip-book{background:url('../img/walking/walking-25.png') bottom center/100% no-repeat}}@media screen and (min-width: 565px){.flip-book{background:url('../img/walking/walking-26.png') bottom center/100% no-repeat}}@media screen and (min-width: 570px){.flip-book{background:url('../img/walking/walking-27.png') bottom center/100% no-repeat}}@media screen and (min-width: 575px){.flip-book{background:url('../img/walking/walking-28.png') bottom center/100% no-repeat}}@media screen and (min-width: 580px){.flip-book{background:url('../img/walking/walking-29.png') bottom center/100% no-repeat}}@media screen and (min-width: 585px){.flip-book{background:url('../img/walking/walking-30.png') bottom center/100% no-repeat}}@media screen and (min-width: 590px){.flip-book{background:url('../img/walking/walking-31.png') bottom center/100% no-repeat}}@media screen and (min-width: 595px){.flip-book{background:url('../img/walking/walking-32.png') bottom center/100% no-repeat}}@media screen and (min-width: 600px){.flip-book{background:url('../img/walking/walking-33.png') bottom center/100% no-repeat}}@media screen and (min-width: 605px){.flip-book{background:url('../img/walking/walking-34.png') bottom center/100% no-repeat}}@media screen and (min-width: 610px){.flip-book{background:url('../img/walking/walking-35.png') bottom center/100% no-repeat}}@media screen and (min-width: 615px){.flip-book{background:url('../img/walking/walking-36.png') bottom center/100% no-repeat}}@media screen and (min-width: 620px){.flip-book{background:url('../img/walking/walking-37.png') bottom center/100% no-repeat}}@media screen and (min-width: 625px){.flip-book{background:url('../img/walking/walking-38.png') bottom center/100% no-repeat}}@media screen and (min-width: 630px){.flip-book{background:url('../img/walking/walking-39.png') bottom center/100% no-repeat}}@media screen and (min-width: 635px){.flip-book{background:url('../img/walking/walking-40.png') bottom center/100% no-repeat}}@media screen and (min-width: 640px){.flip-book{background:url('../img/walking/walking-41.png') bottom center/100% no-repeat}}@media screen and (min-width: 645px){.flip-book{background:url('../img/walking/walking-42.png') bottom center/100% no-repeat}}@media screen and (min-width: 650px){.flip-book{background:url('../img/walking/walking-43.png') bottom center/100% no-repeat}}@media screen and (min-width: 655px){.flip-book{background:url('../img/walking/walking-44.png') bottom center/100% no-repeat}}@media screen and (min-width: 660px){.flip-book{background:url('../img/walking/walking-45.png') bottom center/100% no-repeat}}@media screen and (min-width: 665px){.flip-book{background:url('../img/walking/walking-46.png') bottom center/100% no-repeat}}@media screen and (min-width: 670px){.flip-book{background:url('../img/walking/walking-47.png') bottom center/100% no-repeat}}@media screen and (min-width: 675px){.flip-book{background:url('../img/walking/walking-48.png') bottom center/100% no-repeat}}@media screen and (min-width: 680px){.flip-book{background:url('../img/walking/walking-1.png') bottom center/100% no-repeat}}@media screen and (min-width: 685px){.flip-book{background:url('../img/walking/walking-2.png') bottom center/100% no-repeat}}@media screen and (min-width: 690px){.flip-book{background:url('../img/walking/walking-3.png') bottom center/100% no-repeat}}@media screen and (min-width: 695px){.flip-book{background:url('../img/walking/walking-4.png') bottom center/100% no-repeat}}@media screen and (min-width: 700px){.flip-book{background:url('../img/walking/walking-5.png') bottom center/100% no-repeat}}@media screen and (min-width: 705px){.flip-book{background:url('../img/walking/walking-6.png') bottom center/100% no-repeat}}@media screen and (min-width: 710px){.flip-book{background:url('../img/walking/walking-7.png') bottom center/100% no-repeat}}@media screen and (min-width: 715px){.flip-book{background:url('../img/walking/walking-8.png') bottom center/100% no-repeat}}@media screen and (min-width: 720px){.flip-book{background:url('../img/walking/walking-9.png') bottom center/100% no-repeat}}@media screen and (min-width: 725px){.flip-book{background:url('../img/walking/walking-10.png') bottom center/100% no-repeat}}@media screen and (min-width: 730px){.flip-book{background:url('../img/walking/walking-11.png') bottom center/100% no-repeat}}@media screen and (min-width: 735px){.flip-book{background:url('../img/walking/walking-12.png') bottom center/100% no-repeat}}@media screen and (min-width: 740px){.flip-book{background:url('../img/walking/walking-13.png') bottom center/100% no-repeat}}@media screen and (min-width: 745px){.flip-book{background:url('../img/walking/walking-14.png') bottom center/100% no-repeat}}@media screen and (min-width: 750px){.flip-book{background:url('../img/walking/walking-15.png') bottom center/100% no-repeat}}@media screen and (min-width: 755px){.flip-book{background:url('../img/walking/walking-16.png') bottom center/100% no-repeat}}@media screen and (min-width: 760px){.flip-book{background:url('../img/walking/walking-17.png') bottom center/100% no-repeat}}@media screen and (min-width: 765px){.flip-book{background:url('../img/walking/walking-18.png') bottom center/100% no-repeat}}@media screen and (min-width: 770px){.flip-book{background:url('../img/walking/walking-19.png') bottom center/100% no-repeat}}@media screen and (min-width: 775px){.flip-book{background:url('../img/walking/walking-20.png') bottom center/100% no-repeat}}@media screen and (min-width: 780px){.flip-book{background:url('../img/walking/walking-21.png') bottom center/100% no-repeat}}@media screen and (min-width: 785px){.flip-book{background:url('../img/walking/walking-22.png') bottom center/100% no-repeat}}@media screen and (min-width: 790px){.flip-book{background:url('../img/walking/walking-23.png') bottom center/100% no-repeat}}@media screen and (min-width: 795px){.flip-book{background:url('../img/walking/walking-24.png') bottom center/100% no-repeat}}@media screen and (min-width: 800px){.flip-book{background:url('../img/walking/walking-25.png') bottom center/100% no-repeat}}@media screen and (min-width: 805px){.flip-book{background:url('../img/walking/walking-26.png') bottom center/100% no-repeat}}@media screen and (min-width: 810px){.flip-book{background:url('../img/walking/walking-27.png') bottom center/100% no-repeat}}@media screen and (min-width: 815px){.flip-book{background:url('../img/walking/walking-28.png') bottom center/100% no-repeat}}@media screen and (min-width: 820px){.flip-book{background:url('../img/walking/walking-29.png') bottom center/100% no-repeat}}@media screen and (min-width: 825px){.flip-book{background:url('../img/walking/walking-30.png') bottom center/100% no-repeat}}@media screen and (min-width: 830px){.flip-book{background:url('../img/walking/walking-31.png') bottom center/100% no-repeat}}@media screen and (min-width: 835px){.flip-book{background:url('../img/walking/walking-32.png') bottom center/100% no-repeat}}@media screen and (min-width: 840px){.flip-book{background:url('../img/walking/walking-33.png') bottom center/100% no-repeat}}@media screen and (min-width: 845px){.flip-book{background:url('../img/walking/walking-34.png') bottom center/100% no-repeat}}@media screen and (min-width: 850px){.flip-book{background:url('../img/walking/walking-35.png') bottom center/100% no-repeat}}@media screen and (min-width: 855px){.flip-book{background:url('../img/walking/walking-36.png') bottom center/100% no-repeat}}@media screen and (min-width: 860px){.flip-book{background:url('../img/walking/walking-37.png') bottom center/100% no-repeat}}@media screen and (min-width: 865px){.flip-book{background:url('../img/walking/walking-38.png') bottom center/100% no-repeat}}@media screen and (min-width: 870px){.flip-book{background:url('../img/walking/walking-39.png') bottom center/100% no-repeat}}@media screen and (min-width: 875px){.flip-book{background:url('../img/walking/walking-40.png') bottom center/100% no-repeat}}@media screen and (min-width: 880px){.flip-book{background:url('../img/walking/walking-41.png') bottom center/100% no-repeat}}@media screen and (min-width: 885px){.flip-book{background:url('../img/walking/walking-42.png') bottom center/100% no-repeat}}@media screen and (min-width: 890px){.flip-book{background:url('../img/walking/walking-43.png') bottom center/100% no-repeat}}@media screen and (min-width: 895px){.flip-book{background:url('../img/walking/walking-44.png') bottom center/100% no-repeat}}@media screen and (min-width: 900px){.flip-book{background:url('../img/walking/walking-45.png') bottom center/100% no-repeat}}@media screen and (min-width: 905px){.flip-book{background:url('../img/walking/walking-46.png') bottom center/100% no-repeat}}@media screen and (min-width: 910px){.flip-book{background:url('../img/walking/walking-47.png') bottom center/100% no-repeat}}@media screen and (min-width: 915px){.flip-book{background:url('../img/walking/walking-48.png') bottom center/100% no-repeat}}@media screen and (min-width: 920px){.flip-book{background:url('../img/walking/walking-1.png') bottom center/100% no-repeat}}@media screen and (min-width: 925px){.flip-book{background:url('../img/walking/walking-2.png') bottom center/100% no-repeat}}@media screen and (min-width: 930px){.flip-book{background:url('../img/walking/walking-3.png') bottom center/100% no-repeat}}@media screen and (min-width: 935px){.flip-book{background:url('../img/walking/walking-4.png') bottom center/100% no-repeat}}@media screen and (min-width: 940px){.flip-book{background:url('../img/walking/walking-5.png') bottom center/100% no-repeat}}@media screen and (min-width: 945px){.flip-book{background:url('../img/walking/walking-6.png') bottom center/100% no-repeat}}@media screen and (min-width: 950px){.flip-book{background:url('../img/walking/walking-7.png') bottom center/100% no-repeat}}@media screen and (min-width: 955px){.flip-book{background:url('../img/walking/walking-8.png') bottom center/100% no-repeat}}@media screen and (min-width: 960px){.flip-book{background:url('../img/walking/walking-9.png') bottom center/100% no-repeat}}@media screen and (min-width: 965px){.flip-book{background:url('../img/walking/walking-10.png') bottom center/100% no-repeat}}@media screen and (min-width: 970px){.flip-book{background:url('../img/walking/walking-11.png') bottom center/100% no-repeat}}@media screen and (min-width: 975px){.flip-book{background:url('../img/walking/walking-12.png') bottom center/100% no-repeat}}@media screen and (min-width: 980px){.flip-book{background:url('../img/walking/walking-13.png') bottom center/100% no-repeat}}@media screen and (min-width: 985px){.flip-book{background:url('../img/walking/walking-14.png') bottom center/100% no-repeat}}@media screen and (min-width: 990px){.flip-book{background:url('../img/walking/walking-15.png') bottom center/100% no-repeat}}@media screen and (min-width: 995px){.flip-book{background:url('../img/walking/walking-16.png') bottom center/100% no-repeat}}@media screen and (min-width: 1000px){.flip-book{background:url('../img/walking/walking-17.png') bottom center/100% no-repeat}}@media screen and (min-width: 1005px){.flip-book{background:url('../img/walking/walking-18.png') bottom center/100% no-repeat}}@media screen and (min-width: 1010px){.flip-book{background:url('../img/walking/walking-19.png') bottom center/100% no-repeat}}@media screen and (min-width: 1015px){.flip-book{background:url('../img/walking/walking-20.png') bottom center/100% no-repeat}}@media screen and (min-width: 1020px){.flip-book{background:url('../img/walking/walking-21.png') bottom center/100% no-repeat}}@media screen and (min-width: 1025px){.flip-book{background:url('../img/walking/walking-22.png') bottom center/100% no-repeat}}@media screen and (min-width: 1030px){.flip-book{background:url('../img/walking/walking-23.png') bottom center/100% no-repeat}}@media screen and (min-width: 1035px){.flip-book{background:url('../img/walking/walking-24.png') bottom center/100% no-repeat}}@media screen and (min-width: 1040px){.flip-book{background:url('../img/walking/walking-25.png') bottom center/100% no-repeat}}@media screen and (min-width: 1045px){.flip-book{background:url('../img/walking/walking-26.png') bottom center/100% no-repeat}}@media screen and (min-width: 1050px){.flip-book{background:url('../img/walking/walking-27.png') bottom center/100% no-repeat}}@media screen and (min-width: 1055px){.flip-book{background:url('../img/walking/walking-28.png') bottom center/100% no-repeat}}@media screen and (min-width: 1060px){.flip-book{background:url('../img/walking/walking-29.png') bottom center/100% no-repeat}}@media screen and (min-width: 1065px){.flip-book{background:url('../img/walking/walking-30.png') bottom center/100% no-repeat}}@media screen and (min-width: 1070px){.flip-book{background:url('../img/walking/walking-31.png') bottom center/100% no-repeat}}@media screen and (min-width: 1075px){.flip-book{background:url('../img/walking/walking-32.png') bottom center/100% no-repeat}}@media screen and (min-width: 1080px){.flip-book{background:url('../img/walking/walking-33.png') bottom center/100% no-repeat}}@media screen and (min-width: 1085px){.flip-book{background:url('../img/walking/walking-34.png') bottom center/100% no-repeat}}@media screen and (min-width: 1090px){.flip-book{background:url('../img/walking/walking-35.png') bottom center/100% no-repeat}}@media screen and (min-width: 1095px){.flip-book{background:url('../img/walking/walking-36.png') bottom center/100% no-repeat}}@media screen and (min-width: 1100px){.flip-book{background:url('../img/walking/walking-37.png') bottom center/100% no-repeat}}@media screen and (min-width: 1105px){.flip-book{background:url('../img/walking/walking-38.png') bottom center/100% no-repeat}}@media screen and (min-width: 1110px){.flip-book{background:url('../img/walking/walking-39.png') bottom center/100% no-repeat}}@media screen and (min-width: 1115px){.flip-book{background:url('../img/walking/walking-40.png') bottom center/100% no-repeat}}@media screen and (min-width: 1120px){.flip-book{background:url('../img/walking/walking-41.png') bottom center/100% no-repeat}}@media screen and (min-width: 1125px){.flip-book{background:url('../img/walking/walking-42.png') bottom center/100% no-repeat}}@media screen and (min-width: 1130px){.flip-book{background:url('../img/walking/walking-43.png') bottom center/100% no-repeat}}@media screen and (min-width: 1135px){.flip-book{background:url('../img/walking/walking-44.png') bottom center/100% no-repeat}}@media screen and (min-width: 1140px){.flip-book{background:url('../img/walking/walking-45.png') bottom center/100% no-repeat}}@media screen and (min-width: 1145px){.flip-book{background:url('../img/walking/walking-46.png') bottom center/100% no-repeat}}@media screen and (min-width: 1150px){.flip-book{background:url('../img/walking/walking-47.png') bottom center/100% no-repeat}}@media screen and (min-width: 1155px){.flip-book{background:url('../img/walking/walking-48.png') bottom center/100% no-repeat}}@media screen and (min-width: 1160px){.flip-book{background:url('../img/walking/walking-1.png') bottom center/100% no-repeat}}@media screen and (min-width: 1165px){.flip-book{background:url('../img/walking/walking-2.png') bottom center/100% no-repeat}}@media screen and (min-width: 1170px){.flip-book{background:url('../img/walking/walking-3.png') bottom center/100% no-repeat}}@media screen and (min-width: 1175px){.flip-book{background:url('../img/walking/walking-4.png') bottom center/100% no-repeat}}@media screen and (min-width: 1180px){.flip-book{background:url('../img/walking/walking-5.png') bottom center/100% no-repeat}}@media screen and (min-width: 1185px){.flip-book{background:url('../img/walking/walking-6.png') bottom center/100% no-repeat}}@media screen and (min-width: 1190px){.flip-book{background:url('../img/walking/walking-7.png') bottom center/100% no-repeat}}@media screen and (min-width: 1195px){.flip-book{background:url('../img/walking/walking-8.png') bottom center/100% no-repeat}}@media screen and (min-width: 1200px){.flip-book{background:url('../img/walking/walking-9.png') bottom center/100% no-repeat}}@media screen and (min-width: 1205px){.flip-book{background:url('../img/walking/walking-10.png') bottom center/100% no-repeat}}@media screen and (min-width: 1210px){.flip-book{background:url('../img/walking/walking-11.png') bottom center/100% no-repeat}}@media screen and (min-width: 1215px){.flip-book{background:url('../img/walking/walking-12.png') bottom center/100% no-repeat}}@media screen and (min-width: 1220px){.flip-book{background:url('../img/walking/walking-13.png') bottom center/100% no-repeat}}@media screen and (min-width: 1225px){.flip-book{background:url('../img/walking/walking-14.png') bottom center/100% no-repeat}}@media screen and (min-width: 1230px){.flip-book{background:url('../img/walking/walking-15.png') bottom center/100% no-repeat}}@media screen and (min-width: 1235px){.flip-book{background:url('../img/walking/walking-16.png') bottom center/100% no-repeat}}@media screen and (min-width: 1240px){.flip-book{background:url('../img/walking/walking-17.png') bottom center/100% no-repeat}}@media screen and (min-width: 1245px){.flip-book{background:url('../img/walking/walking-18.png') bottom center/100% no-repeat}}@media screen and (min-width: 1250px){.flip-book{background:url('../img/walking/walking-19.png') bottom center/100% no-repeat}}@media screen and (min-width: 1255px){.flip-book{background:url('../img/walking/walking-20.png') bottom center/100% no-repeat}}@media screen and (min-width: 1260px){.flip-book{background:url('../img/walking/walking-21.png') bottom center/100% no-repeat}}@media screen and (min-width: 1265px){.flip-book{background:url('../img/walking/walking-22.png') bottom center/100% no-repeat}}@media screen and (min-width: 1270px){.flip-book{background:url('../img/walking/walking-23.png') bottom center/100% no-repeat}}@media screen and (min-width: 1275px){.flip-book{background:url('../img/walking/walking-24.png') bottom center/100% no-repeat}}@media screen and (min-width: 1280px){.flip-book{background:url('../img/walking/walking-25.png') bottom center/100% no-repeat}}@media screen and (min-width: 1285px){.flip-book{background:url('../img/walking/walking-26.png') bottom center/100% no-repeat}}@media screen and (min-width: 1290px){.flip-book{background:url('../img/walking/walking-27.png') bottom center/100% no-repeat}}@media screen and (min-width: 1295px){.flip-book{background:url('../img/walking/walking-28.png') bottom center/100% no-repeat}}@media screen and (min-width: 1300px){.flip-book{background:url('../img/walking/walking-29.png') bottom center/100% no-repeat}}@media screen and (min-width: 1305px){.flip-book{background:url('../img/walking/walking-30.png') bottom center/100% no-repeat}}@media screen and (min-width: 1310px){.flip-book{background:url('../img/walking/walking-31.png') bottom center/100% no-repeat}}@media screen and (min-width: 1315px){.flip-book{background:url('../img/walking/walking-32.png') bottom center/100% no-repeat}}@media screen and (min-width: 1320px){.flip-book{background:url('../img/walking/walking-33.png') bottom center/100% no-repeat}}@media screen and (min-width: 1325px){.flip-book{background:url('../img/walking/walking-34.png') bottom center/100% no-repeat}}@media screen and (min-width: 1330px){.flip-book{background:url('../img/walking/walking-35.png') bottom center/100% no-repeat}}@media screen and (min-width: 1335px){.flip-book{background:url('../img/walking/walking-36.png') bottom center/100% no-repeat}}@media screen and (min-width: 1340px){.flip-book{background:url('../img/walking/walking-37.png') bottom center/100% no-repeat}}@media screen and (min-width: 1345px){.flip-book{background:url('../img/walking/walking-38.png') bottom center/100% no-repeat}}@media screen and (min-width: 1350px){.flip-book{background:url('../img/walking/walking-39.png') bottom center/100% no-repeat}}@media screen and (min-width: 1355px){.flip-book{background:url('../img/walking/walking-40.png') bottom center/100% no-repeat}}@media screen and (min-width: 1360px){.flip-book{background:url('../img/walking/walking-41.png') bottom center/100% no-repeat}}@media screen and (min-width: 1365px){.flip-book{background:url('../img/walking/walking-42.png') bottom center/100% no-repeat}}@media screen and (min-width: 1370px){.flip-book{background:url('../img/walking/walking-43.png') bottom center/100% no-repeat}}@media screen and (min-width: 1375px){.flip-book{background:url('../img/walking/walking-44.png') bottom center/100% no-repeat}}@media screen and (min-width: 1380px){.flip-book{background:url('../img/walking/walking-45.png') bottom center/100% no-repeat}}@media screen and (min-width: 1385px){.flip-book{background:url('../img/walking/walking-46.png') bottom center/100% no-repeat}}@media screen and (min-width: 1390px){.flip-book{background:url('../img/walking/walking-47.png') bottom center/100% no-repeat}}@media screen and (min-width: 1395px){.flip-book{background:url('../img/walking/walking-48.png') bottom center/100% no-repeat}}@media screen and (min-width: 1400px){.flip-book{background:url('../img/walking/walking-1.png') bottom center/100% no-repeat}}@media screen and (min-width: 1405px){.flip-book{background:url('../img/walking/walking-2.png') bottom center/100% no-repeat}}@media screen and (min-width: 1410px){.flip-book{background:url('../img/walking/walking-3.png') bottom center/100% no-repeat}}@media screen and (min-width: 1415px){.flip-book{background:url('../img/walking/walking-4.png') bottom center/100% no-repeat}}@media screen and (min-width: 1420px){.flip-book{background:url('../img/walking/walking-5.png') bottom center/100% no-repeat}}@media screen and (min-width: 1425px){.flip-book{background:url('../img/walking/walking-6.png') bottom center/100% no-repeat}}@media screen and (min-width: 1430px){.flip-book{background:url('../img/walking/walking-7.png') bottom center/100% no-repeat}}@media screen and (min-width: 1435px){.flip-book{background:url('../img/walking/walking-8.png') bottom center/100% no-repeat}}@media screen and (min-width: 1440px){.flip-book{background:url('../img/walking/walking-9.png') bottom center/100% no-repeat}}@media screen and (min-width: 1445px){.flip-book{background:url('../img/walking/walking-10.png') bottom center/100% no-repeat}}@media screen and (min-width: 1450px){.flip-book{background:url('../img/walking/walking-11.png') bottom center/100% no-repeat}}@media screen and (min-width: 1455px){.flip-book{background:url('../img/walking/walking-12.png') bottom center/100% no-repeat}}@media screen and (min-width: 1460px){.flip-book{background:url('../img/walking/walking-13.png') bottom center/100% no-repeat}}@media screen and (min-width: 1465px){.flip-book{background:url('../img/walking/walking-14.png') bottom center/100% no-repeat}}@media screen and (min-width: 1470px){.flip-book{background:url('../img/walking/walking-15.png') bottom center/100% no-repeat}}@media screen and (min-width: 1475px){.flip-book{background:url('../img/walking/walking-16.png') bottom center/100% no-repeat}}@media screen and (min-width: 1480px){.flip-book{background:url('../img/walking/walking-17.png') bottom center/100% no-repeat}}@media screen and (min-width: 1485px){.flip-book{background:url('../img/walking/walking-18.png') bottom center/100% no-repeat}}@media screen and (min-width: 1490px){.flip-book{background:url('../img/walking/walking-19.png') bottom center/100% no-repeat}}@media screen and (min-width: 1495px){.flip-book{background:url('../img/walking/walking-20.png') bottom center/100% no-repeat}}@media screen and (min-width: 1500px){.flip-book{background:url('../img/walking/walking-21.png') bottom center/100% no-repeat}}@media screen and (min-width: 1505px){.flip-book{background:url('../img/walking/walking-22.png') bottom center/100% no-repeat}}@media screen and (min-width: 1510px){.flip-book{background:url('../img/walking/walking-23.png') bottom center/100% no-repeat}}@media screen and (min-width: 1515px){.flip-book{background:url('../img/walking/walking-24.png') bottom center/100% no-repeat}}@media screen and (min-width: 1520px){.flip-book{background:url('../img/walking/walking-25.png') bottom center/100% no-repeat}}@media screen and (min-width: 1525px){.flip-book{background:url('../img/walking/walking-26.png') bottom center/100% no-repeat}}@media screen and (min-width: 1530px){.flip-book{background:url('../img/walking/walking-27.png') bottom center/100% no-repeat}}@media screen and (min-width: 1535px){.flip-book{background:url('../img/walking/walking-28.png') bottom center/100% no-repeat}}@media screen and (min-width: 1540px){.flip-book{background:url('../img/walking/walking-29.png') bottom center/100% no-repeat}}@media screen and (min-width: 1545px){.flip-book{background:url('../img/walking/walking-30.png') bottom center/100% no-repeat}}@media screen and (min-width: 1550px){.flip-book{background:url('../img/walking/walking-31.png') bottom center/100% no-repeat}}@media screen and (min-width: 1555px){.flip-book{background:url('../img/walking/walking-32.png') bottom center/100% no-repeat}}@media screen and (min-width: 1560px){.flip-book{background:url('../img/walking/walking-33.png') bottom center/100% no-repeat}}@media screen and (min-width: 1565px){.flip-book{background:url('../img/walking/walking-34.png') bottom center/100% no-repeat}}@media screen and (min-width: 1570px){.flip-book{background:url('../img/walking/walking-35.png') bottom center/100% no-repeat}}@media screen and (min-width: 1575px){.flip-book{background:url('../img/walking/walking-36.png') bottom center/100% no-repeat}}@media screen and (min-width: 1580px){.flip-book{background:url('../img/walking/walking-37.png') bottom center/100% no-repeat}}@media screen and (min-width: 1585px){.flip-book{background:url('../img/walking/walking-38.png') bottom center/100% no-repeat}}@media screen and (min-width: 1590px){.flip-book{background:url('../img/walking/walking-39.png') bottom center/100% no-repeat}}@media screen and (min-width: 1595px){.flip-book{background:url('../img/walking/walking-40.png') bottom center/100% no-repeat}}@media screen and (min-width: 1600px){.flip-book{background:url('../img/walking/walking-41.png') bottom center/100% no-repeat}}@media screen and (min-width: 1605px){.flip-book{background:url('../img/walking/walking-42.png') bottom center/100% no-repeat}}@media screen and (min-width: 1610px){.flip-book{background:url('../img/walking/walking-43.png') bottom center/100% no-repeat}}@media screen and (min-width: 1615px){.flip-book{background:url('../img/walking/walking-44.png') bottom center/100% no-repeat}}@media screen and (min-width: 1620px){.flip-book{background:url('../img/walking/walking-45.png') bottom center/100% no-repeat}}@media screen and (min-width: 1625px){.flip-book{background:url('../img/walking/walking-46.png') bottom center/100% no-repeat}}@media screen and (min-width: 1630px){.flip-book{background:url('../img/walking/walking-47.png') bottom center/100% no-repeat}}@media screen and (min-width: 1635px){.flip-book{background:url('../img/walking/walking-48.png') bottom center/100% no-repeat}}@media screen and (min-width: 1640px){.flip-book{background:url('../img/walking/walking-1.png') bottom center/100% no-repeat}}@media screen and (min-width: 1645px){.flip-book{background:url('../img/walking/walking-2.png') bottom center/100% no-repeat}}@media screen and (min-width: 1650px){.flip-book{background:url('../img/walking/walking-3.png') bottom center/100% no-repeat}}@media screen and (min-width: 1655px){.flip-book{background:url('../img/walking/walking-4.png') bottom center/100% no-repeat}}@media screen and (min-width: 1660px){.flip-book{background:url('../img/walking/walking-5.png') bottom center/100% no-repeat}}@media screen and (min-width: 1665px){.flip-book{background:url('../img/walking/walking-6.png') bottom center/100% no-repeat}}@media screen and (min-width: 1670px){.flip-book{background:url('../img/walking/walking-7.png') bottom center/100% no-repeat}}@media screen and (min-width: 1675px){.flip-book{background:url('../img/walking/walking-8.png') bottom center/100% no-repeat}}@media screen and (min-width: 1680px){.flip-book{background:url('../img/walking/walking-9.png') bottom center/100% no-repeat}}@media screen and (min-width: 1685px){.flip-book{background:url('../img/walking/walking-10.png') bottom center/100% no-repeat}}@media screen and (min-width: 1690px){.flip-book{background:url('../img/walking/walking-11.png') bottom center/100% no-repeat}}@media screen and (min-width: 1695px){.flip-book{background:url('../img/walking/walking-12.png') bottom center/100% no-repeat}}@media screen and (min-width: 1700px){.flip-book{background:url('../img/walking/walking-13.png') bottom center/100% no-repeat}}@media screen and (min-width: 1705px){.flip-book{background:url('../img/walking/walking-14.png') bottom center/100% no-repeat}}@media screen and (min-width: 1710px){.flip-book{background:url('../img/walking/walking-15.png') bottom center/100% no-repeat}}@media screen and (min-width: 1715px){.flip-book{background:url('../img/walking/walking-16.png') bottom center/100% no-repeat}}@media screen and (min-width: 1720px){.flip-book{background:url('../img/walking/walking-17.png') bottom center/100% no-repeat}}@media screen and (min-width: 1725px){.flip-book{background:url('../img/walking/walking-18.png') bottom center/100% no-repeat}}@media screen and (min-width: 1730px){.flip-book{background:url('../img/walking/walking-19.png') bottom center/100% no-repeat}}@media screen and (min-width: 1735px){.flip-book{background:url('../img/walking/walking-20.png') bottom center/100% no-repeat}}@media screen and (min-width: 1740px){.flip-book{background:url('../img/walking/walking-21.png') bottom center/100% no-repeat}}@media screen and (min-width: 1745px){.flip-book{background:url('../img/walking/walking-22.png') bottom center/100% no-repeat}}@media screen and (min-width: 1750px){.flip-book{background:url('../img/walking/walking-23.png') bottom center/100% no-repeat}}@media screen and (min-width: 1755px){.flip-book{background:url('../img/walking/walking-24.png') bottom center/100% no-repeat}}@media screen and (min-width: 1760px){.flip-book{background:url('../img/walking/walking-25.png') bottom center/100% no-repeat}}@media screen and (min-width: 1765px){.flip-book{background:url('../img/walking/walking-26.png') bottom center/100% no-repeat}}@media screen and (min-width: 1770px){.flip-book{background:url('../img/walking/walking-27.png') bottom center/100% no-repeat}}@media screen and (min-width: 1775px){.flip-book{background:url('../img/walking/walking-28.png') bottom center/100% no-repeat}}@media screen and (min-width: 1780px){.flip-book{background:url('../img/walking/walking-29.png') bottom center/100% no-repeat}}@media screen and (min-width: 1785px){.flip-book{background:url('../img/walking/walking-30.png') bottom center/100% no-repeat}}@media screen and (min-width: 1790px){.flip-book{background:url('../img/walking/walking-31.png') bottom center/100% no-repeat}}@media screen and (min-width: 1795px){.flip-book{background:url('../img/walking/walking-32.png') bottom center/100% no-repeat}}@media screen and (min-width: 1800px){.flip-book{background:url('../img/walking/walking-33.png') bottom center/100% no-repeat}}@media screen and (min-width: 1805px){.flip-book{background:url('../img/walking/walking-34.png') bottom center/100% no-repeat}}@media screen and (min-width: 1810px){.flip-book{background:url('../img/walking/walking-35.png') bottom center/100% no-repeat}}@media screen and (min-width: 1815px){.flip-book{background:url('../img/walking/walking-36.png') bottom center/100% no-repeat}}@media screen and (min-width: 1820px){.flip-book{background:url('../img/walking/walking-37.png') bottom center/100% no-repeat}}@media screen and (min-width: 1825px){.flip-book{background:url('../img/walking/walking-38.png') bottom center/100% no-repeat}}@media screen and (min-width: 1830px){.flip-book{background:url('../img/walking/walking-39.png') bottom center/100% no-repeat}}@media screen and (min-width: 1835px){.flip-book{background:url('../img/walking/walking-40.png') bottom center/100% no-repeat}}@media screen and (min-width: 1840px){.flip-book{background:url('../img/walking/walking-41.png') bottom center/100% no-repeat}}@media screen and (min-width: 1845px){.flip-book{background:url('../img/walking/walking-42.png') bottom center/100% no-repeat}}@media screen and (min-width: 1850px){.flip-book{background:url('../img/walking/walking-43.png') bottom center/100% no-repeat}}@media screen and (min-width: 1855px){.flip-book{background:url('../img/walking/walking-44.png') bottom center/100% no-repeat}}@media screen and (min-width: 1860px){.flip-book{background:url('../img/walking/walking-45.png') bottom center/100% no-repeat}}@media screen and (min-width: 1865px){.flip-book{background:url('../img/walking/walking-46.png') bottom center/100% no-repeat}}@media screen and (min-width: 1870px){.flip-book{background:url('../img/walking/walking-47.png') bottom center/100% no-repeat}}@media screen and (min-width: 1875px){.flip-book{background:url('../img/walking/walking-48.png') bottom center/100% no-repeat}}@media screen and (min-width: 1880px){.flip-book{background:url('../img/walking/walking-1.png') bottom center/100% no-repeat}}@media screen and (min-width: 1885px){.flip-book{background:url('../img/walking/walking-2.png') bottom center/100% no-repeat}}@media screen and (min-width: 1890px){.flip-book{background:url('../img/walking/walking-3.png') bottom center/100% no-repeat}}@media screen and (min-width: 1895px){.flip-book{background:url('../img/walking/walking-4.png') bottom center/100% no-repeat}}@media screen and (min-width: 1900px){.flip-book{background:url('../img/walking/walking-5.png') bottom center/100% no-repeat}}@media screen and (min-width: 1905px){.flip-book{background:url('../img/walking/walking-6.png') bottom center/100% no-repeat}}@media screen and (min-width: 1910px){.flip-book{background:url('../img/walking/walking-7.png') bottom center/100% no-repeat}}@media screen and (min-width: 1915px){.flip-book{background:url('../img/walking/walking-8.png') bottom center/100% no-repeat}}@media screen and (min-width: 1920px){.flip-book{background:url('../img/walking/walking-9.png') bottom center/100% no-repeat}}@media screen and (min-width: 1925px){.flip-book{background:url('../img/walking/walking-10.png') bottom center/100% no-repeat}}@media screen and (min-width: 1930px){.flip-book{background:url('../img/walking/walking-11.png') bottom center/100% no-repeat}}@media screen and (min-width: 1935px){.flip-book{background:url('../img/walking/walking-12.png') bottom center/100% no-repeat}}@media screen and (min-width: 1940px){.flip-book{background:url('../img/walking/walking-13.png') bottom center/100% no-repeat}}@media screen and (min-width: 1945px){.flip-book{background:url('../img/walking/walking-14.png') bottom center/100% no-repeat}}@media screen and (min-width: 1950px){.flip-book{background:url('../img/walking/walking-15.png') bottom center/100% no-repeat}}@media screen and (min-width: 1955px){.flip-book{background:url('../img/walking/walking-16.png') bottom center/100% no-repeat}}@media screen and (min-width: 1960px){.flip-book{background:url('../img/walking/walking-17.png') bottom center/100% no-repeat}}@media screen and (min-width: 1965px){.flip-book{background:url('../img/walking/walking-18.png') bottom center/100% no-repeat}}@media screen and (min-width: 1970px){.flip-book{background:url('../img/walking/walking-19.png') bottom center/100% no-repeat}}@media screen and (min-width: 1975px){.flip-book{background:url('../img/walking/walking-20.png') bottom center/100% no-repeat}}@media screen and (min-width: 1980px){.flip-book{background:url('../img/walking/walking-21.png') bottom center/100% no-repeat}}@media screen and (min-width: 1985px){.flip-book{background:url('../img/walking/walking-22.png') bottom center/100% no-repeat}}@media screen and (min-width: 1990px){.flip-book{background:url('../img/walking/walking-23.png') bottom center/100% no-repeat}}@media screen and (min-width: 1995px){.flip-book{background:url('../img/walking/walking-24.png') bottom center/100% no-repeat}}@media screen and (min-width: 2000px){.flip-book{background:url('../img/walking/walking-25.png') bottom center/100% no-repeat}}@media screen and (min-width: 2005px){.flip-book{background:url('../img/walking/walking-26.png') bottom center/100% no-repeat}}@media screen and (min-width: 2010px){.flip-book{background:url('../img/walking/walking-27.png') bottom center/100% no-repeat}}@media screen and (min-width: 2015px){.flip-book{background:url('../img/walking/walking-28.png') bottom center/100% no-repeat}}@media screen and (min-width: 2020px){.flip-book{background:url('../img/walking/walking-29.png') bottom center/100% no-repeat}}@media screen and (min-width: 2025px){.flip-book{background:url('../img/walking/walking-30.png') bottom center/100% no-repeat}}@media screen and (min-width: 2030px){.flip-book{background:url('../img/walking/walking-31.png') bottom center/100% no-repeat}}@media screen and (min-width: 2035px){.flip-book{background:url('../img/walking/walking-32.png') bottom center/100% no-repeat}}@media screen and (min-width: 2040px){.flip-book{background:url('../img/walking/walking-33.png') bottom center/100% no-repeat}}@media screen and (min-width: 2045px){.flip-book{background:url('../img/walking/walking-34.png') bottom center/100% no-repeat}}@media screen and (min-width: 2050px){.flip-book{background:url('../img/walking/walking-35.png') bottom center/100% no-repeat}}@media screen and (min-width: 2055px){.flip-book{background:url('../img/walking/walking-36.png') bottom center/100% no-repeat}}@media screen and (min-width: 2060px){.flip-book{background:url('../img/walking/walking-37.png') bottom center/100% no-repeat}}@media screen and (min-width: 2065px){.flip-book{background:url('../img/walking/walking-38.png') bottom center/100% no-repeat}}@media screen and (min-width: 2070px){.flip-book{background:url('../img/walking/walking-39.png') bottom center/100% no-repeat}}@media screen and (min-width: 2075px){.flip-book{background:url('../img/walking/walking-40.png') bottom center/100% no-repeat}}@media screen and (min-width: 2080px){.flip-book{background:url('../img/walking/walking-41.png') bottom center/100% no-repeat}}@media screen and (min-width: 2085px){.flip-book{background:url('../img/walking/walking-42.png') bottom center/100% no-repeat}}@media screen and (min-width: 2090px){.flip-book{background:url('../img/walking/walking-43.png') bottom center/100% no-repeat}}@media screen and (min-width: 2095px){.flip-book{background:url('../img/walking/walking-44.png') bottom center/100% no-repeat}}@media screen and (min-width: 2100px){.flip-book{background:url('../img/walking/walking-45.png') bottom center/100% no-repeat}}@media screen and (min-width: 2105px){.flip-book{background:url('../img/walking/walking-46.png') bottom center/100% no-repeat}}@media screen and (min-width: 2110px){.flip-book{background:url('../img/walking/walking-47.png') bottom center/100% no-repeat}}@media screen and (min-width: 2115px){.flip-book{background:url('../img/walking/walking-48.png') bottom center/100% no-repeat}}@media screen and (min-width: 2120px){.flip-book{background:url('../img/walking/walking-1.png') bottom center/100% no-repeat}}@media screen and (min-width: 2125px){.flip-book{background:url('../img/walking/walking-2.png') bottom center/100% no-repeat}}@media screen and (min-width: 2130px){.flip-book{background:url('../img/walking/walking-3.png') bottom center/100% no-repeat}}@media screen and (min-width: 2135px){.flip-book{background:url('../img/walking/walking-4.png') bottom center/100% no-repeat}}@media screen and (min-width: 2140px){.flip-book{background:url('../img/walking/walking-5.png') bottom center/100% no-repeat}}@media screen and (min-width: 2145px){.flip-book{background:url('../img/walking/walking-6.png') bottom center/100% no-repeat}}@media screen and (min-width: 2150px){.flip-book{background:url('../img/walking/walking-7.png') bottom center/100% no-repeat}}@media screen and (min-width: 2155px){.flip-book{background:url('../img/walking/walking-8.png') bottom center/100% no-repeat}}@media screen and (min-width: 2160px){.flip-book{background:url('../img/walking/walking-9.png') bottom center/100% no-repeat}}@media screen and (min-width: 2165px){.flip-book{background:url('../img/walking/walking-10.png') bottom center/100% no-repeat}}@media screen and (min-width: 2170px){.flip-book{background:url('../img/walking/walking-11.png') bottom center/100% no-repeat}}@media screen and (min-width: 2175px){.flip-book{background:url('../img/walking/walking-12.png') bottom center/100% no-repeat}}@media screen and (min-width: 2180px){.flip-book{background:url('../img/walking/walking-13.png') bottom center/100% no-repeat}}@media screen and (min-width: 2185px){.flip-book{background:url('../img/walking/walking-14.png') bottom center/100% no-repeat}}@media screen and (min-width: 2190px){.flip-book{background:url('../img/walking/walking-15.png') bottom center/100% no-repeat}}@media screen and (min-width: 2195px){.flip-book{background:url('../img/walking/walking-16.png') bottom center/100% no-repeat}}@media screen and (min-width: 2200px){.flip-book{background:url('../img/walking/walking-17.png') bottom center/100% no-repeat}}@media screen and (min-width: 2205px){.flip-book{background:url('../img/walking/walking-18.png') bottom center/100% no-repeat}}@media screen and (min-width: 2210px){.flip-book{background:url('../img/walking/walking-19.png') bottom center/100% no-repeat}}@media screen and (min-width: 2215px){.flip-book{background:url('../img/walking/walking-20.png') bottom center/100% no-repeat}}@media screen and (min-width: 2220px){.flip-book{background:url('../img/walking/walking-21.png') bottom center/100% no-repeat}}@media screen and (min-width: 2225px){.flip-book{background:url('../img/walking/walking-22.png') bottom center/100% no-repeat}}@media screen and (min-width: 2230px){.flip-book{background:url('../img/walking/walking-23.png') bottom center/100% no-repeat}}@media screen and (min-width: 2235px){.flip-book{background:url('../img/walking/walking-24.png') bottom center/100% no-repeat}}@media screen and (min-width: 2240px){.flip-book{background:url('../img/walking/walking-25.png') bottom center/100% no-repeat}}@media screen and (min-width: 2245px){.flip-book{background:url('../img/walking/walking-26.png') bottom center/100% no-repeat}}@media screen and (min-width: 2250px){.flip-book{background:url('../img/walking/walking-27.png') bottom center/100% no-repeat}}@media screen and (min-width: 2255px){.flip-book{background:url('../img/walking/walking-28.png') bottom center/100% no-repeat}}@media screen and (min-width: 2260px){.flip-book{background:url('../img/walking/walking-29.png') bottom center/100% no-repeat}}@media screen and (min-width: 2265px){.flip-book{background:url('../img/walking/walking-30.png') bottom center/100% no-repeat}}@media screen and (min-width: 2270px){.flip-book{background:url('../img/walking/walking-31.png') bottom center/100% no-repeat}}@media screen and (min-width: 2275px){.flip-book{background:url('../img/walking/walking-32.png') bottom center/100% no-repeat}}@media screen and (min-width: 2280px){.flip-book{background:url('../img/walking/walking-33.png') bottom center/100% no-repeat}}@media screen and (min-width: 2285px){.flip-book{background:url('../img/walking/walking-34.png') bottom center/100% no-repeat}}@media screen and (min-width: 2290px){.flip-book{background:url('../img/walking/walking-35.png') bottom center/100% no-repeat}}@media screen and (min-width: 2295px){.flip-book{background:url('../img/walking/walking-36.png') bottom center/100% no-repeat}}@media screen and (min-width: 2300px){.flip-book{background:url('../img/walking/walking-37.png') bottom center/100% no-repeat}}@media screen and (min-width: 2305px){.flip-book{background:url('../img/walking/walking-38.png') bottom center/100% no-repeat}}@media screen and (min-width: 2310px){.flip-book{background:url('../img/walking/walking-39.png') bottom center/100% no-repeat}}@media screen and (min-width: 2315px){.flip-book{background:url('../img/walking/walking-40.png') bottom center/100% no-repeat}}@media screen and (min-width: 2320px){.flip-book{background:url('../img/walking/walking-41.png') bottom center/100% no-repeat}}@media screen and (min-width: 2325px){.flip-book{background:url('../img/walking/walking-42.png') bottom center/100% no-repeat}}@media screen and (min-width: 2330px){.flip-book{background:url('../img/walking/walking-43.png') bottom center/100% no-repeat}}@media screen and (min-width: 2335px){.flip-book{background:url('../img/walking/walking-44.png') bottom center/100% no-repeat}}@media screen and (min-width: 2340px){.flip-book{background:url('../img/walking/walking-45.png') bottom center/100% no-repeat}}@media screen and (min-width: 2345px){.flip-book{background:url('../img/walking/walking-46.png') bottom center/100% no-repeat}}@media screen and (min-width: 2350px){.flip-book{background:url('../img/walking/walking-47.png') bottom center/100% no-repeat}}@media screen and (min-width: 2355px){.flip-book{background:url('../img/walking/walking-48.png') bottom center/100% no-repeat}}@media screen and (min-width: 2360px){.flip-book{background:url('../img/walking/walking-1.png') bottom center/100% no-repeat}}@media screen and (min-width: 2365px){.flip-book{background:url('../img/walking/walking-2.png') bottom center/100% no-repeat}}@media screen and (min-width: 2370px){.flip-book{background:url('../img/walking/walking-3.png') bottom center/100% no-repeat}}@media screen and (min-width: 2375px){.flip-book{background:url('../img/walking/walking-4.png') bottom center/100% no-repeat}}@media screen and (min-width: 2380px){.flip-book{background:url('../img/walking/walking-5.png') bottom center/100% no-repeat}}@media screen and (min-width: 2385px){.flip-book{background:url('../img/walking/walking-6.png') bottom center/100% no-repeat}}@media screen and (min-width: 2390px){.flip-book{background:url('../img/walking/walking-7.png') bottom center/100% no-repeat}}@media screen and (min-width: 2395px){.flip-book{background:url('../img/walking/walking-8.png') bottom center/100% no-repeat}}@media screen and (min-width: 2400px){.flip-book{background:url('../img/walking/walking-9.png') bottom center/100% no-repeat}}@media screen and (min-width: 2405px){.flip-book{background:url('../img/walking/walking-10.png') bottom center/100% no-repeat}}@media screen and (min-width: 2410px){.flip-book{background:url('../img/walking/walking-11.png') bottom center/100% no-repeat}}@media screen and (min-width: 2415px){.flip-book{background:url('../img/walking/walking-12.png') bottom center/100% no-repeat}}@media screen and (min-width: 2420px){.flip-book{background:url('../img/walking/walking-13.png') bottom center/100% no-repeat}}@media screen and (min-width: 2425px){.flip-book{background:url('../img/walking/walking-14.png') bottom center/100% no-repeat}}@media screen and (min-width: 2430px){.flip-book{background:url('../img/walking/walking-15.png') bottom center/100% no-repeat}}@media screen and (min-width: 2435px){.flip-book{background:url('../img/walking/walking-16.png') bottom center/100% no-repeat}}@media screen and (min-width: 2440px){.flip-book{background:url('../img/walking/walking-17.png') bottom center/100% no-repeat}}@media screen and (min-width: 2445px){.flip-book{background:url('../img/walking/walking-18.png') bottom center/100% no-repeat}}@media screen and (min-width: 2450px){.flip-book{background:url('../img/walking/walking-19.png') bottom center/100% no-repeat}}@media screen and (min-width: 2455px){.flip-book{background:url('../img/walking/walking-20.png') bottom center/100% no-repeat}}@media screen and (min-width: 2460px){.flip-book{background:url('../img/walking/walking-21.png') bottom center/100% no-repeat}}@media screen and (min-width: 2465px){.flip-book{background:url('../img/walking/walking-22.png') bottom center/100% no-repeat}}@media screen and (min-width: 2470px){.flip-book{background:url('../img/walking/walking-23.png') bottom center/100% no-repeat}}@media screen and (min-width: 2475px){.flip-book{background:url('../img/walking/walking-24.png') bottom center/100% no-repeat}}@media screen and (min-width: 2480px){.flip-book{background:url('../img/walking/walking-25.png') bottom center/100% no-repeat}}@media screen and (min-width: 2485px){.flip-book{background:url('../img/walking/walking-26.png') bottom center/100% no-repeat}}@media screen and (min-width: 2490px){.flip-book{background:url('../img/walking/walking-27.png') bottom center/100% no-repeat}}@media screen and (min-width: 2495px){.flip-book{background:url('../img/walking/walking-28.png') bottom center/100% no-repeat}}@media screen and (min-width: 2500px){.flip-book{background:url('../img/walking/walking-29.png') bottom center/100% no-repeat}}@media screen and (min-width: 2505px){.flip-book{background:url('../img/walking/walking-30.png') bottom center/100% no-repeat}}@media screen and (min-width: 2510px){.flip-book{background:url('../img/walking/walking-31.png') bottom center/100% no-repeat}}@media screen and (min-width: 2515px){.flip-book{background:url('../img/walking/walking-32.png') bottom center/100% no-repeat}}@media screen and (min-width: 2520px){.flip-book{background:url('../img/walking/walking-33.png') bottom center/100% no-repeat}}@media screen and (min-width: 2525px){.flip-book{background:url('../img/walking/walking-34.png') bottom center/100% no-repeat}}@media screen and (min-width: 2530px){.flip-book{background:url('../img/walking/walking-35.png') bottom center/100% no-repeat}}@media screen and (min-width: 2535px){.flip-book{background:url('../img/walking/walking-36.png') bottom center/100% no-repeat}}@media screen and (min-width: 2540px){.flip-book{background:url('../img/walking/walking-37.png') bottom center/100% no-repeat}}@media screen and (min-width: 2545px){.flip-book{background:url('../img/walking/walking-38.png') bottom center/100% no-repeat}}@media screen and (min-width: 2550px){.flip-book{background:url('../img/walking/walking-39.png') bottom center/100% no-repeat}}@media screen and (min-width: 2555px){.flip-book{background:url('../img/walking/walking-40.png') bottom center/100% no-repeat}}@media screen and (min-width: 2560px){.flip-book{background:url('../img/walking/walking-41.png') bottom center/100% no-repeat}}@media screen and (min-width: 2565px){.flip-book{background:url('../img/walking/walking-42.png') bottom center/100% no-repeat}}@media screen and (min-width: 2570px){.flip-book{background:url('../img/walking/walking-43.png') bottom center/100% no-repeat}}@media screen and (min-width: 2575px){.flip-book{background:url('../img/walking/walking-44.png') bottom center/100% no-repeat}}@media screen and (min-width: 2580px){.flip-book{background:url('../img/walking/walking-45.png') bottom center/100% no-repeat}}@media screen and (min-width: 2585px){.flip-book{background:url('../img/walking/walking-46.png') bottom center/100% no-repeat}}@media screen and (min-width: 2590px){.flip-book{background:url('../img/walking/walking-47.png') bottom center/100% no-repeat}}@media screen and (min-width: 2595px){.flip-book{background:url('../img/walking/walking-48.png') bottom center/100% no-repeat}}@media screen and (min-width: 2600px){.flip-book{background:none}}body{background-image:url('../img/walking/background.png');background-repeat:repeat-x;background-size:400px auto;background-position:bottom}.title{position:absolute;right:0px;font-family:'Open Sans', sans-serif;text-transform:uppercase;font-size:10px;color:#524954;background-color:white;padding:15px}/*# sourceMappingURL=app.css.map */ --------------------------------------------------------------------------------