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:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.comp-list:after,.mockups-list:after,.comp-list:before,.mockups-list:before{content:' ';display:table;clear:both}body{position:relative;font-family:'Helvetica Neue', "Helvetica", Roboto, Arial, Verdana, sans-serif}a:link,a:visited{text-decoration:none;color:#333}header{position:absolute;top:0;left:0;width:100%;height:70px;font-size:16px}@media only screen and (max-width: 480px){header{display:none}}header a:link,header a:visited{line-height:60px;color:white}.inspr-logo-icon,.nav-icon{display:inline-block;background-image:url(../images/sprite_global.png);background-image:none,url(../images/sprite_global.svg);vertical-align:middle}.header-wrapper{margin:auto;max-width:960px;width:90%}.inspr-logo{float:left}.inspr-logo-icon{position:relative;top:-3px;margin-right:8px;width:23px;height:37px;background-position:-9px -9px}.nav-list{float:right}.nav-item{display:inline-block}.nav-link{display:inline-block;padding-left:16px;padding-right:16px}.nav-link:hover,.nav-link:active{background:rgba(255,255,255,0.1)}.nav-icon{width:16px;height:16px}.nav-icon__fb{background-position:-10px -54px}.nav-icon__twitter{background-position:-36px -54px}.sn-btns{margin-top:25px}@media only screen and (max-width: 767px){.sn-btns{display:none}}
.footer{padding:0 80px 40px;text-align:center}@media only screen and (max-width: 767px){.footer{padding-left:5%;padding-right:5%}}
hr{margin-top:100px;margin-bottom:20px;border:0;border-bottom:1px solid #ccc}.contact{float:right;text-align:right}.copyright{float:left;text-align:left}.contact,.copyright{font-size:14px;color:#333}.contact a,.copyright a{text-decoration:underline}@media only screen and (max-width: 767px){.contact,.copyright{float:none;margin-bottom:10px;text-align:center}}
.sprite-sprite,.sprite-app-icon,.sprite-close,.sprite-comp-1,.sprite-comp-2,.sprite-comp-3,.sprite-comp-4,.sprite-comp-5,.sprite-comp-6,.sprite-comp-navbar,.sprite-custmz,.sprite-download-badge,.sprite-gradient,.sprite-iphone,.sprite-pop_link,.sprite-pop_screena,.sprite-pop_screenb,.sprite-spacing,.sprite-template-m-1,.sprite-template-m-2,.sprite-template-m-3,.sprite-template{background-image:url('../images/sprite.png');background-repeat:no-repeat}.sprite-app-icon{background-position:0 0;height:90px;width:90px}.sprite-close{background-position:0 -90px;height:28px;width:28px}.sprite-comp-1{background-position:0 -118px;height:120px;width:120px}.sprite-comp-2{background-position:0 -238px;height:120px;width:120px}.sprite-comp-3{background-position:0 -358px;height:120px;width:120px}.sprite-comp-4{background-position:0 -478px;height:120px;width:120px}.sprite-comp-5{background-position:0 -598px;height:120px;width:120px}.sprite-comp-6{background-position:0 -718px;height:120px;width:120px}.sprite-comp-navbar{background-position:0 -838px;height:40px;width:192px}.sprite-custmz{background-position:0 -878px;height:355px;width:298px}.sprite-download-badge{background-position:0 -1233px;height:50px;width:174px}.sprite-gradient{background-position:0 -1283px;height:337px;width:230px}.sprite-iphone{background-position:0 -1620px;height:633px;width:311px}.sprite-pop_link{background-position:0 -2253px;height:46px;width:73px}.sprite-pop_screena{background-position:0 -2299px;height:230px;width:130px}.sprite-pop_screenb{background-position:0 -2529px;height:230px;width:130px}.sprite-spacing{background-position:0 -2759px;height:237px;width:284px}.sprite-template-m-1{background-position:0 -2996px;height:263px;width:148px}.sprite-template-m-2{background-position:0 -3259px;height:263px;width:148px}.sprite-template-m-3{background-position:0 -3522px;height:263px;width:148px}.sprite-template{background-position:0 -3785px;height:263px;width:148px}.sprite-retina-sprite{background-image:url('../images/sprite-retina.png');background-repeat:no-repeat}@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){.sprite-all-retina-sprites,.sprite-app-icon,.sprite-close,.sprite-comp-1,.sprite-comp-2,.sprite-comp-3,.sprite-comp-4,.sprite-comp-5,.sprite-comp-6,.sprite-comp-navbar,.sprite-custmz,.sprite-download-badge,.sprite-gradient,.sprite-iphone,.sprite-pop_link,.sprite-pop_screena,.sprite-pop_screenb,.sprite-spacing,.sprite-template-m-1,.sprite-template-m-2,.sprite-template-m-3,.sprite-template{background-image:url('../images/sprite-retina.png');-moz-background-size:373px auto;-o-background-size:373px auto;-webkit-background-size:373px auto;background-size:373px auto}.sprite-app-icon{background-position:0 0}.sprite-close{background-position:0 -90px}.sprite-comp-1{background-position:0 -118px}.sprite-comp-2{background-position:0 -238px}.sprite-comp-3{background-position:0 -358px}.sprite-comp-4{background-position:0 -478px}.sprite-comp-5{background-position:0 -598px}.sprite-comp-6{background-position:0 -718px}.sprite-comp-navbar{background-position:0 -838px}.sprite-custmz{background-position:0 -878px}.sprite-download-badge{background-position:0 -1233px}.sprite-gradient{background-position:0 -1283px}.sprite-iphone{background-position:0 -1620px}.sprite-pop_link{background-position:0 -2537px}.sprite-pop_screena{background-position:0 -2583px}.sprite-pop_screenb{background-position:0 -2813px}.sprite-spacing{background-position:0 -3043px}.sprite-template-m-1{background-position:0 -3280px}.sprite-template-m-2{background-position:0 -3543px}.sprite-template-m-3{background-position:0 -3806px}.sprite-template{background-position:0 -4069px}}.gallery-sprite,.gallery-mockup-1,.gallery-mockup-2,.gallery-mockup-3,.gallery-mockup-4,.gallery-mockup-5,.gallery-mockup-6,.gallery-mockup-7{background-image:url('../images/gallery.png');background-repeat:no-repeat}.gallery-mockup-1{background-position:0 0;height:355px;width:200px}.gallery-mockup-2{background-position:0 -355px;height:355px;width:200px}.gallery-mockup-3{background-position:0 -710px;height:355px;width:200px}.gallery-mockup-4{background-position:0 -1065px;height:355px;width:200px}.gallery-mockup-5{background-position:0 -1420px;height:355px;width:200px}.gallery-mockup-6{background-position:0 -1775px;height:355px;width:200px}.gallery-mockup-7{background-position:0 -2130px;height:355px;width:200px}.gallery-retina-sprite{background-image:url('../images/gallery-retina.png');background-repeat:no-repeat}@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){.gallery-all-retina-sprites,.gallery-mockup-1,.gallery-mockup-2,.gallery-mockup-3,.gallery-mockup-4,.gallery-mockup-5,.gallery-mockup-6,.gallery-mockup-7{background-image:url('../images/gallery-retina.png');-moz-background-size:200px auto;-o-background-size:200px auto;-webkit-background-size:200px auto;background-size:200px auto}.gallery-mockup-1{background-position:0 0}.gallery-mockup-2{background-position:0 -355px}.gallery-mockup-3{background-position:0 -710px}.gallery-mockup-4{background-position:0 -1065px}.gallery-mockup-5{background-position:0 -1420px}.gallery-mockup-6{background-position:0 -1775px}.gallery-mockup-7{background-position:0 -2130px}}#pop-link{display:block;margin-top:10px;font-size:14px;text-decoration:underline;color:white}h2.heading,.gallery-title{font-size:40px;line-height:1.25}@media only screen and (max-width: 480px){h2.heading,.gallery-title{font-size:28px}}
.hero h2,.app-description,.feature-description,.gallery-description{font-size:18px;line-height:1.389}.hero{margin-bottom:120px;min-height:632px;overflow:hidden;background:#0082e3 url("../images/hero_bg.jpg");background-size:cover}@media only screen and (max-width: 767px){.hero{min-height:560px}}
.hero-description{position:absolute;top:216px;left:50%;margin-left:-360px;width:240px;text-align:center}@media only screen and (max-width: 960px){.hero-description{margin-left:-300px}}@media only screen and (max-width: 767px){.hero-description{top:120px;margin-left:-120px}}@media only screen and (max-width: 480px){.hero-description{top:90px}}
h1{margin-top:10px;margin-bottom:10px;color:white;font-size:34px;font-weight:300;line-height:42px}.hero h2{margin-bottom:20px;color:white}.iphone{position:relative;top:80px;left:50%;margin-left:40px;width:311px;height:634px}@media only screen and (max-width: 767px){.iphone{display:none}}
.play-video-mask{position:absolute;top:79px;left:22px;width:267px;height:474px;background:rgba(0,0,0,0.5)}.play-video,.play-video__m{border-radius:50%;background:url("../images/play-video.png") no-repeat;background-size:56px 56px;border:2px solid white}@media not all, not all, (-webkit-min-device-pixel-ratio: 1.5), not all, (min-resolution: 1.5dppx){.play-video,.play-video__m{background-image:url("../images/play-video@2x.png")}}
.play-video{position:absolute;top:216px;left:105px;width:56px;height:56px;background-color:rgba(0,130,227,0.8)}@media only screen and (max-width: 767px){.play-video{display:none}}
.play-video-wrapper__m{display:none;margin-bottom:20px;font-size:12px;color:white;text-align:center}@media only screen and (max-width: 767px){.play-video-wrapper__m{display:block}}
.play-video__m{display:inline-block;margin-bottom:8px;width:48px;height:48px;background-position:center center}@media not all, not all, (-webkit-min-device-pixel-ratio: 1.5), not all, (min-resolution: 1.5dppx){.play-video__m{background-image:url("../images/play-video@2x.png")}}
.demo-video{position:absolute;top:79px;left:22px;width:267px;height:474px}.app-icon{display:inline-block;width:90px;height:90px}.download-badge{display:inline-block;width:174px;height:50px}.download-badge.typeform-share{box-sizing:border-box;padding:15px;font-size:20px;font-weight:400;background:white;border-radius:5px;color:#2990E4}.subscribe-description{margin-top:10px;margin-bottom:20px;font-size:12px;color:white}.app-description{margin:auto auto 100px;padding:0 20px;max-width:600px;color:#a3a4ad;text-align:center}h2.heading{margin:auto auto -40px;padding:0 20px;max-width:600px;text-align:center}@media only screen and (max-width: 960px){h2.heading{margin-bottom:80px}}
@media only screen and (max-width: 480px){.heading-text{display:inline-block;padding-bottom:8px;border-bottom:1px solid #CCCDD0}}
.heading-dash{display:inline-block;width:120px;height:1px;background:#CCCDD0;line-height:50px;vertical-align:middle}.heading-dash:first-child{margin-right:40px}.heading-dash:last-child{margin-left:40px}@media only screen and (max-width: 767px){.heading-dash{width:80px}}@media only screen and (max-width: 480px){.heading-dash{display:none}}
.feature{position:relative;min-height:600px}@media only screen and (max-width: 960px){.feature{min-height:0;padding-bottom:120px}}@media only screen and (max-width: 767px){.feature{padding-bottom:80px}}
.feature-image{position:absolute;top:100px;left:50%;margin-left:-440px;width:400px;height:400px}@media only screen and (max-width: 960px){.feature-image{position:relative;top:0;left:0;margin:auto;width:100%;height:auto;overflow:hidden}}
.feature-text{position:absolute;top:240px;left:50%;margin-left:40px}@media only screen and (min-width: 961px){.desktop .feature-text{top:140px;padding:100px 0}}@media only screen and (max-width: 960px){.feature-text{position:relative;left:0;top:0;margin-left:0;text-align:center}}
.feature-title{font-size:32px;line-height:50px;width:340px}@media only screen and (max-width: 480px){.feature-title{font-size:24px;line-height:35px}}@media only screen and (max-width: 960px){.feature-title{margin-left:auto;margin-right:auto;width:90%}}
.feature-description{width:340px;margin-top:10px;color:#a3a4ad}@media only screen and (max-width: 960px){.feature-description{margin-bottom:40px;margin-left:auto;margin-right:auto;width:340px}}@media only screen and (max-width: 767px){.feature-description{width:90%;line-height:1.5}}
.comp-list{margin:72px auto 0;width:376px}@media only screen and (max-width: 960px){.comp-list{position:relative;left:50%;margin-top:0;margin-left:-188px}}@media only screen and (max-width: 767px){.comp-list{top:-30px;-moz-transform:scale(0.75, 0.75);-ms-transform:scale(0.75, 0.75);-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75)}}
.comp-el{float:left;position:relative;margin-right:8px;margin-bottom:8px;width:120px;height:120px}.comp-el:nth-child(3n){margin-right:0}.comp-el:nth-child(n+4){margin-bottom:0}.comp-popover{-moz-transition:-moz-transform 0.4s cubic-bezier(0.73, 0.08, 0.49, 1.36),opacity 0.4s ease-out;-o-transition:-o-transform 0.4s cubic-bezier(0.73, 0.08, 0.49, 1.36),opacity 0.4s ease-out;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.73, 0.08, 0.49, 1.36),opacity 0.4s ease-out;transition:transform 0.4s cubic-bezier(0.73, 0.08, 0.49, 1.36),opacity 0.4s ease-out;-moz-transform:translate(0, -20px) scale(0.5, 0.5);-ms-transform:translate(0, -20px) scale(0.5, 0.5);-webkit-transform:translate(0, -20px) scale(0.5, 0.5);transform:translate(0, -20px) scale(0.5, 0.5);z-index:10;position:absolute;top:108px;left:50%;margin-left:-114px;width:228px;height:88px;border-radius:2px;background:rgba(255,255,255,0.95);box-shadow:0 2px 10px rgba(0,0,0,0.2);opacity:0}.comp-popover:after{content:'';position:absolute;top:-6px;left:50%;margin-left:-4px;width:0;height:0;border-style:solid;border-width:0 4px 6px 4px;border-color:transparent transparent rgba(255,255,255,0.95) transparent}.feature-image:hover .comp-popover,.feature-text:hover+div .comp-popover{-moz-transform:translate(0, 0) scale(1, 1);-ms-transform:translate(0, 0) scale(1, 1);-webkit-transform:translate(0, 0) scale(1, 1);transform:translate(0, 0) scale(1, 1);opacity:1}.comp-navbar{margin:24px auto;width:192px;height:40px}.feature-image__template{-moz-transition:-moz-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11),opacity 0.7s ease-in-out;-o-transition:-o-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11),opacity 0.7s ease-in-out;-webkit-transition:-webkit-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11),opacity 0.7s ease-in-out;transition:transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11),opacity 0.7s ease-in-out}@media only screen and (min-width: 961px){.feature-image__template:hover,.feature-text:hover+.feature-image__template{-moz-transform:translate(0, 50px);-ms-transform:translate(0, 50px);-webkit-transform:translate(0, 50px);transform:translate(0, 50px)}}
.templates-demo{position:relative;margin:auto;width:282px;height:400px}.template{position:absolute;top:30px;left:50%;margin-left:-74px;width:148px;height:263px;box-shadow:0 0 10px rgba(0,0,0,0.2)}.template-mockup{position:absolute;left:50%;margin-left:-74px;width:148px;height:263px;box-shadow:0 0 10px rgba(0,0,0,0.2)}.template{-moz-transform:scale(0.7, 0.7);-ms-transform:scale(0.7, 0.7);-webkit-transform:scale(0.7, 0.7);transform:scale(0.7, 0.7);-moz-transition:-moz-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11),opacity 0.7s ease-in-out;-o-transition:-o-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11),opacity 0.7s ease-in-out;-webkit-transition:-webkit-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11),opacity 0.7s ease-in-out;transition:transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11),opacity 0.7s ease-in-out}.feature-image:hover .template,.feature-text:hover+div .template{-moz-transform:scale(0.5, 0.5);-ms-transform:scale(0.5, 0.5);-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);opacity:0}.template-mockup1{-moz-transform:translate(44px, 0);-ms-transform:translate(44px, 0);-webkit-transform:translate(44px, 0);transform:translate(44px, 0);-moz-transition:-moz-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11);-o-transition:-o-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11);-webkit-transition:-webkit-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11);transition:transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11)}.feature-image:hover .template-mockup1,.feature-text:hover+div .template-mockup1{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.template-mockup2{-moz-transform:translate(-55px, 30px);-ms-transform:translate(-55px, 30px);-webkit-transform:translate(-55px, 30px);transform:translate(-55px, 30px);-moz-transition:-moz-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11);-o-transition:-o-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11);-webkit-transition:-webkit-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11);transition:transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11)}.feature-image:hover .template-mockup2,.feature-text:hover+div .template-mockup2{-moz-transform:translate(-156px, 0);-ms-transform:translate(-156px, 0);-webkit-transform:translate(-156px, 0);transform:translate(-156px, 0)}.template-mockup3{-moz-transform:translate(64px, 98px);-ms-transform:translate(64px, 98px);-webkit-transform:translate(64px, 98px);transform:translate(64px, 98px);-moz-transition:-moz-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11);-o-transition:-o-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11);-webkit-transition:-webkit-transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11);transition:transform 0.7s cubic-bezier(0.73, 0.08, 0.64, 1.11)}.feature-image:hover .template-mockup3,.feature-text:hover+div .template-mockup3{-moz-transform:translate(156px, 0);-ms-transform:translate(156px, 0);-webkit-transform:translate(156px, 0);transform:translate(156px, 0)}.customization-demo{margin:auto;width:298px;height:355px}@media only screen and (max-width: 767px){.customization-demo{margin-top:-45px;-moz-transform:scale(0.75, 0.75);-ms-transform:scale(0.75, 0.75);-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75)}}
.gradient-demo{position:relative;top:50px;margin:auto;width:230px;height:337px}@media only screen and (max-width: 960px){.gradient-demo{top:auto}}@media only screen and (max-width: 767px){.gradient-demo{margin-top:-45px;-moz-transform:scale(0.75, 0.75);-ms-transform:scale(0.75, 0.75);-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75)}}
.spacing-demo{position:relative;top:64px;margin:auto;width:284px;height:237px}@media only screen and (max-width: 960px){.spacing-demo{top:auto}}@media only screen and (max-width: 767px){.spacing-demo{margin-top:-25px;-moz-transform:scale(0.75, 0.75);-ms-transform:scale(0.75, 0.75);-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75)}}
.pop-demo{position:relative;top:76px;margin:auto;width:320px;height:230px}@media only screen and (max-width: 960px){.pop-demo{top:auto}}@media only screen and (max-width: 767px){.pop-demo{margin-top:-25px;-moz-transform:scale(0.75, 0.75);-ms-transform:scale(0.75, 0.75);-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75)}}
.pop-screena,.pop-screenb{position:absolute;top:0;width:130px;height:230px;box-shadow:0 12px 31px rgba(0,0,0,0.2)}.pop-screena{left:0}.pop-screenb{right:0}.pop-link{position:absolute;left:124px;top:77px;width:73px;height:46px}.gallery{padding-top:60px;padding-bottom:120px;overflow:hidden}.gallery-title{text-align:center}@media only screen and (max-width: 960px){.gallery-title{padding:0 40px}}@media only screen and (max-width: 480px){.gallery-title{margin-bottom:20px}}
.gallery-description{margin-top:10px;margin-bottom:60px;text-align:center;color:#a3a4ad}@media only screen and (max-width: 960px){.gallery-description{margin-bottom:40px;margin-left:auto;margin-right:auto;width:90%}}@media only screen and (max-width: 767px){.gallery-description{line-height:1.5}}
.mockups-wrapper{position:relative;width:100%;height:355px}.mockups-list{position:relative;left:50%;margin-left:-742px;width:1484px}@media only screen and (max-width: 960px){.mockups-list{left:auto;margin-left:0}}
.mockup-item{float:left;padding:0 6px}.mockup{display:inline-block;width:200px;height:355px;background-color:#eee;box-shadow:0 0 10px rgba(0,0,0,0.2)}.footer-title{margin-bottom:30px;text-align:center;font-size:24px}.mask{z-index:20;display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9)}.demo-video__m{position:relative;top:0;left:0;display:block;width:267px;height:474px;margin:50px auto 0}.close-mask{position:absolute;top:16px;right:16px;display:inline-block;width:28px;height:28px}