body{margin:0;padding:0;font-family:Helvetica,arial,sans-serif;min-width:320px}.main{width:100%}.splash{text-align:center;background-image:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:30vh 0;height:80vh;background-attachment:fixed}.splash h1{color:#fff;padding:2% 5%;border-radius:20px;font-size:4vh;display:inline;text-align:center;border:1px solid #fff}.splash h3{color:#fff;padding:30px}.btn{font-size:4vh!important;border-radius:29px!important;background:linear-gradient(#ffd257 0,#f86969 100%);border:4px solid #fff;box-shadow:12px 12px 12px rgba(0,0,0,.16)!important;color:#fff!important;text-shadow:1px 1px 5px #000;text-transform:uppercase;text-decoration:none;padding:15px 30px;font-weight:700;margin-top:20px;cursor:pointer}.btn:hover{background:linear-gradient(#ffeb3b 0,#fce5bb 100%);color:#000!important;border:4px solid orange;text-shadow:1px 1px 5px #fff}.sect{padding:20px 15%}p,ul li{line-height:25px}.main>section{padding:20px 15% 80px 15%}.main>section h1{font-size:3.5em;text-align:center;color:#000}#features{background-image:linear-gradient(-225deg,#7085b6 0,#87a7d9 50%,#def3f8 100%)}#guides{background-image:linear-gradient(-225deg,#ffe29f 0,#ffa99f 48%,#ff719a 100%)}#kbase{background-color:#e4e4e1;background-image:radial-gradient(at top center,rgba(255,255,255,.03) 0,rgba(0,0,0,.03) 100%),linear-gradient(to top,rgba(255,255,255,.1) 0,rgba(143,152,157,.6) 100%);background-blend-mode:normal,multiply}.site-footer>div{padding:0 15%}.dlbox{display:flex;flex-direction:row;justify-content:center}.box{width:220px;height:220px;text-align:center;color:#fff;text-decoration:none;display:inline-flex;flex-direction:column;justify-content:center;vertical-align:middle;margin:5px;font-size:1.5em;font-weight:700;cursor:pointer;border-radius:30px;border:10px solid #fff}.box:hover{border:10px solid #fff;-webkit-box-shadow:2px 6px 53px 0 #ababab;-moz-box-shadow:2px 6px 53px 0 #ababab;box-shadow:2px 6px 53px 0 #ababab}.box svg{display:block;margin:0 auto 20px auto;fill:#fff!important}.box.msf{background-color:#43b3ee}.box.mac{background-color:#545454;margin:5px 55px}.box.mob{background-color:#48cfad}footer{text-align:center;font-size:14px}footer .site-footer{padding:0;color:#000;line-height:19px}footer .site-footer p{margin:20px}footer .site-footer *{color:#000;text-decoration:none}footer .site-footer a:hover{text-decoration:underline}footer .footer-disclaimer{background-color:#000;color:#fff;padding:0}footer .footer-disclaimer p{margin:20px}footer .footer-disclaimer *{color:#fff}footer .footer{background-color:#333;color:#fff;overflow:hidden;padding:15px}footer .footer *{color:#fff}footer .footer ul.fnav{float:left;display:block;margin:0;padding:0}footer .footer ul.fnav li{display:inline}footer a{text-decoration:none}footer a:hover{text-decoration:underline}footer .fnav li{margin-left:20px}footer .footer .footer-copyright{float:right;display:block;margin:5px}*{box-sizing:border-box}.nav{height:50px;width:100%;background-color:#000;position:fixed}.nav>.nav-header{display:inline}.nav>.nav-header>.nav-title{display:inline-block;font-size:21px;color:#fff;padding:10px 10px 10px 10px}.nav>.nav-header>.nav-title a{text-decoration:none;color:#fff}.nav>.nav-btn{display:none}.nav>.nav-links{display:inline;float:right;font-size:18px}.nav>.nav-links>a{display:inline-block;padding:13px 10px 13px 10px;text-decoration:none;color:#efefef}.nav>.nav-links>a:hover{background-color:#555}.nav>#nav-check{display:none}@media (max-width:750px){.nav>.nav-btn{display:inline-block;position:absolute;right:0;top:0}.nav>.nav-btn>label{display:inline-block;width:50px;height:50px;padding:13px}.nav #nav-check:checked~.nav-btn>label,.nav>.nav-btn>label:hover{background-color:rgba(0,0,0,.3)}.nav>.nav-btn>label>span{display:block;width:25px;height:10px;border-top:2px solid #eee}.nav>.nav-links{position:absolute;display:block;width:100%;background-color:#333;height:0;transition:all .3s ease-in;overflow-y:hidden;top:50px;left:0}.nav>.nav-links>a{display:block;width:100%}.nav>#nav-check:not(:checked)~.nav-links{height:0}.nav>#nav-check:checked~.nav-links{height:calc(100vh - 50px);overflow-y:auto}}.show{padding:20px;background-color:#fff}.panel1{display:none}.panel1.show{display:block!important}.panel2{display:none}.panel2.show{display:block!important}.panel3{display:none}.panel3.show{display:block!important}.accd{padding:20px;background-image:linear-gradient(to top,#c4c5c7 0,#dcdddf 52%,#ebebeb 100%);cursor:pointer;border:1px solid #ccc;font-size:1.5em;font-weight:700;-webkit-box-shadow:3px 6px 25px -12px rgba(0,0,0,.75);-moz-box-shadow:3px 6px 25px -12px rgba(0,0,0,.75);box-shadow:3px 6px 25px -12px rgba(0,0,0,.75)}.accd:hover{background-color:#eee;border:1px solid #000;background-image:none}.accd.active{background-image:linear-gradient(to top,#accbee 0,#e7f0fd 100%);border:0}.popup-lightbox{z-index:99999;position:fixed;display:block;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);text-align:right}.popup-lightbox .lightbox-container{width:100%;height:100%;border-radius:10px;background:#fff;max-width:900px;height:calc(100vh - 40px);padding:50px;margin:20px auto}.popup-lightbox iframe{width:100%;height:100%;padding:3px;border:0}.lightbox-close{cursor:pointer}@media (max-width:1200px){.main>section{padding:80px 8%}}@media (max-width:1000px){.main>section{padding:80px 3%}}@media (max-width:800px){.dlbox{flex-direction:column;justify-content:center;align-items:center}}@media (max-width:600px){.site-footer{padding:0!important}.footer{flex-direction:column}.footer section,.footer ul{width:100%;margin:5px 0}.footer-credits{padding:0!important}.popup-lightbox .lightbox-container{padding:0 0 50px 0}.lightbox-close{text-align:center;padding:10px 0;display:block}.splash{height:100vh}}@media (max-width:500px){.main>section h1{font-size:1.5em}.accd,.main>section h3{font-size:1.2em}.btn{font-size:3vh!important}}