.fadein{opacity:0;transition:opacity 1.5s}ul.downloadList li.fadein:nth-child(1){transition-delay:0ms}ul.downloadList li.fadein:nth-child(2){transition-delay:.3s}ul.downloadList li.fadein:nth-child(3){transition-delay:.6s}ul.downloadList li.fadein:nth-child(4){transition-delay:.9s}ul.downloadList li.fadein:nth-child(5){transition-delay:1.2s}ul.downloadList li.fadein:nth-child(6){transition-delay:1.5s}ul.downloadList li.fadein:nth-child(7){transition-delay:1.8s}ul.downloadList li.fadein:nth-child(8){transition-delay:2.1s}ul.downloadList li.fadein:nth-child(9){transition-delay:2.4s}ul.downloadList li.fadein:nth-child(10){transition-delay:2.7s}ul.downloadList li.fadein:nth-child(11){transition-delay:3s}ul.downloadList li.fadein:nth-child(12){transition-delay:3.3s}div.fadein:nth-child(1){transition-delay:0ms}div.fadein:nth-child(2){transition-delay:.2s}div.fadein:nth-child(3){transition-delay:.4s}div.fadein:nth-child(4){transition-delay:.6s}div.fadein:nth-child(5){transition-delay:.8s}div.fadein:nth-child(6){transition-delay:1s}div.fadein:nth-child(7){transition-delay:1.2s}div.fadein:nth-child(8){transition-delay:1.4s}.disabled.fadein-transition{opacity:.25}.fadein-transition{opacity:1}div.logo{width:6rem;height:7rem;padding:0;margin:0;background-image:url(../../../images/PassifyIconWhite.svg);background-position:right center;background-repeat:no-repeat;background-size:contain}div.logobackground{position:fixed;z-index:-1;height:100vh;width:100vw;opacity:.35;display:block;background-image:url(../../../images/PassifyIconWhite.svg);background-position:center;background-repeat:no-repeat;background-size:90% 90%}div.main{text-align:center;scroll-snap-type:y proximity}div.main ul.menu{justify-content:left;margin:2rem 0 0;padding:0;font-size:70%;color:#fff;list-style-type:none;display:flex;flex-direction:row;width:100%}div.main ul.menu li{margin:0;padding:0 1rem 0 0}div.main ul.menu li a{color:#fff;opacity:.7;transition:opacity .5s}div.main ul.menu li a:hover{opacity:1}div.main div.section{scroll-snap-align:start;position:relative}div.main div.section .header{top:0;height:3rem;line-height:3rem;padding:1rem 2rem 2rem;font-size:150%;color:#475c84}div.main div.section.title .curve{background-image:url(../../../images/curve-light.svg)}div.main div.section.title .curve.color{background-image:url(../../../images/curve-color.svg)}div.main div.section.overview .curve{background-image:url(../../../images/curve-light.svg)}div.main div.section.overview .curve.color{background-image:url(../../../images/curve-color.svg)}div.main div.section.download{background-color:#475c84}div.main div.section.download .header{background-color:#475c84;color:#fff}div.main div.section.download .curve{background-image:url(../../../images/curve-light.svg)}div.main div.section.features{background-color:#eee;padding-bottom:2rem}div.main div.section.features .curve{background-image:url(../../../images/curve-light.svg)}div.main h1{font-size:400%;font-weight:700;margin:0 0 .5rem}div.main h2{margin:0 0 5rem}div.main h3{margin:0;padding:0}div.main h3.tagline{opacity:.65}div.main h4{margin:0;padding:0}div.main ul.downloadList{list-style-type:none;display:flex;flex-direction:row;width:100%;justify-content:center;flex-wrap:wrap;padding:0 0 4rem}div.main li.download{text-align:center;width:15vw;margin:.5rem;padding:.5rem;position:relative;font-size:80%;border-radius:.5rem}div.main li.download:hover{background-color:#ffffff40}div.main li.download span.logo>*{display:none}div.main li.download span.logo{display:block;background-position:center top;background-size:contain;background-repeat:no-repeat;height:10vw;width:15vw}div.main li.download p{color:#fff;opacity:.9}div.main li.download a{text-decoration:none}div.main li.download.ios span.logo{background-image:url(../../../images/OSLogo-iOS.svg)}div.main li.download.android span.logo{background-image:url(../../../images/OSLogo-android.svg)}div.main li.download.windows span.logo{background-image:url(../../../images/OSLogo-windows.svg)}div.main li.download.macos span.logo{background-image:url(../../../images/OSLogo-macOS.svg)}div.main li.download h4{color:#475c84}div.main li.download p{color:#eee;font-size:80%}div.main li.download ul{color:#3d4248;font-size:80%}@media (max-width: 800px){div.main li.download{width:30vw}div.main li.download span.logo{height:20vw;width:30vw}}div.main div.featureList{background-color:#eee;display:flex;flex-direction:row;width:100%;justify-content:center;flex-wrap:wrap}div.main div.featureList div.feature{width:35%;padding:1rem;margin:1rem;text-align:left;border-radius:.5rem;background-color:#fff}div.main div.featureList div.feature h4{color:#475c84}div.main div.featureList div.feature p{color:#3d4248;font-size:80%}div.main div.featureList div.feature img{width:1.5rem;height:1.5rem;margin:0 .5rem -.25rem 0}div.main div.featureList div.feature ul{color:#3d4248;font-size:80%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0}div.main div.featureList div.feature ul li{width:45%;margin:0 0 .25rem}@media (max-width: 800px){div.main div.featureList div.feature{width:80%}}div.main div.sticky{list-style:none;font-size:1rem;position:relative;margin:0;padding:0}div.main div.sticky>div{height:100vh;padding:0;margin:0;z-index:5}div.main div.sticky>div{position:sticky}@keyframes fadeIn{0%{opacity:0;transform:translate3d(0,-20%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideIn{0%{opacity:0;transform:translate3d(-20%,0,0)}to{opacity:1;transform:translateZ(0)}}div.main div.section.title{top:0;height:100vh;position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;background-color:#475c84}div.main div.section.title div.content{padding:2rem;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-grow:1;color:#fff;flex-wrap:wrap;align-content:center}div.main div.section.title div.content div.columnwrapper{position:relative;display:flex;flex-direction:column}div.main div.section.title div.content div.rowwrapper{display:flex;flex-direction:row;align-items:flex-start;justify-items:left;justify-content:center;align-content:center;max-width:90vw;position:relative}div.main div.section.title div.content div.titleblock{text-align:left;padding-left:1rem}div.main div.section.title div.content div.logo,div.main div.section.title div.content h1,div.main div.section.title div.content h4,div.main div.section.title div.content ul.menu{opacity:0;animation:fadeIn 1s ease-out both}@media (orientation: landscape){div.main div.section.title div.content .phonewrapper{position:relative;height:60vh;width:20vw}}@media (orientation: portrait){div.main div.section.title div.content .phonewrapper{height:40vh;width:60vw}div.main div.section.title div.content .titleblock h1{font-size:16vw}}div.main div.section.title div.content .phonewrapper{position:relative}div.main div.section.title div.content .phonewrapper .phone{position:relative;height:100%;width:100%;opacity:0;position:absolute;display:block;background-position:center 70%;background-size:contain;background-repeat:no-repeat;background-image:url(../../../images/1.png);animation-name:crossfade;animation-iteration-count:infinite;animation-duration:16s}div.main div.section.title div.content div.phonewrapper div.phone:nth-of-type(1){animation-delay:12s;background-image:url(../../../images/1.png)}div.main div.section.title div.content div.phonewrapper div.phone:nth-of-type(2){animation-delay:8s;background-image:url(../../../images/2.png)}div.main div.section.title div.content div.phonewrapper div.phone:nth-of-type(3){animation-delay:4s;background-image:url(../../../images/3.png)}div.main div.section.title div.content div.phonewrapper div.phone:nth-of-type(4){animation-delay:0;background-image:url(../../../images/4.png)}@keyframes crossfade{0%{opacity:0}20%{opacity:1}33%{opacity:1}53%{opacity:0}to{opacity:0}}div.main div.section.title div.content h1{animation-delay:.2s}div.main div.section.title div.content h4{animation-delay:.9s}div.main div.section.title div.content ul.menu{animation-delay:1.5s}div.main div.sticky>div:nth-child(1){top:0vh;height:100vh;padding:9vh 0 0;font-size:1.25rem;color:#3d4248}div.main div.sticky>div:nth-child(1).content{margin:0 2rem}div.main div.sticky>div:nth-child(2){top:20vh;height:80vh;padding:9vh 0 0;font-size:1.25rem;color:#3d4248}div.main div.sticky>div:nth-child(2).content{margin:0 2rem}div.main div.sticky>div:nth-child(3){top:40vh;height:60vh;padding:9vh 0 0;font-size:1.25rem;color:#3d4248}div.main div.sticky>div:nth-child(3).content{margin:0 2rem}div.main div.sticky>div:nth-child(4){top:60vh;height:40vh;padding:9vh 0 0;font-size:1.25rem;color:#3d4248}div.main div.sticky>div:nth-child(4).content{margin:0 2rem}div.main div.sticky>div:nth-child(5){top:80vh;height:20vh;padding:9vh 0 0;font-size:1.25rem;color:#3d4248}div.main div.sticky>div:nth-child(5).content{margin:0 2rem}div.main .scrollDownArrow{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSIjM2Q0MjQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMTcuNDE4LDYuMTA5YzAuMjcyLTAuMjY4LDAuNzA5LTAuMjY4LDAuOTc5LDBjMC4yNywwLjI2OCwwLjI3MSwwLjcwMSwwLDAuOTY5bC03LjkwOCw3LjgzYy0wLjI3LDAuMjY4LTAuNzA3LDAuMjY4LTAuOTc5LDBsLTcuOTA4LTcuODNjLTAuMjctMC4yNjgtMC4yNy0wLjcwMSwwLTAuOTY5YzAuMjcxLTAuMjY4LDAuNzA5LTAuMjY4LDAuOTc5LDBMMTAsMTMuMjVMMTcuNDE4LDYuMTA5eiIvPjwvc3ZnPg==);background-size:contain;background-repeat:no-repeat}div.main .scrollDownButton{cursor:pointer;height:2rem;width:2rem;margin:0 0 0 -1rem;line-height:2rem;position:fixed;left:50%;bottom:.5rem;color:#3d4248;text-align:center;z-index:100;text-decoration:none;text-shadow:0px 0px 3px rgba(0,0,0,.4);-webkit-animation:fadeMoveDownArrow 2s ease-in-out infinite;-moz-animation:fadeMoveDownArrow 2s ease-in-out infinite;animation:fadeMoveDownArrow 2s ease-in-out infinite}@-webkit-keyframes fadeMoveDownArrow{0%{-webkit-transform:translate(0,-10px);opacity:0}50%{opacity:.5}to{-webkit-transform:translate(0,10px);opacity:0}}@-moz-keyframes fadeMoveDownArrow{0%{-moz-transform:translate(0,-10px);opacity:0}50%{opacity:.5}to{-moz-transform:translate(0,10px);opacity:0}}@keyframes fadeMoveDownArrow{0%{transform:translateY(-10px);opacity:0}50%{opacity:.5}to{transform:translateY(10px);opacity:0}}
