/*! * stroll.js 1.2 - CSS scroll effects * http://lab.hakim.se/scroll-effects * MIT licensed * * Copyright (C) 2012 Hakim El Hattab, http://hakim.se */.cards{-webkit-perspective:300px;-moz-perspective:300px;-ms-perspective:300px;-o-perspective:300px;perspective:300px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%} .cards li{-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%} .cards li.past{-webkit-transform:translate3d(0,-100px,-100px) rotateX(-90deg);-moz-transform:translate3d(0,-100px,-100px) rotateX(-90deg);-ms-transform:translate3d(0,-100px,-100px) rotateX(-90deg);-o-transform:translate3d(0,-100px,-100px) rotateX(-90deg);transform:translate3d(0,-100px,-100px) rotateX(-90deg)} .cards li.future{-webkit-transform:translate3d(0,100px,-100px) rotateX(90deg);-moz-transform:translate3d(0,100px,-100px) rotateX(90deg);-ms-transform:translate3d(0,100px,-100px) rotateX(90deg);-o-transform:translate3d(0,100px,-100px) rotateX(90deg);transform:translate3d(0,100px,-100px) rotateX(90deg)} .grow li{-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%} .grow li.past{-webkit-transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);transform:scale(0.01)}.grow li.future{-webkit-transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);transform:scale(0.01)} .flip{-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%} .flip li{-webkit-transition:all 600ms ease,opacity 300ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease,opacity 300ms ease;-o-transition:all 600ms ease,opacity 300ms ease;transition:all 600ms ease,opacity 300ms ease;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0} .flip li.past{opacity:0;-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotateX(80deg);-moz-transform:rotateX(80deg);-ms-transform:rotateX(80deg);-o-transform:rotateX(80deg);transform:rotateX(80deg)} .flip li.future{opacity:0;-webkit-transform:rotateX(-80deg);-moz-transform:rotateX(-80deg);-ms-transform:rotateX(-80deg);-o-transform:rotateX(-80deg);transform:rotateX(-80deg)} .fly{-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%} .fly li{-webkit-transition:all 600ms ease,opacity 300ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease,opacity 300ms ease;-o-transition:all 600ms ease,opacity 300ms ease;transition:all 600ms ease,opacity 300ms ease;-webkit-transform-origin:50% 50% -50px;-moz-transform-origin:50% 50% -50px;-ms-transform-origin:50% 50% -50px;-o-transform-origin:50% 50% -50px;transform-origin:50% 50% -50px} .fly li.past{opacity:0;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)} .fly li.future{opacity:0;-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg)} .fly-simplified{-webkit-perspective:300px;-moz-perspective:300px;-ms-perspective:300px;-o-perspective:300px;perspective:300px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%} .fly-simplified li{-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%} .fly-simplified li.past{-webkit-transform:translate3d(0,-100px,-100px) rotateX(90deg);-moz-transform:translate3d(0,-100px,-100px) rotateX(90deg);-ms-transform:translate3d(0,-100px,-100px) rotateX(90deg);-o-transform:translate3d(0,-100px,-100px) rotateX(90deg);transform:translate3d(0,-100px,-100px) rotateX(90deg)} .fly-simplified li.future{-webkit-transform:translate3d(0,100px,-100px) rotateX(-90deg);-moz-transform:translate3d(0,100px,-100px) rotateX(-90deg);-ms-transform:translate3d(0,100px,-100px) rotateX(-90deg);-o-transform:translate3d(0,100px,-100px) rotateX(-90deg);transform:translate3d(0,100px,-100px) rotateX(-90deg)} .fly-reverse{-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%} .fly-reverse li{-webkit-transition:all 600ms ease,opacity 300ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease,opacity 300ms ease;-o-transition:all 600ms ease,opacity 300ms ease;transition:all 600ms ease,opacity 300ms ease;-webkit-transform-origin:50% 50% -50px;-moz-transform-origin:50% 50% -50px;-ms-transform-origin:50% 50% -50px;-o-transform-origin:50% 50% -50px;transform-origin:50% 50% -50px} .fly-reverse li.past{opacity:0;-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg)} .fly-reverse li.future{opacity:0;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)} .skew{-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;-o-perspective:600px;perspective:600px;-webkit-perspective-origin:0 50%;-moz-perspective-origin:0 50%;-ms-perspective-origin:0 50%;-o-perspective-origin:0 50%;perspective-origin:0 50%} .skew li{-webkit-transition:all 600ms ease,opacity 200ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0} .skew li.past{-webkit-transform:skewY(30deg);-moz-transform:skewY(30deg);-ms-transform:skewY(30deg);-o-transform:skewY(30deg);transform:skewY(30deg)}.skew li.future{z-index:0;-webkit-transform:skewY(-30deg);-moz-transform:skewY(-30deg);-ms-transform:skewY(-30deg);-o-transform:skewY(-30deg);transform:skewY(-30deg)} .helix{-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;-o-perspective:600px;perspective:600px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%} .helix li{-webkit-transition:all 600ms ease,opacity 200ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease,opacity 200ms ease;-o-transition:all 600ms ease,opacity 200ms ease;transition:all 600ms ease,opacity 200ms ease;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%} .helix li.past{opacity:0;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)} .helix li.future{opacity:0;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)} .wave li{-webkit-transition:all 600ms cubic-bezier(0.260,0.860,0.440,0.985);-moz-transition:all 600ms cubic-bezier(0.260,0.860,0.440,0.985);-ms-transition:all 600ms cubic-bezier(0.260,0.860,0.440,0.985);-o-transition:all 600ms cubic-bezier(0.260,0.860,0.440,0.985);transition:all 600ms cubic-bezier(0.260,0.860,0.440,0.985)} .wave li.past{-webkit-transform:translateX(-70%);-moz-transform:translateX(-70%);-ms-transform:translateX(-70%);-o-transform:translateX(-70%);transform:translateX(-70%)} .wave li.future{-webkit-transform:translateX(-70%);-moz-transform:translateX(-70%);-ms-transform:translateX(-70%);-o-transform:translateX(-70%);transform:translateX(-70%)} .fan li{-webkit-transition:all 600ms cubic-bezier(0.390,0.575,0.565,1.000);-moz-transition:all 600ms cubic-bezier(0.390,0.575,0.565,1.000);-ms-transition:all 600ms cubic-bezier(0.390,0.575,0.565,1.000);-o-transition:all 600ms cubic-bezier(0.390,0.575,0.565,1.000);transition:all 600ms cubic-bezier(0.390,0.575,0.565,1.000);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0} .fan li.past{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)} .fan li.future{-webkit-transform:rotate(70deg);-moz-transform:rotate(70deg);-ms-transform:rotate(70deg);-o-transform:rotate(70deg);transform:rotate(70deg)} .tilt{-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;-o-perspective:800px;perspective:800px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%} .tilt li{position:relative;-webkit-transition:all 1000ms cubic-bezier(0.260,0.860,0.440,0.985),opacity 300ms ease;-moz-transition:all 1000ms cubic-bezier(0.260,0.860,0.440,0.985);-ms-transition:all 1000ms cubic-bezier(0.260,0.860,0.440,0.985),opacity 300ms ease;-o-transition:all 1000ms cubic-bezier(0.260,0.860,0.440,0.985),opacity 300ms ease;transition:all 1000ms cubic-bezier(0.260,0.860,0.440,0.985),opacity 300ms ease} .tilt li.past{opacity:0;-webkit-transform:translateY(100%) translateZ(-200px);-moz-transform:translateY(100%) translateZ(-200px);-ms-transform:translateY(100%) translateZ(-200px);-o-transform:translateY(100%) translateZ(-200px);transform:translateY(100%) translateZ(-200px)} .tilt li.future{opacity:0;-webkit-transform:translateY(-100%) translateZ(-200px);-moz-transform:translateY(-100%) translateZ(-200px);-ms-transform:translateY(-100%) translateZ(-200px);-o-transform:translateY(-100%) translateZ(-200px);transform:translateY(-100%) translateZ(-200px)} .curl{-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;-o-perspective:600px;perspective:600px;-webkit-perspective-origin:0 50%;-moz-perspective-origin:0 50%;-ms-perspective-origin:0 50%;-o-perspective-origin:0 50%;perspective-origin:0 50%} .curl li{-webkit-transition:all 600ms ease,opacity 200ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease,opacity 200ms ease;-o-transition:all 600ms ease,opacity 200ms ease;transition:all 600ms ease,opacity 200ms ease;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden} .curl li.past{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)} .curl li.future{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)} .papercut{-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;-o-perspective:600px;perspective:600px;-webkit-perspective-origin:0;-moz-perspective-origin:0;-ms-perspective-origin:0;-o-perspective-origin:0;perspective-origin:0} .papercut li{-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0} .papercut li.past{-webkit-transform:skewY(-30deg);-moz-transform:skewY(-30deg);-ms-transform:skewY(-30deg);-o-transform:skewY(-30deg);transform:skewY(-30deg)} .papercut li.future{-webkit-transform:skewY(30deg);-moz-transform:skewY(30deg);-ms-transform:skewY(30deg);-o-transform:skewY(30deg);transform:skewY(30deg)} .zipper li{-webkit-transition:all 600ms cubic-bezier(0.390,0.575,0.565,1.000);-moz-transition:all 600ms cubic-bezier(0.390,0.575,0.565,1.000);-ms-transition:all 600ms cubic-bezier(0.390,0.575,0.565,1.000);-o-transition:all 600ms cubic-bezier(0.390,0.575,0.565,1.000);transition:all 600ms cubic-bezier(0.390,0.575,0.565,1.000);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0} .zipper li.past:nth-child(odd),.zipper li.future:nth-child(odd){-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%)} .zipper li.past:nth-child(even),.zipper li.future:nth-child(even){-webkit-transform:translateX(-80%);-moz-transform:translateX(-80%);-ms-transform:translateX(-80%);-o-transform:translateX(-80%);transform:translateX(-80%)} .fade li{-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out} .fade li.past{opacity:0}.fade li.future{opacity:0}.twirl{-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%} .twirl li{-webkit-transition:all 600ms ease,opacity 200ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease,opacity 200ms ease;-o-transition:all 600ms ease,opacity 200ms ease;transition:all 600ms ease,opacity 200ms ease;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%} .twirl li.past{opacity:0;-webkit-transform:rotate3d(80,-70,10,180deg);-moz-transform:rotate3d(80,70,10,180deg);-ms-transform:rotate3d(80,70,10,180deg);-o-transform:rotate3d(80,70,10,180deg);transform:rotate3d(80,70,10,180deg)} .twirl li.future{opacity:0;-webkit-transform:rotate3d(80,70,10,-180deg);-moz-transform:rotate3d(80,70,10,-180deg);-ms-transform:rotate3d(80,70,10,-180deg);-o-transform:rotate3d(80,70,10,-180deg);transform:rotate3d(80,70,10,-180deg)}