html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{text-rendering:optimizeLegibility;font-family:"rucksack";font-size:15px;color:#252525}body,input,button{-webkit-font-smoothing:antialiased}html{font:100%/1.5 Arial, sans-serif}h1,h2,h3,h4,h5{font-family:"rucksack";text-transform:uppercase}ul{line-height:1.5}h1{font-size:2em;margin-bottom:0.3em}p+h2{margin-top:2em}p+h1{margin-top:2em}h2{font-size:1.2em;margin-bottom:0.5em}h3{font-size:1.17em;margin-bottom:0.3em}h4{font-size:1em;margin-bottom:0.3em}h5{font-size:0.83em;margin-bottom:0.3em}h6{font-size:0.75em;margin-bottom:0.3em}p{line-height:1.5;margin:0 0 1em}.indent p+p{text-indent:2em;margin-top:-1em}p{-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}a,a:visited{text-decoration:underline}a:hover{text-decoration:none}strong{font-weight:700}em{font-style:italic}code,pre{font-family:monospace, serif;font-size:1em}blockquote{font-style:italic}blockquote:before{content:"\201C";display:inline-block;padding-right:.4em}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.nav-open #main,.nav-open .mod-footer{display:none}.container{width:960px;margin:0 auto 20px;text-align:center}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}.one-column,.two-columns,.three-columns,.half-column{float:left;display:inline-block;text-align:left;padding-right:30px}.one-column.last,.two-columns.last,.three-columns.last,.half-column.last{padding-right:0px}.one-column{width:320px}.half-column{width:480px}.two-columns{width:640px}.three-columns{width:960px}@media only screen and (max-width: 960px){.container{width:100%}.half-column,.one-column,.two-columns,.three-columns{float:none;width:100%;padding:0 20px;margin-bottom:20px}.half-column.last,.one-column.last,.two-columns.last,.three-columns.last{padding-right:20px}}.mod-css-explanation pre{margin-top:43px;background-color:#e5e5e5;padding:20px 30px;font-size:13px;line-height:1.4em;word-wrap:break-word;margin-bottom:43px;overflow:auto}@media only screen and (max-width: 320px){.mod-css-explanation pre{font-size:8px}}.fonts-index .mod-cubes{padding-bottom:0px}.mod-cubes{background-color:white;position:relative;text-align:center;width:100%}.mod-cubes:before,.mod-cubes:after{content:" ";display:table}.mod-cubes:after{clear:both}.mod-cubes a:focus{border:none}.mod-cubes .cube{width:25%;height:350px;float:left;position:relative;display:inline-block}.mod-cubes .cube .title,.mod-cubes .cube .more{width:100%;height:350px;position:absolute;top:0;left:0;opacity:1;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.mod-cubes .cube .title svg,.mod-cubes .cube .more svg{fill:white}.mod-cubes .cube .title{text-align:center}.mod-cubes .cube .title svg{height:30px;margin-top:151px;max-width:100%}.mod-cubes .cube .more{color:white;text-align:center;padding-top:130px;position:relative}.mod-cubes .cube .more .zigzag,.mod-cubes .cube .more .type,.mod-cubes .cube .more .byline,.mod-cubes .cube .more .arrow{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1);-webkit-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.mod-cubes .cube .more .type{font-weight:bold;font-size:25px;text-transform:uppercase;margin-bottom:15px;height:20px}.mod-cubes .cube .more .zigzag{height:7px;width:84px;margin:0 auto 18px}.mod-cubes .cube .more .byline{font-size:13px;margin-bottom:15px}.mod-cubes .cube .more .arrow{height:25px;width:25px;margin:0 auto}.no-touch .mod-cubes .cube:hover .title{opacity:0}.no-touch .mod-cubes .cube:hover .arrow{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}.no-touch .mod-cubes .cube:hover .zigzag,.no-touch .mod-cubes .cube:hover .type,.no-touch .mod-cubes .cube:hover .byline{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}@media only screen and (max-width: 960px){.mod-cubes .cube{width:50%;float:none}}@media only screen and (max-width: 630px){.mod-cubes .cube{width:100%}}@media only screen and (max-width: 700px){.mod-detail .type-tester{display:none}}.mod-detail .type-tester{margin-top:30px;margin-bottom:100px}.mod-detail .type-tester .slider .thing{height:60px;width:200px}.mod-detail .type-tester .slider .rangeslider{top:-5px;position:relative}.mod-detail .type-tester .font{text-rendering:optimizeLegibility;font-size:70px}.mod-detail .type-tester .tools{background-color:black;margin-bottom:40px;display:flex}.mod-detail .type-tester .tools .style{text-align:left;min-width:300px}.mod-detail .type-tester .tools .style.one.tool:hover .title{background-color:#f3f3f3}.mod-detail .type-tester .tools .style.one .arrow:after{display:none}.mod-detail .type-tester .tools .style .selected{display:none}.mod-detail .type-tester .tools .style .title{background-color:#f3f3f3;color:black}.mod-detail .type-tester .tools .style .thing{width:100%;background-color:#f3f3f3;color:black;font-size:15px;line-height:60px;font-weight:bold;padding:0;min-height:inherit}.mod-detail .type-tester .tools .style .a-style{padding:0 20px;cursor:pointer}.mod-detail .type-tester .tools .style .a-style:hover{color:#333333;background-color:#d9d9d9}.mod-detail .type-tester .tools .style .arrow:after{position:absolute;display:block;content:"";right:20px;top:50%;margin-top:-4px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid black}.mod-detail .type-tester .tools .style.tool:hover .thing{background-color:#f3f3f3}.mod-detail .type-tester .tools .style.tool:hover .title{background-color:#f3f3f3}.mod-detail .type-tester .tools .title{font-weight:bold;background-color:black;padding:0 20px;font-size:15px;line-height:60px}.mod-detail .type-tester .tools .tool{position:relative;color:white}.mod-detail .type-tester .tools .tool:hover .thing{display:block}.mod-detail .type-tester .tools .thing{padding:30px 20px;display:none;position:absolute;top:60px;min-height:60px}.mod-detail .type-tester .tools .features{text-align:left;font-size:15px;line-height:34px}.mod-detail .type-tester .tools .features .thing{padding:20px 20px 30px;width:270px}.mod-detail .type-tester .tools .features input{display:none}.mod-detail .type-tester .tools .features .name{font-weight:bold;opacity:0.6}.mod-detail .type-tester .tools .features input:checked+.name{opacity:1}.mod-detail .type-tester .features label{display:block}.mod-detail .liga{font-variant-ligatures:common-ligatures;-moz-font-feature-settings:"liga", "clig";-webkit-font-feature-settings:"liga", "clig";font-feature-settings:"liga", "clig"}.mod-detail .calt{font-variant-ligatures:contextual;-moz-font-feature-settings:"calt";-webkit-font-feature-settings:"calt";font-feature-settings:"calt"}.mod-detail .dlig{font-variant-ligatures:discretionary-ligatures;-moz-font-feature-settings:"dlig";-webkit-font-feature-settings:"dlig";font-feature-settings:"dlig"}.mod-detail .smcp{font-variant-caps:small-caps;-moz-font-feature-settings:"smcp";-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp"}.mod-detail .swsh{-moz-font-feature-settings:"swsh";-webkit-font-feature-settings:"swsh";font-feature-settings:"swsh"}.mod-detail .salt{-moz-font-feature-settings:"salt";-webkit-font-feature-settings:"salt";font-feature-settings:"salt"}.mod-detail .onum{font-variant-numeric:oldstyle-nums;-moz-font-feature-settings:"onum";-webkit-font-feature-settings:"onum";font-feature-settings:"onum"}.mod-detail .designer .name{font-weight:500;display:inline}.mod-detail header{overflow:hidden;margin-bottom:40px;height:500px}.mod-detail header div{height:500px;background-position:center center;background-size:contain;background-repeat:no-repeat}.mod-detail .about h2{margin-bottom:10px}.mod-detail ul{list-style:disc;list-style-position:inside}.mod-detail .licenses{margin-top:40px}.mod-detail .licenses input[type="submit"]{margin-bottom:20px;padding:10px 25px;width:100%;border:none;color:white;text-align:center;text-decoration:none;font-family:"rucksack";font-weight:700;font-size:16px;cursor:pointer;-webkit-appearance:none;text-transform:uppercase;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.mod-detail .licenses .disclaimer{text-align:center;font-size:0.8em;padding:0 20px;opacity:0.7}.mod-detail .licenses .disclaimer a{display:block}.mod-detail .licenses .prices{overflow:hidden;padding:20px 0 0 0;background-color:black;color:white}.mod-detail .licenses .prices .heading{margin-bottom:20px;padding:0 20px}.mod-detail .licenses .prices li{position:relative;border-top:1px solid rgba(255,255,255,0.2);cursor:pointer;list-style:none}.mod-detail .licenses .prices li label{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;padding:20px;background-color:black;width:100%;height:100%;display:block;cursor:pointer}.mod-detail .licenses .prices li input[type="radio"]{display:none}.mod-detail .licenses .prices li .price{position:absolute;right:20px;top:20px;white-space:nowrap}.mod-detail .licenses .zigzag{padding:10px 0;text-align:center}.mod-detail .licenses .zigzag svg{width:100px;height:30px}.mod-footer{color:white;background-color:#0f1826;padding:40px 0 30px}.mod-footer h2{color:#33d199;margin-bottom:15px}.mod-footer a{color:#5caeeb}.mod-footer .email a{color:white;text-decoration:none}.mod-footer .social{display:inline-block;width:35px;height:35px;border:2px solid white;margin:5px;border-radius:35px;opacity:0.5;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.mod-footer .social:hover{opacity:1}.mod-footer .social svg{height:15px;width:100%;margin:0 auto;position:relative;top:8px;fill:white}.mod-header{height:600px;margin-bottom:30px}.mod-header.full{height:300px}.mod-header.full .logo{padding-top:80px;width:100%}.mod-header .payoff,.mod-header .logo{padding-top:175px;height:100%;width:50%;float:left;background-color:#21304d;text-align:center}.mod-header .payoff h1{display:inline-block;width:340px;text-align:left;font-size:48px;color:white}.mod-header .payoff h1 span{color:#33d199}.mod-header .logo{background-image:url(/assets/header-home-8481a5de0e154aab21084b0dc6643547.jpg);background-size:auto 600px;background-position:center center;background-repeat:no-repeat}.mod-header .logo svg g{margin-top:22px;fill:#5caeeb;height:100px}@media only screen and (max-width: 800px){.mod-header .logo{width:100%}.mod-header .payoff{display:none}}.mod-images{text-align:center}.mod-images img{max-width:100%}.small-menu .mod-menu-toggle{background-color:black;width:60px}.small-menu .mod-menu-toggle .close span,.small-menu .mod-menu-toggle .open span{display:none}.mod-menu-toggle{position:fixed;top:0;left:0;padding:20px;cursor:pointer;text-transform:uppercase;color:white;font-family:"rucksack";font-weight:700;font-size:14px;overflow:hidden;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;-ms-transition:width 0.3s ease;-o-transition:width 0.3s ease;transition:width 0.3s ease;width:113px;white-space:nowrap}.mod-menu-toggle svg{margin-right:3px;margin-bottom:-4px;fill:white;height:18px;width:18px;display:inline-block}.mod-menu-toggle .close{display:none}.mod-menu-toggle .open{display:block}.nav-open .mod-menu-toggle .close{display:block}.nav-open .mod-menu-toggle .open{display:none}.nav-open{background-color:#5caeeb}.nav-open .mod-nav{visibility:visible;opacity:1;height:100%}.mod-nav{-webkit-transition:opacity 0.4s ease;-moz-transition:opacity 0.4s ease;-ms-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease;visibility:hidden;opacity:0;height:0;width:100%;background-color:#5caeeb;position:absolute;top:0;left:0;overflow-y:scroll;padding-bottom:70px}.mod-nav .logo{text-align:center;margin:100px 0}.mod-nav .logo svg{height:100px}.mod-nav .logo svg g{fill:white}.mod-nav svg{vertical-align:middle;fill:white;height:40%}.mod-nav ul{list-style:none;margin:0}.mod-nav ul a{color:white;text-decoration:none}.mod-nav ul li{background-color:#5caeeb;vertical-align:middle;line-height:75px;height:75px;text-align:center;border-bottom:1px solid #45a3e8}.mod-nav ul li:hover{background-color:#45a3e8}.mod-page{margin-bottom:80px}.mod-page a{color:#3394a3}.mod-page p{color:#515151}.mod-page .nav ul li{padding:13px 13px 9px 17px;margin-bottom:10px;font-family:"rucksack";font-weight:700;font-size:16px;text-transform:uppercase;color:white;background-color:#3394a3}.mod-page .nav ul li:hover{background-color:#2d8290}.mod-page .nav ul a{text-decoration:none}.mod-page .nav ul a li{color:#959595;background-color:white}.mod-page .nav ul a li:hover{background-color:white}.mod-header,.mod-detail>header{position:fixed;top:0;width:100%;z-index:-1}.main-content{padding-top:30px;margin-top:500px;z-index:10;background-color:white}.main-content.low{margin-top:300px}.mod-sample{max-width:400px;margin:100px auto;color:white;text-align:center}.mod-sample .download{padding-left:5px}.mod-sample a,.mod-sample svg{text-decoration:none;display:inline;color:white;fill:white;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.mod-sample .download.button{width:auto;display:inline-block;margin-bottom:11px}.mod-sample .download.button svg{margin-left:7px}.mod-sample a:hover{color:rgba(255,255,255,0.7);fill:rgba(255,255,255,0.7)}.mod-sample .button{margin-bottom:20px;padding:10px 25px 7px;width:100%;border:none;text-align:center;text-decoration:none;cursor:pointer;text-transform:uppercase;background-color:white;border-bottom:2px solid rgba(255,255,255,0.7);font-family:"rucksack";font-weight:700;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.mod-sample svg{width:10px;height:10px}.mod-sample .box{margin-top:70px;background-color:white;padding:40px 33px}.mod-sample .social{display:inline-block;width:35px;height:35px;border:2px solid black;margin:5px;border-radius:35px}.mod-sample .social svg{height:15px;width:100%;margin:0 auto;position:relative;top:8px}.arrow-down{content:"";display:block;width:40px;height:40px;background-color:white;position:absolute;left:50%;top:-20px;margin-left:-20px;border-radius:40px;z-index:10;text-align:initial}.arrow-down svg{margin-top:7.5px;margin-left:8px;width:25px;height:25px}.rangeslider,.rangeslider__fill{display:block}.rangeslider{background:white;position:relative}.rangeslider--horizontal{height:6px;width:100%}.rangeslider--vertical{width:20px;min-height:150px;max-height:100%}.rangeslider__fill{background:white;position:absolute}.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}.rangeslider__handle{background:white;cursor:pointer;display:inline-block;width:15px;height:15px;position:absolute;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider--horizontal .rangeslider__handle{top:-4px;touch-action:pan-y;-ms-touch-action:pan-y}.rangeslider--vertical .rangeslider__handle{left:-10px;touch-action:pan-x;-ms-touch-action:pan-x}h4.subtitle{text-align:center;padding-bottom:10px}