@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);.left{float:left}.right{float:right}input{-webkit-appearance:none}.static-page .action-btn:not(.action-btn-bordered){border-radius:3px;background-color:#222}.static-page .action-btn.disabled,.static-page .cta-btn.disabled,.static-page .then-pricing.disabled{opacity:.2}.static-page .action-btn:not(.disabled):hover{opacity:.95!important}.static-page .action-btn:active{-webkit-transform:scale(.96);transform:scale(.96)}.static-page form .google-button{max-width:500px;margin:auto;margin-top:20px;border-width:0;background:#fff;color:#737373;border-radius:5px;white-space:nowrap;border:1px solid #e4e4e4;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.03);box-shadow:0 2px 4px rgba(0,0,0,.03);-webkit-transition-property:background-color,-webkit-box-shadow;transition-property:background-color,-webkit-box-shadow;transition-property:background-color,box-shadow;transition-property:background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;padding:10px 0;cursor:pointer;border-radius:30px}.darkmode .static-page form .google-button{border-color:#444;background-color:#2a2a2a!important}.darkmode .static-page form .google-button span{color:#fff;font-weight:400}.static-page form .apple-button{background:no-repeat;border:0;margin-top:30px;opacity:.6;padding:10px 6px;width:auto}.static-page form .apple-button span:hover{text-decoration:underline}.darkmode .static-page form .apple-button span{color:#ddd}.static-page form .apple-button span{font-weight:400}.static-page form .google-button:focus,.static-page form .google-button:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.static-page form .google-button:active{background-color:#e5e5e5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition-duration:10ms;transition-duration:10ms}.static-page form .google-button__icon{display:inline-block;vertical-align:middle;margin:8px 0 8px 8px;width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box}.static-page form .google-button__icon>img{height:20px}.static-page form .google-button__icon--plus{width:27px}.static-page form .google-button__text{display:inline-block;vertical-align:middle;padding:0 24px;font-size:14px;font-weight:700;font-family:Roboto,arial,sans-serif;color:#444;margin-top:3px}.middle-line:before{right:.5em;margin-left:-50%}.middle-line:after,.middle-line:before{background-color:rgba(0,0,0,.06);content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.darkmode .middle-line:after,.darkmode .middle-line:before{background-color:#444}.sns-title{color:rgba(0,0,0,.25);font-size:13px;padding:20px 0 10px 0}.middle-line{text-align:center;margin:auto;-webkit-transform:translateX(25%);transform:translateX(25%);clear:both}header button{-webkit-appearance:none;-moz-appearance:none;background:none;cursor:pointer}.static-page form input,.website-page form input{width:100%;padding:18px 20px;border:1px solid #bbb;border-radius:30px;font-size:16px;margin-bottom:20px;background-color:#fff;color:#333!important}.static-page form input:focus,.website-page form input:focus{border-color:#666}.darkmode .static-page form input,.darkmode .website-page form input{background-color:#444;color:#fff!important;border-color:#555}.static-page form button,.website-page form button{background-color:#333;border:1px solid #333;color:#fff;width:100%;border-radius:30px;padding:15px;font-weight:700;cursor:pointer;margin-bottom:20px}.darkmode .static-page form button,.darkmode .website-page form button{background-color:#151515!important}.static-page form button span,.website-page form button span{color:#fff;font-weight:700;font-size:16px;line-height:15px}.static-page form button.inactive{background-color:#555}.static-page form .error{font-size:15px;color:#c53838}.static-page form .form-loading-message{float:left;width:100%;text-align:center;-webkit-animation:fadeinDelayed 1s ease 0s 1 normal forwards;animation:fadeinDelayed 1s ease 0s 1 normal forwards}.static-page{overflow-x:hidden;padding-top:80px}.electronContainer.static-page.login-page{padding-top:140px!important}.electronContainer.static-page.login-page .websiteHeader .container{max-width:500px}.electronContainer.static-page.login-page .websiteHeader .right-nav li{margin-right:-10px;float:right}.electronContainer.static-page.login-page .websiteHeader ul.nav li button.highlighted{background-color:transparent;color:#222;padding:6px 10px;margin:0}.static-page.landing{padding-top:0}.static-page .section{float:left;width:100%;padding:0 16px}.static-page .container{width:100%;padding:0 16px;max-width:1200px;margin:auto}.static-page header{float:left;width:100%;padding-top:30px;position:relative;right:auto;top:auto;bottom:auto;padding:25px 0 0 0;min-height:0;-webkit-transition:all .1s linear;transition:all .1s linear;padding-bottom:10px}.static-page header *{z-index:1;position:relative}.static-page header .header-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;opacity:.9;background-color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.darkmode .static-page header .header-bg{background-color:transparent}.static-page header.fixedHeader{position:fixed;top:0;left:0;background:none;z-index:99;padding:0 16px;margin-top:-25px;-webkit-transition:all .1s linear;transition:all .1s linear;padding-top:35px;max-height:90px}.darwin .static-page header.fixedHeader{padding-top:68px;padding-bottom:10px;max-height:none}.darwin .static-page{padding-top:120px}.darwin .website-page{padding-top:0}.static-page.landing header .container{-webkit-transition:all .4s linear;transition:all .4s linear;padding:4px 16px}footer h1.logo,header h1.logo{float:left;background-image:url(../img/logo-shorter.6d15d1d4.svg);background-repeat:no-repeat;background-size:125px auto;border:0;font:0/0 a;text-shadow:none;color:transparent;background-color:transparent;width:125px;height:44px;cursor:pointer}.darkmode header h1.logo{background-image:url(../img/logo-dark.c0fb0ac7.svg)}.electronContainer .form-container{margin-top:0!important}footer h1.logo{background-image:url(../img/logo-dark.c0fb0ac7.svg);width:45px}header .links{float:right;margin-top:7px}.electronContainer header .links{position:absolute;top:0;right:50px}header .links button{float:left;margin-left:30px;font-size:17px;color:#777;font-family:ProximaNova,Arial,sans-serif}.electronContainer header .links button{font-size:18px}header .links button.semiHighlighted{font-weight:700;color:#333}header .links button.highlighted{background-color:#222;border-radius:3px;color:#fff;padding:8px 14px;margin-top:-8px;-webkit-transition:all .1s linear;transition:all .1s linear}.electronContainer header .links button.highlighted{background-color:transparent;padding:0;color:#777;margin-top:0}header .links button.highlighted:hover{opacity:1}header button.highlighted:active{-webkit-transform:scale(.96);transform:scale(.96)}header .links button.video-play{background-image:url(../img/present.c1a3d906.svg);background-repeat:no-repeat;background-position:left 2px;padding-left:22px;color:#444;opacity:.75}header .links button:hover{opacity:.8}footer{float:left;width:100%;padding:60px 0 120px 0;z-index:3;position:relative}footer .container{border-top:1px solid #eee;padding-top:70px!important}footer .logo{float:left;cursor:pointer}footer .column{float:left;margin:10px 40px 0 0;max-width:220px}footer .column h4{font-size:16px;font-weight:500;color:#333;margin:5px 0 24px 0}footer .column h4,footer .quick-links{float:left;width:100%}footer .quick-links li{float:left;clear:both;margin-bottom:16px;cursor:pointer;color:#666;font-size:.96em;width:100%}footer .quick-links li a{float:left;color:inherit;font-size:inherit;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer .quick-links li:hover,footer .quick-links li a:hover{text-decoration:underline}footer .copyrights{float:left;width:100%;text-align:right;font-size:13px;color:#999;margin-top:10px}footer .logo{float:right;opacity:.8;margin-bottom:6px}footer .right{margin-top:16px;width:300px}footer .right .quick-links{float:right;margin-top:20px}footer .right .quick-links li{float:right;clear:none;margin-left:15px}footer .right .quick-links li a{float:right;font-size:15px;color:#666}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.landing .intro h1{margin:auto;text-align:left;color:#222;font-size:62px;letter-spacing:-1px;line-height:67px;width:100%;float:left;margin-bottom:20px}.landing .intro h1 b{font-weight:700;font-size:inherit}.landing .intro h1 span{font-size:50px;letter-spacing:-1px;line-height:58px;font-weight:700;width:100%;float:left;color:#222}.landing .intro h1 span b{font-size:75px;font-weight:900}.landing .intro h1 .first-line{font-size:50px;font-weight:500}.landing .intro h2{width:100%;float:left;font-size:24px;line-height:36px;color:#555;margin:auto;text-align:center;margin-bottom:8px}.landing .intro h1,.landing .intro h2{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;text-align:left}.landing .intro .action-btn{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0;animation-name:fadeIn;-webkit-animation-name:fadeIn;margin-bottom:25px;margin-top:25px}.static-page .text-container{width:100%;max-width:860px;margin:auto}.static-page .lightbox,.website-page .lightbox{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999;text-align:center;padding:80px}.static-page .lightbox-bg,.website-page .lightbox-bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);z-index:1;cursor:pointer}.static-page .close,.website-page .lightbox .close{position:fixed;top:20px;width:64px;left:calc(50% - 16px);padding:7px;z-index:3;opacity:.25}.static-page .close:hover,.website-page .close:hover{opacity:.5;cursor:pointer}.static-page .ytplayerContainer,.static-page iframe,.website-page .ytplayerContainer,.website-page iframe{width:100%;height:100%;z-index:2;position:relative;max-width:1400px;max-height:1000px;margin:auto}.landing .example{text-align:left;width:100%;float:left;margin-top:5px}.testimonials .intro-txt{font-size:19px;color:#777}.testimonials .intro-txt,.usedby-logos{float:left;width:100%;text-align:center}.usedby-logos{margin:34px 0 70px 0!important;display:table;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usedby-logo{height:35px;margin:12px 20px;filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.4;-webkit-transition:all .2s linear;transition:all .2s linear}.usedby-logo:hover{-webkit-filter:grayscale(0);filter:none;opacity:1}.downloads-page .example.watch-video{margin:20px 0 8px 0;text-align:center}.landing .example.watch-video a{background-image:url(../img/present.c1a3d906.svg);background-repeat:no-repeat;background-position:left 1px;padding-left:24px;color:#444;opacity:.8;-webkit-transition:all .2s linear;transition:all .2s linear}.landing .example.watch-video a:hover{opacity:.6}.landing .example.learn-basics a{background-image:url(../img/question-circleb.1e25e418.svg)}.landing .example a{font-size:15px;color:#888}.landing .example a:hover{opacity:.8}.landing .example a .view-only{font-size:13px;background-image:url(../img/eye.f00cca24.svg);background-position:0;background-size:13px;padding-left:16px;background-repeat:no-repeat;opacity:.4;margin-left:5px}.static-page .form-container,.website-page .form-container{width:100%;max-width:650px;margin:auto}.static-page .success,.static-page form,.website-page form{float:left;width:100%;margin:60px 0;text-align:center}.landing .intro form input{float:left;width:70%;border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.landing .intro form .actionBtn{float:left;width:30%;border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer;background-color:#222}.landing .intro form .actionBtn,.landing .intro form input{font-size:20px;height:68px;max-width:450px}.landing .intro form .actionBtn span{font-size:21px;font-weight:700}.landing .intro form .actionBtn:active span{font-size:19.5px}.landing .intro form{margin:40px 0 80px 0}.landing .video-container{width:100%;margin:auto;margin-top:70px}.landing .video-illustrations{float:left;width:100%;position:relative;z-index:1}.landing .second-cta .armchair,.landing .video-illustrations .deska,.landing .video-illustrations .deskb{position:absolute;left:-310px;bottom:0;opacity:.5}.landing .video-illustrations .deskb{left:auto;right:-310px}.flowstep-section .video,.landing .intro .video{float:left;width:100%;position:relative;border-top-right-radius:6px;border-top-left-radius:6px;border:1px solid #eee;border-bottom:0;-webkit-box-shadow:0 2px 40px rgba(0,0,0,.1);box-shadow:0 2px 40px rgba(0,0,0,.1);overflow:hidden;z-index:2;text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear}.landing .intro .video:hover{-webkit-transform:scale(1.012);transform:scale(1.012);-webkit-box-shadow:0 2px 70px rgba(0,0,0,.12);box-shadow:0 2px 70px rgba(0,0,0,.12)}.flowstep-section .video video,.landing .intro .video video{float:left;width:100%;margin-bottom:-80px}.landing .intro .video .play-icon,.whywalling-page .video .play-icon{position:absolute;width:90px;height:90px;opacity:.4;top:40%;left:calc(50% - 45px);z-index:99;-webkit-transition:all .2s linear;transition:all .2s linear}.landing .intro .video:hover .play-icon,.whywalling-page .video:hover .play-icon{opacity:.5}.landing .intro .video .play-icon:hover,.whywalling-page .video .play-icon:hover{opacity:.7}.landing .whywalling{position:relative;z-index:2}.whywalling .video-text-block{float:left;width:100%;margin-bottom:10px;position:relative}.whywalling .video-text-block .text{float:left;width:calc(100% - 604px);z-index:2;position:relative;padding-right:60px}.whywalling .video-text-block .text-icon-block{float:left;width:100%;margin-bottom:60px;z-index:1;position:relative}.whywalling .video-text-block .text-icon-block .icon{float:left;width:46px;margin-top:20px;-webkit-animation:floatStatic 3.5s ease-in-out infinite;animation:floatStatic 3.5s ease-in-out infinite}.whywalling .video-text-block .text-icon-block .icon.delayedAnimation{-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes floatStatic{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-6px);transform:translatey(-6px);opacity:.65}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes floatStatic{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-6px);transform:translatey(-6px);opacity:.65}to{-webkit-transform:translatey(0);transform:translatey(0)}}.whywalling .video-text-block .text-icon-block .title-paragraph{float:left;width:calc(100% - 46px);padding-left:35px}.whywalling .text-icon-block .title-paragraph h2{float:left;width:100%;font-size:32px;color:#222;font-weight:600;margin-bottom:10px}.whywalling .text-icon-block .title-paragraph p{float:left;width:100%;font-size:20px;color:#666;line-height:32px}.whywalling .video-text-block .video{float:right;z-index:1;left:auto;position:relative;width:604px;text-align:center;margin-top:20px}.whywalling .background{width:450px;height:350px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6CAYAAACI7Fo9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0RFREE4NjVFNUQ2MTFFOUEyNDA5OUU0QTFFQjc3NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0RFREE4NjZFNUQ2MTFFOUEyNDA5OUU0QTFFQjc3NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3REVEQTg2M0U1RDYxMUU5QTI0MDk5RTRBMUVCNzc1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3REVEQTg2NEU1RDYxMUU5QTI0MDk5RTRBMUVCNzc1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuNMaD0AAAMTSURBVHja7N09jtpQFIBR/yGNECWrsGgosgOLxoW34IVF7ujp2UEaRMF6yHsWShFpQJHGZOx3jmRN+TEX23Tv5pfL5Zhl2SFc7X6//5VN4Hq9HvM8PxRF0e52u9k2TqfT2Iiz6rrOrDRm0ygeD/k2hH5kE3k8HNv7/b6IRvhCzEpjVo0q/jrFh3y9Xv+cKhLfVPGf+Pj4mHUjzio+5GVZmpXG3O5dAAAAAAAAAAAAAAAAAAAAAAAAAAAAJpM7BF9jro3z+TwuHwmdtmkas3qicAi+xlwb2WP5SLjM6oXKIfgac23EX/L4kG82G7MCAAAAAAAAAAAAAAAAAAAAAAAAAADgP7LAQUMjgYYFDhoaCTQscNDQSKABAAAAAAAAAAAAAAAAAAAAAAAAAADAlBazwOF8Ph/Dn0PotE3TOMxf40vcbrc/91Vd1xY4PH2bvKERv4zYCJfD/DXcV39ZzAKH+MaNX8Zms3GYv8aX31dVVVngAAAAAAAAAAAAAAAAAAAAAAAAAAAAwCdyh/mn1xiGYVxKEBt935tVAo3CYf7pNbLHUgKzSqdROcw/3cZqtTKrRBoAAAAAAAAAAAAAAAAAAAAAAAAAAABMyQKHBBuXy2Vc4BCudr/fm1UCDQscEmw8HvJtaJlVIg0LHBJsxF/y+JCv12uzSuc7BwAAAAAAAAAAAAAAAAAAAAAAAAAAYDIWOHyzhtl9r899Op2Oj3PX267rLHB4+jbRMLsJGu/83OEhtMDh5dtEw+wmaLxr2UV8yMuytMABAAAAAAAAAAAAAAAAAAAAAAAAAACAT1jgoKGRQMMCBw2NBBoWOGhoJNAAAAAAAAAAAAAAAAAAAAAAAAAAAABgSotZ4DAMwzH8GRt93zvM/4nb7TbOKnTauq7NKoHGYhY4xBs3c5j/P80qXGaVSGNxCxxWq5XD/F/fWG18yKuqMqtEGgAAAAAAAAAAAAAAAAAAAAAAAAAAAEwpdwi+hsbyG4VD8DU0lt+oHIKvobH8BgAAAAAAAAAAAAAAAAAAAAAAAAAAAFO53+/5bwEGAKeD0M0FLtS8AAAAAElFTkSuQmCC);position:absolute;top:-125px;left:-340px;z-index:0}.whywalling .background.second-background{top:auto;left:auto;right:-100px;bottom:-150px}.whywalling .background.third-background{top:auto;left:auto;right:200px;bottom:-150px}.whywalling .video-text-block .video video{position:relative;width:auto;width:604px}.whywalling .video-text-block.ltr{margin-bottom:10px}.whywalling .video-text-block.ltr .text{float:right;padding-right:40px;padding-left:20px;margin-top:20px}.whywalling .video-text-block.ltr .video{float:left;right:auto;margin-top:-30px;position:relative}.whywalling .video-text-block.ltr .video .invite-members{background-color:#fff;width:396px;border:1px solid #eee;border-radius:6px;padding:5px;position:absolute;left:-105px;top:-10px}.whywalling .video-text-block.ltr .video .collaborate{width:573px;margin-top:50px;border-radius:10px;margin-right:-50px}.whywalling .video-text-block.ltr .video video{width:320px}.whywalling .video-text-block.ltr .background{left:-50px;top:-40px}.whywalling .video-text-block.ltr .background.second-background{left:auto;top:auto;bottom:0;right:-250px}.whywalling .video-text-block .example{text-align:left;padding-left:86px;margin-top:-15px}.whywalling form h3{font-size:36px;font-weight:600;color:#222;margin-bottom:20px}.whywalling form h3,.whywalling form p{float:left;width:100%;text-align:center}.whywalling form p{margin-bottom:50px;color:#777;font-size:17px;line-height:28px}.whywalling form input{float:left;width:calc(100% - 210px);border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;height:65px;font-size:21px}.whywalling form .actionBtn{float:left;width:210px;background-color:#222;border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;font-size:21px;margin-left:-1px;height:65px}.whywalling form .actionBtn span{font-size:21px}.whywalling .darkmode-block{float:left;width:100%;margin:-20px 0 130px 0;text-align:center}.whywalling .darkmode-block .icon{width:30px;margin-bottom:12px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.landing .cross-platform,.whywalling .darkmode-block .screenshot{width:100%;margin-top:50px}.whywalling .cross-platform-block{margin:180px 0 -5px 0}.whywalling .cross-platform-block h3{font-size:38px;line-height:60px;margin-bottom:20px;color:#111}.whywalling .cross-platform-block ul{float:left;width:100%;margin-top:60px;margin-bottom:60px;display:table;text-align:center}.whywalling .cross-platform-block li{padding:12px 25px;list-style:none;float:none;display:inline-block;vertical-align:top;text-align:left;font-size:20px}.whywalling .cross-platform-block li a{font-size:inherit;color:inherit;cursor:pointer;color:#333;font-weight:700}.whywalling .cross-platform-block li a.soon{color:#999;font-weight:400}.whywalling .cross-platform-block li a:hover{text-decoration:underline}.landing .faqs-section{float:left;width:100%;padding:100px 0 0 0}.landing .faqs-section .container{text-align:center}.landing .faqs-section .faqs{text-align:left}.landing .faqs-section .walling-desk{width:800px;max-width:100%;margin:auto;margin-bottom:-20px;margin-top:100px}.landing .faqs-section .shapes{width:51px;margin:auto;height:120px;-webkit-transform:scale(.8);transform:scale(.8)}.landing .faqs-section .shapes img{float:left;-webkit-animation:floatingwall 4s linear infinite;animation:floatingwall 4s linear infinite}.landing .faqs-section .shapes .wallb{margin-left:-22px;margin-top:-5px;-webkit-animation:floatingwallb 4s linear infinite;animation:floatingwallb 4s linear infinite}@-webkit-keyframes floatingwall{0%{-webkit-transform:translatey(0);transform:translatey(0)}25%{-webkit-transform:translatey(-4px);transform:translatey(-4px)}50%{-webkit-transform:translatey(0);transform:translatey(0)}75%{-webkit-transform:translatey(3px);transform:translatey(3px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes floatingwall{0%{-webkit-transform:translatey(0);transform:translatey(0)}25%{-webkit-transform:translatey(-4px);transform:translatey(-4px)}50%{-webkit-transform:translatey(0);transform:translatey(0)}75%{-webkit-transform:translatey(3px);transform:translatey(3px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes floatingwallb{0%{-webkit-transform:translatey(0);transform:translatey(0)}25%{-webkit-transform:translatey(4px);transform:translatey(4px)}50%{-webkit-transform:translatey(0);transform:translatey(0)}75%{-webkit-transform:translatey(-4px);transform:translatey(-4px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes floatingwallb{0%{-webkit-transform:translatey(0);transform:translatey(0)}25%{-webkit-transform:translatey(4px);transform:translatey(4px)}50%{-webkit-transform:translatey(0);transform:translatey(0)}75%{-webkit-transform:translatey(-4px);transform:translatey(-4px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}.faqs{float:left;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.faqs,.faqs .faq{display:-webkit-box;display:-ms-flexbox;display:flex}.faqs .faq{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:28%}.faqs .faq h5{float:left;width:100%;font-size:18px;line-height:26px;font-weight:700;margin-bottom:10px}.faqs .faq p{float:left;width:100%;font-size:16px;line-height:23px;color:#555}.faqs .faq p b{font-weight:600;color:#222}.faqs .faq p a:hover{text-decoration:underline}.static-page .section-title{text-align:center;width:100%;float:left;text-transform:uppercase;color:#aaa;font-size:18px;margin-bottom:120px}.static-page .section-heading{text-transform:none;color:#333;font-size:30px;line-height:45px;padding:20px 0}.static-page .whywalling-container{padding:0 160px}.static-page .whywalling-container .section-title:not(.section-heading){border-top:1px solid #e5e5e5;padding-top:80px}.login form{margin-bottom:100px}.static-page .use-cases-section{background-color:#f9f9f9;padding:120px 0;position:relative;z-index:2;min-height:800px;overflow:hidden}.static-page .use-cases-section .container{position:relative}.use-cases{float:right;max-width:320px}.use-case .button{float:left;width:100%;cursor:pointer;opacity:.3;padding:20px 30px;border-left:4px solid transparent}.use-case .button.active{opacity:1;background-color:rgba(0,0,0,.04);border-top-right-radius:5px;border-bottom-right-radius:5px;border-left-color:rgba(0,0,0,.1)}.use-case .button h5{float:left;width:100%;color:#333;font-size:22px;font-weight:700;margin-bottom:8px}.use-case .button p{float:left;width:100%;color:#777;line-height:22px}.use-case .screenshot{position:absolute;width:100%;left:-120px;top:120px;max-width:920px;opacity:0;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.use-case .screenshot.active{opacity:1}.landing .second-cta{overflow:hidden}.landing .second-cta .container{max-width:600px}.landing .second-cta form{position:relative;margin-bottom:0;padding-bottom:200px}.landing .second-cta h3{float:left;width:100%;text-align:center;font-size:40px;font-weight:900;margin-top:120px}.landing .second-cta .armchair{position:absolute;bottom:-20px;right:-480px;left:auto}.static-section{padding:50px 0 30px 0}.static-section .subsection{float:left;width:100%;margin:12px 0}.static-section .subsection:last-child{margin-bottom:0}.static-section h1{float:left;clear:both;margin-bottom:10px;font-size:36px;font-weight:700}.static-section h1 *{font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit}.static-section h1 s{text-decoration:line-through;opacity:.4}.static-section p{float:left;width:100%;font-size:15px;line-height:24px;color:#444}.darkmode .static-section p{color:#bbb}.static-section p b{color:#333;font-size:inherit;font-weight:700}.darkmode .static-section p b{color:#fff}.static-section p a{font-size:inherit;color:#333}.darkmode .static-section p a{color:#fff}.static-section h2{float:left;clear:both;font-size:17px;font-weight:500;margin-bottom:10px}.static-section ol,.static-section ul{float:left;width:100%;margin-bottom:10px}.static-section ol li,.static-section ul li{float:left;width:100%;font-size:15px;color:#666;line-height:24px;margin-bottom:6px;margin-left:20px;padding-left:3px}.darkmode .static-section ol li,.darkmode .static-section ul li{color:#bbb}.static-section ol li:last-child,.static-section ul li:last-child{margin-bottom:0}.static-section ol li{list-style:decimal}.static-section ul li{list-style:disc}.faqs-page .faq{float:left;width:100%;border-bottom:1px solid #eee;border-radius:4px;margin-top:15px}.darkmode .faqs-page .faq{opacity:.85;border-color:#444}.faqs-page .faq h4{float:left;width:100%;padding:20px;padding-left:25px;position:relative;cursor:pointer;font-size:20px;font-weight:500;color:#222}.darkmode .faqs-page .faq h4{color:#eee}.faqs-page .faq h4:before{content:"+";position:absolute;left:0;top:19px}.faqs-page .faq p{float:left;width:100%;max-height:0;font-size:17px;color:#333;line-height:28px;overflow:hidden;padding:0 25px;margin-top:-8px}.darkmode .faqs-page .faq p{color:#bbb}.faqs-page .faq p b{color:inherit;font-size:inherit;font-weight:700}.faqs-page .faq p a:hover{text-decoration:underline}.faqs-page .faq.faq-open{padding-bottom:30px}.faqs-page .faq.faq-open h4:before{content:"-"}.faqs-page .faq.faq-open p{max-height:9999px}.testimonial-block{float:left;width:100%;margin:210px 0 225px 0}.testimonial-block *{font-size:inherit;-webkit-transition:all .2s linear;transition:all .2s linear}.testimonial-block.mashable-testimonial{margin:12px 0 120px 0}.testimonial-block.mashable-testimonial .testimonial-avatar-logo{width:75px;margin-top:7px}.testimonial-block.mashable-testimonial a:hover,.testimonial-block.mashable-testimonial blockquote:hover,.testimonial-block.mashable-testimonial p:hover{opacity:.75}.testimonial-block.mashable-testimonial .testimonial-content p{font-size:20px;line-height:30px;margin-bottom:8px;color:#888;font-weight:400}.testimonial-block.mashable-testimonial .testimonial-content blockquote{float:left;width:100%;font-size:27px;color:#333}.testimonial-block.mashable-testimonial .testimonial-content span{float:left;width:100%;font-size:16px;color:#555;margin-top:20px}.testimonial-block.mashable-testimonial .testimonial-content b{font-weight:700}.testimonial-block.mashable-testimonial .testimonial-content .matt{float:left;width:25px;border-radius:50%;margin:-2px 8px 0 0}.testimonial-block .container{max-width:720px}.testimonial-block.mashable-testimonial .container{max-width:640px}.testimonial-block-rtl .testimonial-avatar-logo{float:right}.testimonial-block .testimonial-avatar{width:98px;height:98px}.testimonial-block-rtl .testimonial-avatar{float:right}.testimonial-block .testimonial-logo{width:58px;right:0;bottom:5px}.testimonial-block-rtl .testimonial-logo{right:auto;left:0}.testimonial-block .testimonial-content{float:left;width:calc(100% - 131px);padding-left:40px}.testimonial-block-rtl .testimonial-content{padding-left:0;padding-right:40px}.testimonial-block .testimonial-content p{float:left;width:100%;color:#222;font-size:27px;font-weight:600;line-height:35px}.testimonial-block .testimonial-content .testomonial-author{float:left;width:100%;margin-top:20px}.testimonial-block .testimonial-content .testomonial-author span{float:left;clear:both;font-size:20px;font-weight:600;color:#555;margin-bottom:5px}.testimonial-block .testimonial-content .testomonial-author p{float:left;clear:both;font-size:16px;line-height:20px;font-weight:400;color:#777}.testimonial-block .testimonial-content .testomonial-author p a{font-size:16px;color:#777}.testimonial-block .testimonial-content .testomonial-author p a:hover{text-decoration:underline}.downloads-page .hero-container{margin:auto;max-width:880px;padding-top:50px}.desktop-page .hero-container{max-width:850px}.downloads-page h1{float:left;width:100%;text-align:center;font-size:64px}.platforms-page h1{font-size:18px!important;font-weight:700;text-align:left}.platforms-page .cta-btn{margin-top:20px;background-color:#222;color:#fff;border-radius:6px;font-size:18px;padding:16px 40px}.darkmode .platforms-page .cta-btn{background-color:#444}.platforms-page .cta-btn:active{-webkit-transform:scale(.99);transform:scale(.99)}.desktop-page h1{font-size:58px}.downloads-page h3{float:left;width:100%;text-align:center;font-size:26px!important;line-height:38px;font-weight:400;color:#777}.desktop-page h3{font-size:23px!important;padding:5px 40px;line-height:35px}.desktop-page h3 a{font-size:inherit;line-height:inherit;color:inherit;opacity:.75}.desktop-page h3 a:hover{text-decoration:underline}.downloads-page h6{float:left;width:100%;text-align:center;font-size:19px;font-weight:400;margin-top:100px;color:#777}.downloads-page .platforms{float:left;width:100%;margin-top:20px;margin-bottom:50px;display:table;text-align:center}.platforms-page .platforms{text-align:left}.downloads-page .platforms li{border-radius:10px;border:1px solid #eee;width:205px;height:200px;padding:25px;list-style:none;position:relative;overflow:hidden;background-size:auto;background-position:100% 100%;background-repeat:no-repeat;-webkit-transition:all .15s linear;transition:all .15s linear;cursor:pointer;float:none;display:inline-block;vertical-align:top;margin:14px;text-align:left}.downloads-page.platforms-page .platforms li{width:120px;height:110px;margin:0 20px 20px 0}.darkmode .downloads-page.platforms-page .platforms li{background-color:#222}.downloads-page.platforms-page .platforms li .icon{height:54px}.desktop-page .platforms li{width:365px;height:125px;padding-left:100px;padding-top:40px}.darkmode .downloads-page .platforms li{border-color:#444!important}.darkmode .downloads-page .platforms li .device{opacity:.2}.downloads-page .platforms li.comingsoon-platform{border-color:#f4f4f4}.downloads-page .platforms li.comingsoon-platform *{opacity:.15}.downloads-page .platforms li .comingsoon,.downloads-page .platforms li a{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%}.downloads-page .platforms li .comingsoon{background-color:hsla(0,0%,100%,.5);-webkit-transition:all .1s linear;transition:all .1s linear}.darkmode .downloads-page .platforms li .comingsoon{background-color:hsla(0,0%,100%,.1)}.downloads-page .platforms li .comingsoon:hover,.downloads-page .platforms li:hover .comingsoon p{opacity:1!important}.downloads-page .platforms li .comingsoon p{width:100%;text-align:center;top:85px;position:absolute;font-size:17px;color:#888}.platforms-page .platforms li .comingsoon p{top:45px}.darkmode .downloads-page .platforms li .comingsoon p{color:#ccc}.downloads-page .platforms li:hover{padding:40px 30px;background-position:right -20px bottom -20px;background-color:rgba(0,0,0,.03)}.desktop-page .platforms li:hover{padding-left:100px;padding-top:40px}.desktop-page .platforms li:hover p,.desktop-page .platforms li:hover span{-webkit-transform:scale(1.1);transform:scale(1.1);margin-bottom:2px}.downloads-page .platforms li:hover .icon{bottom:-15px;left:-15px}.downloads-page .platforms li:hover .device{bottom:-15px;right:-15px}.downloads-page .platforms li span{float:left;font-size:24px;font-weight:600;-webkit-transition:all .1s linear;transition:all .1s linear}.downloads-page.platforms-page .platforms li span{font-size:18px;text-align:center;width:100%}.downloads-page .platforms li p{float:left;width:auto;clear:both;color:#777;font-size:15px;-webkit-transition:all .1s linear;transition:all .1s linear}.downloads-page .platforms li .icon{left:0;bottom:-2px;height:90px}.downloads-page .platforms li .device,.downloads-page .platforms li .icon{position:absolute;z-index:0;-webkit-transition:all .15s linear;transition:all .15s linear}.downloads-page .platforms li .device{right:0;bottom:0}.downloads-page .new-users{clear:both;text-align:center;margin-bottom:180px;font-size:25px}.downloads-page .new-users a,.downloads-page .new-users span{font-size:inherit}.downloads-page .new-users a{margin-left:10px;color:#2090e8}.downloads-page .new-users a:hover{text-decoration:underline}.downloads-page .platforms-screenshots{float:left;width:100%;position:relative;height:720px}.downloads-page .platforms-screenshots .screenshot{width:80%;position:absolute;top:60px;left:0;border-radius:6px;-webkit-box-shadow:0 2px 16px rgba(0,0,0,.1);box-shadow:0 2px 16px rgba(0,0,0,.1);z-index:1;-webkit-transition:all .2s linear;transition:all .2s linear}.downloads-page .platforms-screenshots .screenshot.screenshot-win{top:0;left:20%;z-index:2}.small-container{width:100%;padding:0 20px;max-width:860px;margin:auto}.pricing-page .createteam-page *{font-family:ProximaNovaCyr,ProximaNova,Arial,sans-serif}.pricing-page .pricing-hero{float:left;width:100%;margin:40px 0 120px 0}.pricing-page .pricing-hero h1{float:left;width:100%;text-align:center;color:#222;font-weight:600;font-size:40px;line-height:50px;margin-top:60px}.pricing-page .pricing-hero h3{float:left;width:100%;text-align:center;color:#444;font-weight:400;font-size:23px!important;margin:5px 0 40px 0}.pricing-page .pricing-hero .cycle{width:240px;margin:50px auto;border:2px solid #444;border-radius:50px;display:-webkit-box;display:-ms-flexbox;display:flex}.pricing-page .pricing-hero .cycle-option{width:120px;padding:8px 0;border-radius:50px;font-size:15px}.pricing-page .pricing-hero .cycle-option.active{background-color:#444;color:#fff;margin-left:-1px;margin-right:-1px}.pricing-page .pricing-hero .plans{width:100%;max-width:1200px;margin:auto}.pricing-page .pricing-plans{float:left;width:100%;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:30px;column-gap:30px}.pricing-page .pricing-plan{float:left;border:1px solid #666;padding:40px 30px;border-radius:4px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.pricing-page .team-plan{background-color:#222}.pricing-page .team-plan *{color:#fff!important}.pricing-page .pricing-plan h4{float:left;width:100%;font-size:22px;color:#333;font-weight:500}.pricing-page .pricing-plan span{float:left;width:100%;font-size:14px;line-height:19px;height:50px;color:#777;margin-top:6px}.pricing-page .pricing-plan h2{float:left;width:100%;font-size:30px;color:#222;font-weight:600;margin-top:30px}.pricing-page .pricing-plan .action-btn{float:left;width:100%;padding:17px 20px;text-align:left;font-size:17px;margin-top:13px;margin-bottom:60px}.pricing-page .pricing-plan .action-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.pricing-page .team-plan .action-btn{background-color:#fff;color:#222!important}.pricing-page .pricing-plan .features{float:left;width:100%}.pricing-page .pricing-plan .features li{float:left;width:100%;font-size:16px;color:#444;list-style:none;background-image:url(../img/twinkle.f14be498.svg);background-size:15px;background-repeat:no-repeat;background-position:left 5px;margin-left:0;padding-left:26px;margin-bottom:16px}.pricing-page .team-plan .features li{background-image:url(../img/twinkle-white.9c5a8031.svg)}.pricing-page .pricing-plan .features .comingsoon{margin-left:24px;margin-top:-10px}.upgrade.pricing-page .pricing-hero .plans{float:right;width:100%;max-width:none;width:calc(50% - 75px);padding-top:10px}.pricing-page .pricing-hero .plans .note{float:left;width:100%;margin-top:85px}.pricing-page .pricing-hero .plans .note img{float:left;width:78px;opacity:.85}.pricing-page .pricing-hero .plans .note p{float:left;width:calc(100% - 78px);line-height:25px;font-size:17px;margin-top:7px;color:#777}.pricing-page .pricing-hero .plan{float:left;width:50%;padding:40px}.upgrade.pricing-page .pricing-hero .plan{padding:0}.pricing-page.upgrade .pricing-hero .plan{width:100%}.pricing-page .pricing-hero .plan .plan-header{float:left;width:100%;padding:40px 25px;border-radius:6px;margin-bottom:50px;border:1px solid #eee}.upgrade.pricing-page .pricing-hero .plan .plan-header{padding:30px 0}.pricing-page .pricing-hero .plan.premium .plan-header{background-color:#222;border:0}.pricing-page .pricing-hero .plan.premium-plus .plan-header{background-color:#e8aa33}.pricing-page.upgrade .pricing-hero .plan.premium .plan-header{background-color:transparent!important;border-top:4px solid #333;border-radius:0;margin-bottom:0}.darkmode .pricing-page.upgrade .pricing-hero .plan.premium:not(.premium-plus) .plan-header{border-color:#666}.pricing-page.upgrade .pricing-hero .plan.premium-plus .plan-header{border-top-color:#e8aa33}.pricing-page.upgrade .pricing-hero .plan.premium-plus .plan-header h2{color:#e8aa33}.pricing-page .pricing-hero .plan.premium .plan-header *{color:#fff;cursor:default}.pricing-page.upgrade .pricing-hero .plan.premium .plan-header *{color:#333}.darkmode .pricing-page.upgrade .pricing-hero .plan.premium:not(.premium-plus) .plan-header *{color:#eee}.pricing-page .pricing-hero .plan .plan-header span{float:left;width:100%;color:#777;font-size:16px;line-height:22px}.pricing-page .pricing-hero .plan .plan-header span.cycle-notice{font-size:14px;margin-top:-24px;opacity:.8}.darkmode .pricing-page .pricing-hero .plan.free{border-color:#666}.pricing-page .pricing-hero .plan h1{font-size:36px;text-align:left;margin:35px 0 20px 0;color:#222;font-weight:400}.pricing-page .pricing-hero .plan h1 i{font-style:normal;margin-top:-10px}.pricing-page .pricing-hero .plan h2{float:left;font-size:38px;margin-bottom:6px;font-weight:700}.pricing-page .pricing-hero .plan .features{float:left;width:100%}.pricing-page .pricing-hero .plan .features *{cursor:default}.pricing-page .pricing-hero .plan .features li{float:left;width:100%;margin-bottom:10px;font-size:20px;line-height:30px;margin:0 0 24px 0;padding:0;color:#333;list-style:none;background-image:url(../img/twinkle.f14be498.svg);background-repeat:no-repeat;background-position:left 6px;padding-left:37px;min-height:24px}.pricing-page.upgrade .bricksMeter{float:left;width:100%;max-width:340px;margin-top:5px;position:relative;padding-bottom:20px}.pricing-page.upgrade .bricksMeter .description{float:left;opacity:.8}.pricing-page.upgrade .bricksMeter .bricks-limit-bar{position:absolute;left:0;top:36px;height:5px;border-radius:5px;background-color:#555;z-index:2}.pricing-page.upgrade .bricksMeter .bricks-limit-bar.warn{background-color:#ffe35a}.pricing-page.upgrade .bricksMeter .bricks-limit-bar.alert{background-color:#e76363}.pricing-page.upgrade .bricksMeter .bricks-limit-bar-bg{width:100%;background-color:#eee;z-index:1}.pricing-page.upgrade .pricing-hero .plan .features li{margin-bottom:20px;padding-top:2px}.pricing-page.upgrade .pricing-hero .plan .features li h3{float:left;width:100%;text-align:left;font-size:22px!important;margin:0 0 5px 0;font-weight:500}.pricing-page.upgrade .pricing-hero .plan .features li p{font-size:15px;margin-bottom:6px;color:#555}.darkmode .pricing-page .pricing-hero .plan .features li{color:#ccc;background-image:url(../img/twinkle-grey.4b0877f8.svg)}.pricing-page .features li.comingsoon,.pricing-page .pricing-hero .plan .features li.comingsoon{background-image:none;margin-top:-20px;font-size:11px;line-height:23px;font-weight:700;min-height:0;text-transform:uppercase;color:#777;background-color:#f4f4f4;border-radius:3px;padding:0 8px;height:22px;width:auto;margin-left:35px}.pricing-page .pricing-hero .plan .features li.golden{color:#d0921c;background-image:url(../img/twinkle-gold.287784d2.svg)}.pricing-page .pricing-hero .plan .features li.golden h3{color:#d0921c}.darkmode .pricing-page .features li.comingsoon{color:#aaa;background-color:#333}.pricing-page .pricing-hero .plan .features li.empty{opacity:.1;text-decoration:line-through}.darkmode .pricing-page .pricing-hero .plan .features li.empty{opacity:.3}.pricing-page .pricing-hero .plan .features li.faded{opacity:.65}.pricing-page .pricing-hero .plan.premium .features li.plus{background-image:url(../img/plus.26e99977.svg)}.pricing-page .pricing-hero .plan .cta-btn{float:left;font-size:25px;font-weight:700;background-image:url(../img/arrow-long.98b3709a.svg);background-repeat:no-repeat;background-position:right 6px;background-size:28px auto;padding-right:80px;color:#333;text-align:left;-webkit-transition:all .1s linear;transition:all .1s linear;margin-top:30px;margin-bottom:70px;border-bottom:1px solid #eee;width:100%;padding-bottom:30px;cursor:pointer}.pricing-page .pricing-hero .plan .cta-btn:hover{-webkit-transform:scale(.99);transform:scale(.99)}.pricing-page .pricing-hero .plan .cta-btn:active{-webkit-transform:scale(.97);transform:scale(.97)}.pricing-page .testimonial-block{margin:50px 0;padding:10px 0;padding-left:24px;border-left:1px solid #eee}.pricing-page .testimonial-block .testimonial-content{width:100%}.pricing-page .testimonial-block .testimonial-content>p{font-size:20px;color:#666;font-weight:400;line-height:31px}.pricing-page .testimonial-block .testimonial-content .testomonial-author{width:calc(100% - 50px);padding-left:16px}.pricing-page .testimonial-block .testimonial-content .testomonial-author span{margin-bottom:1px}.pricing-page .checkout{float:left;width:50%;margin-bottom:120px;padding-bottom:50px}.pricing-page .checkout .checkout-header{float:left;width:100%;margin-bottom:50px}.pricing-page .checkout .checkout-header h3{float:left;font-size:22px;margin-top:10px;width:auto;font-size:18px!important;margin-bottom:0}.pricing-page .checkout .checkout-header .cycle{float:right;width:240px;margin:0;position:relative}.pricing-page .checkout .checkout-header .save{position:absolute;right:0;bottom:-35px;font-size:14px;width:370px;text-align:right;color:#bd8e33;border-radius:30px;padding:3px;cursor:pointer}.pricing-page .checkout .checkout-header .save:hover{text-decoration:underline}.pricing-page .checkout .checkout-header .cycle-option{font-size:14px}.pricing-page .checkout-option{float:left;width:100%;border:2px solid #eee;border-radius:6px;padding:30px;opacity:.75;-webkit-transition:all .2s linear;transition:all .2s linear}.pricing-page .mostpopular{float:left;width:100%;margin:6px 0 12px 2px;opacity:.8;font-size:16px}.pricing-page .discount{float:left;width:100%;padding:20px 5px 0 5px}.pricing-page .discount p{float:left;width:auto;font-size:17px}.pricing-page .discount span{float:right;font-size:17px;font-weight:600;color:#44ba53}.pricing-page .discount.due-now{border-top:1px solid #eee;margin-top:24px}.pricing-page .discount.due-now span{font-weight:400;color:#666}.darkmode .pricing-page .checkout-option{border-color:#666}.pricing-page .checkout-option.selected{background-color:#f7f7f7;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.15);box-shadow:0 2px 5px rgba(0,0,0,.15);opacity:1;border-color:#111!important}.darkmode .pricing-page .checkout-option.selected{background-color:#333;border-color:#888!important}.pricing-page .checkout-option.premium-plus.selected{background-color:#fff9f0;border-color:#db9724!important}.pricing-page .checkout-option.premium-plus{float:right}.pricing-page .checkout-option.premium-plus h4,.pricing-page .checkout-option.premium-plus span{color:#db9724}.pricing-page .checkout-option .name-pricing{float:left;width:100%;margin-bottom:8px}.pricing-page .checkout-option .name-pricing h4{float:left;font-size:26px;margin-top:-2px;font-weight:600}.pricing-page .checkout-option .name-pricing,.pricing-page .checkout-option p{opacity:.6}.pricing-page .checkout-option.selected .name-pricing,.pricing-page .checkout-option.selected p{opacity:1;display:block}.pricing-page .checkout-option .name-pricing span{float:right;font-size:22px}.pricing-page .checkout-option .name-pricing span.priceBefore{margin-right:6px;color:#bbb;text-decoration:line-through}.pricing-page .checkout-option p{float:right;width:100%;font-size:15px;display:none}.pricing-page .checkout .cta-btn{float:left;width:100%;background-color:#222;color:#fff;border-radius:5px;padding:21px 20px;font-size:18px;font-weight:700;cursor:pointer}.darkmode .pricing-page .checkout .cta-btn{background-color:#333;border:1px solid #555}.pricing-page .checkout .cta-btn:active{-webkit-transform:scale(.99);transform:scale(.99)}.pricing-page .checkout .summary{float:left;width:100%;margin-top:55px;padding-top:35px;margin-bottom:40px;border-top:1px solid #ddd}.darkmode .pricing-page .checkout .summary{border-color:#444}.pricing-page .checkout .summary span{float:left;font-size:18px;opacity:.7}.pricing-page .checkout .summary p{font-size:18px;float:right;width:auto;color:#333}.pricing-page .checkout .summary p b{font-weight:400}.pricing-page .checkout .summary p i{font-style:normal;font-size:inherit;text-decoration:line-through;opacity:.3;margin:0 2px}.pricing-page .checkout.premiumPlus .summary p b{color:#d0921c}.darkmode .pricing-page .checkout .summary p{color:#eee}.pricing-page .success-msg{min-height:400px}.pricing-page .success-msg img{float:left;margin-bottom:20px;width:42px}.pricing-page .success-msg h1{float:left;width:100%;font-weight:400;font-size:36px}.pricing-page .success-msg h1 b{font-size:inherit;font-weight:600}.pricing-page .success-msg button{float:left;width:100%;margin-top:30px;text-align:left;opacity:.7;font-size:20px;background-image:url(../img/arrow-long.98b3709a.svg);background-repeat:no-repeat;background-position:100%;cursor:pointer}.pricing-page .success-msg button:hover{opacity:1}.changelog-page .section .container{max-width:840px}.changelog-page .static-section .container>p{font-size:19px;line-height:28px}.changelog-page .update{float:left;width:100%;padding:30px 0}.changelog-page .update .left{width:140px}.changelog-page .update .right{width:calc(100% - 140px);padding-left:80px;border-left:1px solid #eee}.darkmode .changelog-page .update .right{border-color:#444}.changelog-page .update .right *{font-size:16px;line-height:23px}.changelog-page .update .updateImg{float:left;width:100%;border-radius:6px;margin-bottom:35px;max-height:345px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.06)}.changelog-page .update .updateImg .progressive-background-image{max-height:100%;background-position:top!important}.changelog-page .update p{float:left;width:100%;font-size:16px;color:#333}.darkmode .changelog-page .update p{color:#fff}.changelog-page .update .left h3{float:left;width:100%;font-size:32px}.changelog-page .update .left .date{float:left;width:100%;color:#777;margin-top:6px;font-size:18px}.darkmode .changelog-page .update .left .date{color:#aaa}.changelog-page .update .right ul p{float:left;width:100%}.changelog-page .update .right ul p s{text-decoration:line-through}.changelog-page .update .right ul{float:left;width:100%}.changelog-page .update .right ul li{float:left;width:100%;list-style:disc;margin-bottom:14px;margin-left:15px}.changelog-page .update .right ul li .notes{float:left;width:100%;margin:14px 0;padding-left:20px;border-left:1px solid #eee}.changelog-page .update .right ul li .notes li{margin-bottom:5px}.changelog-page .update .right ul li .notes li:last-child{margin-bottom:0}.changelog-page .update .item-tags{float:left;width:100%;margin-top:2px}.darkmode .changelog-page .update .item-tags{opacity:.85}.changelog-page .update .item-tags span{float:left;padding:5px 10px;font-size:13px;line-height:14px;color:#fff;background-color:#999;border-radius:20px;margin-right:6px}.login-page .mode-onboard .container,.mode-onboard .container{max-width:860px}.mode-onboard h2{text-align:center;font-size:24px}.mode-onboard .options,.mode-onboard h2{float:left;width:100%}.mode-onboard .option{float:left;width:calc(50% - 60px);margin:30px;position:relative;cursor:pointer;-webkit-transition:all .25s linear;transition:all .25s linear;text-align:center}.mode-onboard .option label{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;cursor:pointer}.mode-onboard .option span{margin:auto;width:100px;margin-bottom:20px;font-size:15px;font-weight:700;text-align:center;display:inline-block;opacity:.5;-webkit-transition:all .15s linear;transition:all .15s linear}.mode-onboard .option input{display:none}.mode-onboard .option .option-img{float:left;width:100%;border:1px solid #eee;border-radius:8px;-webkit-transition:all .15s linear;transition:all .15s linear;opacity:.9}.mode-onboard .option.selectedOption{opacity:1}.mode-onboard .option.selectedOption span{border-bottom:3px solid #eee;padding-bottom:10px;opacity:1;-webkit-transition:all .15s linear;transition:all .15s linear}.mode-onboard .option:hover .option-img{margin-top:10px}.mode-onboard .option.selectedOption .option-img{-webkit-box-shadow:0 41px 23px -2px rgba(0,0,0,.07);box-shadow:0 41px 23px -2px rgba(0,0,0,.07);border:0;opacity:1}.static-page .mode-onboard form button{max-width:350px;margin-top:50px}.static-page .mode-onboard form button span{font-size:17px}.darkmode{background-color:var(--darkmode-black)}.darkmode,.darkmode *{color:var(--darkmode-white)}.unhideOnPhone{display:none}.landingB .usecases{float:left;width:100%;padding:110px 0}.landingB .usecases .container{max-width:1190px;padding:0 20px}.landingB .usecases ul{float:left;width:100%;margin-bottom:10px}.landingB .usecases ul li{float:left;margin-right:50px;margin-bottom:10px;font-size:22px;padding-bottom:5px;opacity:.6;cursor:pointer;font-weight:600;-webkit-transition:all .2s linear;transition:all .2s linear;border-bottom:3px solid transparent}.landingB .usecases ul li.selected{opacity:1;border-color:#333}.landingB .usecases span{float:left;width:100%;color:#666;font-size:19px;line-height:30px;margin-bottom:30px;max-width:1000px}.landingB .usecases .screenshot{float:left;width:100%;min-height:788px}.landingB .usecases .screenshot img{width:100%;text-align:center}.whywalling-page .intro-section .left{float:left;width:40%;padding-top:80px}.whywalling-page .intro-section .right{width:60%}.whywalling-page .intro-section h1{float:left;width:100%;font-size:56px;line-height:60px;color:#222;margin-bottom:20px}.whywalling-page .intro-section p{float:left;width:100%;font-size:22px;line-height:34px;color:#333;margin-bottom:16px}.whywalling-page .intro-section .hero-img{float:right;margin-right:-60px;width:100%;max-width:700px}.whywalling-page .video .play-icon{width:80px;height:80px;opacity:.5;left:calc(50% - 40px)}.meetwalling-section{text-align:center}.meetwalling-section .meet{float:left;width:50%;margin-left:25%;clear:both;padding-top:80px;border-top:1px solid #eee;text-transform:uppercase;color:#aaa;font-size:21px}.meetwalling-section .logo{float:left;width:176px;margin:60px 0;margin-left:calc(50% - 88px)}.meetwalling-section p{float:left;width:100%;font-size:28px;line-height:36px;padding:0 16%;margin-bottom:80px}.meetwalling-section .flow{max-width:100%}.flowstep-section{margin-bottom:120px}.flowstep-section .title{float:left;width:100%;border-top:1px solid #eee;position:relative}.flowstep-section .title span{position:absolute;left:0;top:-13px;background-color:#fff;padding-right:30px;font-size:20px;color:#999;text-transform:uppercase}.flowstep-section .flowstep-text{float:left;width:40%}.flowstep-section .flowstep-text .flowstep-hero{margin-bottom:40px}.flowstep-section .flowstep-text .flowstep-highlights{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;padding-left:50px}.flowstep-section .flowstep-hero{float:left;width:100%;margin:110px 0 80px 0}.flowstep-section .flowstep-hero h2{float:left;width:45%;font-size:58px;line-height:62px;color:#222;position:relative;padding-left:50px;padding-right:50px;font-weight:400}.flowstep-section .flowstep-hero h2 i{font-size:50px;font-style:normal;color:#aaa;margin-top:-15px;line-height:12px;position:absolute;top:40px;left:0}.flowstep-section .flowstep-hero .description{float:right;width:55%}.flowstep-section .flowstep-hero .description p{float:left;width:100%;margin-bottom:12px;font-size:22px;line-height:38px;color:#333}.flowstep-section .flowstep-highlights{float:left;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:100px;padding:0 30px}.flowstep-section .flowstep-highlights>li{float:left;list-style:none;margin:0}.flowstep-section .flowstep-highlights>li h4{float:left;width:100%;color:#222;font-size:20px;line-height:29px;margin-bottom:12px;font-weight:600}.flowstep-section .flowstep-highlights>li p{float:left;width:100%;font-size:17px;line-height:28px;margin-bottom:8px}.flowstep-section .flowstep-highlights>li p a{text-decoration:underline}.flowstep-section .video{margin-top:100px;border-radius:6px;-webkit-box-shadow:0 2px 40px rgba(0,0,0,.05);box-shadow:0 2px 40px rgba(0,0,0,.05);border:1px solid #eee}.flowstep-section .video video{margin-bottom:0}.flowstep-section-condensed .video{width:55%;float:right;-webkit-box-shadow:none;box-shadow:none;border:0}.avatar{width:32px;height:32px;background-color:#f5f5f5;text-align:center;border-radius:50%;position:relative}.avatar #realAvatar,.avatar .real-avatar{position:absolute;width:100%;height:100%;border-radius:50%;left:0;top:0;background-size:cover}.darkmode .avatar{background-color:var(--darkmode-lightgrey)}.avatar .initials{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:-1px;font-size:14px;font-weight:700;text-align:center;width:100%;color:#fff}.fixedHeader .avatar{float:right;border-radius:50%;margin-left:20px}.darkmode .websiteHeader.fixed{display:none}.landing .container{max-width:1300px}.landing .action-btn{padding:18px 36px;font-size:20px}.landing .intro{float:left;width:100%;margin:165px 0 160px 0}.intro .text{float:left;width:595px;margin-top:8px}.intro .demo-video{float:right;width:calc(100% - 595px);position:relative}.intro .demo-video .play-icon,.landing .connect .video .play-icon,.landingB .demo-video .play-icon{position:absolute;width:100px;top:calc(50% - 50px);left:calc(50% - 50px);z-index:2;opacity:.3;cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear}.intro .demo-video .play-icon:hover,.landing .connect .video .play-icon:hover,.landingB .demo-video .play-icon:hover{opacity:.5;-webkit-transform:scale(1.02);transform:scale(1.02)}.intro .demo-video video{min-width:900px;height:700px;margin-top:-20px;border:1px solid #eee;border-radius:5px;padding:12px 8px 0 8px;background-color:#fff;-webkit-transform:translate(80px);transform:translate(80px);-webkit-transition:all .2s linear;transition:all .2s linear}.pricing-page.upgrade .logos-external{float:left;width:100%;margin-bottom:20px}.pricing-page.upgrade .logos-external .right{width:460px;padding-left:35px;border-left:1px solid #eee}.pricing-page.upgrade .logos-external .capterra-shortlist .logo{float:left;width:100px;margin-top:5px}.pricing-page.upgrade .logos-external .capterra-shortlist .text{float:left;width:calc(100% - 100px);padding-left:20px}.pricing-page.upgrade .logos-external .capterra-shortlist .text h5{float:left;width:100%;font-size:17px;font-weight:600}.pricing-page.upgrade .logos-external .capterra-shortlist .text p{float:left;width:100%;font-size:15px;color:#666;margin-top:6px}.pricing-page.upgrade .logos-external .capterra-shortlist .text p a{font-size:inherit;text-decoration:underline;color:inherit}.pricing-page.upgrade .logos-external .left{width:calc(100% - 460px)}.pricing-page.upgrade .usedby-logos{margin-top:10px!important}.testimonials .container{max-width:1155px!important}.testimonials-blocks{float:left;width:100%;margin-bottom:150px}.testimonials-blocks .testimonial-block{float:left;width:calc(33.33% - 30px);margin:0 15px 0 15px;border:1px solid #eee;border-radius:4px;padding:40px 22px;list-style:none}.pricing-page.upgrade .testimonials-blocks .testimonial-block{margin-left:0;margin-right:30px}.testimonials-blocks p{float:left;width:100%;font-size:20px;line-height:32px;color:#666;margin-bottom:30px;min-height:200px}.testimonials-blocks p b{font-size:inherit;font-weight:700;color:#111}.testimonials-blocks .testimonial-author{float:left;width:100%;min-height:70px}.testimonial-block .testimonial-authorname{float:left;width:calc(100% - 75px);padding-left:10px;margin-top:4px}.testimonial-block .testimonial-authorname span{float:left;font-size:18px;line-height:21px;color:#222}.testimonial-block .testimonial-authorname .title{font-size:16px;color:#777;margin-top:2px}.testimonial-block .testimonial-avatar-logo{float:left;width:75px;position:relative}.testimonial-block .testimonial-avatar{float:left;width:52px;height:52px;border-radius:50%}.testimonial-block .testimonial-logo{position:absolute;width:34px;border-radius:50%;right:5px;bottom:2px}.landing .connect{margin-bottom:200px}.landing .connect h1{color:#111;font-size:50px;line-height:60px;font-weight:600;text-align:center;margin-bottom:30px}.landing .connect p{color:#333;font-size:22px;line-height:34px;margin:auto;text-align:center;margin-bottom:10px;max-width:1000px}.landing .connect p b{font-size:inherit;color:#222;font-weight:600;background-color:#f3f3f3;border-radius:4px;padding:4px 10px}.landing .connect .example{text-align:center;margin-top:30px}.landing .connect .video-container{float:left;width:100%;padding:0 50px;margin-top:50px}.landing .connect .video{float:left;width:100%;position:relative;z-index:3}.landing .connect .video-container video{float:left;width:100%;border:1px solid #eee;border-radius:4px}.cross-platform-section .container{max-width:2000px;margin-bottom:-5px}.section.templates-hero{padding-top:100px;padding-bottom:160px;margin-top:20px}.section.templates-hero .container{position:relative}.templates-hero .text{float:left;width:570px}.templates-hero .hero-bg{position:absolute;top:-90px;width:980px;left:640px}.alternative-page .templates-hero .hero-bg{width:412px;top:-20px;left:calc(100% - 435px)}.alternative-page .templates-hero .text{width:calc(100% - 480px)}.alternative-page .templates-hero .text *{text-align:left}.alternative-page .templates-hero .text h1{font-size:48px;line-height:58px}.templates-hero h1{float:left;width:100%;font-size:57px;line-height:70px;font-weight:600;color:#111;margin-bottom:16px}.templates-hero p{float:left;width:100%;font-size:23px;line-height:36px;color:#555}.templates-hero .action-btn{margin-top:34px;padding:18px 24px;font-size:18px}.templates-list{float:left;width:100%;margin:90px 0}.templates-list .template{float:left;width:100%;margin-bottom:120px}.templates-list .template .thumb{float:left;width:630px;height:587px;position:relative;background-color:#f4f4f4;border-radius:6px;overflow:hidden}.templates-list .template .thumb button{position:absolute;background-color:rgba(0,0,0,.65);border-radius:50px;color:#fff;top:calc(50% - 18px);left:calc(50% - 70px);cursor:pointer;width:140px;padding:7px 0;z-index:3;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;opacity:0;font-size:15px}.templates-list .template .thumb button:hover{background-color:#000}.templates-list .template .thumb:hover button{opacity:1}.templates-list .template .thumb .dim{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background-color:#000;opacity:0;-webkit-transition:opacity .5s linear;transition:opacity .5s linear}.templates-list .template .thumb:hover .dim{opacity:.15}.templates-list .template .thumb-img{width:100%;z-index:1;position:relative}.templates-list .template .details{float:right;width:calc(100% - 630px);padding-left:50px;padding-top:20px}.templates-list .template .details h3{float:left;width:100%;font-size:36px;font-weight:700;margin-bottom:12px}.templates-list .template .details p{float:left;width:100%;font-size:17px;line-height:26px;color:#555;margin-bottom:8px}.templates-list .template .details>ul{float:left;width:100%;margin-top:15px;margin-bottom:30px}.templates-list .template .details>ul li{float:left;width:100%;font-size:17px;color:#222;padding-top:3px;margin-bottom:10px}.templates-list .template .details .action-btn{font-size:16px;padding:16px 60px;margin-bottom:5px}.form{float:left;width:100%;max-width:700px}.static-page .form button,.static-page .form input,.static-page .form textarea{border-radius:4px!important;font-size:18px;line-height:26px}.static-page .form textarea:focus{border-color:#666}.static-page .form button{height:55px}.form textarea{float:left;width:100%;border:1px solid #bbb;padding:20px;border-radius:4px;min-height:340px;margin-bottom:20px;resize:vertical;white-space:pre-wrap}.static-section .form-success-msg{float:left;width:100%;font-size:20px;margin:100px 0;background-image:url(../img/check.bed3ac8c.svg);background-size:17px;background-repeat:no-repeat;background-position:0;padding-left:30px}.visualworkspace-page h1{width:100%;text-align:center;font-size:56px;margin-bottom:16px;font-weight:600}.visualworkspace-page .meetwalling-section p{padding:0 10%}.visualworkspace-page .static-section p{color:#333}.visualworkspace-page .flowstep-section .flowstep-highlights>li h4{color:#111}.visualworkspace-page .meetwalling-section{margin-top:75px}.visualworkspace-section{margin-bottom:60px}.visualworkspace-section .flowstep-hero{margin-top:20px}.visualworkspace-section .flowstep-hero h2,.visualworkspace-section .flowstep-text .flowstep-highlights{width:100%;padding:0;margin:0}.visualworkspace-page .flowstep-section.visualworkspace-section .videos{gap:40px;-ms-flex-flow:wrap;flex-flow:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;float:left;width:100%}.visualworkspace-page .flowstep-section.visualworkspace-section .video{border:1px solid #eee;border-radius:5px;width:auto;float:left;-ms-flex-preferred-size:calc(50% - 20px);flex-basis:calc(50% - 20px)}.visualworkspace-page .flowstep-section .flowstep-highlights.more-features{display:grid;grid-column-gap:40px;grid-row-gap:40px;grid-template-columns:auto auto auto;padding:0}.visualworkspace-page .flowstep-section .flowstep-highlights.more-features>li{padding-left:0}.visualworkspace-page .flowstep-section .flowstep-highlights.more-features.icon-features{grid-template-columns:auto auto}.visualworkspace-page .flowstep-section .flowstep-highlights.more-features>li:nth-child(3n){margin-right:0}.visualworkspace-page .flowstep-section .flowstep-highlights.more-features.icon-features{gap:70px;margin-top:90px}.visualworkspace-page .flowstep-section .flowstep-highlights.more-features.icon-features>li{-ms-flex-preferred-size:calc(50% - 35px);flex-basis:calc(50% - 35px)}.visualworkspace-page .flowstep-section .flowstep-highlights.more-features>li>img{float:left;border:1px solid #eee;width:352px;max-width:100%;margin-bottom:30px;border-radius:5px}.flowstep-section .flowstep-highlights>li.icon-feature h4{padding-left:40px;padding-top:4px;background-repeat:no-repeat;background-size:26px;background-position:0}.flowstep-section.visualworkspace-section .flowstep-text{width:100%}.flowstep-section.visualworkspace-section .flowstep-text .flowstep-highlights,.visualworkspace-page .flowstep-section.visualworkspace-section .videos{display:block}.flowstep-section.visualworkspace-section .flowstep-highlights>li,.visualworkspace-page .flowstep-section.visualworkspace-section .video{width:calc(50% - 20px);margin-right:40px}.flowstep-section.visualworkspace-section .flowstep-highlights>li:last-child,.visualworkspace-page .flowstep-section.visualworkspace-section .video:last-child{margin-right:0}.createteam-page .team-features{float:left;width:100%;margin:50px 0 30px 0;display:grid;grid-column-gap:50px;grid-row-gap:40px;grid-template-columns:auto auto}.createteam-page .team-features li{float:left;width:100%;margin:0;list-style:none;background-image:url(../img/snap.e789fd51.svg);background-repeat:no-repeat;background-position:left 1px;background-size:22px;padding-left:37px}.createteam-page .team-features li h4{float:left;width:100%;font-size:23px;font-weight:700;color:#222}.createteam-page .team-features li p{float:left;width:100%;font-size:17px;line-height:26px;margin-top:8px;color:#555}.static-page .section.whatis-wallingteams{background-image:url(../img/wall-collaboration.6a0f554a.png);background-repeat:no-repeat;background-size:700px auto;background-position:100% 100%;margin:50px 0 0 0;padding-bottom:320px;min-height:800px}.static-page .section.whatis-wallingteams.stepTwo{background-image:url(../img/wall-building.c47547b1.png);padding-bottom:250px;background-size:1050px auto}.website-page *{font-family:Inter,sans-serif;color:#222}.darkmode .website-page *{color:#fff}.website-page{float:left;width:100%;padding:0}.website-page .container{width:100%;padding:0 20px;max-width:1200px;margin:auto}.websiteHeader{float:left;width:100%;padding:40px 0}.websiteHeader.fixed{position:fixed;background:#fff;padding:15px 0;border-bottom:1px solid #eee;z-index:9}.websiteHeader .avatar{float:right;border-radius:50%;margin-left:15px}.websiteHeader h1.logo{background-image:url(../img/logo-condensed.36def0f8.svg);background-size:119px auto;width:119px;height:41px}.websiteHeader .left-nav{float:left;margin-left:60px}.websiteHeader .right-nav{float:right}.websiteHeader ul.nav{margin-top:8px}.websiteHeader ul.nav li{float:left;font-size:1.04em;font-weight:500;margin-right:22px}.websiteHeader ul.right-nav li.signupButtonLi{margin-right:0}.websiteHeader ul.nav li a,.websiteHeader ul.nav li button{float:left;font-size:inherit;font-weight:inherit;color:inherit;border-radius:4px;padding:6px 10px}.websiteHeader ul.nav li a:hover,.websiteHeader ul.nav li button:hover{background-color:#f2f2f2}.websiteHeader ul.nav li a:active,.websiteHeader ul.nav li button:active{background-color:#ddd}.websiteHeader ul.nav li button.highlighted{background-color:#222;color:#fff;padding:13px 22px;font-weight:600;margin-top:-7px;-webkit-transition:all .1s linear;transition:all .1s linear}.websiteHeader.fixed ul.nav li button.highlighted{padding-top:11px;padding-bottom:11px;margin-top:-6px}.landingB .hero{float:left;width:100%;margin:70px 0 200px 0}.landingB .hero .container{position:relative}.landingB .hero .text{z-index:1;position:relative;float:left;width:calc(100% - 600px);margin-top:20px}.landingB .hero h1{float:left;width:100%;font-size:3.45em;line-height:1.12em;font-weight:600}.landingB .hero h2{float:left;width:100%;font-size:1.46em;line-height:1.5em;font-weight:400;color:#444;margin-top:23px;margin-top:18px}.landingB .hero .action-btn{margin-top:35px;font-size:20px;width:280px;height:66px;background-color:#222;clear:both;float:left}.landingB .hero .action-btn:active{-webkit-transform:scale(.96);transform:scale(.96)}.landingB .hero .quick-external-links{width:360px;margin-top:22px;float:left;margin-left:-4px;clear:both}.landingB .quick-external-links li{float:left;background-image:url(../img/question-circle-thick-grey.09129d38.svg);background-repeat:no-repeat;background-position:6px 7px;color:#888;font-size:.97em;border-radius:4px;padding:6px;padding-left:28px}.landingB .quick-external-links li a{font-size:inherit;color:inherit}.landingB .quick-external-links li:hover{background-color:#f4f4f4}.landingB .quick-external-links li.exampleWall{float:right;background-image:url(../img/eye-lightgrey.fb889c4f.svg);background-position:6px 8px}.landingB .hero .demo-video,.landingB .hero .demo-video video{float:left;width:100%}.landingB .hero .demo-video{position:absolute;padding:0 43px;right:-340px;top:-20px;z-index:0;width:930px}.landingB .hero .demo-video video{border:1px solid #eee;border-radius:5px;padding-top:6px}.website-page .testimonials-blocks p{font-size:17.5px;line-height:1.7em;margin-bottom:20px}.website-page .testimonial-block .testimonial-authorname span{font-size:16px}.website-page .testimonial-block .testimonial-authorname .title{font-size:14px}.website-page .testimonials .intro-txt{font-size:18px}.landingB .whywalling form .actionBtn span{font-weight:500;font-size:.95em}.landingB .whywalling form h3{font-weight:500;font-size:2.2em;line-height:1.35em}.landingB .whywalling form input{font-size:1.2em}.landingB .downloads-page{padding-top:60px}.landingB .downloads-page .container{border-top:1px solid #eee;padding-top:50px;max-width:1000px}.landingB .downloads-page .platforms li{width:150px;height:140px;margin:12px;padding:18px 16px}.landingB .downloads-page .platforms li:hover{padding:26px 16px}.landingB .downloads-page .platforms li .icon{height:55px}.landingB .downloads-page .platforms li .device{width:50px}.landingB .downloads-page .platforms li span{font-size:1.3em;font-weight:500}.landingB .downloads-page .platforms li p{font-size:13px;line-height:16px;margin-top:3px}.website-page .sectionViews{background-color:#fafafa;float:left;width:100%;padding:140px 0 100px 0}.landingB .sectionViews-hero{float:left;width:100%;margin-bottom:40px}.landingB .sectionViews-hero .text{float:left;width:calc(100% - 250px);padding-right:70px}.landingB .sectionViews-hero .arrow{float:left;margin-top:20px}.landingB .sectionViews-hero h2{float:left;width:100%;font-size:3.75em;font-weight:600}.landingB .sectionViews-hero h4{float:left;width:100%;padding-right:20px;color:#444;font-size:1.35em;line-height:1.55em;font-weight:400;margin-top:20px}.website-page .sectionView{float:left;width:100%;padding:35px 0}.website-page .sectionView .text{float:left;width:400px;padding:150px 50px 0 0;position:relative}.website-page .sectionView .text h3{float:left;width:100%;font-size:39px;font-weight:500}.website-page .sectionView .text p{float:left;width:100%;font-size:18px;line-height:28px;margin-top:20px;color:#666}.website-page .sectionView .text .arrow{position:absolute;left:100px;bottom:-250px}.website-page .sectionView .video{float:right;width:calc(100% - 420px);margin-right:-80px}.website-page .sectionView .video video{float:left;width:800px;border:1px solid #eee;border-radius:4px}.landingB .collaborate .sectionView{margin-top:40px;margin-bottom:100px}.landingB .collaborate .sectionView .video{float:left;margin-left:-195px;margin-right:0;width:calc(100% - 540px)}.landingB .collaborate .sectionView .text .arrow{position:relative;float:left;left:auto!important;bottom:auto;margin-bottom:30px}.landingB .collaborate .sectionView .text{float:right;width:540px;padding-top:100px;padding-right:0;padding-left:50px}.landingB .collaborate .quick-external-links li.exampleWall{float:left;margin-top:25px;text-align:center}.teams-page:not(.loggedIn) .hero:not(.second-hero) .container{border-bottom:1px solid #eee;padding-bottom:120px}.teams-page .second-hero{margin-bottom:50px}.teams-page .team-features li h4{font-size:1.2em}.teams-page .hero h1{font-size:3em}.teams-page .hero h2{font-size:1.3em}.website-page .btn-notice{float:left;width:100%;text-align:center;margin-top:16px;color:#777}.website-page .lrg-text-video{float:left;width:100%;margin-bottom:160px;position:relative}.website-page .discover-more{float:left;background-image:url(../img/arrow-long.98b3709a.svg);background-repeat:no-repeat;background-position:right 6px;padding-right:40px;font-size:18px;cursor:pointer;margin:40px 0 10px 0}.website-page .discover-more:hover{text-decoration:underline}.website-page .lrg-text-video h2{float:left;width:100%;max-width:900px;font-size:2.9em;font-weight:600}.website-page .lrg-text-video p{float:left;width:100%;max-width:870px;font-size:1.3em;line-height:1.5em;color:#444;margin-top:15px}.website-page.landingB .lrg-text-video{margin:70px 0}.website-page.landingB .lrg-text-video h2{font-size:2.4em}.website-page.landingB .lrg-text-video p{font-size:1.2em;line-height:1.46em}.website-page.landingB .lrg-text-video .demo-video{max-width:1000px}.website-page.landingB .lrg-text-video .demo-video video{margin-top:25px}.website-page .lrg-text-video .dots{position:absolute;top:100px;z-index:-1}.website-page .lrg-text-video .demo-video{float:left;width:100%;max-width:1080px}.website-page .lrg-text-video .demo-video video{float:left;width:100%;border:1px solid #eee;border-radius:4px;margin-top:40px}@media only screen and (max-width:1200px){.use-case .screenshot{width:calc(100% - 280px)}.static-page footer .left,footer .right{float:left;width:100%}footer .right *{text-align:left!important}footer .logo{float:left;margin-top:30px}footer .right .quick-links li a{float:left}.landingB .collaborate .sectionView .video{margin-left:0;clear:both;width:auto;max-width:100%}.website-page .sectionView .video video{max-width:100%}.landingB .collaborate .sectionView .text{float:left;width:100%;padding-left:0;padding-top:50px}}@media only screen and (max-width:1150px){.static-page .section.whatis-wallingteams{background-size:650px;padding-bottom:200px}.static-page .section.whatis-wallingteams.stepTwo{padding-bottom:500px}.landingB .hero h1{font-size:3.8em}.landingB .hero h2{font-size:1.55em}.teams-page .hero h1{font-size:2.6em}.website-page .lrg-text-video h2{font-size:2.4em}.website-page .lrg-text-video p{font-size:1.15em;line-height:1.3em}.website-page .sectionView .video{float:left;width:auto;max-width:100%;margin-right:0}.website-page .sectionView video{max-width:100%}.website-page .sectionView .text{width:100%;padding:30px 0 0 0}.website-page .sectionView .text .arrow{display:none}.landingB .hero .text{width:100%;margin-bottom:50px;clear:both;margin-top:0}.landingB .hero h1{font-size:3.2em}.landingB .hero .demo-video{position:relative;width:100%;right:auto;top:auto;padding:0;max-width:900px}}@media only screen and (max-width:1050px){.hideOn1050{display:none}.whywalling .video-text-block .text{width:100%;margin-bottom:30px}.whywalling .video-text-block .video{width:100%;text-align:center}.whywalling .video-text-block .video video{max-width:100%}.whywalling .video-text-block{margin-bottom:30px}.whywalling .video-text-block.ltr .video{margin-top:20px}.faqs,.faqs .faq{display:block}.faqs .faq{float:left;width:100%;margin-bottom:40px}.testimonial-block{margin:110px 0}.static-page .section{padding-right:12px;padding-left:12px}.static-page footer .left *,footer .right *{float:left!important;clear:both!important;text-align:left;margin-left:0!important}.static-page footer .container{padding:0 25px}.downloads-page .platforms-screenshots{height:550px}.mode-onboard .options{max-width:400px;float:none;margin:auto}.mode-onboard .option{width:100%;margin:0;margin-top:30px}.mode-onboard form .form-loading-message{margin-top:30px!important}.usedby-logo{height:30px}.pricing-page .pricing-hero .plan{width:100%;margin-bottom:60px!important}.small-container{float:left;width:100%;padding:0}.whywalling-page .intro-section .left,.whywalling-page .intro-section .right{width:100%;padding-top:0}.whywalling-page .intro-section .hero-img{float:left;margin-top:50px}.flowstep-section .flowstep-hero .description,.flowstep-section .flowstep-hero h2{float:left;width:100%}.flowstep-section .flowstep-hero .description{margin-top:30px}header .links button{font-size:16px}.landing .usecases .screenshot{min-height:500px}.pricing-page .checkout{width:100%}.upgrade.pricing-page .pricing-hero .plans{width:100%;padding:0}.section.templates-hero .container{text-align:center}.section.templates-hero{padding-top:0;padding-bottom:0}.templates-hero .hero-bg{position:relative;width:calc(100% - 40px);max-width:490px;margin:auto;left:auto;top:auto;margin-bottom:20px}.alternative-page .templates-hero .hero-bg{position:relative;float:left;left:auto;top:auto}.templates-hero .text{width:100%!important;text-align:center}.templates-hero h1{font-size:46px;line-height:52px}.templates-hero p{font-size:20px;line-height:32px}.templates-list .template .thumb{width:315px;height:293px}.templates-list .template .details{width:calc(100% - 315px);padding-top:0;padding-left:30px}.templates-list .template .details h3{font-size:30px}.templates-list .template .details p{font-size:16px;line-height:25px}.templates-list .template .details>ul li{font-size:16px;margin-bottom:6px}.templates-list .template .details>ul{margin-top:5px;margin-bottom:15px}.templates-list .template .details .action-btn{font-size:16px;padding:14px 40px}.landing .example a{font-size:15px}.websiteHeader ul.nav li{margin-right:18px}.pricing-page.upgrade .logos-external .left{width:100%}.pricing-page.upgrade .usedby-logos{margin-bottom:30px!important}.pricing-page.upgrade .logos-external .right{float:left;width:100%;border:0;padding-left:0;margin-bottom:50px}}@media only screen and (max-width:950px){.pricing-page .pricing-plans{display:block}.pricing-page .pricing-plan{width:100%;margin-bottom:30px}}@media only screen and (max-width:900px){.static-page .section.whatis-wallingteams{padding-bottom:400px}.hideOnTablet{display:none}.landing .intro,.testimonials-blocks{margin-bottom:70px}.intro .demo-video,.intro .text{width:100%;margin:10px 0}.intro .demo-video video{width:100%;min-width:0;height:auto;-webkit-transform:none;transform:none;margin-top:30px}.testimonials-blocks .testimonial-block{width:100%;margin:0 0 20px 0;padding:25px}.testimonials-blocks p{min-height:0}.landing .connect .video-container{padding:0}.websiteHeader h1.logo{width:35px}.websiteHeader .left-nav{margin-left:20px}.websiteHeader ul.nav li{margin-right:10px}}@media only screen and (max-width:760px){.landing .intro h1 .first-line{font-size:38px}.landing .intro h1 span{font-size:58px!important;line-height:58px!important}.landing .intro h2{font-size:19px;line-height:32px}.landing .intro form .actionBtn,.landing .intro form input{width:100%;border-radius:5px;text-align:center;height:56px}.landing .intro form input{border-right-width:1px}.landing .intro .video{width:120%!important;left:-10%;margin-top:20px}.landing .intro form{margin-bottom:30px}.landing .second-cta .armchair,.landing .video-illustrations{display:none}.landing form{margin-top:30px}.static-page footer .logo{margin-bottom:20px}.static-page .section-title{margin-bottom:45px}.static-page .section-title span{width:100%;margin-left:0}.static-page h3{font-size:24px!important}.whywalling .video-text-block .example{padding:0}.whywalling .video-text-block .text{padding-right:0}.static-page header h1.logo{width:40px}.hideOnPhone{display:none}.unhideOnPhone{display:block}.downloads-page .platforms-screenshots{height:450px}.static-page header .container{padding-left:16px;padding-right:16px}.pricing-page .pricing-hero .left,.pricing-page .pricing-hero .right{width:100%;padding-right:0}.static-page header .links button{margin-left:14px;font-size:15px}.changelog-page .update .left,.changelog-page .update .right{width:100%;padding-left:0}.changelog-page .update .right{border-left:0;margin-top:20px;padding-bottom:30px;margin-bottom:-10px}.static-page .whywalling-container{padding:20px}.meetwalling-section p{padding:0}.visualworkspace-page .flowstep-section .flowstep-highlights.more-features{grid-template-columns:auto auto}.flowstep-section-condensed .video,.flowstep-section .flowstep-text{width:100%;float:left}.flowstep-section-condensed .video{margin-top:50px}.flowstep-section .video{margin-top:40px}.pricing-page .checkout .checkout-header .cycle{clear:both;float:left;margin-top:30px}.pricing-page .mostpopular{display:none}.landing .usecases .screenshot{min-height:0}.landing .usecases{padding:50px 0}.visualworkspace-page h1{font-size:48px}.static-section.meetwalling-section p{font-size:21px;padding:0 20px}.visualworkspace-section .flowstep-hero h2{font-size:44px}.visualworkspace-page .flowstep-section .flowstep-highlights.more-features>li{-ms-flex-preferred-size:calc(50% - 10px);flex-basis:calc(50% - 10px)}.flowstep-section.visualworkspace-section .flowstep-highlights>li,.visualworkspace-page .flowstep-section.visualworkspace-section .video{width:100%;margin-right:0;margin-top:0!important;margin-bottom:40px}.websiteHeader ul.nav li{font-size:15px}.websiteHeader ul.nav li button.highlighted{padding:8px 14px;margin:-2px}.website-page.landingB .lrg-text-video h2{font-size:2em}.website-page.landingB .lrg-text-video p{font-size:1.1em;line-height:1.35em}}@media only screen and (max-width:700px){.hideOn700{display:none}.templates-list .template .thumb{width:100%;height:400px;overflow:hidden}.templates-list .template .details{width:100%;padding:40px 0 0 0}.websiteHeader .left-nav{margin-left:5px}.websiteHeader ul.nav li{margin-right:3px;font-weight:400}.website-page .sectionViews-hero h2{font-size:3em}}@media only screen and (max-width:650px){.landingB .hero h1{font-size:3em}.landingB .hero h2{font-size:1.2em}.website-page .sectionViews-hero h2{font-size:2.4em}.website-page .sectionViews-hero .text{padding:20px;width:calc(100% - 150px)}.website-page .sectionViews-hero .arrow{width:120px;margin-top:70px}}@media only screen and (max-width:600px){.hideOn600{display:none}.pricing-page.upgrade .pricing-hero .plan{width:100%}.pricing-page .checkout-option{width:100%;margin-bottom:30px}.templates-list .template{margin-bottom:80px}.createteam-page .team-features{grid-template-columns:auto}}@media only screen and (max-width:550px){.hideOnXPhone{display:none}.landing .intro h1 .first-line{font-size:26px}.landing .intro h1{font-size:45px;line-height:52px}.landing .intro h1 span{font-size:40px}.landing .intro h2{font-size:17px;line-height:28px}.whywalling form .actionBtn,.whywalling form input{width:100%;border-radius:30px;margin-left:0;text-align:center;height:55px;font-size:18px}.whywalling form .actionBtn span{font-size:18px}.whywalling .video-text-block.ltr .background{display:none}.static-page header .links button{margin-left:14px}.testimonial-block .testimonial-content{width:100%;padding-left:0;margin-top:30px}.testimonial-block .testimonial-content p{font-size:24px;line-height:32px}.downloads-page .platforms li{width:calc(100% - 50px)}.downloads-page h1{font-size:54px}.downloads-page h3{font-size:24px!important}.downloads-page .platforms-screenshots{height:380px}.static-page header .container{padding-right:14px!important;padding-left:14px!important}.mode-onboard{padding-top:70px}.login-page{padding-top:0!important}.landing .intro .video .play-icon{width:60px;height:60px;left:calc(50% - 30px)}.landing .lightbox{padding:10px}.landing iframe{width:100%;height:100%;padding:20px;padding-top:120px;max-width:1400px;max-height:440px;margin:auto}.whywalling .cross-platform-block h3{font-size:23px!important;line-height:36px}.whywalling .cross-platform-block{margin-top:70px}.flowstep-section .flowstep-hero h2,.whywalling-page .intro-section h1{font-size:46px;line-height:54px}.flowstep-section .flowstep-hero h2 i{font-size:42px;margin-top:-18px}.flowstep-section .flowstep-highlights{gap:30px!important}.flowstep-section .flowstep-highlights>li{margin-bottom:10px}.pricing-page .pricing-hero h1{font-size:30px;line-height:40px}.pricing-page .pricing-hero h3{font-size:20px!important;line-height:30px;margin-bottom:0}.pricing-page .checkout .summary span{display:none}.templates-hero h1{font-size:40px!important;line-height:46px!important}.templates-hero p{font-size:19px;line-height:30px}.templates-list .template .thumb{height:300px}.flowstep-section.visualworkspace-section .flowstep-highlights>li,.visualworkspace-page .flowstep-section .flowstep-highlights.more-features.icon-features>li,.visualworkspace-page .flowstep-section .flowstep-highlights.more-features>li,.visualworkspace-page .flowstep-section.visualworkspace-section .video{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0!important}.visualworkspace-page .flowstep-section .flowstep-highlights.more-features,.visualworkspace-page .flowstep-section .flowstep-highlights.more-features.icon-features{grid-template-columns:auto}.landingB .hero{margin-top:50px;margin-bottom:100px}.landingB .hero h1{font-size:2.5em}.website-page .sectionView .text h3{font-size:32px}.website-page .sectionView .text p{font-size:17px;margin-top:10px}.landingB .hero .action-btn{font-size:18px;width:300px;height:58px}#app header .links{max-width:calc(100% - 50px);overflow:hidden}#app .static-page header .links button{max-width:calc(100% - 20px);float:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app .websiteHeader .avatar{display:none}}@media only screen and (max-width:450px){.landingB .hero .quick-external-links{width:184px}.landingB .sectionViews-hero .text{width:100%}}@media only screen and (max-width:410px){.hideOnXsmallPhone{display:none}}@-ms-viewport{width:device-width}@font-face{font-family:ProximaNova;font-weight:400;src:url(../fonts/proximanova-regular-webfont.d911a613.woff) format("woff");font-display:block}@font-face{font-family:ProximaNova;font-weight:600;src:url(../fonts/proximanova-medium-webfont.5637afa5.woff) format("woff");font-display:block}@font-face{font-family:ProximaNova;font-weight:700;src:url(../fonts/proximanova-semibold-webfont.5a622dad.woff2) format("woff2");font-display:block}@font-face{font-family:ProximaNova;font-weight:900;src:url(../fonts/proxima-nova-semibold.3de11d52.woff) format("woff");font-display:block}@font-face{font-family:ProximaNovaCyr;font-weight:400;src:url(../fonts/x.305945b5.woff2) format("woff2");font-display:block}@font-face{font-family:ProximaNovaCyr;font-weight:600;src:url(../fonts/proximanova-medium-webfont.5637afa5.woff) format("woff");font-display:block}@font-face{font-family:ProximaNovaCyr;font-weight:700;src:url(../fonts/proximanova-semibold-webfont.5a622dad.woff2) format("woff2");font-display:block}@font-face{font-family:ProximaNovaCyr;font-weight:900;src:url(../fonts/proximanova-bold-webfont.40d9d67c.woff) format("woff");font-display:block}@font-face{font-family:Poppins;font-weight:500;src:url(../fonts/Poppins-Medium.f61a4eb2.ttf) format("ttf");font-display:block}@font-face{font-family:Mono;src:url(../fonts/RobotoMono-Regular.e5ca8c0a.ttf) format("ttf");font-display:block}:not(html){-webkit-transition:background-color .3s linear;transition:background-color .3s linear}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.18)}.fade-enter-active{-webkit-transition:opacity 1s;transition:opacity 1s}.fade-enter,.fade-leave-to{opacity:0}.fadenoleave-enter-active{-webkit-transition:opacity 1s;transition:opacity 1s}.fadenoleave-enter,.fadenoleave-leave-to{opacity:0;-webkit-transition:none;transition:none}.fadeone-enter-active{-webkit-transition:opacity .6s;transition:opacity .6s}.fadeone-enter,.fadeone-leave-to{opacity:0}.fadetwo-enter-active{-webkit-transition:opacity .3s;transition:opacity .3s}.fadetwo-enter,.fadetwo-leave-to{opacity:0}.fadeinout-enter-active{-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1}.fadeinout-enter,.fadeinout-leave-to{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.fadedelayed-enter-active{-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:1}.fadedelayed-enter,.fadedelayed-leave-to{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.fadehalfsec-enter,.fadehalfsec-enter-active,.fadehalfsec-leave-to{-webkit-transition:opacity .4s;transition:opacity .4s}.fadehalfsec-enter,.fadehalfsec-leave-to{opacity:0}@keyframes fadeinDelayed{0%{opacity:0}66%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeinDelayed{0%{opacity:0}66%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeinDisplay{0%{opacity:0;pointer-events:none}90%{opacity:0;pointer-events:none}to{opacity:1;pointer-events:all}}@keyframes fadeinDisplay{0%{opacity:0;pointer-events:none}90%{opacity:0;pointer-events:none}to{opacity:1;pointer-events:all}}*{margin:0;padding:0;text-decoration:none;list-style:none;outline:0;border-style:none;color:#252525;font-family:ProximaNova,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;word-break:normal;background-color:transparent;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.07) transparent}.poppins{font-family:Poppins,ProximaNova,Arial,sans-serif;font-weight:500!important}body{overflow-x:hidden}.electronNodrag{-webkit-app-region:no-drag}.electronDrag{-webkit-app-region:drag;-webkit-user-select:none}img{-webkit-app-region:no-drag}:root{--darkmode-black:#1a1a1a;--darkmode-darkgrey:#272727;--darkmode-grey:#393939;--darkmode-lightgrey:#4b4b4b;--darkmode-white:hsla(0,0%,100%,0.88);--colsOffset:0;--sidebarwidth:210px}.mspinner:before,.spinner:before{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;border:2px solid #ccc;border-top-color:#777;opacity:.7;-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite}.darkmode .mspinner:before,.darkmode .spinner:before{border-top-color:#111;opacity:.6}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main .loading .spinner:before{top:160px;left:50%;margin-left:-10px}.mspinner{float:left;width:20px;height:20px;position:relative}.mspinner:before{width:100%;height:100%}.action-btn{border-radius:4px;color:#fff;background-color:#333;cursor:pointer;font-weight:700;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.action-btn-bordered{background-color:#fff;border:1px solid #bbb;padding:4px 7px;color:#777;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);font-weight:600;font-size:14px;border-radius:3px}.action-btn-bordered:hover{background-color:rgba(0,0,0,.02)}.action-btn-bordered:active{background-color:rgba(0,0,0,.08)}.action-btn-bordered.action-btn-flagged{color:#d27373;border-color:#d27373}.increaseZIndex{z-index:99999999}.showingTheBasics{overflow:hidden}.thebasics ::-webkit-scrollbar{width:11px}.thebasics ::-webkit-scrollbar-thumb{background-color:#d9d9d9!important;background-color:transparent}.thebasics-container{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:9999}.thebasics{float:left;width:100%;height:100%;position:relative;background-color:#fff}.thebasics .text{position:absolute;width:50%;height:100%;left:0;top:0;padding:100px 80px 100px 80px;overflow-y:auto;overflow-x:hidden}.thebasics .text *{color:#111}.thebasics .illustrations{position:absolute;width:50%;height:100%;right:0;top:0;background-color:#333;overflow:hidden}.thebasics .transitionContainer{position:absolute;left:0;top:0;width:100%;height:100%}.thebasics .illustrations .video-container{border-radius:5px;overflow:hidden}.thebasics .illustrations video{width:100%;border-radius:5px}.thebasics .illustrations .image{position:absolute;right:-450px;top:12%}.thebasics .illustrations .fullimage{position:absolute;right:0;top:0;width:100%;height:100%}.thebasics .illustrations .fullimage.fullimagePadded{width:calc(100% - 250px);height:calc(100% - 250px);top:125px;right:125px}.thebasics .illustrations .fullimage.fullimageRepeat{background-repeat:repeat;background-size:30px;-webkit-transition:all 1s linear;transition:all 1s linear}.thebasics .illustrations .fullimage.fullimageRepeat.moving{background-size:600px}.thebasics .illustrations .fullimage.fullimageContain{background-size:contain;background-repeat:no-repeat}.thebasics .illustrations .fullimage.fullimageCover{background-size:cover;z-index:2}.thebasics .illustrations .screenshot{border-radius:5px;border:1px solid #eee;-webkit-box-shadow:0 2px 30px rgba(0,0,0,.35);box-shadow:0 2px 30px rgba(0,0,0,.35)}.thebasics .slide{float:left;width:calc(100% - 28px)}.thebasics .slide h2{float:left;width:100%;font-size:50px;font-weight:700;margin-bottom:4px}.thebasics .slide h3{float:left;width:100%;margin-bottom:20px;font-size:29px;font-weight:600;opacity:.5}.thebasics .slide p,.thebasics .slide span{float:left;width:100%;font-size:17px;line-height:28px;margin-bottom:10px}.thebasics .slide span{font-size:16px;margin-top:-10px;opacity:.7}.thebasics .slide a:hover{opacity:.7;text-decoration:underline}.thebasics .slide * b{font-size:inherit;font-weight:700}.thebasics .slide ol,.thebasics .slide ul{float:left;width:100%;margin:35px 0;padding-left:18px}.thebasics .slide ol li,.thebasics .slide ul li{float:left;width:100%;font-size:18px;list-style:decimal;padding-left:4px;margin-bottom:6px}.thebasics .slide ul li{list-style:disc}.thebasics .slide ol li p{line-height:26px;margin-top:-2px}.thebasics .slide .platforms{float:left;width:100%;margin-top:30px}.thebasics .slide .platforms li{float:left;width:50%;margin:26px 0 0 0}.thebasics .slide .platforms li a,.thebasics .slide .platforms li span{float:left;font-size:17px;opacity:.8;padding-left:30px;padding-top:4px;background-repeat:no-repeat;background-position:left 0;background-size:24px;cursor:pointer}.thebasics .slide .platforms li span.notavailable{opacity:.4!important;cursor:default;text-decoration:none!important}.thebasics .slide .platforms li a:hover,.thebasics .slide .platforms li span:hover{opacity:.9;text-decoration:underline}.thebasics .slide .toggle-items{float:left;width:100%;margin-top:50px;margin-bottom:50px}.thebasics .slide .toggle-item{float:left;width:100%;border-top:1px solid #eee;max-height:67px;overflow:hidden}.thebasics .slide .toggle-item.item-open{max-height:800px;overflow:visible}.thebasics .slide .toggle-item-title{float:left;width:100%;padding-top:25px;cursor:pointer;padding-bottom:24px;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.thebasics .slide .item-open .toggle-item-title{padding-bottom:15px}.thebasics .slide .toggle-item-title:hover{opacity:.7}.thebasics .slide .toggle-item-title .arrow{float:left;width:6px;margin:3px 13px 0 0;opacity:.6;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.thebasics .slide .item-open .toggle-item-title .arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.thebasics .slide .toggle-item h4{float:left;width:calc(100% - 24px);font-weight:700;color:#111;font-size:18px}.thebasics .slide .toggle-item .list,.thebasics .slide .toggle-item p,.thebasics .slide .toggle-item span{padding-left:21px;color:#333}.thebasics .slide .toggle-item .list{margin-top:5px}.thebasics .slide .toggle-item .list li{margin-left:20px}.thebasics .slide .toggle-item .list li p{padding-left:0;padding-bottom:0!important;margin-bottom:0}.thebasics .slide .toggle-item.item-open p:last-child{padding-bottom:20px}.thebasics .pagination{position:absolute;left:0;bottom:0;width:100%;height:70px;overflow:hidden;z-index:3}.thebasics .pagination-top{bottom:auto;top:0;height:60px;overflow:visible}.thebasics .pagination-top .skip{float:right;margin-top:8px;opacity:.4;padding-top:2px}.thebasics .pagination-top .share{float:right;margin-top:8px;margin-left:40px;opacity:.8;background-image:url(../img/share.b1148b18.svg);padding-left:24px;background-repeat:no-repeat;background-position:0;padding-top:2px;cursor:pointer}.thebasics .pagination-top .share:hover,.thebasics .pagination-top .skip:hover{cursor:pointer}.thebasics .pagination-top .share:hover{text-decoration:underline}.thebasics .pagination-top .skip:hover{opacity:.5}.thebasics .pagination *,.thebasics .toggle-item-title{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.thebasics .pagination .text{position:relative;background-color:#fff;padding:15px 70px 0 70px;overflow:visible}.thebasics .pagination.pagination-top .text{padding-right:50px}.thebasics .pagination .arrow{float:right;cursor:pointer;position:relative;z-index:2;padding:16px;width:52px;height:52px;opacity:.9;margin-top:-14px;border-radius:50%}.thebasics .pagination .arrow:hover{background-color:#eee}.thebasics .pagination .arrow:active{-webkit-transform:scale(.95);transform:scale(.95);background-color:#ddd}.thebasics .pagination .arrow.prev{float:left}.thebasics .pagination .pages{position:absolute;width:100%;text-align:center;left:0;z-index:1;font-size:18px;opacity:.8;cursor:default}.thebasics .action-btn{color:#fff;padding:16px 30px;margin:15px 22px 0 0;font-size:17px;min-width:180px}.thebasics .action-btn-bordered{color:#777;font-size:15px;padding:13px 30px}.thebasics .action-btn.premium-btn{background-color:#e8aa33}.thebasics .back-btn{float:right;cursor:pointer}.thebasics .loading-thebasics{float:left;width:100%;height:100%;text-align:center}.thebasics .loading-thebasics .spinner:before{left:calc(50% - 10px);top:calc(50% - 10px)}.thebasics .loading-thebasics button,.thebasics .loading-thebasics span{position:absolute;left:0;width:100%;text-align:center;top:calc(50% - 100px);font-size:24px;color:#777}.thebasics .loading-thebasics button{font-size:20px;font-weight:700;top:calc(50% - 40px);cursor:pointer;opacity:1;color:#111}.thebasics .loading-thebasics button:hover{opacity:.8}.thebasics .share-options{position:absolute;z-index:9;background-color:#fff;border:1px solid #eee;right:20px;top:60px;border-radius:5px;padding:2px 10px}.thebasics .share-options li{float:left;cursor:pointer;margin:4px 6px;padding:4px 6px;height:26px}.thebasics .share-options li img{height:100%}.thebasics .share-options li:hover{opacity:.8}.optionsIcon{cursor:pointer;border-radius:4px;padding:4px 5px;width:24px;-webkit-transition:all .2s linear;transition:all .2s linear}.optionsIcon:hover{background-color:rgba(0,0,0,.075)}.optionsIcon:active{-webkit-transform:scale(.9);transform:scale(.9)}@media only screen and (min-width:1700px){.thebasics-container{padding:4% 0;background-color:#f6f6f6}.thebasics{float:none;width:1500px;max-height:900px;margin:auto;border-radius:10px;overflow:hidden}}@media only screen and (max-width:1240px){.thebasics .slide .platforms li{width:100%;margin-top:20px}}@media only screen and (max-width:1100px){.thebasics .illustrations,.thebasics .text{position:relative;float:left;width:100%;left:auto;right:auto;bottom:auto;top:auto}.thebasics .text{margin-bottom:100px}.thebasics .illustrations{display:none}.thebasics .pagination{position:fixed}.thebasics .pagination .text{height:100%;padding-top:22px}}@media only screen and (max-width:550px){.thebasics .text{padding:60px 20px 200px 20px}.thebasics .pagination .text{padding-right:25px;padding-left:25px}.thebasics .pagination.pagination-top .text{padding-right:20px;padding-top:10px}}