@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i,100|Montserrat:700|Grand+Hotel|Material+Icons);html{min-height:100vh;display:flex;flex-direction:row;overflow-x:hidden;overflow-y:scroll}body{margin:0 auto;overflow-x:hidden;display:flex;flex-direction:column;flex-grow:1;width:100vw}header{flex-basis:72px;flex-shrink:0;flex-grow:0}div#main-container{display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden;align-items:center}div#main-container div.buttons{display:flex;flex-direction:row;justify-content:space-between;flex-basis:150px}@media screen and (max-width:640px){div#main-container div.buttons{flex-direction:column-reverse;align-items:center;margin-bottom:30px;flex-basis:100px}}footer{flex-basis:180px;flex-shrink:0}body{font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0;font-weight:400;font-style:normal;color:#333;font-size:13px}body .no-spacing{letter-spacing:-2px}header{border-bottom:solid 1px rgba(0,0,0,.08);padding-left:100px;padding-right:100px}header img#logo{height:49px;padding:20px 0 12px 0}@media screen and (max-width:640px){header{padding-left:36px;padding-right:36px}}div#main-container{padding-left:100px;padding-right:100px}@media screen and (max-width:640px){div#main-container{padding-left:0;padding-right:0}}div#main-container div#heading{width:100%;text-align:center}div#main-container div#heading h1{font-family:Montserrat,sans-serif;font-weight:700;font-size:61px;letter-spacing:-3px;line-height:72px;margin-bottom:0}@media screen and (max-width:640px){div#main-container div#heading h1{font-size:36px;line-height:45px}}div#main-container div#heading h2{font-family:Roboto,sans-serif;font-weight:700;font-size:13px;letter-spacing:3px;line-height:48px;text-transform:uppercase;color:#999}@media screen and (max-width:640px){div#main-container div#heading{font-size:13px;line-height:27px;margin-bottom:27px}}div#main-container h3{margin-bottom:14px;margin-top:0;font-weight:100;font-family:Roboto,sans-serif;line-height:48px;letter-spacing:0;font-style:normal;color:#333;font-size:36px}div#main-container section.content{flex-grow:1;background-color:#f6f6f6;width:100%;max-width:1170px}div#main-container section.content.padded{padding:48px;max-width:calc(1170px - (48px * 2))}div#main-container section.content.narrow{max-width:350px}div#main-container section.content iframe#contract{width:100%;height:80vh;border:none;overflow-y:hidden}div#main-container section.content iframe#download-frame{height:0;width:0;border:none}div#main-container div.buttons{width:100%;max-width:1170px;padding-top:40px}.signed-now{background:#fff;text-align:center}canvas#sign+#canvas-icon{display:block;margin-top:75px;margin-left:20px}div#type-selector{margin-top:25px}div#name,div#signature-draw{margin-top:30px}div#signature-type{margin-top:38px;margin-bottom:44px}div#signature-draw{display:flex;flex-direction:row;justify-content:left;max-width:100%;flex-wrap:wrap}div#signature-draw label{text-transform:uppercase;color:#999;display:block;margin-top:-38px}footer{background-color:#222;padding-left:100px;padding-right:100px;padding-top:40px;color:#666}footer img#footer-logo{width:262px;display:block}footer span.name{font-weight:100;font-size:25px;line-height:36px;display:block;margin-top:15px}footer span.about-tags{color:#ccc;display:block;font-size:19px;font-weight:700;letter-spacing:-1px;line-height:36px;margin-bottom:36px}footer span.pipe{color:#bfc103}footer div#copyright{border-top:solid 1px #3f3f3f;margin-left:-100px;margin-right:-100px;padding:5px 100px;text-align:center;margin-top:15px;font-size:11px;letter-spacing:1px;line-height:24px}@media screen and (max-width:640px){footer{padding-left:36px;padding-right:36px}}a.button,button{background-color:#f7ca87;color:#333;text-transform:uppercase;padding:18px 98px;font-family:Roboto,sans-serif;font-weight:700;font-size:11px;letter-spacing:1px;cursor:pointer;border:solid 2px #f7ca87}a.button:hover,button:hover{color:#f7ca87;background-color:#333;border-color:#f7ca87}a.button:focus,button:focus{outline:0}.text-button{cursor:pointer}.text-button:active,.text-button:hover{color:#bfc103}input[type=radio]:not(old){width:15px;margin:0;padding:0;font-size:7px;opacity:0}input[type=radio]:not(old):focus{outline:0}input[type=radio]:not(old)+label{display:inline-block;margin-left:-15px;font-weight:700;margin-right:30px}input[type=radio]:not(old)+label>span{display:inline-block;width:20px;height:20px;margin:2px 10px 2px 2px;border:1px solid #fff;border-radius:50%;background:#fff;box-shadow:#ccc 0 0 10px 2px;vertical-align:middle}input[type=radio]:not(old):checked+label>span>span{display:block;width:20px;height:20px;margin:-1px 0 0 -1px;border-radius:50%;background-color:#bfc103;border:solid 1px #fff;position:relative}input[type=radio]:not(old):checked+label>span>span:after{content:'';display:block;position:absolute;height:8px;width:8px;background-color:#222;border-radius:50%;top:6px;left:6px}input[type=text]{background-color:transparent;border:none;border-bottom:solid 1px #ddd;height:35px;font-weight:700;margin-bottom:1px}input[type=text].full-width{width:100%}input[type=text].uppercase{text-transform:uppercase}input[type=text].signature{height:90px;text-align:center;font-family:'Grand Hotel',cursive;font-weight:200;font-size:60px}input[type=text]:focus{outline:0;border-bottom:solid 2px #bfc103;margin-bottom:0}input[type=text]+label{text-transform:uppercase;color:#999;margin-top:10px;display:block}i.material-icons.light{color:#ccc}i.material-icons.accent{color:#bfc103}