html,body,div,form{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display: block
}
body{
    line-height: 1
}
ol,ul{
    list-style: none
}
blockquote,q{
    quotes: none
}
blockquote:before,blockquote:after,q:before,q:after{
    content: '';
    content: none
}
::-webkit-input-placeholder{
    color: #8E94A1
}
:-moz-placeholder{
    color: #8E94A1
}
::-moz-placeholder{
    color: #8E94A1
}
:-ms-input-placeholder{
    color: #8E94A1
}
body{
    font-family: Arial,sans-serif;
    font-size: 14px;
    color: #53565a;
    line-height: 1.2
}
.header-section{
    background-color: #ffffff;
    padding: 20px 0px
}
.header-section img{
    display: block;
    margin: 0 auto
}
@media only screen and (min-width: 681px){
    .signature-section{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        margin-left: -15px;
        margin-right: -15px
    }
}
@media only screen and (min-width: 681px){
    .signature-section > div{
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        -webkit-flex-basis: auto;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        margin-left: 15px;
        margin-right: 15px
    }
}
.signature-section > div h2{
    color: #000000;
    margin-bottom: 1em;
    font-size: 1.2em
}
.signature-section > div:first-of-type{
    padding-right: 15px
}
@media only screen and (min-width: 681px){
    .signature-section > div + div{
        padding-left: 15px;
        border-left: solid 1px #959493
    }
}
@media only screen and (max-width: 680px){
    .signature-section > div + div{
        margin-top: 45px
    }
}
.signature-section > div + div section{
    white-space: pre
}
.input-wrapper{
    background-color: #eff1f1;
    -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.09);
    -moz-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.09);
    box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.09)
}
.input-section{
    margin: 0 auto;
    padding: 30px 10px;
    max-width: 1000px
}
.input-section h1{
    color: #000000;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin: 0 0 15px 0;
    text-align: center
}
.input-section p{
    color: #53565a;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin: 0 0 20px 0
}
.row{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
    width: 100%
}
.row *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.row + .row{
    margin-top: 15px
}
.row > div{
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 1;
    -webkit-flex-basis: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    margin-right: 15px;
    margin-left: 15px
}
@media screen and (min-width: 681px){
    .row > div{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .row > div > *{
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        -webkit-flex-basis: auto;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .row > div > input[name="extension"]{
        -webkit-flex-grow: 0;
        -webkit-flex-shrink: 0;
        -webkit-flex-basis: 100px;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 0 100px;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        width: 100px;
        margin-left: 15px
    }
}
@media screen and (max-width: 680px){
    .row > div > * + *{
        margin-top: 15px
    }
}
.row input,.row select,.row button{
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none
}
.row input[type="checkbox"]{
    appearance: auto;
    width: auto;
    flex: 0 1 auto;
    margin-right: 1em
}
.row input,.row select{
    color: #8E94A1;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #d7d2cb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 20px;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear
}
.row input:focus,.row select:focus{
    border-color: #555;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3)
}
.row button,.row .button{
    cursor: pointer;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #00e676;
    background-color: #00e676;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    display: block
}

.row button2,.row .button2{
    cursor: pointer;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #3b4559;
    background-color: #3b4559;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    display: block
}

.row button:hover,.row .button:hover{
    background-color: rgba(0,230,118,0.8);
    white-space: nowrap
}

.row button2:hover,.row .button2:hover{
    background-color: rgba(59,69,89,0.8);
    white-space: nowrap
}
.row.hidden{
    display: none
}
.signature-section{
    margin: 0 auto;
    max-width: 1000px;
    padding: 30px 10px
}
.footer-section{
    background-color: #53565a;
    padding: 30px 0px;
    text-align: center;
    color: #959493;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif;
    -webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.15)
}
@media only screen and (max-width: 680px){
    .row{
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .row > div{
        margin: 0
    }
    .row > div + div{
        margin-top: 15px
    }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22Users%5C%2Fnickbasham%5C%2FSites%5C%2Fhayes-signatures%5C%2Fless%5C%2Freset.less%22%2C%22Users%5C%2Fnickbasham%5C%2FSites%5C%2Fhayes-signatures%5C%2Fless%5C%2Fstyle.less%22%2C%22Users%5C%2Fnickbasham%5C%2FSites%5C%2Fhayes-signatures%5C%2Fless%5C%2Fmixins.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%2CKAAM%2CKAAM%2CIAAK%2CKAChB%2CUACA%2CWACA%2CUACA%2CgBACA%2CcACA%2CyBAGD%2CQAAS%2CMAAO%2CQAAS%2CWAAY%2COACrC%2COAAQ%2COAAQ%2COAAQ%2CKAAM%2CIAAK%2CQAClC%2CeAED%2CKACC%2CeAED%2CGAAI%2CGACH%2CiBAED%2CWAAY%2CEACX%2CaAED%2CUAAU%2CQAAS%2CUAAU%2COAC7B%2CCAAC%2CQAAS%2CCAAC%2COACV%2CSAAS%2CEAAT%2CCACA%2CcCtBD%2C4BAA8B%2CeAC9B%2CkBAAoB%2CeACpB%2CmBAAqB%2CeACrB%2CuBAAyB%2CeAEzB%2CKACC%2C8BACA%2CgBACA%2CeACA%2CiBAGD%2CgBACC%2C0BACA%2CkBAFD%2CeAGC%2CKACC%2CeACA%2CeAYD%2CwBAPyC%2CkBAOzC%2CmBCwEG%2CqBACA%2CkBACA%2CqBACA%2CsBACA%2CcDjFF%2CYACA%2CmBACA%2CqBAYA%2CwBARyC%2CkBAQzC%2CkBATC%2COC4JC%2CoBAAA%2CCACA%2CsBAAA%2CCACA%2CwBAAA%2CCACA%2CmBAAA%2CCACA%2CgBAAA%2CCACA%2CsBAAA%2CCACA%2CkBAAA%2CCACA%2CcAAA%2CCDhKD%2CYACA%2CkBACA%2CoBAbH%2CkBAQG%2CMASD%2CIACC%2CeACA%2CmBACA%2CiBAGD%2CkBAfC%2CMAeA%2CeACA%2CoBAQA%2CwBAJyC%2CkBAIzC%2CkBAxBA%2CMAmBG%2COAEF%2CmBACA%2CgCAKD%2CwBAHyC%2CkBAGzC%2CkBA3BA%2CMAmBG%2COAMF%2CkBANF%2CkBAnBC%2CMAmBG%2CMAQH%2CSACC%2CiBAMJ%2CeACC%2C0BC2NG%2C0DAAA%2CCACA%2CuDAAA%2CCACA%2CmDDzNJ%2CeACC%2CcAAA%2CCACA%2CkBAAA%2CCACA%2CkBAHD%2CcAKC%2CIAAI%2CeAAc%2CgBAAe%2CaAAa%2CoBAAb%2CCAAkC%2CkBAAiB%2CkBAAA%2CCAAkB%2CmBALvG%2CcAOC%2CGAAG%2CeAAc%2CgBAAe%2CaAAa%2CwBAAb%2CCAAsC%2CmBAAkB%2CmBAEzF%2CKCwBI%2CqBACA%2CkBACA%2CqBACA%2CsBACA%2CcAiGA%2C%2BBACA%2C4BACA%2C4BACA%2CwBACA%2CoBAGA%2C0BACA%2CsBACA%2CkBAjCA%2C0BACA%2CuBACA%2CsCACA%2C0BACA%2C8BArDA%2C0BACA%2CuBACA%2C4BACA%2CuBACA%2CoBDlDH%2CmBACA%2CoBACA%2CYARD%2CIAUC%2CGC%5C%2FCA%2C8BAAA%2CCACA%2C2BAAA%2CCACA%2CuBDiDA%2CIAAI%2CQACH%2CiBAfF%2CIAkBG%2COC0FC%2CoBAAA%2CCACA%2CsBAAA%2CCACA%2CwBAAA%2CCACA%2CmBAAA%2CCACA%2CgBAAA%2CCACA%2CsBAAA%2CCACA%2CkBAAA%2CCACA%2CcAAA%2CCD%5C%2FFF%2CYACA%2CmBACA%2CkBAkBA%2CmBAhBoC%2CkBAgBpC%2CIAtBC%2COCMC%2CqBACA%2CkBACA%2CqBACA%2CsBACA%2CcA%2BBA%2C2BACA%2CwBACA%2C6BACA%2CwBACA%2CqBAUA%2CwBACA%2CqBACA%2CoCACA%2CqBACA%2C4BDrCF%2CIAtBC%2CMAWE%2CKC%2BED%2CoBAAA%2CCACA%2CsBAAA%2CCACA%2CwBAAA%2CCACA%2CmBAAA%2CCACA%2CgBAAA%2CCACA%2CsBAAA%2CCACA%2CkBAAA%2CCACA%2CeD3EF%2CIAtBC%2CMAeE%2CQAAK%2CmBC2EN%2CoBAAA%2CCACA%2CsBAAA%2CCACA%2CyBAAA%2CCACA%2CmBAAA%2CCACA%2CgBAAA%2CCACA%2CuBAAA%2CCACA%2CmBAAA%2CCACA%2CeAAA%2CCDhFA%2CaACA%2CmBASH%2CmBALqC%2CkBAKrC%2CIA3BE%2CMAuBE%2CIAAI%2CKACL%2CkBA1CJ%2CIA%2BCC%2COA%5C%2FCD%2CIA%2BCQ%2CQA%5C%2FCR%2CIA%2BCgB%2CQACd%2CeACA%2CYCmMA%2CwBAAA%2CCACA%2CqBAAA%2CCACA%2CoBAAA%2CCACA%2CgBAAA%2CCDpMA%2CcAnDF%2CIAsDC%2CMAAK%2CkBACJ%2CiBACA%2CYACA%2CcAAA%2CCACA%2CkBA1DF%2CIA6DC%2COA7DD%2CIA6DQ%2CQACN%2CeACA%2CgBACA%2CuBACA%2CyBAAA%2CCChEE%2C0BAAA%2CCACA%2CuBAAA%2CCACA%2CkBAAA%2CCDgEF%2CkBAAA%2CCC8JE%2CkCAAA%2CCACA%2C%2BBAAA%2CCACA%2C8BAAA%2CCACA%2C6BAAA%2CCACA%2C2BD%5C%2FJF%2CIATD%2CMASE%2COAAD%2CIATM%2COASL%2COACA%2CmBCuIC%2CmDAAA%2CCACA%2CgDAAA%2CCACA%2C4CDhNJ%2CIA4EC%2CQA5ED%2CIA4ES%2CSACP%2CgBACA%2CeACA%2CaAAa%2CwBAAb%2CCACA%2CyBAAA%2CCACA%2C0BACA%2CgBACA%2CkBAAA%2CCACA%2CmBACA%2C0BACA%2CsBACA%2CmBC0IE%2CkCAAA%2CCACA%2C%2BBAAA%2CCACA%2C8BAAA%2CCACA%2C6BAAA%2CCACA%2C0BAAA%2CCD5IF%2CeAEA%2CIAfD%2COAeE%2COAAD%2CIAfO%2CQAeN%2COACA%2CqCAAA%2CCACA%2CoBAIC%2CIAAC%2CQACG%2CcAIR%2CmBACC%2CcAAA%2CCACA%2CkBACA%2CmBAGD%2CgBAAiB%2C0BAA0B%2CiBAAA%2CCAAiB%2CmBAAmB%2CeAAc%2CgBAAe%2CaAAa%2CwBAAb%2CCAAsC%2C0DAAA%2CCAA2D%2CuDAAA%2CCAAwD%2CmDAgBpQ%2CwBAbwC%2CkBACxC%2CKACC%2CeACA%2CYACA%2CeACA%2CgBAJD%2CIAKG%2COACD%2CUACA%2CIAFC%2CMAEG%2COACH%22%7D */