header{display:flex;flex-direction:column;padding:0 5em;position:fixed;top:0;left:0;right:0;z-index:9999;color:white;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}header.moving{background-color:white;box-shadow:0 0 10px rgba(0,0,0,0.1)}header nav{display:flex;flex-direction:row;border-bottom:1px solid rgba(255,255,255,0.5);padding:1em 0}header nav div{font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;margin:1em;font-size:0.9em}header nav .title{flex-grow:1;text-align:center}header nav img.white{display:inline-block}header nav img.blue{display:none}header nav a{text-decoration:none;color:white;font-size:1.2em}header.moving nav .submenu ul{background-color:white}header nav .submenu ul{display:none;padding:0;position:absolute;padding:1em;box-shadow:0 0 10px rgba(0,0,0,0.1);list-style:none;background-color:rgba(0,0,0,0.5)}header nav .submenu li{margin-top:1em}header nav .submenu:hover ul{display:block}header.moving nav a{color:black}header.moving nav a.button{color:white}header.moving nav img.white{display:none}header.moving nav img.blue{display:inline-block}.panel{display:flex;flex-direction:row;flex-grow:1;margin:1em 10%}.panel.reverse{direction:rtl}.panel>.panel-title{flex:100%;text-align:center}section.contrast{background-color:#F8FAFB;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5}.base{background:url(../images/section-base.png) left bottom/100% no-repeat}.base-background{flex-grow:1;display:flex;flex-direction:row}.separator{padding-bottom:2em;border-bottom:1px solid #EEE}.panel>div{flex:1}.panel .image{display:flex;text-align:end;padding-right:4em;align-items:center}.panel .content{direction:ltr;display:flex;text-align:start;flex-direction:column;justify-content:center;flex-grow:1}.paralax{background:url(../images/girl-laptop1.jpg) center center/cover no-repeat;height:900px;transform:translateY(0px);flex-grow:1;display:flex;flex-direction:row}.home .paralax .container{display:flex;flex-direction:column;padding-left:10%;width:40%}.button-area{display:flex;flex-direction:row}.button{display:inline-block;background-color:#267DF4;border-radius:1em;padding:0.5em 1em;cursor:pointer;font-size:1.2em;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:white;text-decoration:none}.paralax .button{background-color:white;margin-right:3em;color:black}.button.invert{background-color:black;margin-right:3em;color:white}.button:hover{background-color:black;color:white}.action{text-decoration:none;display:inline-block;padding:0.5em 1em;color:whitesmoke;cursor:pointer;font-size:1.2em;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.action:hover{color:white;border-bottom:1px solid white;padding-bottom:0.2em}.more-action{text-decoration:none;cursor:pointer;margin-top:2em;font-size:1.2em;font-weight:300;line-height:1.5;color:#267DF4}.pricing{display:flex;flex-wrap:wrap;flex-grow:1;flex-direction:row;margin:2em;padding:2em;align-items:center;justify-content:center}.pricing .pricing-box{margin:1em;padding:2.5em 3em;background-color:#FFF;box-shadow:0 0 9px 0 rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.075);border-radius:3px;text-align:center}.pricing .pricing-title{background-color:transparent;border-bottom:0;padding:1em 0;border-radius:3px 3px 0 0;text-shadow:1px 1px 1px #FFF}.pricing-title h3{font-weight:600;font-size:1.1em;letter-spacing:0;margin:0;text-transform:uppercase;color:#555;line-height:1.5}.pricing-price{font-weight:600;position:relative;padding:.8em 0;color:#333;font-size:3em;line-height:1}.pricing-price span.price-tenure{display:block;font-size:0.2em;font-weight:600;text-transform:uppercase;margin:10px 0 0 0;text-align:center;color:#888;letter-spacing:1px}.pricing-features ul{margin:0;padding:15px 0;list-style:none;line-height:1.5;color:#555}.pricing-features li{padding:6px 0;font-size:14px}.panel.faqs{flex-wrap:wrap}.panel.faqs>div.faq{flex:50%}.faq h4{margin-right:2em}.faq p{margin-right:2em;font-size:1.2em;color:#555;font-weight:400}.panel>div.comments-content{padding:5% 10%;justify-content:center}.comment{text-align:center}.comment img{border-radius:50%;width:6em;height:6em}.comment p{line-height:1.8;font-size:2em;font-weight:300;letter-spacing:-1px;word-spacing:2px;color:#777;font-style:normal;margin:1.2em 0 2.3em 0}.comment .author{font-size:1.2em;line-height:1.5;color:#555;font-weight:700}.comment .company{font-weight:400;color:#999}section.screenshots{flex-direction:column}section.screenshots .panel.intro{flex-direction:column;align-items:center}section.screenshots .panel.intro p{font-size:1.8em;font-weight:400}.screen{display:flex;justify-content:center}.panel.carrousel{margin:1em 10%;align-items:center}.panel>div.carrousel-button{flex:2em;max-width:6em}.panel>div.carrousel-button a{font-size:3em;color:rgba(0,0,0,0.2);-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.panel>div.carrousel-button a:hover{color:rgba(0,0,0,0.5)}.carrousel .carrousel-pagination{text-align:center;margin:2em 1em}.carrousel .carrousel-pagination a{color:#267DF4;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.carrousel .carrousel-content{display:flex;flex-direction:row}.carrousel .screen{opacity:0;width:0;height:0;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden}.carrousel .screen.current{width:auto;height:auto;opacity:1;flex-grow:1;align-items:center}.carrousel .screen.comment{flex-direction:column}.features{flex-grow:1;display:flex;flex-direction:row;flex-wrap:wrap;padding:10%}.feature{flex:33%}.feature i{font-size:4em;color:#555;margin-left:0}.feature h4{text-transform:uppercase;font-size:1.2em}.feature p{padding-right:2em;font-size:1.2em;font-weight:400;color:#999}section.quote{flex-direction:column;justify-content:center;align-items:center}.quote strong{color:#267DF4}.quote{margin-bottom:3em}.tags{display:flex;flex-grow:1;flex-direction:row;padding:2em 10%;color:#666}.tag{display:flex;flex-direction:row;flex:1}@media screen and (max-width: 500px){.tags{flex-wrap:wrap}.tag{flex:100%;margin:.5em 0}}footer{display:flex;flex-direction:row;flex-wrap:wrap;padding:10%}footer .identity{flex:40%}footer .identity p{font-size:1em;font-weight:400;margin-right:4em}footer .links{flex:20%}footer ul{list-style:none;margin:0;padding:0}footer ul li{padding:0;font-size:1.1em;line-height:1.5}footer ul li a{text-decoration:none;color:#AAA}footer .copyrigth{flex:100%;margin-top:2em;margin-bottom:1em}footer .terms a{text-decoration:none;color:#777;border-bottom:1px dashed #777}footer .identity a{text-decoration:none;color:#555}.login{display:none}.login-panel p.error{display:none;color:red;margin:0 2em;font-size:1em;font-weight:400;padding-bottom:1em}.login-panel-title{background-color:#267DF4;color:white;margin-bottom:1em;padding:1em}.popup-shadow{z-index:99999;position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;flex-direction:row;align-items:center;justify-content:center}.login-panel{font-size:1.3em;background-color:white;padding-bottom:2em;margin-bottom:2em;box-shadow:0 0 10px rgba(0,0,0,0.1)}.login-panel .field{display:flex;flex-direction:row;padding-bottom:1em;margin:0 2em}.login-panel .field>div{flex:1}.login-panel .field input{border-radius:5px;border:1px solid #aaa;font-size:1.3em;margin-left:1em;padding:0.1em 0.5em}.login-panel .button-area{display:flex;flex-direction:row;font-size:0.7em;justify-content:flex-end;margin:0 2em}.login-panel .login-cancel{text-decoration:none;color:black}.form-panel{margin-bottom:3em}.form-container{display:flex;flex-direction:row;flex-wrap:wrap}.form-container .field{font-size:1.2em;display:flex;flex-direction:row;flex:50%;flex-wrap:wrap}.form-container .field .label{flex:25%;margin:.4em 0}.form-container .field .value{display:flex;flex:75%}.form-container .field .value input,.form-container .field .value textarea{font-size:1.2em;margin:.4em 0;border:1px solid #aaa;border-radius:0.2em;padding:0.2em .5em}.form-container .big-field{flex:100%}.form-container .field.big-field .label,.form-container .field.big-field .value,.form-container .field.big-field .label,.form-container .field.big-field .value textarea{flex:100%}.form-container .button-area{margin-top:1em;justify-content:flex-end;flex:100%}.form-panel .error{display:none;color:red;font-size:1.4em}.greetings{display:none;margin-bottom:5em}.article-container{display:flex;flex-grow:1}.panel.article-panel{margin:0}.article-panel{display:flex;flex-direction:row;font-size:.8em}.article-panel .panel{margin:0}.article-panel .article-index{margin-right:2em;background-color:#EEE;padding:2em;flex:1;position:fixed;width:180px}.article-panel .article-index ul{list-style:none;margin:0;padding:0}.article-panel .article-index li a{text-decoration:none;font-size:1.2em;color:#267DF4;line-height:2em}.article-panel .article-content{flex:5;display:flex;flex-direction:column;margin-left:280px;margin-right:150px}.article-content section{display:flex;flex-direction:column}.article-content section ul li{color:#777;font-size:1.4em;line-height:1.8em}body{margin:0;font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;display:flex;flex-direction:column}section{display:flex;flex-direction:row}.vertical-middle{display:flex;align-items:center;flex-grow:1}.title h1{color:white;font-size:3em;font-weight:400;letter-spacing:-1px;line-height:1.5}h2{color:#333;font-size:3em;font-weight:400;letter-spacing:-1px;line-height:1.5}h3{font-size:2.5em;color:#444;font-weight:400}h4{color:#444;line-height:1.5;font-weight:600;font-size:1.4em}h5{color:#444;line-height:1.4;font-weight:600;font-size:1.3em}p{color:#777;line-height:1.8;font-size:1.5em;font-weight:300;margin-bottom:1.5em}i{margin:0 1em}.top-button{color:#ccc;position:fixed;bottom:2em;right:2em;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;visibility:hidden}.top-button.moving{visibility:visible}.top-button i{margin:1em}.top-button:hover{background-color:#267DF4;border-radius:50%;color:white}@media screen and (max-width: 1024px){.title h1{font-size:1.3em}h2{font-size:2em}h3{font-size:1.5em}i{margin:0.5em}}@media screen and (max-width: 1024px){header{padding:0 1em}header nav div{margin:0 1em}}@media screen and (max-width: 900px){header nav .submenu,header nav .login-action{display:none}}@media screen and (max-width: 500px){header{padding:0}header nav a{display:none}}@media screen and (max-width: 1024px){.home .paralax .container{width:auto}}@media screen and (max-width: 1024px){.paralax{height:600px}}@media screen and (max-width: 500px){.paralax{height:350px}}@media screen and (max-width: 1024px){.panel{margin:1em 5%}.panel .image img{width:100%}.base-background{background-size:50% 50% !important}}@media screen and (max-width: 500px){.panel{flex-direction:column}.panel h2{margin-bottom:0}.base-background{background:none !important}.base-background .panel .image{display:none}}@media screen and (max-width: 1024px){.button{font-size:1em;line-height:1.5em}}@media screen and (max-width: 500px){.more-action{margin-top:0;margin-bottom:2em}}@media screen and (max-width: 1024px){.pricing{padding:0;margin:1em 0}.pricing .pricing-box{margin:1em;padding:1.5em 2em}}@media screen and (max-width: 800px){.pricing .pricing-box{margin:.5em;padding:1.5em 1em}}@media screen and (max-width: 500px){.pricing{padding:2em}.pricing .pricing-box{margin:1em 0;flex:100%}}@media screen and (max-width: 1024px){.faq{font-size:.8em}}@media screen and (max-width: 500px){.panel.faqs{flex-direction:row}.panel.faqs>div.faq{flex:100%}}@media screen and (max-width: 1024px){.panel.carrousel{margin:1em 0}.carrousel-content{font-size:.7em}section.screenshots .panel.intro p{font-size:1.1em}.carrousel.screenshots .screen img{height:200px}}@media screen and (max-width: 500px){.panel.carrousel{flex-direction:row}}@media screen and (max-width: 1024px){.feature i{font-size:2em}.feature h4{font-size:1em}.feature p{font-size:0.9em}}@media screen and (max-width: 500px){.feature{flex:100%}}@media screen and (max-width: 1024px){.panel>div.comments-content{padding:5% 0}}@media screen and (max-width: 500px){.article-panel .article-index{display:none}.article-panel .article-content{margin:2em}}
/*# sourceMappingURL=style.css.map */