html{height:100%}body,html{font-size:14px}body{color:var(--text-color);font-family:Varela Round,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface-ground);margin:0;min-height:100%;padding:0}a{color:#5e35b1}a,a: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%}p.line-icon{margin:10px 0}p.line-icon i{margin:0 10px 0 5px;min-width:25px;text-align:center}#header{background-color:var(--surface-ground)}#header .logo-head{display:inline-block;height:46px;margin-bottom:16px;width:46px}#header>div{height:92px;padding:16px 0}#header #landing-menu{display:inline-block;list-style-type:none;margin:20px 0 0;padding:0 16px;vertical-align:bottom}#header #landing-menu>li{display:inline-block}#header #landing-menu>li a{border-bottom:5px solid transparent;color:#616161;display:inline-block;font-size:15px;height:55px;min-width:80px;padding:0 10px;text-align:center;transition:border-color .3s}#header #landing-menu>li:hover a{border-color:#3f51b5;color:#3f51b5}#header #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}#introduction>div h1{margin:0 0 20px;padding:0}#introduction>div h2{font-weight:400}#introduction>div button#order-demo-btn{background:var(--secondary-background);color:var(--secondary-text-color);padding:16px 32px}#introduction>div button#order-demo-btn .p-button-text{font-family:Varela Round,sans-serif;font-size:18px}#features .feature-box:after,#features .feature-box:before{content:"";display:table}#features .feature-box:after{clear:both}#features .feature-box{align-items:center;display:flex;padding:32px 16px}#features .feature-box .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}#features .feature-box .circled-icon i{color:#fff;font-size:50px}#features .feature-box>.feature-text{padding:0 30px}#features .feature-box>.feature-text h3{margin:0}#features .feature-box>.feature-text p{color:var(--text-color-secondary);font-size:16px;margin:8px 0}#stats{background-color:var(--secondary-background)}#stats .col-12{padding:16px}#stats .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}#stats .stat-box i{font-size:36px}#stats .stat-box p{margin:0}#stats .stat-box.stat-box-active{background-color:var(--secondary-text-color);color:var(--secondary-background)}#video{background-color:var(--secondary-background)}#video .feature-box{padding:32px 16px}#video .feature-box p{font-size:18px;margin-top:0}#video #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)}#contact .padded-div>h2{margin:0 0 12px}#contact #contact-form button{width:180px}#contact #contact-form #form-spinner{display:none}#contact #contact-form 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 .footer-link{color:#dedede;display:block;font-size:16px;height:48px;padding:10px 0}#footer .footer-link i{font-size:20px;margin:0 5px}#footer a.footer-link{opacity:1}#footer a.footer-link:hover{opacity:.7}#footer .padded-div{padding:30px 0}#footer .footer-logo{float:right;margin-left:14px}#footer .description-p{margin-top:8px}#footer .footer-social{text-align:left}#footer .footer-social a{margin-left:14px;opacity:1}#footer .footer-social a i{color:#fff;font-size:30px}#footer .footer-social a:hover{opacity:.7}.text-center{text-align:center}#article p,#article ul{font-size:16px}#article ul{padding:0 60px}#article ul li{padding-bottom:5px}#article .article-image{float:left;margin:16px}#article .article-image img{display:block;width:300px}#image-gallery img{cursor:pointer;transition:.3s}#image-gallery img: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}.pwa-section .steps{padding-right:20px}.pwa-section .steps li{font-size:18px;margin-bottom:10px}.pwa-section 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}.pwa-section .side-by-side{align-items:center;display:flex;gap:30px;justify-content:space-around;margin-top:30px}#screenshots h3{text-align:center}#screenshots .screenshot-block .padded-div{align-items:center;display:flex;gap:30px;margin-bottom:30px;padding:25px 0}#screenshots .screenshot-block:nth-of-type(odd){background-color:var(--secondary-background)}#screenshots .screenshot-block:nth-of-type(odd) .padded-div{flex-direction:row-reverse}#screenshots .screenshot-block img{cursor:pointer;max-width:50%;transition:.3s}#screenshots .screenshot-block img:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);opacity:.7}#screenshots .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}#gallery-modal.modal .modal-content{max-width:1200px;position:relative;width:90%}#gallery-modal.modal .close{color:#fff;font-size:35px;font-weight:700;left:25px;position:absolute;top:10px}#gallery-modal.modal .close:focus,#gallery-modal.modal .close:hover{color:#999;cursor:pointer;text-decoration:none}#gallery-modal.modal .next,#gallery-modal.modal .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}#gallery-modal.modal .next{border-radius:3px 0 0 3px;left:0}#gallery-modal.modal .next:hover,#gallery-modal.modal .prev:hover{background-color:rgba(0,0,0,.8)}#gallery-modal.modal .slide-counter{color:#f2f2f2;direction:ltr;font-size:12px;padding:8px 12px;position:absolute;top:-25px}#gallery-modal.modal .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}#header>div{padding-right:15px;width:100%}#header>div #landing-menu-button{color:#3f51b5;cursor:pointer;display:block;float:left;margin-left:15px;margin-top:5px}#header>div #landing-menu-button i{font-size:48px}#header>div #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%}#header>div #landing-menu li{display:block}#header>div #landing-menu li a{border-bottom:0;height:auto;padding:15px}#header>div #landing-menu.landing-menu-active{display:block}#introduction{width:100%}#introduction>div h1,#introduction>div p{padding-left:15px;padding-right:15px}#video .padded-div{text-align:center}#video 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}.side-by-side video{height:auto;max-height:none;max-width:90%}#screenshots .screenshot-block .padded-div{flex-wrap:wrap;text-align:center}#screenshots .screenshot-block img{max-width:100%}#screenshots .screenshot-block p{font-size:18px;text-align:center}#gallery-modal .modal-slide img,#video #base-ytplayer,.in-text-img{height:unset;width:100%}}