@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,400italic|Merriweather:400,300,400italic,700,900);*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html,body{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Merriweather', serif;font-size:18px;color:#121220;background-color:#eee;line-height:1.5}a{transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;text-decoration:none}.res{position:fixed;right:0;bottom:0;background-color:#fff;padding:3px;color:#000;font-size:12px;z-index:1000;font-family:sans-serif;display:none}.preview-box{position:absolute;background-color:#fff;top:0;left:0;width:100%;z-index:100;font-family:'Source Sans Pro', sans-serif;display:none}.preview-box .preview-panel{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#eee;padding:0 20px;line-height:60px}.preview-box .preview-panel [class*='btn-']{position:relative;top:50%;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);display:block;padding:.5em 1em;font-size:1.25em;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;border-radius:5px;font-family:'Source Sans Pro', sans-serif}.preview-box .preview-panel .btn-preview{float:left;background-color:#eee}.preview-box .preview-panel .btn-preview:hover{background-color:#fff}.preview-box .preview-panel .btn-download{float:right;background-color:#f42;color:#fff}.preview-box .preview-panel .btn-download:hover{background-color:#ff6f55}.preview-box .preview-panel:after{content:"";clear:both;display:table}.preview-box .glyphs{width:100%;margin:120px auto 0 auto}.preview-box .glyphs h1,.preview-box .glyphs h2{font-family:'Merriweather', serif;text-align:center}.preview-box .glyphs h1{font-family:'Source Sans Pro', sans-serif;font-weight:900;font-size:2.5em;margin-bottom:.5em}.preview-box .glyphs h2{font-weight:400;font-size:1.25em;margin-bottom:1.5em}.preview-box .glyphs .grid{margin-bottom:4em}.preview-box .glyphs .grid .col-3 .image{height:60px;margin-bottom:1em}.preview-box .glyphs .grid .col-3 h2{border-bottom:1px solid #d4d4d4;margin-bottom:.5em}.preview-box .glyphs .row{text-align:center}.preview-box .glyphs .row .col-10{width:189px;display:inline-block;text-align:center;margin-bottom:2em;color:#999}.preview-box .glyphs .row .col-10 img{display:block;margin:0 auto}.wrapper{max-width:960px;padding:0;margin:0 auto}.wrapper .content{width:100%;padding:6em 3em;background-color:#fff}.wrapper .content.header{padding:3em 0}.wrapper .content+.content{padding-top:0}.wrapper .content.bg-gamma{background-color:#f1f2f6}.wrapper .content.transparent{background-color:transparent}.wrapper .content .icons{height:250px;position:relative;transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);top:50%;left:50%}.wrapper .content .icons svg{position:absolute;left:0;right:0;height:100%;margin:0 auto;max-width:100%}.wrapper .content .icons svg path{fill-opacity:0;stroke:#fff;stroke-width:2}.wrapper .content .icons svg path#smile{fill:#33b5e5;stroke:#33b5e5;stroke-dasharray:947;stroke-dashoffset:947}.wrapper .content .icons svg path#heart{fill:#ff4444;stroke:#ff4444;stroke-dasharray:992;stroke-dashoffset:992}.wrapper .content .icons svg path#rocket{fill:#aa66cc;stroke:#aa66cc;stroke-dasharray:830;stroke-dashoffset:830}.wrapper .content .icons svg path#umbrella{fill:#99cc00;stroke:#99cc00;stroke-dasharray:993;stroke-dashoffset:993}.wrapper .content .icons svg.draw path{animation-name:draw;-o-animation-name:draw;-ms-animation-name:draw;-moz-animation-name:draw;-webkit-animation-name:draw;animation-duration:6s;-o-animation-duration:6s;-ms-animation-duration:6s;-moz-animation-duration:6s;-webkit-animation-duration:6s;animation-iteration-count:1;-o-animation-iteration-count:1;-ms-animation-iteration-count:1;-moz-animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.wrapper .content .icons svg.bounce path{animation-name:bounce;-o-animation-name:bounce;-ms-animation-name:bounce;-moz-animation-name:bounce;-webkit-animation-name:bounce;animation-duration:1s;-o-animation-duration:1s;-ms-animation-duration:1s;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-iteration-count:1;-o-animation-iteration-count:1;-ms-animation-iteration-count:1;-moz-animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.wrapper .content h1,.wrapper .content h2,.wrapper .content h3,.wrapper .content p{max-width:600px;margin:0 auto}.wrapper .content h1{font-family:'Source Sans Pro', sans-serif;font-weight:900;font-size:2.5em;margin-bottom:.5em}.wrapper .content h2{font-weight:400;font-size:1.25em;margin-bottom:1.5em}.wrapper .content h3{color:#f42;text-transform:uppercase;text-align:center;margin-bottom:1em;font-family:'Source Sans Pro', sans-serif;font-size:1.25em}.wrapper .content a{font-weight:700;border-bottom:2px solid #f42;color:#121220}.wrapper .content a:hover{border-color:#121220}.wrapper .content a.btn{border:0;background-color:#f42;color:#fff;border-radius:5px;display:inline-block;text-transform:uppercase;padding:.5em 1em;font-size:1.25em;font-family:'Source Sans Pro', sans-serif;font-weight:400}.wrapper .content a.btn:hover{background-color:#ff6f55}.wrapper .content a.btn-preview{display:block;text-align:center;border-bottom:0}.wrapper .content a.btn-preview span,.wrapper .content a.btn-preview img{display:block}.wrapper .content a.btn-preview span{color:#f42;text-transform:uppercase;text-align:center;font-family:'Source Sans Pro', sans-serif;font-size:1.25em;margin-top:.5em}.wrapper .content a.btn-preview img{max-width:100%;margin:0 auto}.wrapper .content>img{max-width:100%;display:block;margin:0 auto 1em auto}.wrapper .content p.centered{text-align:center}.wrapper .content p+p{margin-top:1.5em}.wrapper .content p+.grid,.wrapper .content p+.gallery{margin-top:3.5em}.wrapper .content .gallery{max-width:840px;width:100%;margin:0 auto;text-align:center}.wrapper .content .gallery .gallery-item{display:inline-block;width:260px;height:260px;margin:0 10px 20px 10px}.wrapper .content .gallery .gallery-item img{display:block}.grid{width:100%;max-width:820px;margin-left:auto;margin-right:auto}.grid [class*='col-']{float:left;width:100%;padding:0%}.grid [class*='col-']+[class*='col-']{margin-left:2.5%}.grid [class*='col-'] img{display:block;max-width:100%;margin:0 auto}.grid .col-1{max-width:100%}.grid .col-2{max-width:48.75%}.grid .col-3{max-width:31.66667%}.grid:after{content:"";clear:both;display:table}.grid+.grid{margin-top:2.5%}footer{padding:60px;position:relative;font-family:'Source Sans Pro', sans-serif;max-width:1200px;margin:0 auto;color:#999}footer a{color:#f42}footer .row{max-width:820px;margin:0 auto}footer .row .left{float:left}footer .row .left.contact{font-size:1.5em}footer .row .left.social span{height:40px;line-height:40px;float:left;display:block;margin-right:1em}footer .row .left.social a{display:block;float:left;width:40px;height:40px;position:relative;margin-right:.5em;border-radius:50%;background-color:#999;background-size:80%;background-position:center;background-repeat:no-repeat}footer .row .left.social a.icon-gplus{background-image:url(../images/social/gplus.svg)}footer .row .left.social a.icon-twitter{background-image:url(../images/social/twitter.svg)}footer .row .left.social a.icon-dribbble{background-image:url(../images/social/dribbble.svg)}footer .row .left.social a.icon-github{background-image:url(../images/social/github.svg)}footer .row .left.social a:hover{background-color:#f42}footer .row .left.social:after{content:"";clear:both;display:table}footer .row .right{float:right;text-align:right}footer .row:after{content:"";clear:both;display:table}footer .row+.row{margin-top:1em}@-webkit-keyframes draw{25%{stroke-dashoffset:0;fill-opacity:0;stroke-width:2}40%,75%{fill-opacity:1;stroke-dashoffset:0;stroke-width:0;opacity:1}100%{stroke-width:0;stroke-dashoffset:0;opacity:0}}@-moz-keyframes draw{25%{stroke-dashoffset:0;fill-opacity:0;stroke-width:2}40%,75%{fill-opacity:1;stroke-dashoffset:0;stroke-width:0;opacity:1}100%{stroke-width:0;stroke-dashoffset:0;opacity:0}}@keyframes draw{25%{stroke-dashoffset:0;fill-opacity:0;stroke-width:2}40%,75%{fill-opacity:1;stroke-dashoffset:0;stroke-width:0;opacity:1}100%{stroke-width:0;stroke-dashoffset:0;opacity:0}}@-webkit-keyframes bounce{0%,50%,100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}25%,75%{transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5)}}@-moz-keyframes bounce{0%,50%,100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}25%,75%{transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5)}}@keyframes bounce{0%,50%,100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}25%,75%{transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5)}}