@font-face {font-family: 'HelveticaNeueLTPro-LtCn';src: url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-LtCn.eot'); /* IE9 Compat Modes */src: url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-LtCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-LtCn.woff') format('woff'), /* Modern Browsers */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-LtCn.ttf')  format('truetype'), /* Safari, Android, iOS */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-LtCn.svg#svgFontName') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'HelveticaNeueLTPro-HvCn';src: url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-HvCn.eot'); /* IE9 Compat Modes */src: url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-HvCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-HvCn.woff') format('woff'), /* Modern Browsers */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-HvCn.ttf')  format('truetype'), /* Safari, Android, iOS */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-HvCn.svg#svgFontName') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'HelveticaNeueLTPro-BdCn';src: url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-BdCn.eot'); /* IE9 Compat Modes */src: url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-BdCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-BdCn.woff') format('woff'), /* Modern Browsers */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-BdCn.ttf')  format('truetype'), /* Safari, Android, iOS */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-BdCn.svg#svgFontName') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'HelveticaNeueLTPro-BdCn';src: url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-BdCn.eot'); /* IE9 Compat Modes */src: url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-BdCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-BdCn.woff') format('woff'), /* Modern Browsers */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-BdCn.ttf')  format('truetype'), /* Safari, Android, iOS */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-BdCn.svg#svgFontName') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'HelveticaNeueLTPro-Cn';src: url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-Cn.eot'); /* IE9 Compat Modes */src: url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-Cn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-Cn.woff') format('woff'), /* Modern Browsers */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-Cn.ttf')  format('truetype'), /* Safari, Android, iOS */url('/assets/fonts/HelveticaNeue/HelveticaNeueLTPro-Cn.svg#svgFontName') format('svg'); /* Legacy iOS */}

*{padding:0;margin:0;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
nav,aside,article,header,footer,section{display:block}
html,body,form,div,p,a,ul,li,blockquote,aside,nav,footer,h1,h2,h3,h4,h5,h6,fieldset,input,legend,select,textarea{margin:0;padding:0;font-family:Verdana, Helvetica, sans-serif}
a { text-decoration: underline }
a:hover { text-decoration: none }
img,fieldset { border: 0 }
ul {list-style: none;outline:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;	border-spacing: 0;}
img {max-width:100%;height:auto;}

body{font-size:15px;color:#3c5f7e;background-color: #dee5ea;}
section#page {line-height:1.2;padding: 0 0 100px 0;}
section#page p {line-height:1.5;}

h1, .h1 {font-family: "HelveticaNeueLTPro-LtCn","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;}
h2, .h2 {font-family:"HelveticaNeueLTPro-BdCn","Helvetica Neue",Helvetica,Arial,sans-serif;}
h3, .h3 {font-family:"HelveticaNeueLTPro-BdCn","Helvetica Neue",Helvetica,Arial,sans-serif;}
h1, .h1  {color: #0072bc;margin:0 0 .2em 0;}
h2, .h2 {color: #335f8a;font-weight:normal;margin: 35px 0 10px;font-size:24px}
h3, .h3 {color: #6092c4;font-size: 20px;font-weight: normal;font-style: normal;}

header .header-wrap{max-width:1180px;margin: auto;background-color:#fff;padding:25px 15px 0 15px;height:101px;}
header img{width:100%;}
header .header-wrap .home{top:25px;display:block;position: absolute;height: 58px;width: 223px;text-indent: -3000px;background: url(/a/i/logo-paychex.png) no-repeat;}

.page-container {
    max-width:1500px;
    margin:0 auto;
    background-color:white;
}

.content-container {
    max-width:1200px;
    margin:auto;
    clear:both;
}

.content-container:after {
    content: "";
    display: table;
    clear: both;  
}

.sales-call {
    font-size: 16px;
    line-height: 30px;
}

.formlistchecks {
    background: url("/assets/paychex/img/img-check-forms.png") no-repeat;
    font-size: 15px;
    margin: 45px 0;
    line-height: 2em;
    padding: 0 0 0 85px;
}
.formlistchecks p {
    margin-bottom:1em;
}
.greybox {
    background-color: #eaf0f5;
    border: 1px dotted #52b8e3;
    width: 100%;
    font-size:12px;
}

.greybox .greybox-wrap {
    line-height: 2em;
    max-width: 500px;
    padding: 0 0 0 45px;
    overflow: hidden;
}
.greybox a {
    text-decoration: underline;
    color: #39c;;
}
.greybox a:hover {
    text-decoration: none;
}
.greybox-wrap img {
    padding: 0 25px 0 0;
}
.greybox-wrap .text {
    max-width: 73%;
}


.form-header {position: relative;background-color: #3a296c;}
.form-header h3{color: #fff;font-family: "HelveticaNeueLTPro-LTCn","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 30px;padding: 15px 0 8px 15px;}

form fieldset {margin:0 0 2em 0!important;padding:1em!important;background-color: #eaf0f5;border: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding:25px!important;border: 1px solid #b7c4ce;}
form .required{color: red;font-size: 12px;float:right;clear:right;padding-bottom:15px;}
form legend{font-weight:bold;color:#3a296c!important;font-family: "HelveticaNeueLTPro-LtCn","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;font-size:1.5em;padding:0 1em;}
form label{color: #00538c;font-size: 14px;margin: 15px 0;text-align:left;padding-right: 35px;}
form input[type="text"], body.custom.contact form input[type="tel"], body.custom.contact form input[type="zip"] { padding: 13px 0;font-size: 18px;color: #444;font-weight: lighter;text-indent: 10px;border: 1px solid #97a9b9;border-radius: 3px;width:99%}
form ul, body.custom.contact form ul li{padding:0;margin:0;} 
form ul.parsley-errors-list{margin: 10px 0 0 0;}
form li.parsley-required {color: red;font-size: 12px;background: none;clear:both;text-align:center;}
form .submit_getquote {background-color: #5ebb46;border-radius: 3px;font-size: 28px;font-family: "HelveticaNeueLTPro-MdCn","Helvetica Neue",Helvetica,Arial,sans-serif;height: 63px;width: 100%!important;cursor: pointer;box-shadow: inset 0px -6px 0px -1px rgba(0, 0, 0, .3);}
.lock {background-image: url("/a/i/graphic-secure-lock-seal.png");background-repeat: no-repeat;color: #5980a7;font-size: 12px;max-width: 286px;margin: 40px auto 0 auto;padding: 0px 0 20px 35px;font-family: Verdana, Geneva, sans-serif;}

.security {
    background-image: url("../../paychex/img/graphic-secure-lock-seal.png");
    background-repeat: no-repeat;
    color: #5980a7;
    font-size: 0.8em;
    margin: 40px auto 0;
    max-width: 286px;
    padding: 8px 0 20px 35px;
}
.coupon-ad {
    background-image: url("/assets/landingpages/img/graphic-coupon-ad.png");
    background-repeat: no-repeat;
    background-size: 100% 184px;
    margin: 0 auto;
    max-width: 300px;
    padding: 5px 0 35px 35px;
}
.coupon-ad .coupon-ad-wrap {
    margin: 0 auto;
    max-width: 173px;
    padding: 18px 0 20px 0px;
}
.coupon-ad .font-green {
    color: #348323;
    font-family: HelveticaNeueLTPro-Cn,Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 2.467em;
    line-height: 1em;
}
.coupon-ad .font-light-blue {
    color: #24a7de;
    font-family: HelveticaNeueLTPro-HvCn,Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 5em;
    line-height: 1em;
    text-transform: uppercase;
}
.coupon-ad .font-navy {
    color: #00538c;
    font-family: HelveticaNeueLTPro-Cn,Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 1.2em;
    line-height: 1em;
    text-transform: uppercase;
}

.fsstyles {
    background-color: #eaf0f5;
    border: 1px solid #b7c4ce;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.mktoForm .mktoOffset, .mktoForm .mktoGutter {display:none;}
.mktoForm, .mktoForm .mktoFormCol, .mktoForm .mktoFieldWrap, .mktoForm .mktoButtonRow {
    width: 100% !important;
}
.mktoForm label {
    color: #00538c;
    display: inline-block;
    font-size: 15px;
    font-weight: normal !important;
    margin: 15px 0;
    text-align: right;
    width: 40% !important;
    float:none!important;   
}
.mktoForm .mktoCheckboxList {
    width:auto!important;
    padding:7px 0 0 0!important;
}
.mkto-select {
    border: 1px solid #97a9b9;
    border-radius: 3px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 45px;
    position: relative;
    width:50%;
    float:right;
}

.mkto-select:after {
    display: inline-block;
    content: url("/modules/custom/payx_misc_pages/images/arrow-v-down.svg");
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    color: rgb(0, 0, 0);
    position: absolute;
    right: 1em;
    top: 15px;
    width:14px;
    height:14px;
    font-size: 0.7em;
    font-variant: normal;
    text-decoration: none;
}
.mkto-select select {
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    z-index: 2;
    width: 100%!important;
    max-width:100%;
    position: relative;
    background: 0 0!important;    
    color: gray!important;
    float: none!important;
    box-sizing: border-box!important;
    white-space: normal;
    word-wrap: break-word;
}
.mktoForm input[type=text], .mktoForm input[type=email], input[type=tel], .mktoForm textarea {
    border: 1px solid #97a9b9;
    border-radius: 3px;
    box-shadow: none;
    color: #444;
    float: right !important;
    font-size: 1.2em;
    font-weight: lighter;
    height: auto;
    padding: 13px 0 !important;
    text-indent: 10px;
    width: 50% !important;
}
.mktoForm .mktoButtonWrap .mktoButton {
    background-color: #5ebb46 !important;
    background-image: url("../../paychex/img/graphic-embeded-green-arrow.png") !important;
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none !important;
    border-radius: 3px;
    box-shadow: 0 -6px 0 -1px rgba(0, 0, 0, 0.3) inset;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "HelveticaNeueLTPro-MdCn","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.86em !important;
    height: 63px;
    margin: 15px 0 0;
    padding: 7px 14px !important;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    transition-duration: 0.5s;
    transition-property: background-color;
    transition-timing-function: ease-out;
    width: 100% !important;
}

footer {font-size: 13px;color: #00538c;}
footer .footer-wrap {
    margin:0 auto ;
    padding: 40px 0 65px 0;
    max-width: 1180px;
    border-top: 2px dotted #cfd5db;
    text-align: center;
}

footer a {
    color: #24a7de;
    padding-left: 8px;
}

/* responsive */
@media only screen and (max-width: 319px),(min-width: 320px){
    main {
        padding:25px 1em 50px;
    }
    header a.phone {
        display: block;
        font-size: 25px;
        font-family: "HelveticaNeueLTPro-Cn","Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #004b8d;
        float: right;
        padding: 9px 0 7px 0;
        text-decoration: none;
        background-image: url('/a/i/graphic-phone-icon.png');
        background-repeat: no-repeat;
        background-position: left center;
        text-indent: -3000px;
    }

    .fsstyles {
        padding:2em 1em;
    }

    .mkto-select select { 
        padding:0!important;
    }

    .mkto-select:after {
        top:9px;
    }

    .greybox {
        margin: 25px 0;
    }
    .greybox .greybox-wrap {
        margin: 20px auto;
    }
    .greybox-wrap img {
        display:none;
    }
}
@media only screen and (min-width: 768px) {
    main {
        padding:75px 0 100px;
    }
    .fsstyles {
        padding: 55px 14%;
    }
    .mkto-select select {
        padding: 1em 0 1em 15px!important;
    }
    .mkto-select:after {
        top: 15px;
    }
}
@media only screen and (min-width: 600px){
    header a.phone{font-size:40px;padding: 9px 25px 7px 55px;text-indent:0;}
	h1{font-size: 42px}
	.form-header {background-image: url("/a/i/graphic-talk-icon-light-blue-bkg.png");background-repeat: no-repeat;}
	.form-header h3{font-size: 40px;padding: 15px 0 8px 150px;}
	 form fieldset {padding: 55px 14% 55px 14%;}
	form label{text-align:right;width: 30%;}
	form input[type="text"], body.custom.contact form input[type="zip"], body.custom.contact form input[type="tel"] { width: 60%;}
}
@media only screen and (min-width: 800px){
	.left-content{float:left;width:35%;padding:0;}
    .right-content{float:right;width:60%;padding:0;margin: 20px 0 20px;}
    
    header a.phone {
        font-size: 40px;
        padding: 9px 25px 7px 55px;
        text-indent: 0;
    }

    .greybox {
        margin: 50px 0;
    }
    .greybox .greybox-wrap {
        margin: 80px auto;
    }

    .greybox .greybox-wrap img {
        float:left;
        display: block;
    }
    .greybox .greybox-wrap .text {
        float:left;
    }
}