:root{--font-size:14px;--font-family:"Varela Round",sans-serif;--primary-color:#5e35b1}html{height:100%}body,html{font-size:var(--font-size)}body{color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface-ground);margin:0;min-height:100%;padding:0}a{color:var(--primary-color);text-decoration:none;&:hover{text-decoration:none}}.landing-body{background-color:var(--surface-ground)}.landing-wrapper{overflow:hidden}*{box-sizing:border-box;font-size:16px}p{line-height:1.5}h1{font-size:48px}h2{font-size:28px;text-align:center}h3{font-size:24px}.p-button-text{width:100%}button{cursor:pointer}.padded-div{margin:0 auto;padding:60px 0;width:80%}.max-600>.padded-div>p{max-width:600px}p.line-icon{margin:10px 0;i{margin:0 10px 0 5px;min-width:25px;text-align:center}}#cf-phone{text-align:right}#header{background-color:var(--surface-ground);.logo-head{display:inline-block;height:46px;margin-bottom:16px;width:46px}>div{height:92px;padding:16px 0}#landing-menu{display:inline-block;list-style-type:none;margin:20px 0 0;padding:0 16px;vertical-align:bottom;>li{display:inline-block;a{border-bottom:5px solid transparent;color:var(--surface-700);display:inline-block;font-size:15px;height:55px;min-width:80px;padding:0 10px;text-align:center;transition:border-color .3s}&:hover{a{border-color:#3f51b5;color:#3f51b5}}}}#landing-menu-button{display:none}}#introduction{>div{background:linear-gradient(#5e66e0,rgba(94,102,224,.5)),url(../images/fixus-hero1.jpg);background-size:cover;color:#fff;min-height:350px;padding:120px 0;text-align:center;h1{margin:0 0 20px;padding:0}h2{font-weight:400}button#order-demo-btn{background:var(--secondary-background);color:var(--secondary-text-color);padding:16px 32px;.p-button-text{font-family:Varela Round,sans-serif;font-size:18px}}}}#features{.feature-box{align-items:center;display:flex;padding:32px 16px;&:after,&:before{content:"";display:table}&:after{clear:both}.circled-icon{align-items:center;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 5px 0 #555;display:flex;justify-content:center;min-height:105px;min-width:105px;i{color:#fff;font-size:50px}}>.feature-text{padding:0 30px;h3{margin:0}p{color:var(--text-color-secondary);font-size:16px;margin:8px 0}}}}#stats{background-color:var(--secondary-background);.col-12{padding:16px}.stat-box{background-color:var(--surface-0);border-radius:3px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);color:var(--secondary-text-color);padding:32px;text-align:center;i{font-size:36px}p{margin:0}&.stat-box-active{background-color:var(--secondary-text-color);color:var(--secondary-background)}}}#video{background-color:var(--secondary-background);.feature-box{padding:32px 16px;p{font-size:18px;margin-top:0}}#base-ytplayer{background:url(../images/preview_fixus_video.png) no-repeat;background-size:cover;display:flex;justify-content:center;width:100%}}#contact{background-color:var(--secondary-background);.padded-div{>h2{margin:0 0 12px}}#contact-form{button{width:180px}#form-spinner{display:none}textarea{resize:vertical}}}#toast-message{border:1px solid transparent;border-radius:2px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);display:inline-block;font-size:16px;opacity:0;padding:10px 20px;text-align:right;transition:opacity .4s,color .4s,box-shadow .4s;width:50%}#footer{background-color:#212121;color:#fff;.footer-link{color:#dedede;display:block;font-size:16px;height:48px;padding:10px 0;i{font-size:20px;margin:0 5px}}a.footer-link{opacity:1;&:hover{opacity:.7}}.padded-div{padding:30px 0}.footer-logo{float:right;margin-left:14px}.description-p{margin-top:8px}.footer-social{text-align:left;a{margin-left:14px;opacity:1;i{color:#fff;font-size:30px}&:hover{opacity:.7}}}}.text-center{text-align:center}#article{p,ul{font-size:16px}ul{padding:0 60px;li{padding-bottom:5px}}.article-image{float:left;margin:16px;img{display:block;width:300px}}}#image-gallery{img{cursor:pointer;transition:.3s;&:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);opacity:.7}}}.pwa-section{h3{text-align:center}.steps{padding-right:20px;li{font-size:18px;margin-bottom:10px}}video{border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);max-height:500px;width:auto}.side-by-side{align-items:center;display:flex;gap:30px;justify-content:space-around;margin-top:30px}}#screenshots{h3{text-align:center}.screenshot-block .padded-div{align-items:center;display:flex;gap:30px;margin-bottom:30px;padding:25px 0}.screenshot-block:nth-of-type(odd){background-color:var(--secondary-background);.padded-div{flex-direction:row-reverse}}.screenshot-block{img{cursor:pointer;max-width:50%;transition:.3s;&:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);opacity:.7}}}.screenshot-block p{text-align:justify}}#gallery-modal.modal{align-items:center;background-color:#000;display:none;height:100%;justify-content:center;left:0;opacity:0;overflow:auto;position:fixed;top:0;transition:display 0s,opacity .3s;width:100%;z-index:102;.modal-content{max-width:1200px;position:relative;width:90%}.close{color:#fff;font-size:35px;font-weight:700;left:25px;position:absolute;top:10px}.close:focus,.close:hover{color:#999;cursor:pointer;text-decoration:none}.next,.prev{background-color:rgba(0,0,0,.4);border-radius:0 3px 3px 0;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-top:-50px;padding:16px;position:absolute;top:50%;transition:.6s ease;user-select:none;-webkit-user-select:none;width:auto}.next{border-radius:3px 0 0 3px;left:0}.next:hover,.prev:hover{background-color:rgba(0,0,0,.8)}.slide-counter{color:#f2f2f2;direction:ltr;font-size:12px;padding:8px 12px;position:absolute;top:-25px}.caption-container{background-color:#000;color:#fff;padding:2px 16px;text-align:center}}@media screen and (max-width:64em){.landing-wrapper{padding-top:90px}.padded-div{padding-left:15px;padding-right:15px;width:100%}#header{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);left:0;position:fixed;right:0;top:0;z-index:100;>div{padding-right:15px;width:100%;#landing-menu-button{color:#3f51b5;cursor:pointer;display:block;float:left;margin-left:15px;margin-top:5px;i{font-size:48px}}#landing-menu{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s;background-color:var(--surface-ground);box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);display:none;float:none;position:fixed;right:0;text-align:center;top:70px;width:100%;li{display:block;a{border-bottom:0;height:auto;padding:15px}}&.landing-menu-active{display:block}}}}#introduction{width:100%;>div{h1,p{padding-left:15px;padding-right:15px}}}#video{.padded-div{text-align:center}iframe{height:200px;width:300px}}#contact{.padded-div{text-align:center}}#footer{.col-12{padding-right:24px;padding-top:24px}}.side-by-side{flex-wrap:wrap;video{height:auto;max-height:none;max-width:90%}}#screenshots{.screenshot-block .padded-div{flex-wrap:wrap;text-align:center}.screenshot-block img{max-width:100%}.screenshot-block p{font-size:18px;text-align:center}}#gallery-modal .modal-slide img,#video #base-ytplayer,.in-text-img{height:unset;width:100%}}