@font-face{font-family:'Helvetica Neue';src:url('../fonts/Medium.eot');src:url('../fonts/Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Medium.woff') format('woff'),url('../fonts/Medium.ttf') format('truetype'),url('../fonts/Medium.svg#297525cf3c6ba1ff86516c4aa7d9abf5') format('svg');font-style:normal;font-weight:bold}@font-face{font-family:'Helvetica Neue';src:url('../fonts/Thin.eot');src:url('../fonts/Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/Thin.woff') format('woff'),url('../fonts/Thin.ttf') format('truetype'),url('../fonts/Thin.svg#23ebcb8050d092fedf4fdb3ba8b21933') format('svg');font-style:normal;font-weight:normal}.row{zoom:1}.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after{clear:both}.device-content{width:900px;display:block;margin-left:auto;margin-right:auto}.device-content:not(header){position:relative}.col{display:block;float:left}.col img.scale-with-grid{max-width:100%;height:auto;display:block}.col_1{width:8.33333333%}.col_2{width:16.66666667%}.col_3{width:25%}.col_4{width:33.33333333%}.col_5{width:41.66666667%}.col_6{width:50%}.col_7{width:58.33333333%}.col_8{width:66.66666667%}.col_9{width:75%}.col_10{width:83.33333333%}.col_11{width:91.66666667%}.col_12{width:100%}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}::selection{color:#fff;background:#4691f6}::-moz-selection{color:#fff;background:#4691f6}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-o-keyframes rotate{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}@-ms-keyframes rotate{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}html{font:125.5%/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif}body{background:#fff}body.ready header{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}body.loaded .loader{opacity:0}body.loaded .content,body.loaded footer{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.overflow{overflow:hidden;padding-top:90px}.popup-active .popup{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);-o-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}.popup-active .popup-mask{opacity:1}.popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:565px;height:635px;background:#fff;border:2px solid #4691f6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:40px;opacity:0;z-index:100;-webkit-transition:all .9s cubic-bezier(.19, 1, .22, 1),opacity .4s cubic-bezier(.19, 1, .22, 1);-moz-transition:all .9s cubic-bezier(.19, 1, .22, 1),opacity .4s cubic-bezier(.19, 1, .22, 1);-ms-transition:all .9s cubic-bezier(.19, 1, .22, 1),opacity .4s cubic-bezier(.19, 1, .22, 1);-o-transition:all .9s cubic-bezier(.19, 1, .22, 1),opacity .4s cubic-bezier(.19, 1, .22, 1);-webkit-transform:translate3d(0, 0, 0) scale3d(1.2, 1.2, 1.2);-moz-transform:translate3d(0, 0, 0) scale3d(1.2, 1.2, 1.2);-ms-transform:translate3d(0, 0, 0) scale3d(1.2, 1.2, 1.2);-o-transform:translate3d(0, 0, 0) scale3d(1.2, 1.2, 1.2);transform:translate3d(0, 0, 0) scale3d(1.2, 1.2, 1.2)}.popup h1{float:left;font:bold 1.2rem 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#798291;margin:5px 0 0 0}.popup .action{float:right}.popup .action .download{float:left;font:bold 13px 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#4691f6;border:2px solid #4691f6;padding:10px 15px 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:color .8s cubic-bezier(.19, 1, .22, 1),border .8s cubic-bezier(.19, 1, .22, 1);-moz-transition:color .8s cubic-bezier(.19, 1, .22, 1),border .8s cubic-bezier(.19, 1, .22, 1);-ms-transition:color .8s cubic-bezier(.19, 1, .22, 1),border .8s cubic-bezier(.19, 1, .22, 1);-o-transition:color .8s cubic-bezier(.19, 1, .22, 1),border .8s cubic-bezier(.19, 1, .22, 1)}.popup .action .download:hover{color:#798291;border-color:#798291}.popup .action .close{float:left;margin:10px 0 0 15px;cursor:pointer}.popup .action .close path{fill:#4691f6;-webkit-transition:all .8s cubic-bezier(.19, 1, .22, 1);-moz-transition:all .8s cubic-bezier(.19, 1, .22, 1);-ms-transition:all .8s cubic-bezier(.19, 1, .22, 1);-o-transition:all .8s cubic-bezier(.19, 1, .22, 1)}.popup .action .close:hover path{fill:#f64646}.popup p .preview{font:bold 10px 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#c5c5c5;text-transform:uppercase}.popup .preview-content svg{width:30px;height:30px;display:block;margin:auto}.popup .preview-content svg path,.popup .preview-content svg polygon,.popup .preview-content svg rect{fill:#4691f6}.popup .preview-content svg circle{stroke:#4691f6;stroke-width:1}.popup textarea{font-family:monospace;font-size:12px;color:#4691f6;width:100%;height:300px;background:#e3effe;border:1px solid #4691f6;resize:none;padding:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.popup textarea:focus{outline:none}.popup-mask{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:50;background:rgba(255,255,255,0.9);opacity:0;-webkit-transition:all 1s cubic-bezier(.19, 1, .22, 1);-moz-transition:all 1s cubic-bezier(.19, 1, .22, 1);-ms-transition:all 1s cubic-bezier(.19, 1, .22, 1);-o-transition:all 1s cubic-bezier(.19, 1, .22, 1)}.loader{display:block;width:30px;height:30px;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;opacity:1;-webkit-transition:all .6s cubic-bezier(.19, 1, .22, 1);-moz-transition:all .6s cubic-bezier(.19, 1, .22, 1);-ms-transition:all .6s cubic-bezier(.19, 1, .22, 1);-o-transition:all .6s cubic-bezier(.19, 1, .22, 1);-webkit-animation:rotate 1s linear 0s infinite normal;-moz-animation:rotate 1s linear 0s infinite normal;-o-animation:rotate 1s linear 0s infinite normal;-ms-animation:rotate 1s linear 0s infinite normal;animation:rotate 1s linear 0s infinite normal}.loader svg path{fill:#4691f6}a{color:#4691f6;text-decoration:none;-webkit-transition:color .6s cubic-bezier(.19, 1, .22, 1);-moz-transition:color .6s cubic-bezier(.19, 1, .22, 1);-ms-transition:color .6s cubic-bezier(.19, 1, .22, 1);-o-transition:color .6s cubic-bezier(.19, 1, .22, 1)}a:hover{color:#161616}hr{display:block;width:100%;height:1px;background:#e9e9e9;border:0}hr.margin{margin:25px 0}header{position:fixed;margin:auto;left:0;background:rgba(255,255,255,0.95);right:0;z-index:20;display:block;width:100%;height:90px;padding:35px 0 25px;-webkit-transition:all 1s cubic-bezier(.19, 1, .22, 1) .3s;-moz-transition:all 1s cubic-bezier(.19, 1, .22, 1) .3s;-ms-transition:all 1s cubic-bezier(.19, 1, .22, 1) .3s;-o-transition:all 1s cubic-bezier(.19, 1, .22, 1) .3s;-webkit-transform:translate3d(0, -100px, 0);-moz-transform:translate3d(0, -100px, 0);-ms-transform:translate3d(0, -100px, 0);-o-transform:translate3d(0, -100px, 0);transform:translate3d(0, -100px, 0)}header a{font:bold .7rem 'Helvetica Neue',Helvetica,Arial,sans-serif}header .left{float:left}header .left span{color:#c5c5c5;margin:0 10px}header .left a{color:#798291}header .left a:hover{color:#4691f6}header .left a.open-dropdown.active{color:#4691f6}header .left .dropdown{width:205px;height:auto;position:absolute;top:89px;left:0;background:#798291;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:30;visibility:hidden;opacity:0;-webkit-transition:all .5s cubic-bezier(.19, 1, .22, 1),opacity .4s cubic-bezier(.19, 1, .22, 1);-moz-transition:all .5s cubic-bezier(.19, 1, .22, 1),opacity .4s cubic-bezier(.19, 1, .22, 1);-ms-transition:all .5s cubic-bezier(.19, 1, .22, 1),opacity .4s cubic-bezier(.19, 1, .22, 1);-o-transition:all .5s cubic-bezier(.19, 1, .22, 1),opacity .4s cubic-bezier(.19, 1, .22, 1);-webkit-transform:translate3d(0, -20px, 0) scale3d(.7, .7, .7);-moz-transform:translate3d(0, -20px, 0) scale3d(.7, .7, .7);-ms-transform:translate3d(0, -20px, 0) scale3d(.7, .7, .7);-o-transform:translate3d(0, -20px, 0) scale3d(.7, .7, .7);transform:translate3d(0, -20px, 0) scale3d(.7, .7, .7);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0}header .left .dropdown .dropdown-arrow{position:absolute;top:0;left:0;margin-top:-5px;margin-left:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #798291;-webkit-transition:border-bottom-color 1s cubic-bezier(.19, 1, .22, 1);-moz-transition:border-bottom-color 1s cubic-bezier(.19, 1, .22, 1);-ms-transition:border-bottom-color 1s cubic-bezier(.19, 1, .22, 1);-o-transition:border-bottom-color 1s cubic-bezier(.19, 1, .22, 1)}header .left .dropdown .dropdown-content a{display:block;font:bold .7rem 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#fff;padding:20px 20px 15px 20px;border-bottom:1px solid rgba(255,255,255,0.1);-webkit-transition:background 1s cubic-bezier(.19, 1, .22, 1);-moz-transition:background 1s cubic-bezier(.19, 1, .22, 1);-ms-transition:background 1s cubic-bezier(.19, 1, .22, 1);-o-transition:background 1s cubic-bezier(.19, 1, .22, 1)}header .left .dropdown .dropdown-content a:hover{background:#161616}header .left .dropdown .dropdown-content a:first-child{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}header .left .dropdown .dropdown-content a:last-child{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}header .left .dropdown.active{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);-o-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}header .right{float:right}header .right a{color:#4691f6;padding:11px 10px 8px;border:2px solid transparent;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:color .6s cubic-bezier(.19, 1, .22, 1),border-color .4s cubic-bezier(.19, 1, .22, 1);-moz-transition:color .6s cubic-bezier(.19, 1, .22, 1),border-color .4s cubic-bezier(.19, 1, .22, 1);-ms-transition:color .6s cubic-bezier(.19, 1, .22, 1),border-color .4s cubic-bezier(.19, 1, .22, 1);-o-transition:color .6s cubic-bezier(.19, 1, .22, 1),border-color .4s cubic-bezier(.19, 1, .22, 1)}header .right a:hover{border-color:#4691f6}header .logo{position:relative;display:block;margin:0 auto 0 auto;width:30px;height:30px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:background .8s cubic-bezier(.19, 1, .22, 1);-moz-transition:background .8s cubic-bezier(.19, 1, .22, 1);-ms-transition:background .8s cubic-bezier(.19, 1, .22, 1);-o-transition:background .8s cubic-bezier(.19, 1, .22, 1)}header .logo svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:6px auto}header .logo svg path{fill:#798291}header .logo:hover svg path{fill:#4691f6}header hr{position:absolute;right:0;bottom:0;left:0;width:100%;height:1px}.content{opacity:0;-webkit-transition:all 1s cubic-bezier(.19, 1, .22, 1);-moz-transition:all 1s cubic-bezier(.19, 1, .22, 1);-ms-transition:all 1s cubic-bezier(.19, 1, .22, 1);-o-transition:all 1s cubic-bezier(.19, 1, .22, 1);-webkit-transform:translate3d(0, 100px, 0);-moz-transform:translate3d(0, 100px, 0);-ms-transform:translate3d(0, 100px, 0);-o-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0)}.content:first-child{-webkit-transition:all 1s cubic-bezier(.19, 1, .22, 1) .5s;-moz-transition:all 1s cubic-bezier(.19, 1, .22, 1) .5s;-ms-transition:all 1s cubic-bezier(.19, 1, .22, 1) .5s;-o-transition:all 1s cubic-bezier(.19, 1, .22, 1) .5s}.content:nth-child(2){-webkit-transition:all 1s cubic-bezier(.19, 1, .22, 1) .8s;-moz-transition:all 1s cubic-bezier(.19, 1, .22, 1) .8s;-ms-transition:all 1s cubic-bezier(.19, 1, .22, 1) .8s;-o-transition:all 1s cubic-bezier(.19, 1, .22, 1) .8s}.content:nth-child(3){-webkit-transition:all 1s cubic-bezier(.19, 1, .22, 1) 1s;-moz-transition:all 1s cubic-bezier(.19, 1, .22, 1) 1s;-ms-transition:all 1s cubic-bezier(.19, 1, .22, 1) 1s;-o-transition:all 1s cubic-bezier(.19, 1, .22, 1) 1s}.inner-padding{padding:3rem 0 3.35rem}h1{font:normal 2rem 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#161616;display:block;text-align:center;margin:0 0 1.4rem 0}h1.m{margin:1.75rem 0 1.4rem 0}h2{font:bold .6rem 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#c5c5c5;display:block;text-align:center;text-transform:uppercase;margin-bottom:1.4rem}p{font:bold .7rem/1.4rem 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#798291;text-align:center}p .red{color:#f64646}p .legend{display:block;margin-top:.6rem;color:#c5c5c5}p .legend a{color:#c5c5c5;-webkit-transition:color .8s cubic-bezier(.19, 1, .22, 1);-moz-transition:color .8s cubic-bezier(.19, 1, .22, 1);-ms-transition:color .8s cubic-bezier(.19, 1, .22, 1);-o-transition:color .8s cubic-bezier(.19, 1, .22, 1)}p .legend a:hover{color:#4691f6}code{font-size:13px;line-height:18px}.code{display:block;position:relative;width:600px;height:250px;margin:30px auto auto auto}.code .box{position:absolute;top:0;width:300px;height:220px;color:#4691f6;border:1px solid #4691f6;background:#fff;overflow:hidden}.code .box:first-child{left:0;margin:0 0 0 10px}.code .box:last-child{right:0;margin:30px 10px 0 0}.code .box .icons{width:100%;height:90px;padding:30px 0 30px 50px;border-bottom:1px solid #4691f6}.code .box .icons .icon-demo{display:inline-block;margin:0 10px;cursor:pointer}.code .box .icons .icon-demo.current path{fill:#4691f6}.code .box .icons .icon-demo path{fill:#c5c5c5;-webkit-transition:all .8s cubic-bezier(.19, 1, .22, 1);-moz-transition:all .8s cubic-bezier(.19, 1, .22, 1);-ms-transition:all .8s cubic-bezier(.19, 1, .22, 1);-o-transition:all .8s cubic-bezier(.19, 1, .22, 1)}.code .box .icons .icon-demo:hover path{fill:#4691f6}.code .box nav{float:left;width:55px;height:218px;padding:15px 15px 15px 10px;border-right:1px solid #4691f6}.code .box nav.i{height:128px}.code .box nav span{font:bold 11px 'Helvetica Neue',Helvetica,Arial,sans-serif;display:block;text-transform:uppercase;color:#c5c5c5;margin-bottom:2px}.code .box nav span.current{color:#4691f6}.code .box section{float:left;width:240px;height:218px;padding:15px;line-height:18px;overflow:hidden}.code .box section.i{height:128px}.code .box section .code-more{width:1000px}.code .box section .comment{display:block;color:#c5c5c5;margin-bottom:2px}.code .box section .var{display:block;margin:8px 0}.code .box section .grey{color:#c5c5c5}.code .box section .red{color:#f64646}.code .box section .tab-1{margin-left:10px}.code .box section .tab-2{margin-left:20px}.code .box section .tab-3{margin-left:30px}.set{display:block;position:relative;text-align:center;margin-bottom:1.2rem}.set.special .icon{width:80px;height:80px}.set.special .icon svg{width:2em;height:2em}.set .icon{position:relative;display:inline-block;width:50px;height:50px;margin:20px 35px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;-webkit-transition:background .6s cubic-bezier(.19, 1, .22, 1);-moz-transition:background .6s cubic-bezier(.19, 1, .22, 1);-ms-transition:background .6s cubic-bezier(.19, 1, .22, 1);-o-transition:background .6s cubic-bezier(.19, 1, .22, 1)}.set .icon:hover{background:#e3effe}.set .icon svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1.5em;height:1.5em}.set .icon svg path,.set .icon svg polygon,.set .icon svg rect{fill:#4691f6}.set .icon svg circle{stroke:#4691f6;stroke-width:1}.designer:hover{text-decoration:underline}footer{opacity:0;padding:35px 0 60px;-webkit-transition:all 1s cubic-bezier(.19, 1, .22, 1) 1.5s;-moz-transition:all 1s cubic-bezier(.19, 1, .22, 1) 1.5s;-ms-transition:all 1s cubic-bezier(.19, 1, .22, 1) 1.5s;-o-transition:all 1s cubic-bezier(.19, 1, .22, 1) 1.5s}footer a .logo-sparkk{display:block;width:50px;height:50px;margin:auto}footer a .logo-sparkk path,footer a .logo-sparkk polygon{fill:#4691f6;-webkit-transition:all 1s cubic-bezier(.19, 1, .22, 1);-moz-transition:all 1s cubic-bezier(.19, 1, .22, 1);-ms-transition:all 1s cubic-bezier(.19, 1, .22, 1);-o-transition:all 1s cubic-bezier(.19, 1, .22, 1)}footer span{display:block;margin:auto;font:bold .6rem 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#798291;text-align:center;margin-top:10px}