html{background:#fefefe}html,body{margin:0;padding:0}body{font-family:-apple-system, BlinkMacSystemFont, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif}a{color:#009DDC;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1{font-weight:500;font-size:2.3rem;margin:0}h2{font-weight:500;font-size:2.2rem;margin:0 0 30px 0}h3{font-weight:400;font-size:1.8rem;margin:0 0 20px 0}h4{font-weight:400;font-size:1.5rem;margin:0 0 10px 0}h1,h2,h3,h4{padding:8px 0 4px}p,address,ul,ol{font-size:1.2rem;color:#666;font-weight:300;line-height:1.6}.container,.text-container{margin:0 auto;position:relative;padding:0 20px}.text-container{max-width:1000px}.container{max-width:1000px}video{width:100%    !important;height:auto   !important}header{color:#fff;padding:20px 0;position:absolute;top:0;left:0;width:100%}header a{color:#fff;text-decoration:none;z-index:1;position:relative}header a:hover{text-decoration:none}header .company-name{font-size:1.7em}.list-posts-image{max-width:180px;max-height:180px}.content{background:#fff;padding:1px 0 0 0;position:relative}.hero-casual{padding:175px 0 0 0}.screenshot{height:auto;display:block;margin:0 auto;border-radius:7px;box-shadow:0px 1px 35px 1px #cccccc}section,footer{padding:35px 0;background:#fff;margin-top:-2px}section.hero,footer.hero{color:#111;background:#fefefe;text-align:center;margin-top:-100px;padding-top:300px}section.hero h2,footer.hero h2{font-size:3.5rem}section.hero p,footer.hero p{font-size:1.6rem;color:#222}section.hero a:not(.button),footer.hero a:not(.button){color:#009DDC;font-style:italic;text-decoration:none}section.alternate,footer.alternate{padding:100px 0;background:#fefefe}section.pattern-section,footer.pattern-section{padding:100px 0;background:#fefefe url("/images/pattern.png")}.button{padding:13px 38px;border-radius:6px;display:inline-block;color:#009DDC;background:#fff;text-decoration:none;font-weight:500;cursor:pointer;margin:20px 0 0 0;text-decoration:none !important;box-shadow:0px 1px 35px 1px #cccccc;transition:0.3s ease-in-out}.button:hover{background:#009DDC;color:#fcfcfc;transition:0.3s ease-in-out}.button:active{opacity:1;background:rgba(255,255,255,0.1);color:#fff;transform:translateY(1px)}.halves{display:flex;flex-flow:wrap;align-items:center}.halves>div{flex:1 0 100%}@media (min-width: 620px){.halves>div{flex:1}.halves>div+div{padding-left:20px;margin:0}}.aligned-top{align-items:flex-start}.image-grid{padding:0;list-style:none;display:flex;flex-flow:wrap;text-align:center;margin:0 -20px}.image-grid li{padding:0;box-sizing:border-box;width:100%;position:relative;overflow:hidden;margin:20px;border-radius:5px;text-align:left;border:1px solid #009DDC;line-height:0}@media (min-width: 450px){.image-grid li{flex:1 1 50%}}@media (min-width: 768px){.image-grid li{flex:1 1 30%}}.image-grid li img{min-width:100%}.image-grid li>a:hover{opacity:0.9}.image-grid .square-image{height:320px}.image-grid .square-image img{min-height:100%;width:100%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.image-grid .details{line-height:1.2;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);padding:20px}.image-grid .name{font-size:1.3rem;color:#009DDC}.image-grid .position{margin-top:5px;color:#fff}.image-grid .filler{border:0}.image-grid-floating{padding:0;list-style:none;display:flex;flex-flow:wrap;text-align:center;margin:0 -20px}.image-grid-floating li{padding:0;box-sizing:border-box;width:100%;margin:20px;text-align:left;line-height:0}@media (min-width: 450px){.image-grid-floating li{flex:1 1 50%}}@media (min-width: 768px){.image-grid-floating li{flex:1 1 30%}}.image-grid-floating li img{min-width:100%;box-shadow:0px 2px 25px 1px #a3a3a3;border-radius:9px;background-color:#fefefe}.image-grid-floating li>a:hover{text-decoration:none}.image-grid-floating .square-image{height:320px}.image-grid-floating .square-image img{min-height:100%;width:100%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.image-grid-floating .details{line-height:1.2;padding:20px}.image-grid-floating .name{font-size:1.5rem;color:#009DDC}.image-grid-floating .position{font-size:1.2rem;margin-top:5px;color:#222}.image-grid-floating .filler{border:0}.image-grid-plain{padding:0;list-style:none;display:flex;flex-flow:wrap;text-align:center;margin:0 -20px}.image-grid-plain li{padding:0;box-sizing:border-box;width:100%;margin:20px;text-align:left;line-height:0}@media (min-width: 450px){.image-grid-plain li{flex:1 1 50%}}@media (min-width: 768px){.image-grid-plain li{flex:1 1 30%}}.image-grid-plain li img{min-width:100%;background-color:rgba(255,255,255,0)}.image-grid-plain li>a:hover{text-decoration:none}.image-grid-plain .square-image{height:320px}.image-grid-plain .square-image img{min-height:100%;width:100%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.image-grid-plain .details{line-height:1.2;padding:20px}.image-grid-plain .name{font-size:1.5rem;color:#009DDC}.image-grid-plain .position{font-size:1.2rem;margin-top:5px;color:#222}.image-grid-plain .filler{border:0}.image-list,.image-list li{list-style:none;margin:0;padding:0;text-align:center}.patterned{background:#fefefe url("/images/pattern.png")}.patterned,.patterned p{color:#222}.app-store-badge{display:flex;justify-content:center;flex-direction:row;padding-top:24px}.app-store-badge a{margin-right:20px}.app-store-badge img{height:55px}.author{max-width:300px;max-height:300px}.author img{max-width:300px;max-height:300px}.screenshots{display:flex;align-content:space-around;flex-direction:row;flex-wrap:wrap}.screenshots img{flex-grow:1;width:99%;height:99%;margin:1%;border-color:#ddd;border-style:solid}@media (min-width: 480px){.screenshots img{flex-grow:1;width:45%;height:45%;margin:1%;border-color:#ddd;border-style:solid}}@media (min-width: 768px){.screenshots img{flex-grow:1;width:30%;height:30%;margin:1%;border-color:#ddd;border-style:solid}}@media (min-width: 960px){.screenshots img{flex-grow:1;width:15%;height:15%;margin:1%;border-color:#ddd;border-style:solid}}.screenshots-landscape{display:flex;align-content:space-around;flex-direction:row;flex-wrap:wrap}.screenshots-landscape img{flex-grow:1;width:99%;height:99%;margin:1%;border-color:#ddd;border-style:solid}@media (min-width: 768px){.screenshots-landscape img{flex-grow:1;width:45%;height:45%;margin:1%;border-color:#ddd;border-style:solid}}@media (min-width: 960px){.screenshots-landscape img{flex-grow:1;width:30%;height:30%;margin:1%;border-color:#ddd;border-style:solid}}section.map,footer.map{position:relative;height:300px;overflow:hidden}section.map>div,footer.map>div{position:absolute;top:-200px;left:0;right:0;bottom:-200px}.blog-posts{list-style:none;padding:0}.blog-posts li{margin:100px 0}.blog-post h3{margin:0;font-weight:500}.blog-post h3 a{color:#000;text-decoration:none;font-size:1.3em}.blog-post h2{text-align:left;font-weight:500}.blog-post .post-details{margin:5px 0;font-size:1.2rem}.blog-post .post-details .blog-filter{display:inline-block;text-align:left}.blog-post .post-details .blog-filter a{position:relative;top:-5px}.blog-post .post-details a{text-decoration:none}.blog-post .post-details .post-date{position:relative;top:-3px;margin-left:5px}.blog-post .post-details:after{content:"";display:table;clear:both}.blog-post .post-content .button{margin:30px 0 0 0}.blog-post .post-content img{max-height:500px;box-shadow:0px 3.5px 40px 3px #ddd;border-radius:6px;margin-top:30px;margin-bottom:40px;display:block;margin-left:auto;margin-right:auto}.blog-post .post-content table{margin-bottom:3rem;margin-top:2rem;width:100%;background-color:#f0f0f0;border-collapse:collapse;border-radius:8px;padding-left:20px;padding-right:20px;padding-top:40px;padding-bottom:40px;font-size:1.2rem;text-align:center}.blog-post .post-content table td,.blog-post .post-content table th{padding:0.75rem 0.5rem;border:none}.blog-post .post-content table tbody tr:nth-child(odd) td,.blog-post .post-content table tbody tr:nth-child(odd) th{background-color:#f0f0f0}.blog-post .post-content blockquote{background-color:#f1f7f9;padding:15px;border-left:6px solid #009DDC !important;margin:30px 40px 30px 20px;display:block;border-radius:6px}.boxed-image{box-shadow:0 1px 0 #ccc, 0 1px 0 1px #eee;border-radius:2px;background:#ddd url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2212%22%20viewBox%3D%220%200%2044%2012%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%224%22%20fill%3D%22%23eee%22%20%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%226%22%20r%3D%224%22%20fill%3D%22%23eee%22%20%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%226%22%20r%3D%224%22%20fill%3D%22%23eee%22%20%2F%3E%3C%2Fsvg%3E") 4px 4px no-repeat;padding:20px 0 0 0;position:relative}.pagination{text-align:center}.blog-filter{text-align:center}.blog-filter a{background:#eee;padding:3px 5px;font-size:0.8em;border-radius:5px;color:#888;transition:0.2s ease-in-out}.blog-filter a:hover{color:#555;text-decoration:none}code{font-family:"Fira Mono", monospace}code.highlighter-rouge{color:#222222;padding:4px;border-radius:4px;font-size:1rem}div.details-highlight{background-color:#f0f0f0;padding:20px;margin:20px}details{margin-bottom:60px}input[type=submit]{color:#fff;text-decoration:none;padding:20px 30px;border-radius:3px;transition:0.2s ease-in-out;border:1px solid #009DDC;background:#009DDC;cursor:pointer}input[type=submit]:hover{border:1px solid #009DDC;background:#009B72}input[type=submit]:active{transform:translateY(1px)}textarea,input,button,select{font-family:inherit;font-size:inherit}input[type=submit]{margin:20px 0 0 0}label,input,textarea{display:block;width:100%;box-sizing:border-box}textarea{resize:vertical;height:250px}label{margin:30px 0 10px 0;font-size:1.2em}input,textarea{padding:20px;font-size:1.2em;border-radius:3px}input,textarea{-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;outline:none;border:1px solid #DDDDDD}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{box-shadow:0 0 5px #51cbee;border:1px solid #51cbee}.nav-open header{box-shadow:0px 1px 35px 1px #444;background:#222 url("/images/pattern.png");z-index:10;transition:0.2s ease-in-out}@media (min-width: 620px){.nav-open header{background:none}}.nav-open nav{margin:20px 0 0 0;border:0}.nav-open nav a{display:block}@media (min-width: 620px){.nav-open nav{border:0;padding:0 20px}.nav-open nav a{display:inline}}nav{text-transform:uppercase;font-size:0.8em;width:100%}nav ul{margin:0;padding:0}nav li{display:block}@media (min-width: 620px){nav{text-align:right;position:absolute;top:0;right:0;padding:0 20px}nav li{display:inline-block}}nav a{margin:0 3px;padding:10px;color:#000;transition:0.2s ease-in-out;display:none;font-size:1rem;border-radius:6px}@media (min-width: 620px){nav a{border-bottom:1px solid rgba(255,255,255,0);display:block;padding:10px}}nav a.nav-toggle{display:inline;position:absolute;right:10px;top:-22px;font-size:1.9em;border:0}@media (min-width: 620px){nav a.nav-toggle{display:none}}nav a.nav-toggle:hover{border:0}nav a:hover{color:#222}@media (min-width: 620px){nav a:hover{box-shadow:0px 1px 35px 1px #cccccc;color:#009DDC;display:block;padding:10px}}@media (min-width: 620px){nav a.highlight{border:1px #ccc solid;border-radius:5px}nav a.highlight:hover{background:#fff;color:#009DDC}}nav a.active{color:#009DDC}footer{padding:100px 0 50px 0;position:relative;background:#222 url("/images/pattern.png");color:#fff}footer,footer a{color:#999}footer h2{font-size:1.4em;font-weight:500;margin:30px 0;color:#555}footer .footer-columns{display:flex;flex-flow:wrap;margin:-10px -10px 10px -10px}footer a{text-decoration:none}footer a:hover{color:#009DDC}footer .legal-line{width:100%;padding:30px 0 0 0;margin:0}footer .legal-line a{font-style:italic}.footer-links{width:100%;margin:10px;padding:0;flex:1 0 180px}.footer-links li{list-style:none;margin:15px 0}.footer-links li a{padding:10px;border-radius:6px;transition:0.2s ease-in-out}.footer-links li a svg{fill:#999;margin-right:10px;transition:fill 0.2s ease;vertical-align:middle;position:relative;top:-2px;width:22px;height:22px}.footer-links li a:hover{text-decoration:none;transition:0.2s ease-in-out;background:#fefefe;box-shadow:0px 1px 35px 1px #cccccc}.footer-links li a:hover svg{fill:#009DDC}.editor-link{display:none;margin-top:0}.editor-link .btn{background-color:#f7e064;color:#333;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.2);padding:10px;border-radius:2px}.editor-link .btn:hover{background-color:#f4d525;text-decoration:none;color:#333}.cms-editor-active .editor-link{display:block}