.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab}
.flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-slider{position:absolute;width:100%}
.flickity-prev-next-button{display: none; position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:10px}
.flickity-prev-next-button.next{right:10px}
.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}
.flickity-prev-next-button svg{position:absolute;top:20%;left:20%;width:60%;height:60%}
.flickity-prev-next-button .arrow{fill:#333}
.flickity-prev-next-button.no-svg{color:#333;font-size:26px}
.flickity-page-dots{position:absolute;bottom:10px;margin:0;padding:0;width:100%;list-style:none;text-align:center;line-height:1; display: none;}
.flickity-page-dots .dot{display:inline-block;margin:0 8px;width:10px;height:10px;border-radius:50%;background:#fff;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}
@font-face{font-family:'Texta Italic'}
@font-face{font-family:'Texta Regular'} 
a:hover{color:#E90}
b,strong{font-family:'Texta Heavy',sans-serif}
em,i{font-family:'Texta Italic',sans-serif}
h1,h2,h3{line-height:1.2; font-size: 1em;}
h3{font-size:1.6em;font-family:'Texta Heavy',sans-serif}
.content-wrap{margin:0 auto;padding:0 10px;max-width:900px}
.main h2{margin-top:80px;padding-top:60px;border-top:4px double #DDD}
.main h3{padding-top:30px;border-top:1px solid #DDD}
.hero-gallery{margin-bottom:0px;background:#f9f9f9;}
.hero-gallery__cell{padding:20px 60px;width:100%;height:240px;background:#f9f9f9;color:#fff;text-align: center;}
.hero-gallery__cell img{max-width: 100%; max-height: 100%;}
.hero-gallery h1{margin:0;padding-top:20px;font-size:3.2em}
.hero-gallery .tagline{margin:0;font-size:1.4em}
.hero-gallery__cell--2{background:#ED2}
.slogan{margin:0;line-height:1.2}
.slogan--easy,.slogan--fun{font-size:2.2em;line-height:1.1}
.slogan--tagline{margin-top:10px;color:#333;font-size:1.2em}
.feature-list{margin:0;padding:0;list-style:none;font-size:1.8em;line-height:1.2}
.feature-list li{margin-bottom:10px}
.hero-gallery__cell--3{background:#E90}
.hero-gallery__cell--4{background:#E5A}
.by-line{margin:0;font-size:1.8em;line-height:1.2}
.by-line--made{margin-bottom:10px;padding-top:20px;color:#333}
.by-line--made b{font-family:'Texta Heavy',sans-serif}
.big-links{margin:0 0 60px;padding:0;list-style:none}
.big-links:after{clear:both;display:block;content:''}
.big-links__item{margin-bottom:10px;font-size:1.2em}
.big-links__item a{display:block;padding:10px;border-radius:5px}
.big-links__item--fill a{background:#8C8;color:#fff}
.big-links__item--fill a:hover{background:#EC5}
.big-links__item--stroke a{border:2px solid #8C8}
.big-links__item--stroke a:hover{border-color:#EC5}
.big-links__link:hover{background:#EC5;color:#fff}
.call-out{position:relative;margin:20px 0;padding:10px 20px 10px 80px;border:2px solid #ED2;border-radius:6px}
.call-out:before{position:absolute;top:30px;left:20px;display:block;width:40px;height:40px;border-radius:50%;background:#ED2;color:#fff;content:'i';text-align:center;font-style:italic;font-size:1.9em;font-family:Consolas,Georgia,serif;line-height:46px}
.call-out h2{margin-top:0;padding-top:10px;border-top:none}
.call-out--beta-testing li,.call-out--beta-testing p{font-size:1.2em}
.call-out--beta-testing p{line-height:1.3}
.call-out--chill{border-color:#8C8}
.call-out--chill:before{background:#8C8}
.quick-start li:before,.quick-start p{font-size:1.2em;line-height:1.2}
.quick-start ol{list-style:none}
.quick-start li{position:relative;counter-increment:quick-start-item}
.quick-start li:before{position:absolute;left:-1.2em;content:counter(quick-start-item) ".";font-weight:700;font-size:1.2em;font-family:'Texta Heavy',sans-serif}
.example{margin-bottom:1rem;}
.example:after{clear:both;display:block;content:''}
.example__code pre{margin:0 0 20px}
.gallery{background:#FAFAFA;counter-reset:gallery-cell}
.gallery-cell{width:100%;height:360px;background:#fff;counter-increment:gallery-cell} 
.half-width-margin .gallery-cell{margin-right:10px;width:50%}
.various-size .gallery-cell{margin-right:10px;width:33%}
.various-size .gallery-cell.size-180{width:180px}
.various-size .gallery-cell.size-large{width:75%}
.media-queried .gallery-cell{margin-right:2%;width:100%}
.show-neighbors .gallery-cell{margin:0 5px;width:66%}
.gallery--contain-demo .gallery-cell{margin-right:2%;width:30%}
.gallery--auto-play-demo .gallery-cell{margin-right:2%}
.gallery--images-loaded-demo img{display:block;height:160px}
.gallery--images-demo{}
.gallery--images-demo img{display:block;height:160px}
.gallery--watch-demo:after{display:none;content:'flickity'}
.gallery--watch-demo .gallery-cell{margin-right:10px}
.gallery--prev-next-big-arrow .flickity-prev-next-button{width:100px;height:100px;background:0 0}
.gallery--prev-next-big-arrow .flickity-prev-next-button .arrow{fill:#fff}
.gallery--prev-next-big-arrow .flickity-prev-next-button.no-svg{color:#fff}
.gallery--prev-next-big-arrow .flickity-prev-next-button.next{right:-10px}
.gallery--prev-next-small-outside{margin-right:40px;margin-left:40px}
.gallery--prev-next-small-outside .flickity-prev-next-button{width:30px;height:30px;border-radius:5px;background:#333}
.gallery--prev-next-small-outside .flickity-prev-next-button .arrow{fill:#fff}
.gallery--prev-next-small-outside .flickity-prev-next-button.no-svg{color:#fff}
.gallery--prev-next-small-outside .flickity-prev-next-button.previous{left:-40px}
.gallery--prev-next-small-outside .flickity-prev-next-button.next{right:-40px}
.gallery--o-dots .flickity-page-dots{bottom:0}
.gallery--o-dots .flickity-page-dots .dot{width:12px;height:12px;border:2px solid #fff;background:0 0;opacity:1}
.gallery--o-dots .flickity-page-dots .dot.is-selected{background:#fff}
.gallery--line-dots .flickity-page-dots{bottom:-22px}
.gallery--line-dots .flickity-page-dots .dot{margin:0;width:40px;height:4px;border-radius:0}
.site-footer{margin-top:80px;padding:40px 0;background:#FAFAFA}
.site-footer p{font-size:1.2em}
.other-products:after{clear:both;display:block;content:''}
.other-products__cell a{position:relative;display:block;margin-bottom:20px;padding:10px 10px 10px 135px;min-height:120px;border-radius:6px;background:#EEE}
.other-products__cell a:hover{background:#8C8;color:#fff}
.other-products__cell img{position:absolute;top:0;left:0;display:block;width:100%;max-width:120px;border-radius:5px 0 0 5px}
.other-products__cell h3{margin:0 0 0}
.other-products__cell .description{margin:0;font-size:1.1em;line-height:1.2}
@media screen and (min-width:768px){.hero-gallery__cell{padding:40px 0 0;height:440px}
.hero-gallery h1{padding-top:60px;font-size:5.8em}
.hero-gallery .tagline{font-size:2.1em}
.slogan--easy,.slogan--fun{font-size:4.8em}
.slogan--tagline{margin-top:20px;font-size:2.4em}
.feature-list{font-size:3.1em}
.feature-list li{margin-bottom:20px}
.by-line{font-size:3.1em}
.by-line--made{margin-bottom:20px;padding-top:40px}
.big-links__item{float:left;width:49%;font-size:1.4em}
.big-links__item a{padding:20px}
.big-links__item:nth-child(2n+1){margin-right:2%}
.example__code,.example__demo{float:left;width:100%}
.example__code{margin-right:4%}
.media-queried .gallery-cell{width:49%}
.gallery--watch-demo:after{content:''}
.gallery--watch-demo .gallery-cell{margin-bottom:10px}
.gallery--images-demo img{height:400px}
.other-products__cell{float:left;width:49%}
.other-products__cell:nth-child(2n+1){margin-right:2%}
}
code,pre{border:1px solid #DDD;background:#FAFAFA;white-space:pre-wrap;font-size:15px;font-family:Consolas,Menlo,monospace}
pre{overflow-x:auto;padding:10px;border-radius:6px}
code{padding:2px 3px;border-radius:3px;line-height:1.2}
pre code{padding:0;border:none;background:0 0;line-height:1.5}
code .string,code .tag .value{color:#072}
code .cp,code .literal,code .number{color:#07D}
code .keyword{color:#C31}
code .attribute,code .kd{color:#A61}
code .title{color:#39A}
code .params{color:#98D}
code .p{color:#EDB}
code .o{color:#F63}
code .nb{color:#AA97AC}
code .comment{color:#999;font-style:italic}
code .tag{color:#37B}
code .id{color:#567}
code .class{color:#A63}
code .rules{color:#431}
code .m{color:#DE8E50}
code .nd{color:#9FAD7E}
code .hexcolor{color:#F63}
code .at_rule{color:#088}