@-webkit-keyframes yellow_light_shake_toggle{0%{background:#F1DA4F}1%{background:#0F4389}2%{background:#F1DA4F}3%{background:#0F4389}4%{background:#F1DA4F}5%{background:#0F4389}6%{background:#F1DA4F}100%{background:#F1DA4F}}@keyframes yellow_light_shake_toggle{0%{background:#F1DA4F}1%{background:#0F4389}2%{background:#F1DA4F}3%{background:#0F4389}4%{background:#F1DA4F}5%{background:#0F4389}6%{background:#F1DA4F}100%{background:#F1DA4F}}@-webkit-keyframes blue_light_shake_toggle{0%{background:#B2F3ED}1%{background:#0F4389}2%{background:#B2F3ED}3%{background:#0F4389}4%{background:#B2F3ED}5%{background:#0F4389}6%{background:#B2F3ED}100%{background:#B2F3ED}}@keyframes blue_light_shake_toggle{0%{background:#B2F3ED}1%{background:#0F4389}2%{background:#B2F3ED}3%{background:#0F4389}4%{background:#B2F3ED}5%{background:#0F4389}6%{background:#B2F3ED}100%{background:#B2F3ED}}@-webkit-keyframes screen-shake{0%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}4%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}5%{-webkit-box-shadow:0 0 60px #fff;box-shadow:0 0 60px #fff}25%{-webkit-box-shadow:0 0 60px #fff;box-shadow:0 0 60px #fff}26%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}50%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}51%{-webkit-box-shadow:0 0 60px #fff;box-shadow:0 0 60px #fff}52%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}53%{-webkit-box-shadow:0 0 60px #fff;box-shadow:0 0 60px #fff}54%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}100%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}}@keyframes screen-shake{0%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}4%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}5%{-webkit-box-shadow:0 0 60px #fff;box-shadow:0 0 60px #fff}25%{-webkit-box-shadow:0 0 60px #fff;box-shadow:0 0 60px #fff}26%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}50%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}51%{-webkit-box-shadow:0 0 60px #fff;box-shadow:0 0 60px #fff}52%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}53%{-webkit-box-shadow:0 0 60px #fff;box-shadow:0 0 60px #fff}54%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}100%{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff}}.mobileShow{display:none}@media (max-width: 640px){.mobileShow{display:block !important}}@media (max-width: 640px){.mobileHide{display:none !important}}.landing{width:100vw;height:700px;background:#2A5CAA;position:relative}@media (max-width: 640px){.landing>.filter{background:rgba(0,0,0,0.65) !important}.landing>.heading{width:100vw !important;left:0 !important;padding:0 25px !important}.landing>.heading>h1{letter-spacing:1px !important;font-size:2.4rem !important;font-weight:bold !important;margin-bottom:10px !important}.landing>.heading>p{font-size:1rem !important;letter-spacing:1px !important}.landing>.navigation{left:25px !important;right:25px !important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.landing>.navigation>.nav>a{padding-right:0 !important}}.landing>.moon{width:200px;height:200px;border-radius:200px;background:#F1FFED;position:absolute;top:30px;left:40px}.landing>.building{width:100vw;height:660px;position:fixed;top:40px;left:0;background:url("/public/images/landing/building.png") left bottom repeat-x;z-index:0}.landing>.building.off{background:url("/public/images/landing/building-off.png") left bottom repeat-x}.landing>.building>span{display:block;position:absolute}.landing>.building>span.no-animation{-webkit-animation:none;animation:none}.landing>.building>span.yellow{background:#F1DA4F}.landing>.building>span.blue{background:#B2F3ED}.landing>.building>.yellowLight{background:#0F4389;-webkit-animation:yellow_light_shake_toggle 4s linear 1s;animation:yellow_light_shake_toggle 4s linear 1s}.landing>.building>.bluelight{background:#0F4389;-webkit-animation:blue_light_shake_toggle 3s linear 3s;animation:blue_light_shake_toggle 3s linear 3s}.landing>.building>.bluelight.first{-webkit-animation:blue_light_shake_toggle 3s linear 2s;animation:blue_light_shake_toggle 3s linear 2s}.landing>.office{position:absolute;top:0;right:0;bottom:0;width:596px;background:url("/public/images/landing/office.png")}.landing>.office>span{display:block;position:absolute}.landing>.office>.screen1{right:452px;top:190px;width:31px;height:26px;-webkit-transform:skewX(20deg);transform:skewX(20deg);-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff;-webkit-animation:screen-shake 4s linear infinite;animation:screen-shake 4s linear infinite}.landing>.office>.screen2{right:234px;top:190px;width:31px;height:26px;-webkit-transform:skewX(20deg);transform:skewX(20deg);-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff;-webkit-animation:screen-shake 6s linear 3s infinite;animation:screen-shake 6s linear 3s infinite}.landing>.filter{position:absolute;top:0;right:0;bottom:0;left:0;background:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.8)), color-stop(25%, rgba(0,0,0,0.8)), color-stop(60%, rgba(0,0,0,0.21)), to(transparent));background:linear-gradient(90deg, rgba(0,0,0,0.8), rgba(0,0,0,0.8) 25%, rgba(0,0,0,0.21) 60%, transparent)}.landing>.navigation{position:absolute;top:40px;left:10vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.landing>.navigation>.brand{font-weight:bold;color:#fff;font-size:1.8rem;line-height:1;margin-right:15px;cursor:default;position:relative;top:-2px}.landing>.navigation>.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.landing>.navigation>.nav>a{color:rgba(255,255,255,0.7);line-height:1;font-size:0.9rem;padding:7px 20px 7px;cursor:pointer;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out}.landing>.navigation>.nav>a.border{border:1px solid rgba(255,255,255,0.7);border-radius:5px}.landing>.navigation>.nav>a:hover{color:#fff;border-color:#fff}.landing>.heading{position:absolute;top:0;bottom:0;left:10vw;width:600px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:default;opacity:1}.landing>.heading>h1{color:#fff;font-size:3rem;line-height:1.3;margin:0 0 5px;letter-spacing:1px}.landing>.heading>p{letter-spacing:2px;color:#fff;margin:0}.landing>.heading>a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;margin-top:40px;padding:12px 70px;border:1px solid #fff;border-radius:5px;opacity:1;cursor:pointer;letter-spacing:1px;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out}.landing>.heading>a:hover{opacity:0.7}main{position:relative;z-index:2;background:#F9FBFD;padding-top:100px}@media (max-width: 640px){main{padding-top:60px !important}main>.wrapper{width:100vw !important;padding:0 25px !important}main>.title{margin-top:60px !important;font-size:1.5rem !important}main>.title.moMarginTop{margin-top:0 !important}main section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto !important}main section:not(:last-of-type){margin-bottom:45px}main section:nth-of-type(even){-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}main section .browserWrapper{width:350px !important;height:225px !important}main section .browserWrapper>.header{-webkit-box-flex:0 !important;-ms-flex:0 0 13px !important;flex:0 0 13px !important;padding:0 10px !important}main section .browserWrapper img.multi{height:200px !important;width:100px !important}main section .intro{margin-top:15px;padding:0 !important}main section .intro>.title{letter-spacing:0px !important;font-weight:bold;font-size:1rem !important}main section .intro>.divider{margin:5px 0 !important}main section .intro>.desc{letter-spacing:0px !important}main>.pricingWrapper{width:100vw !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main>.pricingWrapper>.block{width:300px;margin-bottom:30px}}main>.title{text-align:center;font-weight:bold;font-size:2rem;letter-spacing:5px;margin-bottom:20px;margin-top:120px}main>.title.moMarginTop{margin-top:0}main>.wrapper{width:1000px;margin:0 auto}main section{display:-webkit-box;display:-ms-flexbox;display:flex;height:500px;margin-bottom:20px}main section>div{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}main section>.browser{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main section>.browser>.browserWrapper{background:#fff;width:500px;height:350px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:4px 5px 50px rgba(199,199,199,0.8);box-shadow:4px 5px 50px rgba(199,199,199,0.8)}main section>.browser>.browserWrapper>.header{-webkit-box-flex:0;-ms-flex:0 0 25px;flex:0 0 25px;background:#fff;border-radius:8px 8px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;border-bottom:1px solid #eee}main section>.browser>.browserWrapper>.header span{display:block;width:5px;height:5px;border-radius:5px;margin-right:9px;background:#F2F2F2}main section>.browser>.browserWrapper>.body{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:0 0 8px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}main section>.browser>.browserWrapper>.body>img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}main section>.browser>.browserWrapper>.body>img.round{border-radius:0 0 8px 8px}main section>.browser>.browserWrapper>.body>img.multi{width:140px;height:252px}main section>.browser>.browserWrapper>.body>img.compressed{width:500px;height:300px}main section>.browser>.browserWrapper>.body.black{background:#23242a}main section>.intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main section>.intro.left{padding-right:60px}main section>.intro.right{padding-left:60px}main section>.intro>.title{letter-spacing:2px;font-size:1.3rem}main section>.intro>.divider{display:block;width:240px;height:6px;background:#758CE7;margin:5px 0 25px}main section>.intro>.desc{letter-spacing:2px;line-height:1.8}main .pricingWrapper{width:600px;margin:10px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}main .pricingWrapper>.block{-webkit-box-flex:0;-ms-flex:0 0 46%;flex:0 0 46%;border-radius:8px;height:400px;background:#fff;-webkit-box-shadow:0 11px 60px rgba(117,140,231,0.15);box-shadow:0 11px 60px rgba(117,140,231,0.15);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:40px}main .pricingWrapper>.block>img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;opacity:0.4;margin:0 auto 5px}main .pricingWrapper>.block>.header{-webkit-box-flex:0;-ms-flex:0 0 90px;flex:0 0 90px;text-align:center;padding-top:20px}main .pricingWrapper>.block>.header>.title{font-size:1.3rem;font-weight:bold;color:#758CE7;letter-spacing:2px;line-height:1}main .pricingWrapper>.block>.header>.price{font-size:0.9rem;letter-spacing:1.5px;color:#758CE7}main .pricingWrapper>.block>ul{list-style:disc;padding-left:75px;font-size:0.8rem;letter-spacing:1px;margin:0}main .pricingWrapper>.block>ul li{padding:5px 0}main .ctaToDesktop{margin-top:60px;text-align:center;padding:0 20px;font-size:1.1rem}main .ctaToDesktop>.link{font-weight:bold;text-decoration:underline}main .ctaTitle{text-align:center;letter-spacing:1px;font-size:0.9rem;margin-top:150px}main .cta{display:block;padding:15px 0;width:350px;text-align:center;border-radius:5px;margin:10px auto 100px;background:#758CE7;color:#fff;cursor:pointer;-webkit-transition:background 0.35s ease-out;transition:background 0.35s ease-out}main .cta:hover{background:#2B3451}