﻿/*
Theme Name: Patriot Software
Theme URI: http://PatriotSoftware.com/
Description: Theme (child of canvas5) for patriotsoftware.com
Author: Nathan Rosson
Author URI: http://patriotsoftware.com/
Template: canvas5
Version: 2.0
*/

/*------------------------------
=== Table of Contents ===
1. Box Sizing
2. General Styles
    2.1 Grid
    2.2 Colors
    2.3 Lists
    2.4 Blocks
    2.5 Headings
    2.6 UI Helpers
    2.7 Icons
    2.8 Buttons
    2.9 Form Inputs
    2.10 Fonts
3. Header
4. Navigation
    4.1 Dropdowns
    4.2 Product Side Navigation
    4.3 Product FAQ Side Navigation
    4.4 Sidebar Navigation

5. Main Body Content
    5.1 Page Headers
    5.2 Product Page Styles
    5.3 Product Icons
    5.4 Product Template Styles
    5.5 Product List Styles
    5.6 About/Company Styles
    5.7 New Pricing Slider
    5.8 404 Page
    5.9 Breadcrumbs, Glossary, Page Navigation
    5.10 Contact Page
    5.11 Job Board Careers Positions Page
6. Footer
7. Royalty Program
8. Landing Page Styles
9. Training Styles
10. Franchise Styles
11. New Employer Pages
12. About Pages
13. New Reviews Page
14. New Accessibility Colors & Components

M. Mobile

@media all and (max-width: 480px)
@media all and (max-width: 520px)
@media all and (max-width: 580px)
@media all and (max-width: 699px)
@media all and (max-width: 767px)
@media all and (max-width: 769px)
@media all and (max-width: 779px)
@media all and (max-width: 779px) and (orientation:landscape)
@media all and (max-width: 960px)
@media all and (max-width: 500px)
@media all and (max-width: 799px)
@media all and (max-width: 1000px)
@media all and (max-width: 1020px)
@media all and (max-width: 1050px)
@media all and (max-width: 1199px)
@media all and (max-width: 1650px)

@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)

@media all and (min-width: 520px) and (max-width: 1000px)
@media all and (min-width: 520px) and (max-width: 1024px)
@media all and (min-width: 521px) and (max-width: 768px)
@media all and (min-width: 710px) and (max-width: 1000px)
@media all and (min-width: 767px) and (max-width: 958px)
@media all and (min-width: 768px) and (max-width: 800px)
@media all and (min-width: 768px) and (max-width: 860px)
@media all and (min-width: 769px)
@media all and (min-width: 769px) and (max-width: 769px)
@media all and (min-width: 769px) and (max-width: 792px)
@media all and (min-width: 769px) and (max-width: 820px)
@media all and (min-width: 769px) and (max-width: 890px)
@media all and (min-width: 769px) and (max-width: 900px)
@media all and (min-width: 769px) and (max-width: 1050px)
@media all and (min-width: 768px) and (max-width: 1120px)
@media all and (min-width: 769px) and (max-width: 1440px)
@media all and (min-width: 769px) and (max-width: 1200px)
@media all and (min-width: 770px) and (max-width: 860px)
@media all and (min-width: 770px) and (max-width: 962px)
@media all and (min-width: 770px) and (max-width: 1024px)
@media all and (min-width: 1000px) and (max-width: 1120px)
@media all and (min-width: 1000px) and (max-width: 1379px)
@media all and (min-width: 1200px)
@media all and (min-width: 1380px)
@media all and (min-width: 1650px)
@media all and (min-width: 1700px)

-------------------------------*/

/* [1. Box Sizing] */

.addOnProduct, .archive #sidebar, .archive #sidebar #s, .arrow, .baseProduct, .block-standard, .blog .entry, .blog .title, .blog .post, .blog .post-comments, .blog .post-meta, .blog .read-more, .blogFeature, .blogSearch, .blogFeed li, .blog-social, body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit, .blueCtaBtn a, .blueCtaBtn2 a, #bundledPayrollWrapper, #bundledAccountingWrapper, #checkList, .compareAddOn, .compareFeatures li, .compareFeaturesNew li, .compareFeaturesHeader li, #contactAddress, #contactBlock, #contactTop, #contactTop li img, #contactTop ul, .contactWrapper, #couponCode label, .ctaBtn, .ctaBar li, #demoMain, .employeeNum, .entry .featureList li, .exerptLinks, #faq-contact li, #faq-contact li img, #featuredBlogs, .faq p, .faq-page, #findPrice, .flLeft, .flRight, #footer-help-article, #footer-main, #footer-main-bottom, #footerWrapper, .fullServiceDescription, .full-span .learnMore, .fsa-hsa li, #glossaryContent, #glossaryContent h2 a, #glossaryContent h2 a:hover, #glossaryNav, #glossarySideTitle, #glossarySideTitle2, #glossaryTerm, .GreenBtn a, .greenCtaBtn a, #header .nav-toggle, #help-contact ul, #help-contact li img, #help-home-contact li img, #help-home-contact ul, .hiringAddOnBlock, #homeContent, #helpHomeSearch, #helpHomeSearch #s, #helpOptionsLeft, #helpOptionsRight, #homeContent, #homeCTA, .homeProduct, .homeSlide, #homeTestimonialBlock, #homeTestimonialBlock ul, #homeTestimonialBlock li, .hrAddOnBlock, input.stateSubmit, .largeGreenBtn, .largeGreenBtn a, #lostPage, .lostSearch, #main, #main #s, .mainArticle, .main-section, #mobilePhone, .moreArticles, .moreProducts a, .oneTestimonial, #pageHeader, #pageHeader .ctaArea, .page-template-template-blog-small-business-expert-home-php #sidebar, .page-template-template-blog-small-business-expert-home-php #sidebar #s, .page-template-template-product-payroll-glossary-term-php #main, .payAddOnList li, #payroll a, #payroll3Steps, #payroll3Steps h4, .payrollAddons a, #payrollBlogHeader, .payrollstepscompleted,  .popUpInstructions, .ppc-blue-button, #ppcTestimonial, #pricing, #priceFeatures, #priceFeaturesBlue, .pricingPageBlock, .pricingTestimonial, #pricing-sidebar, .productCategory, .product-content, #productCta2, #productDescriptionBlock , #productHome h1, #productHome h2, .productItem, .productFeatures, #product-features .featureList li, .productPageAddOn > li, #productPageTagline, #productTagline, #productTaglineAlt, .profitBox li, .readySignUp, .regularBlueBtn a, .regularGreenBtn a, .reportBlock li, .reportsList li, #testimonialArea, #testimonial-main, .timeAddOnBlock, .tryItBox, .tryItBlueBtn a, .tryItBtn a, #tryItLeft, .sbeHeader, #sbeHeader, .searchform input.s, #sidebar #s, .singleBlog, .single #sidebar, .single #sidebar #s, .subscribeEmailBtn, #subscribePopUp, .testimonialBox, .testimonial-list, #testimonialTagline, .testimonialWidget, .threeStepList, .two-col-left #main-sidebar-container #product-main #main, .two-col-right #main-sidebar-container #product-main #main, .webTemplatePricing, #videoCopy {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* [2. General Styles] */

body {
    font-family: 'Lato', sans-serif;
    padding: 0;
}

a {
    color: #5c8dc7;
    text-decoration: none;
}
a.learn-more:after {
    content: " \203A\203A";
    letter-spacing: -0.05em;
}
a:hover {
    color: #3d60a4;
    text-decoration: underline;
}

a:focus {
    outline: 0;
    text-decoration: underline !important;
}

ul.nav li a:focus {
    background: rgba(255,255,255,.1) !important;
    border-bottom: 5px solid #5c8dc7;
    text-decoration: none !important;
}


#logo a:focus img {
    background: rgba(255,255,255,.1) !important;
}

#footer-social a:focus {
    background-color: #041c40;
}

.business-links a img {
    border: 1px dashed transparent;
}

.business-links a:focus img {
    border: 1px dashed #fff;
}

a.signup-button:focus {
    background: #fb8637;
    text-decoration: none !important;
}

a.demo-button:focus {
  text-decoration: none !important;
  background: #5c8dc7;
  color: #fff !important;
}

a.demo-button:focus span {
  color: #fff !important;
}

.searchform input.submit:focus {
    outline: 1px solid #041c40 !important;
}

a.psi-bigButton:focus {
    text-decoration: none !important;
    background: #f7f7f7;
}

.general-button:focus {
  text-decoration: none !important;
  background: #3d60a4;
}

a.home-learn-more:focus, #menu-footer-main li a:focus {
  text-decoration: underline; !important;
}

.training-btn a {
    float: left;
}

li.training-btn a:focus {
    opacity: .75;
}


/* 6.1 Buttons */
body #wrapper #content .button,
body #wrapper #content .button:visited {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    padding: 6px 14px;
    color: #fff !important;
    text-decoration: none;
    border: none;
    position: relative;
    cursor: pointer;

    border: none;
    background: transparent;

    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

body #wrapper #content .button:hover {
    color: #fff;
    text-decoration: none;
}
body #wrapper #content .button:active {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

body #wrapper #content .button:hover {
    opacity: 1;
}


td {
    padding: 1em 1.2em 1em 0;
}

table {
    margin: 1em 0;
}


/* [2.1 Grid] */
.grid-wrapper {
    margin: 0 auto;
    max-width: 1360px;
    position: relative;
}
.grid-row {
    float: left;
    width: 100%;
    clear: left;
}
section.grid .one-fifth,
section.grid .one-fourth,
section.grid .one-half,
section.grid .one-third,
section.grid .three-fifths,
section.grid .three-fifths-home,
section.grid .three-fourths,
section.grid .two-fifths,
section.grid .two-fifths-home,
section.grid .two-thirds {
    float: left;
    position: relative;
}

.example-grid {
    height: 60px;
    background: #eef2f9;
}
.grid .grid-row {
    margin-bottom: 20px;
}
.grid .one-full {
    width: 100%;
}
.grid .one-half {
    width: 47.5%;
}
.grid .one-fifth {
    width: 16%;
}
.grid .two-fifths {
    width: 38.8%;
}
.grid .two-fifths-home {
    width: 40%;
}
.grid .three-fifths {
    width: 56.2%;
}
.grid .three-fifths-home {
    width: 60%;
}
.grid .one-fourth {
    width: 21.25%;
}
.grid .three-fourths {
    width: 73.5%;
}
.grid .one-third {
    width: 30%;
}
.grid .two-thirds {
    width: 65%;
}
.grid .grid-row .col {
    margin-right: 5%;
}
.grid .grid-row .col:last-of-type {
    margin-right: 0;
}

/* Grid */

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}

.row:last-of-type {
margin-bottom: 0;
    }

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row.no-pad .col {
    padding: 0;
    }

.row.no-pad-left .col {
    padding-left: 0;
    }

.row.no-pad-right .col {
    padding-right: 0;
    }

.row.no-pad-top .col {
    padding-top: 0;
    }

.row.no-pad-bottom .col {
    padding-bottom: 0;
    }

.row .col {
  float: left;
  position:relative;
 }

 .row .col a.attention {
      margin-left: 1.5em;
 }

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}

.row .col.pull-s1 {
  right: 8.3333333333%;
}

.row .col.push-s1 {
  left: 8.3333333333%;
}

.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}

.row .col.pull-s2 {
  right: 16.6666666667%;
}

.row .col.push-s2 {
  left: 16.6666666667%;
}

.row .col.offset-s3 {
  margin-left: 25%;
}

.row .col.pull-s3 {
  right: 25%;
}

.row .col.push-s3 {
  left: 25%;
}

.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}

.row .col.pull-s4 {
  right: 33.3333333333%;
}

.row .col.push-s4 {
  left: 33.3333333333%;
}

.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}

.row .col.pull-s5 {
  right: 41.6666666667%;
}

.row .col.push-s5 {
  left: 41.6666666667%;
}

.row .col.offset-s6 {
  margin-left: 50%;
}

.row .col.pull-s6 {
  right: 50%;
}

.row .col.push-s6 {
  left: 50%;
}

.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}

.row .col.pull-s7 {
  right: 58.3333333333%;
}

.row .col.push-s7 {
  left: 58.3333333333%;
}

.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}

.row .col.pull-s8 {
  right: 66.6666666667%;
}

.row .col.push-s8 {
  left: 66.6666666667%;
}

.row .col.offset-s9 {
  margin-left: 75%;
}

.row .col.pull-s9 {
  right: 75%;
}

.row .col.push-s9 {
  left: 75%;
}

.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}

.row .col.pull-s10 {
  right: 83.3333333333%;
}

.row .col.push-s10 {
  left: 83.3333333333%;
}

.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}

.row .col.pull-s11 {
  right: 91.6666666667%;
}

.row .col.push-s11 {
  left: 91.6666666667%;
}

.row .col.offset-s12 {
  margin-left: 100%;
}

.row .col.pull-s12 {
  right: 100%;
}

.row .col.push-s12 {
  left: 100%;
}

.video-volume a::before{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  content: "Click to play with sound ";
}
.video-volume a::after{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f026";
  padding-left: 10px;
}

.video-volume {
    width: 100%;
    text-align: right;
    margin-top: 20px;
    font-size: 18px;
}
.video-volume a {
    display: inline-block;
    margin-left: 15px;
}
.video-volume.up a::before{
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  content: "Click to turn off sound ";
}
.video-volume.up a::after{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f028";
  padding-left: 10px;
}
.video-volume.up a {
    display: inline-block;
    margin-left: 15px;
}

@media only screen and (max-width: 600px) {
    .row .col.s12 {
        margin-bottom: 1em;
    }

    .row .col.s12:last-of-type {
            margin-bottom: 0;
    }
}

@media only screen and (min-width: 601px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}

@media only screen and (min-width: 993px) {

   .row .col {
      padding-right: 1em;
    }

   .row .col:last-of-type {
      padding-right: 0em;
    }

   .row .col.no-pad {
      padding-right: 0em;
    }

  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}

.row-bg .row:nth-child(odd) {
    background: #f9f9f9;
}

.border-1-t {
  border-top:1px solid #ccc;
}

.border-1-b {
  border-bottom:1px solid #ccc;
}

.button-item-title,
.color-title {
    text-transform: uppercase;
    color: #636363;
    display: block;
    margin-top: .5em;
}

/* [2.2 Colors] */

.primary-color {
    color: #5c8dc7 !important;
}
.dark-accent-color {
    color: #041c40 !important;
}
.accent-color {
    color: #3d60a4 !important;
}
.body-text-color {
    color: #636363 !important;
}
.secondary-bg-color {
    background: #f7f7f7;
}
.action-color {
    color: #e05d05 !important;
}
.action-color-hover {
    color: #fb8637 !important;
}
.confirm-color {
    color: #5b9b30 !important;
}
.gray-color {
    color: #cccccc !important;
}
.light-gray-color {
    color: #eeeeee !important;
}
.white-color {
    color: #ffffff !important;
}
.activated {
    color: #041c40 !important;
}
.header-text-color {
    color: #222222 !important;
}
.primary-bg-color {
    color: #eef2f9 !important;
}
.secondary-bg-color {
    color: #f7f7f7 !important;
}
.accounting-blue {
    color: #abd1ff !important;
}
.payroll-blue {
    color: #00418e !important;
}
.icon-bg-color {
    color: #a4b0bd !important;
}
.alert-color {
    color: #ad0014 !important;
}
.warning-color {
    color: #ffffe0 !important;
}

/* [2.3 Lists] */

.listNoBullets {
    list-style: none;
    padding: 0;
}
.inline,
.inline-pipes {
    list-style: none;
    padding: 0;
}
.inline li,
.inline-pipes li {
    display: inline-block;
    margin: 0 1.25em 0 0;
}
.inline li {
    margin: 0 1.25em;
}
.inline li:first-child {
    margin-left: 0;
}
.inline li:last-child {
    margin-right: 0;
}
.inline-pipes li:after {
    content: "|";
    margin-left: 1em;
    color: #cccccc;
}
.inline-pipes li:last-child:after {
    content: "";
}
.general-checkmark-list,
.product-checkmark-list,
.exectras-checkmark-list {
    list-style: none;
    padding: 0;
    font-size: 18px;
}
.general-checkmark-list li,
.product-checkmark-list li,
.exectras-checkmark-list li {
    position: relative;
    padding-top: 0;
    margin: .5em 0;
    padding-left: 2em;
}
.general-checkmark-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 .5em 0 0;
    clear: both;
    float: left;
    background: url(images/check-marks.png) no-repeat;
    height: 22px;
    width: 22px;
    background-size: 370%;
}
.exectras-checkmark-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 .5em 0 0;
    clear: both;
    float: left;
    background: url(/wp-content/uploads/2017/02/exectras-check.png) no-repeat;
    height: 20px;
    width: 20px;
    background-size: 100%;
}

#checkList .general-checkmark-list li {
    margin:1.25em 0;
}
#checkList .exectras-checkmark-list li {
    margin:1.25em 0;
}

.product-checkmark-list li:before {
    content: "";
    background: url(images/check-marks.png) no-repeat;
    padding: 0;
    border-radius: 33px;
    border: 2px solid #558e3d;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    background-size: 430%;
    background-position: -67px -1px;
}

/* [2.4 Blocks] */

.subsection {
    border-bottom: 1px dashed #999;
    padding: 1em 0;
    float: left;
    width: 100%;
}

.block-diagonal-down,
.block-diagonal-up {
  float: left;
  width: 100%;
  position: relative;
  padding: 1em;
  z-index: 0;
  box-sizing:border-box;
  overflow: hidden;
}
.block-diagonal-down:after {
  content: "";
  background: 0 0;
  height: 0;
  width: 0;
  border-top: 160px solid #ffffff;
  border-left: 160px solid transparent;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.block-diagonal-up:after {
  content: "";
  background: 0 0;
  height: 0;
  width: 0;
  border-bottom: 160px solid #ffffff;
  border-left: 160px solid transparent;
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
}
.block-standard {
  float: left;
  width: 100%;
  position: relative;
  padding: 1em;
  z-index: 0;
}

/* [2.5 Headings] */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #222222;
}
h1 {
    font-size: 50px;
    margin: 0.25em 0;
}
h2 {
    font-size: 35px;
    margin: 0.25em 0;
}
h3 {
    font-size: 28px;
    margin: 0.5em 0;
}
h4 {
    font-size: 24px;
    margin: 0.5em 0;
}
h5 {
    font-size: 22px;
    margin: 0.5em 0;
}
h6 {
    font-size: 20px;
    margin: 0 0 0.5em;
}

h1.secondary-heading {
  font-size: 35px !important;
  margin: 0.25em 0;
}
h2.secondary-heading {
  font-size: 24px !important;
  margin: 0.25em 0;
}

.all-caps {
  text-transform: uppercase;
  font-size: 14px;
}

.light-heading {
    font-weight: lighter;
}
.small-heading {
    font-size: 14px;
    text-transform: uppercase;
    color: #888;
}
.small-text {
    font-size: 14px;
}
.smaller-text {
    font-size: 12px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    line-height: 1.2em;
}

.singleBlog h1 {
    font: bold 36px/1.2em 'Lato', Arial, sans-serif !important;
}

h1.authorTitle {
    font: bold 42px/1.2em 'Lato', Arial, sans-serif !important;
}

#lostPage h1 {
    color: #fff !important;
    text-shadow: 0 2px 2px #000;
}

#header div.nav-toggle {
        display: none;
    }

.training-header h1, .definitions-header h1, .payroll-help-header h1, .payroll-tax-help-header h1, .accounting-help-header h1, .time-help-header h1, .hr-help-header h1 , .portal-help-header h1, .ten99-help-header h1, .account-help-header h1 {
    font-size: 42px !important;
}

#productPageTagline h1 {
    font: 300 40px/1.2em 'Lato', Arial, sans-serif !important;
}

#pricingTitle h1 {
    font: 700 30px/1.2em 'Lato', Arial, sans-serif !important;
}

#testimonialHeader h1 {
    margin-bottom:.25em;
}

.ppcHeader {
    width: 55%!important;
    font: 400 24px/1.2em 'Lato', Arial, sans-serif !important;
}

.transactHeader {
    width: 55%;
    font: 700 40px/1.2em 'Lato', Arial, sans-serif !important;
}

.altHeader {
    font: 400 40px/1.2em 'Lato', Arial, sans-serif !important;
}

.altMainHeader {
    width: 55%;
    font: 700 50px/1.2em 'Lato', Arial, sans-serif !important;
}

.altSubHeader {
    width: 55%;
    font: 400 24px/1.2em 'Lato', Arial, sans-serif !important;
}

.altSubHeader50 {
    width: 50%;
    font: 400 24px/1.2em 'Lato', Arial, sans-serif !important;
}

#sbeHeader h2 {
    font: normal 24px/1.2em 'Lato', Arial, sans-serif;
}

#glossaryContent h2 {
    font: normal 18px/1.5em 'Lato', Arial, sans-serif;
}

#rushmoreVideoBottom h2 {
    margin: 2em 0;
}

.single .sbeHeader h2 {
    font: 900 55px/1.2em 'Lato', Arial, sans-serif !important;
}

#glossaryContent h2 a, #glossaryContent h2 a:hover {
    color: #041c40;
    text-decoration: none;
    font-size: 55px;
    font-weight: bold;
    text-align: left;
}

.shadow {
      box-shadow: 0 15px 20px -15px rgba(0,0,0,.3), 0 35px 50px -25px rgba(0,0,0,.3), 0 85px 60px -25px rgba(0,0,0,.1);
}
.light-shadow {
      box-shadow: 0 5px 10px -15px rgba(0,0,0,.1), 0 15px 20px -15px rgba(0,0,0,.1), 0 35px 30px -25px rgba(0,0,0,.1);
}
.investor-header {
  margin-top: -25px;
}
.rmi-button {
  float: right!important;
  max-width: 320px!important;
}
.sl-button {
  float: left;
  max-width: 320px!important;
}
.shadow-overlay {
    box-shadow: 0 15px 20px -15px rgba(0,0,0,.3), 0 35px 50px -25px rgba(0,0,0,.3), 0 85px 60px -25px rgba(0,0,0,.1);
    position: absolute;
}
.investor-video {
    float: left;
    width: 560px;
    position: relative;
    margin: 0 20px 0 5px;
}
.home-video {
    float: left;
    width: 560px;
    position: relative;
}

.videoWrapperParent {
    max-width: 800px;
    margin: 0 auto 50px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-template-template-product-payroll-glossary #glossaryContent h2 a, .page-template-template-product-payroll-glossary #glossaryContent h2 a:hover {
    color: #041c40;
}

#glossaryContent h2 {
    margin-top: 0;
    margin-bottom: 1em;
    position: relative;
    float: left;
    width: 100%;
}

.training-header h2, .definitions-header h2, .payroll-help-header h2, .payroll-tax-help-header h2, .accounting-help-header h2, .time-help-header h2, .hr-help-header h2, .portal-help-header h2, .ten99-help-header h2, .account-help-header h2 {
    font-weight: normal;
    font-size: 18px;
}

.training-header h2 {
    width: 55%;
}

.training-header h2 {
    font-weight: normal;
    font-size: 24px;
    width: 100%;
}

#testimonialHeader h2 {
    font: 400 22px/1.2em 'Lato', Arial, sans-serif !important;
    width: 50%;
}

#subscribePopUp h3 {
    font: normal 30px/1.2em 'Lato', Arial, sans-serif;
}

#product-main h3 {
    font: normal 28px/1.2em 'Lato', arial, sans-serif;
}

h3.glossaryTerm {
    font: bold 30px/1.5em 'Lato', Arial, sans-serif;
    margin-bottom:1em;
}

.pricingPageBlockContent h3 {
    font: 400 30px/1.4em 'Lato', Arial, sans-serif !important;
}

.single .sbeHeader h3 {
    font: normal 24px/1.2em 'Lato', Arial, sans-serif;
}

#subscribePopUp h3 {
    margin-bottom: .5em;
}

.productPageTitle h3 {
    margin:0;
}

.search h3, .archive h3 {
    margin-bottom: 0 !important;
}

.button-title h3 {
    text-transform: uppercase;
    color: #fff;
}

.help-search-block h3 {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px !important;
    margin-top: 10px;
    margin-left: 1em;
}

.help-search-block h3 {
    text-align: center;
    float: none;
    margin: 0;
}

#product-features h3, #product-options h3, #product-more h3 {
    text-align: center;
    margin-bottom: .5em;
}

.productCategory h3 {
    margin-bottom: .25em;
}

.blogFeature h4,
.entry .featureList h4,
.faq-page .entry.detail-entry h4,
.page-template-psi-advisor-program .entry h4,
.page-template-psi-royalty-program-society-partner .entry h4,
.page-template-psi-royalty-program-affinity-partner .entry h4,
.page-template-psi-royalty-program-business-advocate .entry h4,
.page-template-psi-royalty-program-business-consultant .entry h4,
.page-template-psi-advisor-program-certified .entry h4,
.page-template-psi-royalty-program-partner .entry h4   {
    font: 700 18px/1.2em 'Lato', Arial, sans-serif;
}

#product-features .featureList h4 {
    font: 700 20px/1.2em 'Lato', Arial, sans-serif;
}

.tryItSection h4 {
    font: 24px/1.5em 700 'Lato', Arial, sans-serif !important;
}

.blogFeed h4 a {
    font: bold 24px/1.2em 'Lato', Arial, sans-serif !important;
}

.faq-page h4.detailTitle {
    padding-top: .4em !important;
}

.blogFeature h4 {
    margin-bottom: 0;
}

.blogFeed h4 {
    margin-bottom:0;
}

.baseProduct h4 {
    font: 700 32px/1.2em 'Lato', Arial, sans-serif;
    margin-bottom: 0;
}

.payrollFatDropdown h5 {
    text-transform: none;
    margin-top: 1em;
    margin-bottom: .5em;
}

.mainArticle h5, .articleHeader h5 {
    text-transform: none;
    letter-spacing: 0;
}

.flRight h5, .webTemplatePricing h5 {
    text-transform: none;
    letter-spacing: 0;
}

.webTemplatePricing h5 {
    text-align: center;
}

#findPrice h5 {
    text-transform:none !important;
    margin-bottom: 2em;
}

#help-contact h5, #help-home-contact h5 {
    text-transform:uppercase;
    letter-spacing: 0.1em;
}

.threeStepList li h5 {
    font: 400 16px/1.2em 'Lato', Arial, sans-serif !important;
    color:#0a225e !important;
    margin-left: .5em;
}

.baseProduct h5 {
    font: 400 20px/1.2em 'Lato', Arial, sans-serif !important;
    text-transform: none;
    letter-spacing: .01em;
}

.centered-section h6 {
    font: normal 14px/1.2em 'Lato', Arial, sans-serif !important;
}

#blogSideNav h6 {
    font: 14px/1.2em 'Lato', Arial, sans-serif;
}

#videoCopy h6 {
    font: 700 18px/1.2em 'Lato', Arial, sans-serif !important;
}

#videoCopy h6 {
    padding:0px;
    margin-bottom:10px;
    text-transform:none;
}

.productsPage h6 {
    padding: 0 !important;
    margin: 0 0 2em !important;
    line-height: 0 !important;
}

#supportOptions h6 {
    padding: 2em 0 0;
}

#blogSideNav h6 {
    color: #0a225e;
    padding-bottom: .5em !important;
}

.page-template-template-blook-php h6 {
    padding: 2em 0 1em !important;
}

.page-template-template-blook-php #productTitleNoIcon h6 {
    padding: 0 !important;
}

.centered-section h6 {
    background: #ebebeb !important;
    margin: 1em 0 2em !important;
    color: #0a225e !important;
    float: left;
    width: 100%;
    padding: 1.2em 0 1em !important;
}

h6.authorSub {
    padding:0em;
}

#mapWrapper h6 {
    text-transform: none !important;
}

.page-template-template-help-payroll h6, .page-template-template-help-bookkeeper h6 {
    padding: 0 0 1em;
}


/* Payroll 3 Step Process */




h4#payroll3StepsHeader {
    font: 400 28px/1.5em 'Lato', Arial, sans-serif;
    color: #222;
    float: left;
    margin-bottom: 0;
    padding: 0 .5em;
    width: 100%;
    text-align: center;
    background: none;
    box-sizing: border-box;
    margin-top: 2em;
}

#payroll3Steps {
    float: left;
    width: 100%;
    margin: 1em auto;
    border: 1px solid #5c8dc7;
    position: relative;
    padding: 1.5em;
    box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.15);
}

#payroll3StepsInstructions {
    text-align: center;
    font-weight: 300;
    background: #fff;
    position: absolute;
    margin: 0 auto;
    top: -1em;
    padding: .5em 1em;
    left: 27%;
    font-size: 18px;
    right: 27%;
}

#payroll-step2, #payroll-step3 {
    display: none;
}

.demoInstructions {
    text-align: right;
    color: #888;
    font-size: 14px;
    display: none;
    float: left;
    width: 100%;
    position: absolute;
    right: 2em;
    top: 3.5em;
    font-style: italic;
    font-weight: 300;
}

.step-row {
    float: left;
    width: 100%;
}

.step-row img {
    float: left;
}

.step-row .demoBtn {
    cursor: pointer;
}

.step1PayPeriod, .step1PayDate, .step1NextStep {
    margin-top: 2em;
    margin-right: 10%;
}

img.step1NextStep, img.step2NextStepbtn {
    margin-right: 0;
    float: right;
}

.margin-top-3 {
    margin-top: 3em;
}

.margin-top-1 {
    margin-top: 1em;
}


.step2ViewDetails {
    float: left;
    clear: both;
}

.stepsOverLay {
    position: absolute;
    z-index: 9;
    text-align: center;
    background: rgba(238,242,249,.85);
    width: 99%;
    height: 95.5%;
    left: .5%;
}

.stepsOverLayExectras {
    position: absolute;
    z-index: 9;
    text-align: center;
    background: rgba(119,60,117,.7);
    width: 99%;
    height: 95.5%;
    left: .5%;
}

.startDemoBtn {
    background: #fff;
    padding: 1em;
    text-transform: uppercase;
    color: #5c8dc7;
    margin: 0 auto;
    opacity: 1;
    margin: 28% 30%;
    padding: 1em;
    border: 1px solid #5c8dc7;
    cursor: pointer;
    font-size: 18px;
    border-bottom: 3px solid;
}



.startDemoBtn:hover {
background: #5c8dc7;
color: #fff;
border-color: #3e61a4;
}

.startDemoBtnExec {
    background: #fff;
    padding: 1em;
    text-transform: uppercase;
    color: #773C75;
    margin: 0 auto;
    opacity: 1;
    margin: 28% 30%;
    padding: 1em;
    border: 1px solid #773C75;
    cursor: pointer;
    font-size: 18px;
    border-bottom: 3px solid;
}



.startDemoBtnExec:hover {
background: #773C75;
color: #fff;
border-color: #6D1F5C;
}

#modalDetails {
    display: none;
    position: relative;
    width: 860px; height: 500px;
}

@-webkit-keyframes cssAnimation {
from { -webkit-transform: scale(1); }
to { -webkit-transform: scale(1.25); }
}

@-moz-keyframes cssAnimation {
from { -moz-transform: scale(1); }
to { -moz-transform: scale(1.25); }
}

@-o-keyframes cssAnimation {
from { -o-transform: scale(1); }
to { -o-transform: scale(1.25); }
}

@-webkit-keyframes cssAnimationT {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.05); }
100% { -webkit-transform: scale(1); }
}

@-moz-keyframes cssAnimationT {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.05); }
100% { -webkit-transform: scale(1); }
}

@-o-keyframes cssAnimationT {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.05); }
100% { -webkit-transform: scale(1); }
}

.fancybox {
    float: left;
}

.wiggle, .demoBtn {
    position: relative;
    float: left;
}

img.wiggle {
-webkit-animation: cssAnimationT 1s infinite;
-moz-animation: cssAnimationT 1s infinite;
-o-animation: cssAnimationT 1s infinite;
}

.demoBtn:after, .active-step:after  {
    content: "+";
    position: absolute;
    top: .15em;
    left: 0;
    color: #fff;
    background-color: #ccc;
    border-radius: 15em;
    padding: .15em;
    height: 18px;
    width: 18px;
    margin-top: 0px;
    line-height: 15px;
    text-indent: 4px;
    font-size: 17px;
    font-weight: bold;
}

.demoBtn:hover:after, .active-step:after {
    content: "+";
    position: absolute;
    /* -webkit-animation: wiggle 0.5s infinite; */
    background-color: #8e44ad;
    /* -webkit-animation: cssAnimation 1s infinite; */
    -moz-animation: cssAnimation 1s infinite;
    -o-animation: cssAnimation 1s infinite;
}

.iconInstruction {
    position: relative;
    margin: 0 2em 0 .25em;
    text-align: center;
}

.iconInstruction:after {
    content: "+";
    position: absolute;
    top: .15em;
    left: 0;
    color: #fff;
    background-color: #8e44ad;
    border-radius: 15em;
    padding: .15em;
    height: 18px;
    width: 18px;
    margin-top: -4px;
    line-height: 15px;
    text-indent: 0px;
    font-size: 17px;
    font-weight: bold;
        font-style: normal;
}

.step1PayPeriod.demoBtn:after {
    left: 5.5em;
}

.step1PayDate.demoBtn:after {
    left: 5em;
}

.step1Hourly.demoBtn:after, .step1Salary.demoBtn:after {
    left: 8.25em;
    top: .95em;
}

.step-row.margin-top-3 .step1AddHours.demoBtn:after {
    margin-top: .25em;
}

.step1AddHours.demoBtn:after {
    left: -.5em;
    top: 3.5em;
}

.step2ViewDetails.demoBtn:after {
    left: 8em;
    top: .5em;
}

.step3Print.demoBtn:after {
    left: 12em;
    top: 2.75em;
}


.payrollstepscompleted {
    display: none;
    float: left;
    width: 100%;
    background: rgba(255,255,255,.95);
    text-align: center;
    padding: 25% 0;
    color: #636363;
    margin-bottom: 2em;
    border-top: none;
    position: absolute;
    left: 0;
    top: 1em;
}

#closeCTAOverlay {
    padding: 19px 10px;
    text-align: center;
}

#linkPaySct1 {
    max-width: 270px;
    float: right;
    margin: 0;
    padding: 1em .5em;
    font-size: 16px;
}

#linkPaySct1:after {
    background: none;
}

.compareDesc {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
    margin: 1em 0;
    float: left;
    width: 100%;
}

.compareDesc p {
    float: left;
    width: 40%;
    font-size: 14px !important;
    padding-right: 1em;
    line-height: 18px;
}

.compareDesc h6 {
    float: left;
    width: 50%;
    font-size: 20px !important;
    line-height: 30px;
}



/* [2.6 UI Helpers] */

.centered-text {
    text-align: center;
    float: left;
    width: 100%;
}

.centered-content {
    text-align: center;
    width: 100%;
}

.centered-content .button,
.centered-button {
    float: none !important;
    margin: .5em auto !important;
    display: block;
    clear: both;
}

.centeredBtn {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 2em;
    position: relative;
}

.centeredBtn li {
    list-style: none !important;
    margin: 2em 0 !important;
}


.centered-section {
    text-align: center;
}

.centeredBtn {
    padding: 0 !important;
}

.margin-0 {
    margin: 0;
}
.margin-half {
    margin: 0.5em 0;
}
.margin-1 {
    margin: 1em;
}
.margin-1-0 {
    margin: 1em 0;
}
.margin-0-1 {
    margin: 0 1em;
}
.margin-2 {
    margin: 2em;
}
.margin-2-0 {
    margin: 2em 0;
}
.margin-0-2 {
    margin: 0 2em;
}
.margin-3 {
    margin: 3em;
}
.margin-3-0 {
    margin: 3em 0;
}
.margin-0-3 {
    margin: 0 3em;
}


.sr-only { /* Screen Readers Only */
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}


/* [2.7 Icons] */

.product-features p {
    float: left;
    width: 65%;
    margin: 0;
}
.featured-block-wrapper {
    background: #ffffff;
    border: 1px solid #eeeeee;
    margin-bottom: 5px;
}
.featured-block-wrapper:nth-child(even) {
    background: #f7f7f7;
}
.featured-block {
    border-left: 5px solid #5c8dc7;
    padding: 1em;
}
.blog-box-wrapper {
    border: 2px solid #3e61a4;
    margin: 1em 0 2em;
    background: #E8EDF5;
}
.blog-box {
    padding: 2em;
    margin-bottom: -15px;
}
.product-feature-icons {
    background: url(images/sprite-product-features.png) #a4b0bd;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 0;
    margin: 0 1em 1em 0;
    float: left;
    height: 65px;
    width: 65px;
    background-size: 450%;
}
.press-kit-icons {
    background: url(/wp-content/uploads/2016/01/press-kit-sprite1.png) #a4b0bd;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 0;
    margin: 0 1em 1em 0;
    float: left;
    height: 65px;
    width: 65px;
    background-size: 450%;
}
.advisor-icons {
    background: url(/wp-content/uploads/2016/02/advisors-sprite.png) #a4b0bd;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 0;
    margin: 0 1em 1em 0;
    float: left;
    height: 65px;
    width: 65px;
    background-size: 450%;
}
.calculation-icon {
    background-position: 4px 4px;
}
.trial-icon {
    background-position: -55px 4px;
}
.handbook-icon {
    background-position: -113px 4px;
}
.update-icon {
    background-position: -169px 4px;
}
.tag-icon {
    background-position: -226px 3px;
}
.setup-icon {
    background-position: 3px -63px;
}
.support-icon {
    background-position: -57px -63px;
}
.file-icon {
    background-position: -114px -63px;
}
.secure-icon {
    background-position: -167px -65px;
}
.speech-icon {
    background-position: -229px -73px;
}
.cog-icon {
    background-position: 4px -133px;
}
.clock-icon {
    background-position: -55px -133px;
}
.check-icon {
    background-position: -112px -131px;
}
.bulb-icon {
    background-position: -170px -134px;
}
.social-icon {
    background-position: -227px -134px;
}
.download-icon {
    background-position: 3px -206px;
}
.upload-icon {
    background-position: -56px -206px;
}
.print-icon {
    background-position: -113px -206px;
}
.applicant-icon {
    background-position: -168px -207px;
}

.franchise-icons {
    background: url(/wp-content/uploads/2016/04/franchise-icon.png);
    padding: 0;
    margin: 0 1em 1em 0;
    float: left;
    height: 142px;
    width: 100px;
}
.small-business-icon {
    background-position: 0px 0px;
}
.secure-cloud-icon {
    background-position: 100px 0px;
}
.one-login-icon {
    background-position: 0px 142px;
}
.no-contract-icon {
    background-position: 100px 142px;
}

/* [2.8 Buttons] */

.button {
    float: left;
    /*font-weight: normal;*/
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    padding: .5em 1em;
    max-width: 180px;
    width: 100%;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 3px solid rgba(0, 0, 0, 0.15);
    margin: .5em .5em .5em 0;
    cursor: pointer;
    box-sizing: border-box;
}

    #sidebar .button {
        max-width: none;
    }

.button:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.general-button {
    background: #5c8dc7;
    color: #ffffff !important;
}

.general-button:hover {
    background: #3d60a4;
}

.action-button {
    text-transform: uppercase;
    color: #ffffff !important;
}

.signup-button {
    background: #e05d05;
    color: #ffffff !important;
    font-size: 14px;
    text-align: left;
    max-width: 180px;
    width: 100%;
}
.signup-button span {
    text-transform: uppercase;
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 24px;
    line-height: 1em;
}

.signup-button:hover {
    background: #fb8637;
}
.solo-button {
    min-width: 280px!important;
}
.solo-buttonAlt {
    min-width: 300px!important;
    min-height: 60px;
    padding-top:18px;
}
.get-started-button {
    background: #e05d05;
    color: #ffffff !important;
    font-size: 14px;
    text-align: left;
    max-width: 220px;
    width: 100%;
}
.get-started-button span {
    text-transform: uppercase;
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 24px;
    line-height: 1em;
}

.get-started-button:hover {
    background: #fb8637;
}

.demo-button {
    background: #ffffff;
    color: #5c8dc7 !important;
    font-size: 14px;
    text-align: left;
    border: 1px solid #5c8dc7;
    border-bottom: 3px solid #5c8dc7;
    max-width: 180px;
    width: 100%;
}
.demo-button span {
    text-transform: uppercase;
    width: 100%;
    float: left;
    color: #5c8dc7;
    font-size: 24px;
    line-height: 1em;
}

.demo-button:hover {
    background: #5c8dc7;
}
.demo-button:hover span {
    color: #ffffff;
}

.alt-button {
    background: #fff;
    border: 1px solid #5c8dc7;
    border-bottom: 3px solid #5c8dc7;
}

.alt-button:hover {
    background: #5c8dc7;
    color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 3px solid rgba(0, 0, 0, 0.15);
}

.login-button {
    background: #fff;
    text-transform: uppercase;
    border: 1px solid #5c8dc7;
    border-bottom: 3px solid #5c8dc7;
}

.login-button:hover {
    background: #5c8dc7;
    color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 3px solid rgba(0, 0, 0, 0.15);
}

.disabled,
.disabled:hover {
    background: #ccc;
    color: #fff;
    cursor: not-allowed;
}

.arrow-button {
    position: relative;
    text-align: left;
    padding-right: 2em;
    font-size: 18px;
    max-width:230px;
}
.arrow-button:before {
    content: "Learn More About Our";
    float: left;
    width: 100%;
    font-size: 14px;
}
.arrow-button:after {
    content: "";
    background: url(images/learn-more-arrows.png) no-repeat;
    position: absolute;
    height: 19px;
    width: 11px;
    top: 30%;
    right: 5%;
}
.arrow-button:hover:after, .arrow-button:focus:after {
    content: "";
    background: url(images/learn-more-arrows.png) no-repeat;
    background-position-x: -13px;
}

.action-color {
    background: #e05d05;
}
.action-color:hover {
    background: #fb8637;
}

.ie6 .button, .ie6 .button:visited {
    margin: 0;
}

/* [2.9 Form Inputs] */

input,
textarea {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: .5em;
}
textarea {
    width: 100%;
    font-size: 14px;
}
input:focus,
textarea:focus {
    outline: 1px solid #5c8dc7;
    outline-offset: 0px;
}
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 15px;
    padding: 0.25em;
    margin: .25em .25em 0 0;
    box-shadow: 0 0 1px;
    border: 4px solid #fff;
    cursor: pointer;
}
input[type="radio"]:focus {
    background: #5c8dc7;
    outline: 0;
}
input[type="radio"]:checked {
    background: #5c8dc7;
}
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    margin: .25em .25em 0 0;
    height: 20px;
    width: 20px;
}
input[type="checkbox"]:checked {
    background: url(images/sprite-product-features.png) #5c8dc7;
    background-position: -126px -132px;
    background-size: 500%;
    border: 1px solid #5c8dc7;
}
input[type="submit"] {
    float: left;
    padding: .5em 1em;
    width: 100%;
    text-align: center;
    border: 1px solid #4E78A9!important;
    border-bottom: 3px solid #4E78A9!important;
    max-width: 180px;
    margin: .5em .5em .5em 0;
    font-size: 18px;
    background: #5c8dc7!important;
    color: #ffffff;
}
input[type="submit"]:hover {
    background: #3D60A4!important;
    color: #ffffff;
    outline-offset: 0;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    padding: .5em 2em .5em .5em;
    background: url(images/select_down.png) no-repeat right #ffffff;
    font-size: 14px;
}
select:focus {
    outline: 1px solid #5c8dc7;
}


/* FORMS, INPUTS AND WIDGETS */
.subscribeWidget {
    float: left;
    width: 50%;
}

.searchWidget {
    float: left;
    width: 50%;
}

.searchWidget:last-of-type {
    float: right;
}

.subscribeBtn {
    float: left;
    margin-top: 10px;
}

.subscribeBtn:before {
    content: "";
    position: relative;
    top: -8px;
    margin-right: 10px;
    float: left;
    background: url(/wp-content/uploads/2014/01/subscribe-small-business.jpg);
    height: 36px;
    width: 36px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
}



.searchform input.s {
    padding: 10px 0 7px 8px;
    width: 100%;
    margin: 0;
    border: none;
    background: #fff;
    color: #777;
}

.searchform {
    width: 60%;
    float: right;
    margin-top:0px;
    border-color: #ccc transparent #efefef #ccc !important;
}

input, textarea {
    padding: 5px;
    background: #fafafa;
    border-color: #ccc #efefef #efefef #ccc;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #fff;
}

.searchform input.submit {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

#main #s, #helpHomeSearch #s {
    width: 90%;
    padding: 8px 8px 6px;
    margin-top: 0;
    position: relative;
    float: left;
}

input:focus, textarea:focus, input, textarea {
    background: #fff;
    border-color: #ccc #fff #ccc #ccc !important;
    border-width: 1px;
    border-style: solid;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#commentform input:focus, #commentform textarea:focus, #commentform input, #commentform textarea {
    border-color: #ccc #ccc #ccc #ccc !important;
}

#searchform {
    position: relative;
}

input[type=submit]#searchsubmit {
    background: url(/wp-content/themes/canvas5/images/search-icon.jpg) no-repeat #5c8dc7 !important;
    height: 37px;
    width: 37px;
    cursor: pointer;
    position: absolute;
    border: 0;
    margin: 0;
}

#main input#searchsubmit:hover, #helpHomeSearch input#searchsubmit:hover {
    cursor:pointer;
}

#helpHomeSearch {
    margin: 3em 0 0;
    float: left;
    width: 100%;
    padding: 0 20em;
}

iframe, video {
    max-width: 100%;
}

/* END FORMS, INPUTS AND WIDGETS */


/* [2.10 Fonts] */



/* General Fonts */

body,
p {
    font: normal 14px/1.7em 'Lato', Arial, sans-serif;
}

.entry,
.entry p {
    font: normal 16px/1.75em 'Lato', Arial, sans-serif;
}

.page .title,
.page .title a:link,
.page .title a:visited,
.post .title,
.post .title a:link,
.post .title a:visited  {
    font: normal 50px/1.1em 'Lato', Arial, sans-serif !important;
}

ul.nav li ul li a {
    font-size: 12px !important;
}

.submitLandingBtn  {
    font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
}

.regularBlueBtn a,
.regularGreenBtn a,
.subscribeEmailBtn {
    font: normal 30px/1.2em 'Lato', Arial, sans-serif !important;
}

#callUs p,
.subscribeEmailBtn,
#subscribePopUp  {
    font: normal 16px/1.2em 'Lato', Arial, sans-serif !important;
}


#navigation ul.rss a,
ul.nav li a {
    font: normal 14px/1em 'Lato', Arial, sans-serif !important;
}


#blogSideNav li a {
    font: normal 12px/1.5em 'Lato', Arial, sans-serif !important;
}

.thankYouContent a {
    font: 700 16px/1.2em 'Lato', Arial, sans-serif !important;
}

#salesInfo a {
    font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
}

.tryItCaption {
    font: normal 22px/1.2em 'Lato', Arial, sans-serif !important;
}

#tryItLeft p,
#tryItRight p {
    font: normal 18px/1.5em 'Lato', Arial, sans-serif !important;
}


.tryItBlueBtn a {
    font: normal 18px/1.5em 'Lato', Arial, sans-serif !important;
}

.faqMenu li,
.payrollMenu li,
.productMenu li  {
    font: 700 'Lato', Arial, sans-serif !important;
}

.faqMenu .sub-menu li a {
    font-size:12px !important;
}

.productCtaBtn a {
    font: normal 24px/1.2em 'Lato', Arial, sans-serif !important;
}

.entry .productPageTitle  p,
.product-section li,
.product-section p {
    font: normal 16px/1.65em 'Lato', Arial, sans-serif !important;
}

.entry .featureList p {
    font: normal 16px/1.5em 'Lato', Arial, sans-serif;
}

.centered-section p {
    font: normal 16px/1.75em 'Lato', Arial, sans-serif !important;
}

.centered-pricing-header {
    font: normal 20px/1.2em 'Lato', Arial, sans-serif !important;
}

.payAddOnList li p {
    font: normal 14px/1.0em 'Lato', Arial, sans-serif !important;
}

.flLeft {
    font: normal 16px/1.5em 'Lato', Arial, sans-serif !important;
}

.mainArticle {
    font: normal 16px/1.5em 'Lato', Arial, sans-serif !important;
}

#table ul li {
    font: 700 'Lato', Arial, sans-serif !important;
}

.webTemplatePricing #table ul li {
    font-family: 'Lato', Arial, sans-serif !important;
}

.webTemplatePricing #table ul li:first-child {
    font: 700 12px/1.2em 'Lato', Arial, sans-serif !important;
}

#table ul li {
    font-size: 1.2rem;
}

#table ul li:first-child {
    font: 700 16px/1.2em 'Lato', Arial, sans-serif !important;
}

#testimonial p:nth-child(2) {
    font: 700 'Lato', Arial, sans-serif !important;
}

.tryItBox {
    font: normal 30px/1.5em 'Lato', Arial, sans-serif !important;
}

#testimonial p:last-child {
    font-size: .9rem;
}

.tryItBtn a {
    font: normal 30px/1.2em 'Lato', Arial, sans-serif !important;
}

.faq-page strong {
    font: 700 18px/1.2em 'Lato', Arial, sans-serif !important;
}

.aboutHeader {
    font-size: 18px;
}

#table div.flat-fee ul li:nth-child(2) {
    font-size: 3rem !important;
    font: 700 'Lato', Arial, sans-serif !important;
}

#table div.flat-fee ul li:last-child {
    font-size: 1.8rem !important;
}

.largeGreenBtn a, .GreenBtn a {
    font: normal 30px/1.2em 'Lato', Arial, sans-serif !important;
}

.homeCta a {
    font: 300 30px/1.2em 'Lato', Arial, sans-serif !important;
}

body #wrapper #content .button,
body #wrapper #content .button:visited,
body #wrapper #content .reply a,
body #wrapper #content #respond .form-submit input#submit {
    font: normal 12px/1.2em 'Lato', Arial, sans-serif !important;
}

#videoCopy {
    font: normal 16px/1.5em 'Lato', Arial, sans-serif !important;
}

#videoCopy li a {
    font: 700 14px/1.2em 'Lato', Arial, sans-serif !important;
}


.productTitle1 {
    font: normal 24px/1.2em 'Lato', Arial, sans-serif !important;
}

.productTitle {
    font: normal 20px/1.2em 'Lato', Arial, sans-serif !important;
}


.blueCtaBtn a,
.blueCtaBtn2 a,
input.stateSubmit {
    font: normal 18px/1.5em 'Lato', Arial, sans-serif !important;
}

.read-more a {
   font: normal 16px/1.5em 'Lato', Arial, sans-serif !important;
}

input.stateSubmit {
    font: normal 18px/1.5em 'Lato', Arial, sans-serif;
}

.authorName {
    font: 700 'Lato', Arial, sans-serif !important;
}

.checkmarkList {
    font: normal 16px/1.2em 'Lato', Arial, sans-serif !important;
    margin: 3em 0;
}

.blogFeature {
    font: normal 14px/1.2em 'Lato', Arial, sans-serif !important;
}


.blogCategory {
    font: 700 12px/1.2em 'Lato', Arial, sans-serif !important;
}

.blog .post .title a:link {
    font: 400 50px/1.2em 'Lato', Arial, sans-serif !important;
}

.blogExerpt p {
    font: normal 16px/1.2em 'Lato', Arial, sans-serif !important;
}

.authorWidget li {
    font: 700 'Lato', Arial, sans-serif !important;
}

#lostPage #lostContent {
    font: normal 28px/1.5em 'Lato', Arial, sans-serif !important;
}

.breadcrumb {
    font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
}

.helpProductHome p {
    font: normal 18px/1.2em 'Lato', Arial, sans-serif;

}

.helpProductHome a {
    font: 700 18px/1.2em 'Lato', Arial, sans-serif;
}

#glossaryContent li,
#glossaryContent p,
#glossaryNav p {
    font: normal 18px/1.5em 'Lato', Arial, sans-serif;
}

#glossaryContent p a {
    font: normal 14px/1.5em 'Lato', Arial, sans-serif;
}

.glossaryLink {
    font: normal 18px/1.5em 'Lato', Arial, sans-serif;
}

#contactAddress span {
    font: normal 24px/1.5em 'Lato', Arial, sans-serif;
}

#contactBlock p {
    font: normal 16px/1.75em 'Lato', Arial, sans-serif !important;
}

#contactTop a {
    font: normal 24px/1em 'Lato', Arial, sans-serif;
}

#glossarySideTitle {
    font: normal 14px/1.5em 'Lato', Arial, sans-serif;
}

#glossarySideTitle2{
    font: normal 15px/2.0em 'Lato', Arial, sans-serif;

}

#glossaryTermSide li {
    list-style:disc;
    font: normal 14px/1.5em 'Lato', Arial, sans-serif;
}

#glossaryTermSide p {
    font: normal 14px/1.5em 'Lato', Arial, sans-serif;
}

#glossaryTermSide .blueCtaBtn2 a {
    font: normal 18px/1.5em 'Lato', Arial, sans-serif;
}

.otherHelpLinks li {
    font: normal 18px/1.2em 'Lato', Arial, sans-serif;
}

#contactTop,
#faq-contact,
#help-contact,
#help-home-contact  {
    font: 700 14px/1em 'Lato', Arial, sans-serif;
}

#contactTop {
    font: normal 16px/1em 'Lato', Arial, sans-serif;
}

.profile-content p {
    font: normal 16px/1.5em 'Lato', Arial, sans-serif !important;
}


.searchform input.s {
    font: normal 14px 'Lato', Arial, sans-serif;
}

#helpHomeSearch #s,
#main #s,
.post-comments a {
    font: normal 14px/1.5em 'Lato', Arial, sans-serif !important;
}

#footer-main-bottom a {
    font: normal 16px/1em 'Lato', Arial, sans-serif;
}

.footer-nav li a {
    font: normal 16px/1em 'Lato', Arial, sans-serif;
}

.nav-entries a span,
.woo-pagination a:link,
.woo-pagination a:visited,
.woo-pagination a:active {
    font: 700 'Lato', Arial, sans-serif !important;
    font-size: 1.2em;
}

.infusion-field label {
    font: 700 'Lato', Arial, sans-serif !important;
    font-size: 14px;
}

label {
    font: 700 'Lato', Arial, sans-serif !important;
    font-size: 16px;
}

.homeProduct p {
    font: 400 18px/1.5em 'Lato', Arial, sans-serif !important;
}

.homePrice p {
    font: 300 30px/.8em 'Lato', Arial, sans-serif !important;
}

.freeSetup {
    font: 400 18px/.8em 'Lato', Arial, sans-serif !important;
}

.learnMore {
    font: 400 24px/1.2em 'Lato', Arial, sans-serif !important;
}

.pricingMore {
    font: 400 14px/1.2em 'Lato', Arial, sans-serif !important;
}

.ctaBtn {
    font: 400 14px/1em 'Lato', Arial, sans-serif !important;
}

.ctaBtn span {
    font: bold 23px/1em 'Lato', Arial, sans-serif !important;
}

#productContentWrapper #main li, #productContentWrapper #main p {
    font-size: 18px;
}

#productContentWrapper #main #product-features .featureList p {
    font-size: 18px;
}

#product-features .learnMore {
    font: 400 18px/1.2em 'Lato', Arial, sans-serif !important;
}

.productPageAddOn .addOnName {
    font: 700 24px/1.2em 'Lato', Arial, sans-serif;
}

.productPageAddOn .addOnPrice {
    font: bold 36px/1.2em 'Lato', Arial, sans-seri !important;
}
.certifiedPricing {
    font: bold 45px/1.2em 'Lato', Arial, sans-seri !important;
}

.productPageAddOn ul li:last-child {
    font: 400 16px/1.2em 'Lato', Arial, sans-serif !important;
}

.faqBlock p, #product-reports p, #product-more p, #product-extra-features p {
    font: normal 18px/1.5em 'Lato', Arial, sans-serif !important;
}

.faqBlock p strong, #product-reports p strong {
    font: normal 20px/1.2em 'Lato', Arial, sans-serif !important;
}

#product-testimonials .slide {
    font: bold 18px/1.2em 'Lato', Arial, sans-serif !important;
}

#product-testimonials .slide span {
    font: normal 16px/1.2em 'Lato', Arial, sans-serif !important;
}

#priceFeatures li {
    font: bold 18px/1.5em 'Lato', arial, sans-serif !important;
}
#priceFeaturesBlue li {
    font: bold 18px/1.5em 'Lato', arial, sans-serif !important;
    color: #636363;
}

.ten99DescriptionBlock {
    font: bold 24px/1.2em 'Lato', Arial, sans-serif !important;
}

.pricingTestimonial p {
    font: 400 18px/1.5em 'Lato', Arial, sans-serif !important;
}

/*
.faq-entry-text p {
    font: normal 14px/1.5em 'Lato', arial, sans-serif !important;
}
*/

/* [3. Header] */

.patriotHeader {
    background: #3e61a4;
    width:100%;
    float:left;
    z-index: 9999;
    border-bottom: 5px solid #041c40 !important;
}

#logo img {
    padding: 5px 0;
}

#logo img {
    margin-top: 7px;
}


.rightHeader {
    position: absolute;
    right: 0;
    top: 5px;
}

#callUs {
    float: right;
    padding: 15px 1.4em 3px;
    text-align: right;
    clear: both;
    margin-top: 5px;
}

#callUs p {
    color: #fff;
    letter-spacing: .1em;
    margin-top: 7px;
}


/* [4. Navigation] */

/* Nav Toggle */
.nav-toggle:after {
  content: '';
  font-weight: normal;
  color: #fff;
}

#navigation {
    float: right;
    margin-bottom: 0 !important;
    clear: both;
    margin-top: 3px;
}

ul.nav {
    margin-right: 0 !important;
}

ul.nav li a, #navigation ul.rss a {
    color: #c8d3de;
    text-transform:uppercase;
    border-bottom: 5px solid;
    padding: .5em 1.4em !important;
    letter-spacing: .11em;
}

ul.nav li a {
    border-bottom-color:#041c40;
}

.single .zopim.meshim_components_FloatingButton, .page-template-template-blog-small-business-expert-home-php .zopim.meshim_components_FloatingButton, .page-template-template-blook-php .zopim.meshim_components_FloatingButton, #helpHomeWrapper .zopim.meshim_components_FloatingButton, .archive .zopim.meshim_components_FloatingButton {
    display: none !important;
}

.page-template-template-product-payroll-main-php  ul.nav li:nth-child(3) a, .page-template-template-product-payroll-detail-php ul.nav li:nth-child(3) a,
.page-template-template-product-payroll-faq-php  ul.nav li:nth-child(3) a, .page-template-template-product-payroll-states-php  ul.nav li:nth-child(3) a,
.page-template-template-product-tax-main-php ul.nav li:nth-child(3) a, .page-template-template-product-tax-video-php ul.nav li:nth-child(3) a, .page-template-template-product-tax-faq-php ul.nav li:nth-child(3) a,
.page-template-template-product-time-faq-php ul.nav li:nth-child(3) a, .page-template-template-product-time-detail-php ul.nav li:nth-child(3) a,
.page-template-template-product-time-main-php ul.nav li:nth-child(3) a, .page-template-template-product-portal-main-php ul.nav li:nth-child(3) a,
.page-template-template-product-portal-detail-php ul.nav li:nth-child(3) a, .page-template-template-product-time-video-php ul.nav li:nth-child(3) a, .page-template-template-product-hr-video-php ul.nav li:nth-child(3) a, .page-template-template-product-hr-main-php ul.nav li:nth-child(3) a,
.page-template-template-product-hr-detail-php ul.nav li:nth-child(3) a, .page-template-template-product-hr-faq-php ul.nav li:nth-child(3) a,
.page-template-template-product-1099-main-php ul.nav li:nth-child(2) a, .page-template-template-product-1099-detail-php ul.nav li:nth-child(2) a,
.page-template-template-product-1099-faq-php ul.nav li:nth-child(2) a, .page-template-template-product-bookkeeper-main-php ul.nav li:nth-child(2) a,
.page-template-template-product-bookkeeper-detail-php ul.nav li:nth-child(2) a, .page-template-template-product-bookkeeper-faq-php ul.nav li:nth-child(2) a,
.page-template-template-product-tax-detail-php ul.nav li:nth-child(2) a, .page-template-template-pricing-calculator-php ul.nav li:nth-child(3) a,
.archive ul.nav li:nth-child(6) a,  .page-template-template-about-us-php ul.nav li:nth-child(4) a,
.page-template-template-about-us-philosophy-php ul.nav li:nth-child(4) a, .page-template-psi-payroll-training-php ul.nav li:nth-child(3) a,
.page-template-template-about-us-trust-php ul.nav li:nth-child(4) a,
.page-template-template-blook-php ul.nav li:nth-child(6) a, .page-template-template-try-it-php ul.nav li:nth-child(2) a,
.page-template-template-custom-demo-php ul.nav li:nth-child(2) a, .search-results ul.nav li:nth-child(6) a,
.page-template-template-product-payroll-video-php ul.nav li:nth-child(3) a, .page-template-template-product-1099-video-php ul.nav li:nth-child(2) a,
.page-template-psi-product-basic-payroll-php ul.nav li:nth-child(3) a,
.page-template-psi-product-full-service-payroll-php ul.nav li:nth-child(3) a, .page-template-psi-product-hr-php ul.nav li:nth-child(3) a,
.page-template-psi-product-1099-php ul.nav li:nth-child(2) a, .page-template-psi-product-profit-php ul.nav li:nth-child(2) a,
.page-template-psi-product-time-php ul.nav li:nth-child(3) a, .page-template-psi-accounting-software-php ul.nav li:nth-child(2) a, .page-template-psi-product-portal-php ul.nav li:nth-child(3) a,
.page-template-franchise-cleannetusa-php ul.nav li:nth-child(3) a {
    border-bottom-color: #5c8dc7 !important;
    color:#fff !important;
}

#navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a, ul.nav li a:hover {
    border-bottom-color: #5c8dc7;
}

ul.nav li a:hover  {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

.helpNav li:nth-child(2) a {
    border-bottom-color: #5c8dc7 !important;
    color:#fff !important;
}

.blogSearch, #sidebar #s {
    padding: 0 1em;
    position: relative;
    float: left;
    margin: 0;
    height:36px;
}

.blogSearchBG {
    background: #f8f8f8 !important;
    padding-top: 0 !important;
}

#sidebar #s {
    margin: 0 0 2em;
}


#blogSidebar {
    float: left;
    margin: 2em 0;
}

#blogSideNav li {
    margin-left:1em;
    margin-bottom: .5em;
    text-transform:uppercase;
}


.blookChild, .productAnchor, .glossaryAnchor {
    display:block;
    position:relative;
    top:-125px;
    visibility:hidden;
}

.glossaryAnchor {
    top:-100px;
}

.anchor{
  display: block;
  height: 125px; /*same height as header*/
  margin-top: -125px; /*same height as header*/
  visibility: hidden;
}

.topicTitle {
    color: #c52d0f !important;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: .5em;
    margin-bottom: 1em;
}

.topicPageTitle {
    margin: 2em 0 0;
    color: #0a225e !important;
    text-transform: uppercase;
}


#blogSideNav li:last-child {
    text-transform: lowercase;
    margin-left: 2.5em;
}

#blogSideNav li:last-child:after {
    content: "...";
}

/* [4.1 Dropdowns] */

ul.nav ul {
    padding: 0 !important;
}

ul.nav li ul li {
    background: #0a225e;
}

ul.nav li ul li:hover {
    background: #871905;
}

ul.nav li ul li a {
    color: #0a225e !important;
    border-bottom: none !important;
    text-transform: none;
}

ul.nav li ul li a:hover {
    text-decoration:none !important;
}

#navigation .nav li.parent > a:after {
    content: "";
    display: none !important;
}

.dropAddon {
    font-size: 16px;
    margin-top:1em;
    display: block;
}

.accounting-dropdown, .ten99-dropdown, .basic-dropdown, .full-dropdown {
    width:60%;
}

.accounting-dropdown {
    background: #6788ce !important;
}

.accounting-dropdown:hover {
    background:#041c40 !important;
}

.ten99-dropdown {
    background:#6e92e0 !important;
}

.ten99-dropdown:hover {
    background:#5e86dd !important;
}

.basic-dropdown {
    background:#243972 !important;
}

.basic-dropdown:hover {
    background:#041c40 !important;
}

.full-dropdown {
    background:#1a274c !important;
}

.full-dropdown:hover {
    background:#011039 !important;
}

.fatDropdown, .payrollFatDropdown, .aboutFatDropdown {
    float: left;
    background: rgba(234,235,239, .95);
    padding: 1em;
    margin:0;
    position: absolute;
    top: 93px;
    right: 18.25em;
    z-index: 999;
    display:none;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.payrollFatDropdown {
    right:8.55em;
}

.aboutFatDropdown {
    right: 1.9em;
    min-width: 130px;
}

.admin-bar .fatDropdown, .admin-bar .payrollFatDropdown {
    /*top: 116px;*/
}

.fatDropdown ul, .payrollFatDropdown ul, .aboutFatDropdown ul {
    padding:0;
    margin:0;
}

.fatDropdown > li, .payrollFatDropdown > li, .aboutFatDropdown > li {
    display: inline-block;
    border-right: 1px solid #b7bac3;
    padding: 0 2em;
}

.fatDropdown > li:first-child, .payrollFatDropdown > li:first-child, .aboutFatDropdown > li:first-child {
    padding-left:1em;
}

.fatDropdown > li:last-child, .payrollFatDropdown > li:last-child, .aboutFatDropdown > li:last-child {
    border-right: none;
    padding-right:1em;
}

.fatDropdown li, .payrollFatDropdown li, .aboutFatDropdown li {
    list-style:none;
}

.fatDropdown li a, .payrollFatDropdown li a, .aboutFatDropdown li a {
    font: bold 14px/1em 'Lato', Arial, sans-serif;
    color: #5669a3;
    text-decoration:none;
}

.fatDropdown li a:hover, .payrollFatDropdown li a:hover, .aboutFatDropdown li a:hover {
    text-decoration:underline;
}

a.compare {
    font-style: italic !important;
}

/* [4.2 Product Side Navigation] */

.productMenu, .payrollMenu {
    text-transform: uppercase;
}

.productMenu li, .payrollMenu li, .faqMenu li {
    margin-bottom: 2em !important;
    letter-spacing: .05em;
}


.payrollMenu .current-menu-item a {
    color: #959595 !important;
}

#floatingNav, #floatingFAQNav {
  position: absolute;
  top: 2em;
}

#floatingNav.fixed, #floatingFAQNav.fixed {
  position: fixed;
  top: 4em;
}

/* [4.3 Product FAQ Side Navigation] */

#floatingFAQNav li {
    margin: 1em 0 0 0;
}

#floatingFAQNav .faqMenu li {
    margin: 1em 0 0 0;
}

.page-template-template-product-tax-faq-php #floatingFAQNav .faqMenu li {
    margin: 1em 0 0 0;
}

#floatingFAQNav .sub-menu li {
    margin-top:.5em !important;
}

.faqMenu .sub-menu li {
    margin: 0.75em 0 !important;
}

.faqMenu .sub-menu li a {
    color: #7587bc !important;
    padding: 0.7em 0.5em .5em;
}

.faqMenu .sub-menu .current-menu-item a, .faqMenu .sub-menu li a:hover {
    background: #b7b7b7 !important;
    color: #fff !important;
}

.faqMenu .sub-menu .current-menu-item a:hover, .faqMenu .sub-menu li a:hover {
    text-decoration:none;
}

.faqMenu .sub-menu {
    margin-top: 1.2em;
}

.faqMenu .current_page_ancestor a {
    color: #959595 !important;
}

#faqRightSide {
    float: right;
    width: 17%;
    text-align: center;
    margin-top: 6em;
}

#faq-contact li {
    margin-bottom: 3em;
}

.faq-page {
    padding-right: 4em;
}

/* [4.4 Sidebar Navigation] */

#sidebar {
    margin-top: 2em;
    overflow: hidden;
}


#sideNav, #floatingNav, #floatingFAQNav{
    border-right: 1px solid #d9d9d9;
    padding: 3em 2em 3em 0;

    min-width: 140px;
}

.author #floatingNav {
    padding: 3em 2em 3em 0;
}


#rightsideNav {
    padding: 1em 0;
    text-transform:uppercase;
    position: relative;
    margin: 5px auto;
}

#sideNav ul, #rightsideNav ul, #floatingNav, #floatingFAQNav {
    margin-bottom:3em;
}

#sideNav li, #floatingNav li {
    margin: 1em 1.5em;
}

#floatingNav li {
    margin: 1em 0 0 0;
}

#rightsideNav li {
    margin: 1em 0;
}
#sideNav a, #rightsideNav a, #floatingNav a, #floatingFAQNav a {
    color:#495e9d;
}

.patriotIcon {
    position:relative;
    text-indent: 60px;
    float: left;
    margin-bottom: 1em;
    padding: 1.05em 0;
}

.patriotIcon:before {
    content: "";
    background: url(/wp-content/uploads/2014/05/sprite-help-product-icons.png);
    height: 50px;
    width: 48px;
    position: absolute;
    left: 0;
    top:0;
}

.patriotIcon:hover {opacity:.8;}


.payIcon:before {background-position: 0 0; }
.taxIcon:before {background-position: 0 -51px;}
.timeIcon:before {background-position: 0 -102px;}
.myIcon:before {background-position: 0 -153px;}
.hrIcon:before {background-position: 0 -204px;}
.hiringIcon:before {background-position: 0 -255px;}
.rushmoreIcon:before {background-position: 0 -306px;}
.tenIcon:before {background-position: 0 -357px;}
.profitIcon:before {background-position: 0 -408px;}




/* [?. Subscribe to Newsletter] */

.regularGreenBtn, .regularBlueBtn {
    width: 100%;
    float: left;
}

.regularGreenBtn a, .submitLandingBtn {
    border: 1px solid #3c7c1c;
    background: #559933 !important;
}

.submitLandingBtn  {
    color: #fff;
    cursor: pointer;
    float: none;
    padding: 1em 2em;
}

.regularGreenBtn a, .regularBlueBtn a, .subscribeEmailBtn {
    color: #fff !important;
    background: #559933;
    padding: .5em;
    text-shadow: -1px 0 1px #999;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    border: 1px solid #3c7c1c;
    float: left;
    text-align: center;
}

.regularGreenBtn a:hover, .regularBlueBtn a:hover, .subscribeEmailBtn:hover {
    text-decoration: none;
    background: #427428;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

.regularBlueBtn a, .subscribeEmailBtn {
    border: 1px solid #081d52;
    background:#0a225e !important;
}

.regularBlueBtn a:hover, .subscribeEmailBtn:hover {
    background: #495e9d !important;
}

.subscribeEmailBtn {
    cursor:pointer;
    float:none;
    padding: 1em 2em;
}

#subscribePopUp {
    text-align: center;
    padding: 3em 2em 0;
}


#mobileNav, .pp_social {
    display: none;
}

#subscribePopUp #inf_field_Email {
    border-color: #cdcdcd !important;
    padding: 10px;
    width: 250px;
    margin-left: 1px;
    margin-bottom: 1em;
    background: #fff !important;
    text-align: center;
}

/* [5. Main Body Content] */

#wrapper, #content {
    clear:both;}

#content {
    min-height:450px;
}

.page-template-template-blook-php #content {
    min-height: 840px;
}

#blogSearchBox {
    margin-bottom: 4em;
    float: left;
}

#menu-blook-sidebar {
    clear: both;
}

.contactWrapper #content {
    min-height: 0 !important;
}

#pageHeaderWrapper {
    background: #fff;
    position: relative;
    z-index: 99;
}

.page-template-template-products-page-php {
    background: #f6f7f8;
}

#contentWrapper, #blogContentWrapper, #helpHomeWrapper {
    background: #f6f7f8;
    /* margin-bottom: 670px; */
    margin-bottom: 649px;
    float: left;
    width: 100%;
    min-height: 450px;
    z-index: 1;
    position: relative;
}

#contentWrapper.aboutWrapper {
    background: #fff !important;
}

.aboutWrapper iframe {
    margin: 2em 0;
}

#supportOptions {
    float:left;
    width:100%;
}

#helpOptionsVideo {
    text-align: center;
}

#helpOptionsLeft, #helpOptionsRight {
    float: left;
    width: 50%;
    margin-top: 2em;
    border-right: 1px solid #d7d7d7;
    padding: 1em 2em 1em 1em;
}

#helpOptionsRight {
    border-right:none;
    padding: 1em 1em 1em 2em;
}

.pricingWrapper {
    margin-bottom: 0 !important;
}

#productHomeContentWrapper {
    background: #fff;
    /* margin-bottom: 670px; */
    margin-bottom: 649px;
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
}

#blogHomeContentWrapper {
    background: #fff;
    margin-bottom: 230px;
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
}

#blogContentWrapper {
    margin-bottom:560px;
    z-index: 1;
    position: relative;
}

#helpHomeWrapper {
    margin-bottom:100px;
    z-index: 1;
    position: relative;
}

/* [5.1 Page Headers] */

#pageHeader {
    clear: both;
    padding: 2em 0;
}

.page-template-template-thank-you-php #pageHeader {
    padding: 3.5em 0 2em;
}

.thankYouContent a {
    margin: 0 .5em;
}

#productIcon {
    float: left;
    margin: -1em 0 -2em;
}

#productTitle {
    float: left;
    margin: 0 1em;
}

#productTitleNoIcon {
    float: left;
    margin: .5em 1em 0 0;
}

.sitemapTitle{
    font: 300 55px/1.2em 'Lato', Arial, sans-serif !important;
}

.sitemapWrapper {
    margin-bottom: 200px!important;
}

#sitemapContent {
    float: left;
    width: 100%;
    padding-bottom: 2.5em;
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 2.5em;
}

#sitemapContent span {
    font: 400 26px/1em 'Lato', Arial, sans-serif !important;
    margin: 3px 0;
    float: left;
    width: 100%;
}

.sitemapList {
    float: left;
    margin-top: 35px!important;
    margin-right: 40px!important;
    font: normal 16px/1.5em 'Lato', arial, sans-serif;
}

.mainBullet {
    margin-bottom: 0!important;
}

.sitemapList ul li {
    margin-bottom: 0!important;
}

.productCtaBtn {
    float: right;
    margin: 2em 2em 1em;
}


#salesInfo {
    position:relative;
    float:right;
    padding: 2.5em 0 0;
}

#salesInfo a {
    color: #495e9d !important;
    letter-spacing: .05em;
}

#salesInfo a:after {
    content: url('/wp-content/uploads/2013/07/sales-info.jpg');
    margin: -4px 0 0 10px;
    position: absolute;
}

#salesInfo a:hover {
    text-decoration:none;
    opacity:.6;
}

#tryItTitle, #thankYouTitle {
    text-align: center;
    margin: 8.5em 0 0;
}

.thankYouContent, .thankYouContent p {
    text-align: center;
    margin-top: 0 !important;
}

.subHelpHeader{
   font: bold 42px/1.2em 'Lato', Arial, sans-serif !important;
}

.tryItCaption {
    text-transform: none;
    text-align: center;
    color:#898989;
    margin-top:.5em;
}

.tryItToday {
    float: left;
    text-align: center;
    margin-top: 2em;
    width: 100%;
    margin: 2.5em 0 .5em;
}

.buttonCaption {
    text-align: center;
    float: left;
    margin: 1.5em 0 8.5em;
    width: 100%;
}

.page-template-template-try-it-php #pageHeader {
    border-bottom: 1px solid #d7d7d7;
}

.tryItFreeContent {
    margin-bottom: 4em !important;
}

#tryItLeft, #tryItRight {
    float: left;
    width: 50%;
}

#tryItLeft p {
    margin-bottom: 3em;
}


#tryItLeft strong, #tryItRight strong {
    color: #363636 !important;
}

#tryItLeft {
    padding-right: 2em;
}

#tryItRight {
    background: #edf2f6;
}

.tryItSection {
    border-bottom: 1px solid #fff;
    padding: 2em;
    float: left;
}

.tryItBlueBtn a {
    color: #ffffff !important;
    background: #0a225e;
    padding: .5em 1em;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    text-transform: normal;
    margin: .5em 0 0;
    float: left;
    letter-spacing: 1px;
}

.tryItBlueBtn a:hover {
    text-decoration: none;
    background: #495e9d;
}

#relatedPostsWrapper {
    clear: both;
    float: left;
}

#subHeaderHighlight {
    position: relative;
    float: left;
    width: 100%;
    background: #f5f5f5;
    border-top: 1px solid #e1e1e5;
    border-bottom: 1px solid #e1e1e5;
    z-index: 5;
}

#subHeaderHighlight p {
    font: 700 32px/1.65 'Lato', arial, sans-serif;
    color: #8e8e8e;
    text-transform: uppercase;
    padding: .5em;
}

/* [5.2 Product Page Styles] */

/*.page-template-template-product-tax-main-php #productHeaderWrapper{
background: url(/files/2013/08/patriot-tax-header-image.jpg) no-repeat center center fixed !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/files/2013/08/patriot-tax-header-image.jpg", sizingMethod="scale");
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/files/2013/08/patriot-tax-header-image.jpg", sizingMethod="scale")";
height:483px;
}*/


#productImage {
    float: left;
    width: 20%;
}

.productPageTitle {
    width: 80%;
    float: left;
    margin-bottom: .5em;
}


.product-section:last-child {
    border-bottom: none;
    margin-bottom: 2em;
    float: left;
    width: 100%;
}

.product-section.centered-section iframe {
    padding-bottom: 2em;
}

.productsPage, #patriot-pay, #patriot-hire, #tax-be-gone, #my-patriot, #patriot-time, #patriot-hr, #rushmore-web, #freedom-1099, #bookkeeper {
    float:left;
    width:100%;
}

.imageIcon {
    float:left;
}

.productItem {
    float: left;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #d9d9d9;
}

.page-template-template-product-tax-main-php  .productPageTitle img {
    float: left;
    margin: 5px 15px 65px 0 !important;
}

.page-template-template-product-bookkeeper-main-php .productPageTitle img{
    float: left;
    margin: 5px 15px 50px 0 !important;
}

.page-template-template-product-time-main-php  .productPageTitle img {
    float: left;
    margin: 5px 15px 30px 0 !important;
}

.productItem:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.productItem p {
    float:left;
    margin: 1.5em 0;
}

.productImage {
    float: left;
    margin: 0 1em 0 0;
}

#basicPayrollWrapper {
    background: #f7f7f7;
}

#fullServiceWrapper {
    background: #f7f7f7;
}

#ten99Wrapper {
    background:#f7f7f7;
}

#accountingSoftwareWrapper {
    background: #f7f7f7;
}

.newWhiteBG {
    background: #fff !important;
    padding: 3em 0;
}
.newWhiteBG p{
    font-size: 17px;
}
.newWhiteBG h6{
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
}


/* [5.3 Product Icons] */

.productIcon {
    background: url(/wp-content/themes/patriot-software/images/sprite-product-icons.png)  !important;
    float: left;
    height:100px;
    width:100px;
    margin: 0 1em 0 0;
}

.productPayIcon {
    background-position: -10px -10px !important;
}

.productTaxIcon {
    background-position: -117px -10px !important;
}

.productTimeIcon {
    background-position: -223px -10px !important;
}

.productMyPatriotIcon {
    background-position: -10px -120px !important;
}

.productHrIcon {
    background-position: -117px -120px !important;
}

.productHireIcon {
    background-position: -225px -120px !important;
}

.productRushmoreIcon {
    background-position: -10px -230px !important;
}

.productFreedomIcon {
    background-position: -117px -230px !important;
}

.productAccountingIcon {
    background-position: -223px -230px !important;
}


.productCtaBtn a {
    padding: 22px 35px !important;
}

.comingSoonBtn a {
    padding: 22px 20px !important;
}

.product-section {
    float: left;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom:2em;
    width: 100%;
}

.product-section ul li {
    list-style-image: none !important;
    margin-bottom: 10px;
}

.entry .productPageTitle  p, .product-section p, .product-section li {
    color:#636363;
}


.entry .featureList {
    margin-top: 3em;
    float: left;
    position: relative;
    padding: 0 0 0 0 !important;
}

.entry .featureList li {
    display: inline-block;
    width: 48%;
    margin: 0 0 0 0.5em;
    float: left;
    min-height: 13em;
    padding-left: 20px;
}


.featureDesc {
    float: left;
    width: 60%;
}

.entry .featureList img {
    background: #a4b0bd !important;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 10px;
    margin: 0 1em 2em;
    float: left;
}

#hosting-list {
    padding: .5rem;
    margin-bottom: 25px;
}

#hosting-list ul li {
    height: 25px;
    display: inline-block;
    padding: 0 0 0 35px;
    min-height: 1.5em;
    margin-left: 100px;
    color: #636363;
    font-size: 1.2rem!important;
}
.bluecheck {
    background: url(/wp-content/uploads/2014/03/blue_check.png) no-repeat;
    width: 30%!important;
}

.website_tools {
    float: right;
    margin-bottom: 50px;
}

.centered-pricing-header {
    background: #ECF0F7 !important;
    margin-top: 1em !important;
    margin-bottom: .7em !important;
    color: #0a225e !important;
    float: left;
    width: 100%;
    padding: 1.2em 0 1em !important;
}

.centered-section strong {
    color:#363636 !important;
}

.additional-info ul li {
    width: 90%;
}

.additionalList {
    text-align: left;
    margin: 2em 12em !important;
    float: left;
}

.additional-info ul {
    margin: 1em 0;
}

.additional-info ul ul {
    margin: 2em 0 4em;
}

.payAddOnList li img {
    margin-bottom:1em;
}

.payAddOnList li {
    list-style: none !important;
    width: 25%;
    float: left;
    text-align: center;
}

.payAddOnList li p {
    padding: 0 15px;
}

.payAddOnList li {
    padding: 0 10px;
}

.flLeft {
    float: left;
    width: 50%;
    text-align: left;
    margin: 2em 0;
    padding: 0 2em 0 0;
}

.flRight {
    float: right;
    background: #ecf0f7;
    padding: 2rem 3rem;
    width: 50%;
    margin: 2em 0;
}

.mainArticle {
    float: left;
    width: 50%;
    text-align: left;
    margin: 2em 0;
    padding: 0 2em 0 0;
}

.moreArticles {
    float: right;
    padding: 0rem 3rem;
    width: 50%;
    text-align: left;
    margin: 2em 0;
}

.webTemplatePricing {
    float: left;
    background: #ecf0f7;
    padding: 2rem 3rem;
    width: 100%;
    margin: 2em 0;
}

#rushmoreVideoBottom {
    width: 100%;
    text-align: center;
}

.webTemplatePricing #table div.flat-fee ul li:last-child {
    margin-top: 0rem !important;
    font-size: 1.8rem !important;
    margin-bottom: 0 !important;
}

.pricingLink {
    margin-top: 1em;
    float: left;
    width: 100%;
    text-decoration: underline !important;
}

#table div {
    text-align: center;
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

#table ul {
    padding:0px;
}

#table ul li {
    margin-bottom: 1.2rem;
    color: #636363;
    list-style:none;
}

.webTemplatePricing #table ul li:first-child {
    letter-spacing: .1rem;
}

.page-template-template-product-web-templates-php #floatingNav li:last-child a {
    color: #959595 !important;
}

#table .lines li {
    color: #ced7e8;
    text-decoration: line-through;
}

#table ul li:first-child {
    margin-bottom: .8rem;
    margin-left: -1.3rem !important;
    text-transform: uppercase;
    font-size: .7rem !important;
    letter-spacing: .15rem;
    color: #363636;
}

#table ul:last-child li {
    margin-bottom:1rem;
}

.lines ul {
    margin-top: 1.5em;
}

.prices li {
    margin-bottom: .75rem !important;
}

.super {
    vertical-align: super;
    font-size: 50% !important;
}

#webTemplateImage {
    float: right;
}

#webTemplateImage img {
    max-width: 350px;
    height: auto;
}

.webTemplateCopy .entry {
    float: left;
    width: 50%;
}

.testimonialBox {
    background: #ecf0f7;
    margin-top:2em;
    padding: 4em 8em;
}

.testimonialBox strong {
    margin-top: 2em;
    position: relative;
    float: left;
    width: 100%;
}

#testimonial p:first-child {
    margin-bottom: 1.2rem;
}


#testimonial p:last-child {
    margin-bottom: 1rem;
    color: #898989;
}

.slidedeck-frame {
    margin: 0 auto;
}

.deck-navigation span, .slidedeck-overlays {
    display: none;
}


.tryItBox {
    background: #0a225e;
    color: #fff;
    padding: 1em .5em;
    text-align: left;
    position: relative;
    float: left;
    width: 100%;
}

.entry .tryItBox li {
    list-style: none !important;
}

.tryItBox span {
    padding: .5em;
    position: absolute;
    margin-top: 0;
}

.tryItBtn {
    float: right;
}

.tryItBtn a {
    color: #fff !important;
    background: #559933;
    padding: 1em;
    text-shadow: -1px 0 1px #999;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    border:1px solid #3c7c1c;
}

.tryItBtn a:hover {
    text-decoration:none;
    background: #427428;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

.faq p {
    padding: 1.2em 12em;
}

.reportCopy p {
    padding:2em 0;
}

.reportsList li {
    list-style: none !important;
    width: 40%;
    display: inline-block;
    margin: 2em 1.5em;
    text-align: left;
    min-height: 5em;
    vertical-align: top;
}

.entry p {
    margin-bottom: 1em;
}

.last-section {
    float: left;
    padding-bottom: 3em;
    border-bottom: none;
}

.productFeatures {
    background: #a4b0bd url(/wp-content/themes/patriot-software/images/sprite-product-features.png)  !important;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 10px;
    margin: 0 1em 2em;
    float: left;
    height:95px;
    width:95px;
}

.calculationIcon {
    background-position: 8px 8px !important;
}

.trialIcon {
    background-position: -73px 8px !important;
}

.handbookIcon {
    background-position: -151px 8px !important;
}

.updateIcon {
    background-position: -227px 8px !important;
}

.tagIcon {
    background-position: -305px 8px !important;
}

.setupIcon {
    background-position: 8px -82px !important;
}

.supportIcon {
    background-position: -73px -83px !important;
}

.fileIcon {
    background-position: -151px -82px !important;
}

.secureIcon {
    background-position: -227px -86px !important;
}

.speechIcon {
    background-position: -307px -95px !important;
}

.cogIcon {
    background-position: 8px -179px !important;
}

.clockIcon {
    background-position: -72px -178px !important;
}

.checkIcon {
    background-position: -150px -176px !important;
}

.bulbIcon {
    background-position: -227px -180px !important;
}

.socialIcon {
    background-position: -307px -180px !important;
}

.downloadIcon {
    background-position: 8px -278px !important;
}

.uploadIcon {
    background-position: -72px -278px !important;
}

.printIcon {
    background-position: -150px -274px !important;
}

.applicantIcon {
    background-position: -227px -278px !important;
}

.contactUsIcons {
    background: #5c8dc7 url(/wp-content/themes/patriot-software/images/sprite-help-icons.png)  !important;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    display:inline-block;
    margin-bottom: .25em;
    height:135px;
    width:135px;
}

.helpIcons {
    background: #a4b0bd url(/wp-content/themes/patriot-software/images/sprite-help-icons.png)  !important;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    display:inline-block;
    margin-bottom: .25em;
    height:135px;
    width:135px;
}

.helpIcons:hover {
    background: #495e9d url(/wp-content/themes/patriot-software/images/sprite-help-icons.png)  !important;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    display:inline-block;
    margin-bottom: .25em;
    height:135px;
    width:135px;
}


.helpPhoneIcon {
    background-position: -385px -113px !important;
}

.helpEmailIcon {
    background-position: -135px -113px !important;
}

.helpChatIcon {
  background-position: -285px -113px !important;
}

.contactUsIcons:hover {
    background: #495e9d url(/wp-content/themes/patriot-software/images/sprite-help-icons.png)  !important;
    background-position: -385px -113px !important;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

.helpPhoneIcon:hover {
    background-position: -385px -113px !important;
}


.helpEmailIcon:hover {
    background-position: -135px -113px !important;
}

.helpChatIcon:hover {
    background-position: -285px -113px !important;
}

/* PRODUCT HEADERS */

/*.detailTitle {
color: #c52d0f;
padding: 0 0 .5em;
font-size: 30px;
}*/


.detail-entry li:last-child {
    margin-bottom: 3em !important;
}

#productHeaderWrapper {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    height: 483px;
    background:#000;
    background-size: cover !important;
    z-index:1;
}


.contactWrapper {
    background: url(/wp-content/themes/patriot-software/images/contact-map.jpg) #fff center top no-repeat !important;
    background-size: cover !important;
    padding: 4em;
}

p.charis-text {
    margin-top: 1em;
}


#table div.flat-fee ul li:last-child {
    margin-top: -1.2rem !important;
}

#table div.flat-fee {
    width: 100% !important;
}

#productHomeWrapper {
    max-width: 890px !important;
}

#productHome {
    position: absolute;
    top: 8em;
    text-shadow: 0 1px 1px rgba(0,0,0,.7);
}

.largeGreenBtn {
    float: left;
    position: absolute;
    top: 19em;
}

.GreenBtn {
    padding:0 !important;
}

.GreenBtn li {
    list-style: none !important;
    float: left;
    width: 100%;
    margin: 3em 0;
}

.largeGreenBtn a, .GreenBtn a {
    color: #fff !important;
    background: #559933;
    padding: 1em;
    text-shadow: -1px 0 1px #999;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    border:1px solid #3c7c1c;
}

.largeGreenBtn a:hover, .GreenBtn a:hover{
    text-decoration:none;
    background: #427428;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}



/* END PRODUCT HEADERS */



/* [5.6 Home Page] */

#outsideWrapper {
    background: #fff;
}

#outsideWrapper, #homeProductsWrapper, #testimonialArea, #pricingArea {
    position: relative;
    z-index: 3;

}

.homeCta {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 2em;
}

.homeCta a {
    padding: .5em 1em;
}


/*body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit {
padding: 15px 25px;
text-transform:uppercase;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}


.greenCtaBtn a, body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit {
color:#ffffff !important;
background: #559933;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
}

.greenCtaBtn a:hover {
    text-decoration:none;
    background: #427428;
    -webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
}*/

/* OLD PSI STYLE */
#homeCTA {
    text-align: center;
    float: left;
    width: 100%;
    background: url(/wp-content/themes/patriot-software/images/patriot-software-blueshirt.jpg) no-repeat center top;
    padding: 16% 5% 16%;
    background-size: 100%;
    position: relative;
    z-index: 4;
}

#homeArrow {
    position:relative;
    text-align: center;
    float: left;
    width:100%;
    height:81px;
    margin-top:-75px
}

#rightSide, #leftSide {
    background:url(/wp-content/uploads/2013/07/home-cta-arrow-side.png) repeat-x left top;
    width: 45%;
    height: 81px;
}

#rightSide {
    float: right;
}

#leftSide {
    float: left;
}

#arrow {
    background:url(/wp-content/uploads/2013/07/home-cta-arrow.png) no-repeat center top;
    background-size:100% 100%;
    float: left;
    width: 10%;
    height: 81px;
}

#homeContent {
    width: 50% !important;
    float: left;
    margin-top: 3em;
}


.rightVideoWidget {
    float: right;
    margin-top: 3em;
    width: 40%;
    background: #eef2f9;
}

#videoCopy {
    padding: 2em 2em 3em;
}


#videoCopy li {
    display: inline-block;
    margin: 25px 15px 0 0;
    border-right: 1px solid;
}

#videoCopy li:last-child {
    border-right:none;
}

#videoCopy li a {
    margin: 0 15px 0 0;
}

#main .homePage {
    width: 70%;
}

#homeProductsWrapper {
    position:relative;
    float: left;
    width: 100%;
    background: #9facbb;
    padding: 100px 0;
    text-align: center;
    -webkit-box-shadow: 0 4px 15px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 15px 4px rgba(0, 0, 0, .3);
}

#allProducts {
    position: relative;
    margin-top: 30px;
}

#payProducts {
    float: left;
    width: 49.85%;
    margin-right:0.15%;
    background:#dfe8ef;
    position:relative;
}

#otherProducts {
    float: right;
    width: 49.85%;
    margin-left:0.15%;
    position:relative;
}

#payroll a {
    background: #ffffff;
    padding: 1.5em;
    margin-bottom: .25%;
    float: left;
    width: 100%;
    color: #636363 !important;
}

.payrollAddons a {
    padding: 3em 2.5em 10em;
    background: #f5f5f5;
    float: left;
    text-align: left;
    width: 50%;
    margin-bottom: .25%;
    color: #636363 !important;
    max-height: 2em !important;
}

.moreProducts a {
    padding: 3em 2.5em 9em;
    background: #ffffff;
    float: left;
    text-align: left;
    width: 50%;
    margin-bottom: .60%;
    color: #636363 !important;
    max-height: 2em;
}

.hiringProduct {
    width: 100% !important;
    text-align: center !important;
    padding: 1.55em 2.5em 1.55em !important;
    margin-bottom: 0 !important;
    border-right: none !important;
    border-bottom: 1px solid #dfe8ef;
    max-height:inherit !important;
}

.productTitle1 {
    margin-bottom:0px;
    color:#0a225e !important;
}

.productTitle {
    margin-bottom:0px;
    color:#0a225e !important;
}


.payrollAddons a:hover, .moreProducts a:hover, #payroll a:hover {
    background: #495e9d;
    color:#fff !important;
    text-decoration:none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

.payrollAddons a:hover .productTitle, .moreProducts a:hover .productTitle, #payroll a:hover .productTitle1, .hire a:hover .productTitle1 {
    color:#fff !important;
    text-decoration:none;
}


#payProducts .leftCol a {
    border-right: 1px solid #dfe8ef;
}

#otherProducts .leftCol a {
    border-right: 3px solid #9facbb;
}

#findPrice {
    float: left;
    width: 100%;
    padding: 4em 1em;
    background: #d5dde7;
}

.blueCtaBtn, .blueCtaBtn2 {
    margin-top: 1em;
}

.read-more .sep {
    display: none;
}

.read-more {
    float:left;
    width:100%;
    margin:1em 0 3em;
}

#comments {
    display: none!important;
}

#respond {
    display: none!important;
}

.blueCtaBtn2 {
    float: left;
    margin-bottom: 4em;
}

.blueCtaBtn a, .blueCtaBtn2 a, input.stateSubmit {
    color:#ffffff !important;
    background: #0a225e;
    padding: 15px 25px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    text-transform: uppercase;
    letter-spacing: 1px;
}

#helpHomeWrapper .post-meta {
    display: none;
}

.search-results .page .post-meta {
    display: none;
}

.post-meta {
    margin: 1em 0 1em 0;
}

.authorNoLink {
    font-weight: 700;
    color: #888;
}

abbr {
    border-bottom: none !important;
    cursor: text !important;
}


.helpSearch .post-meta {
    display: none;
}

input.stateSubmit {
    cursor:pointer;
    padding: 5px 25px;
}

.blueCtaBtn2 a, .read-more a {
    text-transform:none;
}

.blueCtaBtn a:hover, .blueCtaBtn2 a:hover, input.stateSubmit:hover {
    text-decoration:none;
    background: #495e9d;
}



#payProducts .lastItems a {
    margin-bottom: 0 !important;
}

#addCircle {
    background: #9facbb;
    height: 73px;
    width: 73px;
    position: absolute;
    left: 42.5%;
    bottom: 31%;
    border-radius: 40px;
    -webkit-border-radius: 40px;
}

#addCircle:after {
    content: "Add ons";
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 2.1em;
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 12px !important;
}


#orCircle {
    background:#9facbb;
    height:37px;
    width:37px;
    position: absolute;
    left: 46%;
    bottom: 55%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
}

#orCircle:after {
    content: "or";
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    position: absolute;
    left: 8px;
    top: 8px;
}

/* TESTIMONIAL */

#testimonialArea {
    background: url(/wp-content/uploads/2013/09/patriot-software-coffee-shop.jpg) no-repeat top center;
    float: left;
    width: 100%;
    background-size: 100%;
    padding: 5em;
}


.authorArea {
    margin-top:25px;
    z-index: 999;
    position: relative;
}

.authorName {
    margin-top:7px;
}


.authorImage img {
    border-radius: 30px;
    -webkit-border-radius: 30px;
}



#homeTestimonialSlider {
    position: relative;
    background: #000;
    float: left;
    padding: 0;
    width: 100%;
    text-align: center;
    margin: auto;
    z-index:2;
}

#homeTestimonialBlock {
    position: relative;
    background: url(/wp-content/themes/patriot-software/images/patriot-software-coffee-shop.jpg) no-repeat;
    background-size:cover;
    float: left;
    padding: 0;
    width: 100%;
    text-align: center;
    margin: auto;
    z-index: 2;
    padding: 5em 2em;
}

#homeTestimonialBlock ul {
    background: #fff;
    padding: 2em 0;
    max-width: 1000px;
    margin: 0 auto !important;
    width: 100%;
}

#homeTestimonialBlock li {
    float: left;
    width: 33%;
    padding: 2em 3em;
    border-right: 2px dotted #ccc;
}

#homeTestimonialBlock li:last-child {
    border-right: none;
}

.testimonialText {
    min-height: 12em;
}

#homeTestimonialBlock .authorName, #homeTestimonialBlock .authorInfo {
    text-align: left;
}

.homeSlide {
    background: url(/wp-content/uploads/2013/09/patriot-software-coffee-shop.jpg) no-repeat top center;
    float: left;
    width: 100%;
    background-size: 100%;
    padding: 5em;
    height:500px;
}

/* END TESTIMONIAL */

#pricingArea {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    margin-bottom: 596px;
    border-bottom: 1px solid #ccc;
}

#pricing {
    padding: 6em 3em;
}

#checkList, .leftVideoWidget {
    float:left;
    width:50%;
}

.leftVideoWidget {
    text-align: center;
}

#checkList {
    padding: 0 3em;
}

.checkmarkList li {
    height: 45px;
    margin-left: 0;
    padding-top: 0;
    margin:.5em 0;
}

.checkmarkList li:before {
    content: "";
    margin: 0 .5em;
    clear: both;
    float: left;
    background: url(/wp-content/uploads/2013/06/green-checkmark.jpg) no-repeat 0 0;
    height: 36px;
    width: 36px;
}

#checkList .blueCtaBtn, #checkList .blueCtaBtn2 {
    margin-top: 2em;
    float: left;
    width: 100%;
}

/* END HOME TEMPLATE STYLES */

/* SMALL BUSINESS EXPERT BLOG TEMPLATE STYLES */

.sbeHeader {
    float: left;
    width: 100%;
    text-align: center;
    padding: 4em 0;
    background: #fff;
}

#featureWrapper {
    float: left;
    width: 100%;
    background: #fff;
}

#featuredBlogs {
    background:#fff;
    width: 100%;
    position: relative;
    padding: 1em 2em;
    z-index: 1;
    max-width: 1440px;
    margin: 0 auto;
}

.blogImage {
    max-height: 385px;
    overflow: hidden;
}

.featuredArticle {
    float: right;
    position: relative;

}

.secondaryArticle {
    float: left;
    position: relative;
    margin-bottom: .89em;
}

.croppedThumbnail {
    max-height: 350px!important;
    overflow: hidden;
}

#featuredBlogs img {
    height: auto;
}

#featuredBlogs img:hover, .croppedThumbnail img:hover {
    opacity:.7;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

.featuredArticle li, .secondaryArticle li {
    list-style:none;
}

.featuredArticle li {
    float:right;
}

.secondaryArticle li {
    float:left;
}

.blogFeature {
    position: absolute;
    z-index: 99;
    bottom: 0;
    padding: 1em;
    background: rgba(255,255,255,.9);
    width: 100%;
    border-bottom: 2px solid #5b6ea7;
}

#socialbuttonnav {
    margin-top: 6em;
}

.page-link {
    float: left;
    width: 100%;
    clear: left;
    margin-top: -36em !important;
}

.archive .page-link {
    display: none;
}

.page-link-number, .linkPageTitle {
    background:#495e9d;
    border: 1px solid #aaa;
    padding: .25em .5em;
}
.page-link-number {
    color:#fff;
}

a .page-link-number, .linkPageTitle {
    color:#495e9d;
    background:transparent;
}

a .page-link-number:hover {
    text-decoration:none;
    color:#fff;
    background:#495e9d;
}

.page-link a:last-child {
    margin-left: 3px;
}

.blogCategory {
    float: right;
    text-transform: uppercase;
    letter-spacing:.1em;
    margin-top: -.5em;
}

.category-0-featured-left .categories a:first-child, .category-0-featured-top-right .categories a:first-child, .category-0-featured-bottom-right .categories a:first-child {
    display: none;
}

.blogCategory a {
    color: #636363 !important;
}

.blogItemWrapper {
    margin-bottom: 3em;
}

.croppedThumbnail img {
    height: 206px;
    overflow: hidden;
}

.post-meta {
    color: #555 !important;
}

.croppedThumbnail img, .blogImage img {
    width: 100%;
    height: auto;
}

.blogFeed li, .singleBlog {
    background: #f1f3f5;
    padding: 2em;
}

.blog .title, .blog .post-meta, .blog .entry, .blog .read-more {
    padding: 0 20px !important;

}

.blog .post {
    float: left;
    background: #f1f3f5;
    padding: 0 0;
}

.blog .post-comments {
    text-transform: uppercase;
    background: #edeff2;
    padding: 20px;
    float: left;
    width: 100%;
}

.blog .title {
    padding-top:20px !important;
}

.blog .read-more {
    margin: 1em 0;
}

.post-more a:hover, .post-meta a:hover, .post p.tags a:hover {
    text-decoration: underline;
    color:#495e9d !important;
}

.blogFeed li ul {
    margin: 0 0 15px 0;
    padding: 0 0 0 30px;
}

.blogFeed li li {
    list-style-image: url(/wp-content/uploads/2013/07/list-dot.png);
    margin-bottom: 10px;
    padding:0 !important;
}

.single .entry img {
    padding: 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.blogExerpt {
    margin: 1em 0;
}

.blogExerpt p {
    margin-bottom: 1em;
}

.blogReadMore {
    text-decoration: underline;
    font-size: 16px;
}

.exerptLinks {
    text-transform: uppercase;
    background: #edeff2;
    padding: 1em 2em;
}

.blog .exerptLinks {
    margin-top:2em;
}

.paged #featuredBlogs {
    display: none;
}

#blogNav {
    margin-top: 2.5em;
}

.search #blogNav {
    margin-top: 0;
}

#blogConnect {
    margin-bottom: 2em;
}

.authorWidget {
    float: left;
}

.authorWidget .authorArea {
    margin-top: 0;
    float: left;
    background: #f5f5f5;
    -webkit-border-radius: 40px 0 0 40px;
    border-radius: 40px 0 0 40px;
    margin-bottom: 1em;
}

.authorWidget .authorImage {
    width: 30%;
    max-width: 80px;
}

.authorWidget p {
    line-height: 1.2em;
}

.authorWidget .authorName, .authorWidget .authorInfo {
    float: left;
    width: 65%;
    margin-left: 5%;
    margin-bottom: .5em;
}

.authorWidget .authorInfo {
    line-height: 1em;
    text-transform:uppercase;
}

.authorWidget ul {
    height: 2.2em;
}

.authorWidget li {
    display: inline-block;
    margin: 1em .5em 0 0 !important;
    border-right: 1px solid #d7d7d7;
    padding-right: .5em;
    text-transform:uppercase;
}

.authorWidget li:last-child {
    border-right:none !important;
}

.blogSubscribeBtn:before {
    content: url(/wp-content/uploads/2013/06/subscribe-small-business.png);
    position: relative;
    top: .6em;
    padding-right: 5px;
}

.blogRssBtn:before {
    content: url(/wp-content/uploads/2013/07/blog-rss.png);
    position: relative;
    top: .6em;
    padding-right: 5px;
}


#relatedPosts {
    float: left;
    margin: 1em 0;
}

#blogConnect li {
    display: inline-block;
}

.blog-sidebar-section {
    float: left;
    width: 100%;
    border-top: 2px dotted #d9d9d9;
    padding: 2em 0;
}

.blog-sidebar-section h6 {
    color: #636363;
    font: 700 18px/1.2em 'Lato', Arial, sans-serif !important;
    text-transform: none;
    padding: 0 0 1.5em;
}

.blog-social-links li {
    display: inline-block;
    width: 32%;
    text-align: center;
    float: left;
    margin-right: 2%;
}

.blog-social-links li:nth-child(3), .blog-social-links li:nth-child(4), .blog-social-links li:nth-child(5) {
    margin-right: 0%;
}

.blog-social {
  padding: .75em 1em;
  background: #d9d9d9;
  float: left;
  width: 100%;
  text-align: center;
  border-bottom: 4px solid gray;
}

.blog-facebook {
    border-bottom: 4px solid #345b95;
}

.blog-twitter {
    border-bottom: 4px solid #269dfd;
}

.blog-rss {
    border-bottom: 4px solid #f77e1b;
}

.blog-linkedin {
    border-bottom: 4px solid #0077B5;
}

.blog-facebook:hover {
    background: #345b95;
}

.blog-twitter:hover {
    background: #269dfd;
}

.blog-rss:hover {
    background: #f77e1b;
}

.blog-linkedin:hover {
    background: #0077B5;
}


.blog-social img {
  width: 50%;
}

.blog-payroll-links li,
.blog-accounting-links li {
  float: left;
  width: 100%;
}

.blog-payroll-links li a,
.blog-accounting-links li a {
    background: #f0f0f0;
    float: left;
    width: 100%;
    padding: .5em;
    box-sizing:border-box;
    margin-bottom: 5px;
    font-size: 16px;
}


.blog-payroll-links li:last-child a,
.blog-accounting-links li:last-child a {
    margin-bottom: 0;
}


#main input#searchsubmit, #helpHomeSearch input#searchsubmit, #blogNav input#searchsubmit {
    background: url(/wp-content/themes/canvas5/images/search-icon.jpg) no-repeat;
    width: 37px;
    height: 37px;
    cursor: pointer;
}

.blog .page-link {
    display: none;
}

.relatedArticles{
    padding-top: 15px;
    padding-bottom: 15px;
}

.relatedArticles a{
    color: #5c8dc7!important;
}

/* END SMALL BUSINESS EXPERT BLOG TEMPLATE STYLES */

/* 404 STYLES */

/* [5.8 404 Page] */

#lostPage {
    text-align: center;
    width: 100%;
    position:relative;
    z-index:2;
    background: url(/wp-content/uploads/2013/10/404-bg.jpg) no-repeat center center #000;
    background-size: cover;
    margin-bottom: 245px;
}



.lostSearch {
    text-align:center;
}

.lostSearch {
    margin: 2em 0 !important;
    float: none;
    width: 100%;
    max-width: 2024px;
    text-align: center;
    padding: 0 15em;
}

.lostSearch .searchform {
    width: 100%;
    float: none;
}

.lostSearch .searchform input.submit {
    top: -1px;
}

.missingPage {
    padding: 18em 2em;
}

#lostPage .entry {
    color: #fff !important;
    text-shadow: 0 2px 2px #000;
}

#lostPage .entry {
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
}

/* END 404 STYLES */


/* CONTENT STYLES */

/* [5.9 Breadcrumbs, Glossary, Page Navigation] */

#main {
    margin-top: 3em;
}

.breadcrumb {
    padding: .25em 0 1em;
    color:#b7b7b7;
}

.breadcrumb a {
    color: #5c8dc7 !important;
    letter-spacing: .1em;
    margin: 0 10px;
}

.breadcrumb a:first-child {
    margin-left:0px;
}


.helpProductHome p {
    margin-bottom: 2.5em;
}

.helpProductHome a {
    color:#0a225e;
}

.pTitle {
    text-transform: uppercase;
    color: #898989;
    letter-spacing: 0.1em;
}

.entry ul li {
    list-style-image: url(/wp-content/uploads/2013/07/list-dot.png);
    margin-bottom: 10px;
}

.helpArticle {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 1em;
    margin-bottom: 3em;
}

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
    height: auto;
    padding: 0;
    border: none !important;
    background: none !important;
}

.accounting-training-wrapper {
    background: #041c40;
    float: left;
    width: 100%;
}

#glossaryNav {
    position: relative;
    float: none;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 2em 0;
}

#glossaryContent {
    float: left;
    width: 100%;
    padding: 0 0;
}

#glossaryContent p a {
    text-decoration: none;
    color: #898989;
    font-style: italic;
    margin: 1em 0 3em;
    float: right;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 2em;
}

#glossaryContent p a:hover {
    color:#898989;
    text-decoration:underline;
}

.glossary-numbers {
    border-bottom: 1px solid #d7d7d7;
}

#glossaryContent ul {
    margin: 0 0 2em;
    text-align: left;
    padding: 0;
}

ul.firstItem {
    margin-bottom: 1em !important;
}

#glossaryContent ul.firstItem {
    border-top:none;
}

#glossaryContent li {
    margin: .25em 0;
    list-style: none;
}

#glossaryNav a {
    padding: .6em;
    color: #fff;
    box-sizing: border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.content-navigation {
    margin: 0 0 2em !important;
    padding: 0 !important;
}

.content-navigation li {
    list-style: none !important;
    margin: 0;
    padding: .5em;
}

.current-page-nav {
    background: #d4d8e3;
    font-weight: bold;
}

/*
#socialbuttonnav {
    margin-top: 6em;
}

.page-link {
    float: left;
    width: 100%;
    clear: left;
    margin-top: -10em !important;
}
*/

/* END CONTENT STYLES */


/* CONTACT STYLES */

/* [5.10 Contact Page] */

#contactAddress {
    float: left;
    width: 50%;
    padding: 2em;
}

#contactAddress p {
    float: left;
    width: 62%;
}

#contactAddress span {
    margin-top: 1em;
    float: left;
}

#contactBlock {
    float: right;
    width: 50%;
    background: #a4b0bd;
    padding:2em;
    margin-top: 4em;
    margin-bottom: 1em;
}

#contactBlock p {
    color: #fff !important;
}

#contactTop li {
    display: inline-block;
    width: 32% !important;
    vertical-align: top;
    text-align: center;
}

#contactTop a {
    text-transform:none;
}

#contactImg {
    float: left;
    margin-right: 1em;
    margin-bottom: 4em;
}

#contactImg img {
    border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -webkit-border-radius: 70px;
}


#glossarySideTitle {
    background: #3e61a4;
    color: #fff;
    padding: 1.5em 1em;
    text-transform: uppercase;
    letter-spacing: .1em;
}

#glossarySideTitle2{
    background: #3e61a4;
    color: #fff;
    padding: .0em;
    text-transform: uppercase;
    letter-spacing: .1em;
}

#glossaryTermSide li {
    list-style:disc;
    margin: .5em 2.5em;
    color:#636363;
}

#glossaryTermSide p {
    margin: .5em 1.5em;
    color:#636363;
}


#glossaryTermSide .blueCtaBtn2 {
    text-align: center;
    float: left;
    width: 100%;
    margin: 2em 0 3em;
}

#glossaryTermSide .blueCtaBtn2 a {
    background: #495e9d;
}


#glossaryTermSide .blueCtaBtn2 a:hover {
    background:#0a225e;
}

/* END CONTACT STYLES */

/* START CHAMBER OF COMMERCE STYLES */

#chamber-commerce-header {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: #eef2f9 url(/wp-content/themes/patriot-software/images/chamber-of-commerce-header-bg.png) no-repeat center bottom;
    z-index: 4;
    padding-top: 0em;
    border-bottom: 5px solid #041c40;
}

#chamber-commerce-footer {
    background: #eef2f9 url(/wp-content/themes/patriot-software/images/chamber-of-commerce-footer-bg.png) no-repeat center bottom;
    border-top: 5px solid #eee;
    border-bottom: 5px solid #041c40;
}


.commerce-icons {
    background: url(/wp-content/themes/patriot-software/images/chamber-of-commerce-sprite.png) #a4b0bd;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 0;
    margin: 0 1em 1em 0;
    float: left;
    height: 100px;
    width: 100px;
    background-size: 220%;
}

.commerce-employees-icon {
    background-position: -6px -12px;
}


.commerce-revenue-icon {
    background-position: -106px -12px;
}


.commerce-resources-icon {
    background-position: -6px -118px;
}


.commerce-usa-icon {
    background-position: -106px -121px;
}


.commerce-discounts-icon {
    background-position: -5px -240px;
}


.commerce-support-icon {
    background-position: -105px -234px;
}

/* END CHAMBER OF COMMERCE STYLES */

/* -----------------------------------------
   Pages Common Styles
   ----------------------------------------- */

   .page-container {
    width:100%;
    height:450px;
    float:left;
    margin:0 auto;
    position:relative;
    background:#fff;
}

.support-container {
    width:100%;
    height:1260px;
    float:left;
    margin:0 auto;
    position:relative;
    background:#fff;
}

.trust-container {
    width:100%;
    height:1150px;
    float:left;
    margin:0 auto;
    position:relative;
    background:#fff;
}

.page-content {
    margin-top:5em;
    background:none;
}

/* END ABOUT STYLES */

/* HELP LINKS */


.otherHelpLinks li {
    float: left;
    width: 50%;
    margin-bottom: .5em;
}

.otherHelpLinks a {
    color:#495e9d;
}

/* END HELP LINKS */


/* HELP PAGES */

#helpTitle {
    text-align: center;
    margin: .5em 0 0;
    font-size: 35px !important;
}

#help-contact, #help-home-contact, #faq-contact, #contactTop {
    text-align: center;
}

#contactTop {
    text-transform:uppercase;
    color:#636363;
    letter-spacing: 0.1em;
}

#help-contact ul, #help-home-contact ul, #contactTop ul {
    padding:3em;
}

#help-home-contact ul, #contactTop ul {
    padding:3em 3em 0;
}

#help-contact li, #help-home-contact li, #contactTop li {
    display: inline-block;
    width: 25.5%;
    vertical-align: top;
}


#help-contact li img, #help-home-contact li img, #faq-contact li img, #contactTop li img {
    background: #a4b0bd;
    margin-bottom: 10px;
    -webkit-border-radius: 75px;
    border-radius: 75px;
    padding:33px;
}

#contactTop li img {
    background: #0a225e;
}

#help-contact li a, #help-home-contact li a, #faq-contact li a, #contactTop li a {
    color:#5c8dc7;
    line-height: 30px;
}

#help-contact li a:hover, #help-home-contact li a:hover, #faq-contact li a:hover, #contactTop li a:hover {
    color: #041c40;
    text-decoration:none;
}

#help-contact li img:hover, #help-home-contact li img:hover, #faq-contact li img:hover, #contactTop li img:hover  {
    background: #495e9d;
    text-decoration:none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

.page-template-template-help-payroll-article-php #content {
    padding: 0 0 90px;
    position: relative;
}

/* END HELP PAGES */

/* AUTHOR PAGES */

.author #productTitle {
    margin: 1em 1em .3em 1em;
}

#post-author .profile-image {
    display: none;
}

#post-author {
    padding: 2em 0 4em;
    margin: 1em 0 1.5em;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-bottom:1px solid #d9d9d9 !important;
}

.profile-content p {
    margin: 1em 0;
}

#post-author .profile-content {
    font-size: 16px;
    line-height: 1.5em;
}

.authorImg img {
    float: left;
    margin: 10px 15px 5px 0;
    padding: 0;
    border: none;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    max-width: 120px;
}

.authorFacebook, .authorTwitter, .authorLinkedIn, .authorGoogle {
    clear:left;
}

.authorFacebook a:before {
    background-image: url('/wp-content/uploads/2013/09/facebook.png');
    background-size: 35px 35px;
    content: "";
    width: 35px;
    height: 35px;
    float: left;
    margin: -.5em .5em 0 0;
}

.authorTwitter a:before {
    background-image: url('/wp-content/uploads/2013/09/twitter.png');
    background-size: 35px 35px;
    content: "";
    width: 35px;
    height: 35px;
    float: left;
    margin: -.5em .5em 0 0;
}

.authorLinkedIn a:before {
    background-image: url('/wp-content/uploads/2013/09/linkedin.png');
    background-size: 35px 35px;
    content: "";
    width: 35px;
    height: 35px;
    float: left;
    margin: -.5em .5em 0 0;
}

.authorGoogle a:before {
    background-image: url('/wp-content/uploads/2013/09/googleplus.png');
    background-size: 35px 35px;
    content: "";
    width: 35px;
    height: 35px;
    float: left;
    margin: -.5em .5em 0 0;
}

.authorFacebook a, .authorTwitter a, .authorLinkedIn a, .authorGoogle a {
    margin-bottom: 2em;
    float: left;
    color:#898989 !important;
}

/* END AUTHOR PAGES */

/* SEARCH & ARCHIVE PAGES */

.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .nav-entries a span {
    border-radius: 0;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
    background: -webkit-linear-gradient(#ffffff, #f5f5f5);
    background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
    background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)";
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active {
    border: none;
    background: #a4b0bd;
    color: #fff !important;
    padding: 1em;
}

.woo-pagination .current, .woo-pagination a:hover {
    background: #495e9d;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

.woo-pagination {
    margin: 2em 0;
    text-align: center;
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.woo-pagination span.current {
    border: none;
    background: #495e9d;
    font-weight: 700;
    font-size: 1.2em;
    padding: 1em !important;
    color: #fff;
}


#productTitleNoIcon .catrss {
    font-size: 11px !important;
    margin-left: 4em;
    margin-top: .5em;
    margin-bottom: -.5em;
}

.archive_header {
    display: none;
}

.archive .title a, .search .title {
    color: #0a225e;
}

.archive .title {
    margin-bottom:0 !important;
}

.archive .post, .search-results .post, .search-results .page {
    float: left;
    border-bottom: 1px solid #ccc;
}

.search .sep, .search .post-comments {display:none;}

/* END SEARCH & ARCHIVE PAGES */

/* USA MAP */

#mapWrapper {
    width: 100%;
    text-align: center;
    margin-bottom:3em;
}

#otherAreas {
    float: left;
    text-align: left;
}

.usaMap {
    width: 620px;
    height: 420px;
}

.stateKey {
    width: 45%;
    float: right;
}

.stateKey li {
    text-align: left;
    margin-bottom: 1em;
}

.stateKey li:before {
    content: "";
    height: 15px;
    width: 15px;
    padding: 0.01em .5em;
    position: relative;
    left: -10px;
    top: -2px;
}

.stateKey li:first-child:before {
    background: #aab8e3;
}

#demoMain .infusion-field {
    text-align: left;
    margin: 0 5em;
}

#demoMain .infusion-field input {
    width: 100%;
}

#demoMain p {
    margin-bottom: 0;
}


#demoMain .infusion-submit {
    margin-top:1em;
}

.infusion-field input {
    border-color: #cdcdcd !important;
    padding: 10px;
    width: 250px;
    margin-left: 1px;
    margin-bottom: 1em;
    background: #fff !important;
}

.infusion-field input:focus, #subscribePopUp #inf_field_Email:focus {
    border-color: #a4b0bd !important;
}

.demoWrapper {
    background: url(/wp-content/uploads/2013/10/request-demo.jpg) !important;
    background-size: cover !important;
}

#demoMain {
    background: #fff;
    text-align: center;
    margin: 12em auto;
    width: 63%;
    padding: 4em;
    border: 1px solid #a4b0bd;
}

/* END USA MAP */

/* VIDEOS */

#videoPlayback {
    margin-top: 1em;
    float: left;
    max-width: 100%;
}

#videoNav {
    margin-top: 2em;
    float: left;
    width: 100%;
}

.videoNavItem {
    margin-bottom: 1em;
    float: left;
    width: 100%;
}

.videoLink {
    float: left;
    clear: both;
}

.videoLink:before {
    content: url(/wp-content/uploads/2013/09/videoPlayBtn.png);
    margin-right: 1em;
    margin-top: 0;
    float: left;
}

.videoLink:hover:before {
    content: url(/wp-content/uploads/2013/09/videoPlayBtn-active.png);
    margin-right: 1em;
    margin-top: 0;
    float: left;
}

.videoActive:before {
    content: url(/wp-content/uploads/2013/09/videoPlayBtn-active.png);
    margin-right: 1em;
    margin-top: 0;
    float: left;
}

.highlight:before {
    content: url(/wp-content/uploads/2013/09/videoPlayBtn-active.png) !important;
    margin-right: 1em;
    margin-top: 0;
    float: left;
}

.videoTime {
    clear: both;
    float: left;
    margin-left: 4em;
    margin-top: -2em;
}


#videoPlayerArea {
    text-align: center;
}

/* END VIDEOS */

#rushmoreTemplates {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#rushmoreTemplates li {
    list-style: none;
    display: inline-block;
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 5px;
}


.icon:before, .icon:after {
    font-size: 1em;
    line-height: 1;
    display: inline-block;
    color: #0a225e !important;
}

.post p.tags a:link, .post p.tags a:visited {
    font-weight: normal !important;
    color: #0a225e !important;
}

.icon:before, .icon:after {
    color: #fff !important;
}

.noListStyle li {
    list-style: none !important;
}

/*comparison grid for 1099/bookkeeper */
#featuresGrid thead { color:#0a225e;}
#featuresGrid th.col1 { text-align:left;font-size: 16px;vertical-align: bottom;padding-bottom: 5px;}
#featuresGrid th.col2_3 { text-align:center; font-size:14px; width:110px;line-height:17px;padding-bottom:5px;}
.centertext { text-align:center;}
#featuresGrid img { border:none;}
#featuresGrid td { background-color:#e4e4e4;border-bottom:solid 3px #f6f7f8;color:#636363;font-size:13px;padding:8px 5px;}
/*end comparison grid for 1099/bookkeeper */

.ctaArea li {
    display:inline-block;
}

.ctaBtn {
    float:left;
    padding: 1em 1.25em;
    width:180px;
    background:green;
    color: #fff;
    text-decoration:none;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.ctaBtn span {
    text-transform:uppercase;
    font-size:24px;
    margin:3px 0;
    float:left;
    width:100%;
}


.signUpBtn {
    background:#e05d05;
    border-bottom: 3px solid #b34b03;
}

.signUpBtn:hover {
    background:#b34b03;
    border-bottom: 3px solid #e05d05;
}

.exploreBtn {
    background:#5b9b30;
    border-bottom: 3px solid #487c26;
}

.exploreBtn:hover {
    background:#487c26;
    border-bottom: 3px solid #5b9b30;
}

.signUpBtn:hover, .exploreBtn:hover {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

#pageHeader .ctaArea {
    float:right;
    margin-top: 0 !important;
}

.page-template-psi-advisor-program-detail-php #pageHeader .ctaArea {
    float: right;
    margin-top: 1em !important;
}

.advisorText li {
    font: normal 14px/1.2em 'Lato', Arial, sans-serif !important;
    list-style: none !important;
}

.hideTitle {
    display:none;
}

span.priceDecimalAdd {
    vertical-align: top;
}

.compareAddOn li span {
    font: normal 13px/1.2em 'Lato', Arial, sans-serif;
    font-style: italic;
    vertical-align: bottom;
    line-height: 4.75em;
}

#hideInput {
    position:absolute;
    left:-9999px;
    z-index:-1;
}

.ssb-share.wide {
    margin: 2em 0;
}

.essb_counter, .essb_totalcount {
    padding: 2px 6px 2px !important;
}

.contact-content {
    padding: 4em 0;
}

#add-onWrapper {
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
}

.accountingBlogHeader, .payrollBlogHeader, .pressBlogHeader {
    padding: 2em 0 !important;
}

.payrollBlogHome, .accountingBlogHome, .pressBlogHome {
    background: #495e9d;
    color: #fff !important;
    padding: .5em;
    float: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 1em;
}

.payrollBlogHome:hover, .accountingBlogHome:hover, .pressBlogHome:hover {
    text-decoration: none;
    background: #0a225e;
}

.single .sbeHeader, #pressBlogHeader, .paged .sbeHeader {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

#blogSingleContentWrapper {
    background: #fff;
    margin-bottom: 650px;
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
}

.blogSearch {
    width: 85%;
}

#blogConnect {
    clear: left;
}


.firstBlogPost {
    display: none;
}

.paged .firstBlogPost {
    display: block;
}

.training-link {
    background: #495e9d;
    color: #fff !important;
    padding: .6em;
    border-bottom: 2px solid rgba(0,0,0,.25);
    float: left;
    width: 30%;
    text-align: center;
}

.training-link:hover {
    background: #001250;
    text-decoration: none;
}

input.regularGreenBtn {
    border: 1px solid #ccc;
    background: #559933 !important;
    color: #fff;
    font-size: 18px;
    padding: 1em 2em;
}


.blog input.regularGreenBtn {
    float: none;
}

#ninja_forms_form_2_all_fields_wrap {
    width: 250px;
}

.blog #ninja_forms_form_2_all_fields_wrap {
    width: 100%;
}

.ninja-forms-field {
    border-color: #cdcdcd !important;
    padding: 10px;
    width: 250px;
    margin-bottom: 1em;
    background: #fff !important;

}

input[type=submit].subscribe-submit {
  text-indent: -99999px;
  position: absolute;
  top: 1px;
  right: -1px;
  background: url(/wp-content/themes/patriot-software/images/blog-subscribe.jpg) no-repeat !important;
  width: 37px !important;
  color: #fff;
  margin-bottom: 0;
  border: none;
  cursor: pointer;
  border: 0 !important;
  margin: 0;
}

.dgd_stb_box_close {
  top: 5px !important;
  right: 5px !important;
}

.dgd_stb_box.default form input {
    border-radius: 0 !important;
    border-color: #CCC #CCC #CCC #CCC !important;

}

.dgd_stb_box.default form input[type="submit"], .dgd_stb_box form input.submit {
    background-color: #519237 !important;
    border: 1px solid #519237 !important;
    font-family: 'Lato', Arial, sans-serif;
}

.blog-sidebar-section .ninja-forms-all-fields-wrap {
    position: relative;
}

.ninja-forms-field-error p {
  color: red;
}

.ninja-forms-success-msg p {
  color: #519237;
  margin-bottom: 1em;
}

.blog-sidebar-section .ninja-forms-required-items,
.dgd_stb_box .ninja-forms-required-items,
.blog-sidebar-section .ninja-forms-req-symbol, .blog-sidebar-section .ninja-forms-error-msg,
.dgd_stb_box .ninja-forms-error-msg, .dgd_stb_box .ninja-forms-req-symbol {
  display: none;
}
.ninja-forms-required-items{
  display: none!important;
}

.sitemapWidget .searchform {
    float: left;
    width: 80%;
    margin-left: 5%;
    margin-top: 1em;
}



.sitemapWidget {
    float: left;
    width: 75%;
}

.sitemapWidget .searchform .s {
    border-radius: 0 !important;
    background: #eee;
}

.faq-block {
    margin: 2em 0;
}

.faq-steps {
    position: relative;
    padding-left: 8em;
    margin-bottom: 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.faq-steps:before {
    content: "Step 1";
    font-weight: bold;
    position: absolute;
    left: 2em;
}

.step-1:before {
    content: "Step 1";
}

.step-2:before {
    content: "Step 2";
}

.step-3:before {
    content: "Step 3";
}

.step-4:before {
    content: "Step 4";
}

/* The Companies */
.company-tree {
    height: 75px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.treeline-top {
    height: 25px;
    width: 1px;
    background: #ccc;
    margin: 0 auto;
}
.treeline-branch {
    border: 1px solid #ccc;
    border-bottom: none;
    height: 50px;
    width: 50%;
    margin: 0 auto;
}
.company-card {
    width: 48%;
    float: left;
    padding: 1% 4%;
    border: 1px solid #ccc;
    margin: 1%;
    text-align: center;
    box-sizing: border-box;
    min-height: 415px;
}
.company-desc{
    border-top: 1px solid #ccc;
    text-align: left;
    padding-top: 8%;
}
.entry .company-card img {
    width: 100%;
    max-width: 318px;
}
.the-company h2 {
    text-transform: uppercase;
}
.the-company {
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    padding: 0 4%;
    margin-bottom: 2%;
    box-sizing:border-box;
}

/* END The Companies */

/* [6. Footer] */

#footerSpacer {
    height:4em;
    float:left;
    position:relative;
    width:100%;
}


#mobilePhone {
    display:none;
}

#footer-main-bottom, #footer-help-article {
    position:relative;
    background: #E5E8ED;
    float: left;
    width: 100%;
    padding: 3em;
}

.business-links {
  float: right;
  width: 25%;
  text-align: right;
}

.business-links a {
    margin: 0 1em;
}

#footer-main-bottom a {
    color:#636466;
}

#credit {
  margin: 2em 1em;
}

#footerWrapper {
    float: left;
    width: 100%;
    background: #041c40;
    padding: 2em 3em;
}
#footer-main-bottom-wrapper,
#footer {
    max-width: 1360px;
    margin:0 auto;
}

#footer a {
    color: #5c8dc7;
    font-weight: normal;
}

#footer-main {
    position:relative;
    width: 100%;
    float: left;
    text-align: center;
    background: #fcfcfc;
    padding: 10em 1em;

}

#copyright {
  float: left;
  width: 75%;
}

.col-footer {
  float: left;
  width: 100%;
}

ul#menu-global-footer {
  float: left;
  width: 100%;
}

#menu-global-footer > li {
  float: left;
  width: 18%;
  margin-right: 2%;
}

#menu-global-footer > li:last-child {
  float: left;
  width: 25%;
  margin-right: 0%;
}

#menu-global-footer .sub-menu li a {
  color: #bebebe;
  margin-top: .5em;
  float: left;
  clear: left;
}

#menu-global-footer .sub-menu li.parent > a {
    color: #5c8dc7;
    margin-top: 2em;
}

#footer-main {
    position: fixed;
    left: 0;
    bottom: 340px;
    right: 0;
    z-index: -3;
}

#footer-main-bottom, #footer-help-article {
    position: fixed;
    left: 0;
    bottom: 241px;
    right: 0;
    z-index: -3;
}

a.bbb {
    float: left;
    margin-top: 1em;
}

#footerWrapper {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -3;
}

.error404 #footerWrapper {
    z-index: 1;
}

.footer-nav li {
    display: inline-block;
}

.footer-nav li a {
    text-transform: uppercase;
    color:#5c8dc7;
    margin: 0 1.2em;
    letter-spacing: 0.1em;
}

.footer-nav li a:hover {
    text-decoration:none;
    opacity:.6;
}

#pseudoChatBox {
    position: fixed;
    bottom: 0;
    z-index: 99;
    right: 2em;
    color: #fff;
    padding: .5em 1em .5em 2.5em;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
}

#pseudoChatIcon {
    background: url(images/sprite-suite.png) no-repeat left;
    background-size: 150px;
    background-position: -48px -160px;
    height: 30px;
    width: 27px;
    position: absolute;
    left: .5em;
    top: 0em;
}

.pseudoChatOnline {
    background: #5c8dc7;
    cursor: pointer;
}

.pseudoChatOffline {
    background: #ccc;
    cursor: pointer;
}

/* SOCIAL MEDIA */

#socialMedia {
    float: left;
    width: 100%;
    margin-top: 30px;
}

/*.socialWidget li {
display: inline-block;
margin: 0 5px 0;
}

.socialMediaIcon {
background:url(images/social-media-sprite.png) no-repeat;
background-repeat: no-repeat;
cursor: pointer;
padding: .5em 1em;  }

.linkedIcon {
background-position: -2px 0;
}

.facebookIcon {
background-position: -42px 0;
}

.twitterIcon {
background-position: -84px 0;
}

.googleIcon {
background-position: -126px 0;
}

.rssIcon {
background-position: -166px 0;
}

.emailIcon {
background-position: -204px 0;
}

.linkedIcon:hover, .facebookIcon:hover, .twitterIcon:hover, .googleIcon:hover, .rssIcon:hover, .emailIcon:hover {opacity:.6;}
*/


#footer-social {
  position: relative;
}

.footer-social-icons {
    background: url(images/social-media-sprite.png);
    height: 12px;
    width: 12px;
    position: absolute;
    top: 0;
    background-size: 500%;
    padding: 6px;
    text-indent: -9999px;
}
#footer-social.inline li:first-child {
    margin-left: -30px;
}
.mobile-careers-link {
    display: none;
}
.icon-bg {
    background-color: #5c8dc7;
}
.icon-bg:hover {
    background-color: #3e61a4;
}
.icon-radius {
    border-radius: 15px;
}
.linkedin-icon {
    background-position: 2px 2px;
}
.facebook-icon {
    background-position: -18px 2px;
}
.twitter-icon {
    background-position: -38px 2px;
}
.googleplus-icon {
    background-position: -58px 2px;
}
.email-icon {
    background-position: -79px 1px;
}
.rss-icon {
    background-position: -98px 2px;
}
.sidebar-social-media li {
    margin: 0 1%;
    width: 31%;
}
.sidebar-social {
    background: #eee;
    float: left;
    width: 100%;
    text-align: center;
    padding: .75em 1em;
}
.sidebar-social img {
    max-width: 50%;
}
.sidebar-facebook {
    border-bottom: 3px solid #345b95;
}
.sidebar-twitter {
    border-bottom: 3px solid #269dfd;
}
.sidebar-rss {
    border-bottom: 3px solid #f77e1b;
}
.sidebar-facebook:hover {
    background: #345b95;
}
.sidebar-twitter:hover {
    background: #269dfd;
}
.sidebar-rss:hover {
    background: #f77e1b;
}

/* END SOCIAL MEDIA */

/* END FOOTER */


/* ------------------ END General Styles */

/* Font Styles */

* {
   -webkit-font-smoothing: antialiased !important;
   font-smoothing: antialiased !important;
}

.fontLight {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 300;
}
.fontNormal {
    font-family: 'Lato', Arial, san-serif;
    font-weight: 400;
}
.fontBold {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 700;
}
.fontHeavy {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: bold;
}
.fontSizeSuper {
    font-size: 2.2em;
    font-size: 2.2rem;
}
.fontSizeLarge {
    font-size: 1.5em;
    font-size: 1.5rem;
}
.fontSizeMedium {
    font-size: 1.2em;
    font-size: 1.2rem;
}
.fontSizeNormal {
    font-size: 1em;
    font-size: 1rem;
}
.fontSizeSmall {
    font-size: .85em;
    font-size: .85rem;
}
.fontSizeSmaller {
    font-size: .75em;
    font-size: .75rem;
}
.fontSizeSuperSmall {
    font-size: .7em;
    font-size: .7rem;
}

.fsa-hsa-wrapper {
  float: left;
  width: 100%;
}

.fsa-hsa {
  margin: 0 0 2em !important;
  padding: 0 0 2em !important;
  float: left;
  width: 100%;
}

.fsa-hsa li {
  float: left;
  list-style: none !important;
  width: 50%;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  padding: 0 1em 0;
  margin-bottom: 0;
}

.fsa-hsa li:nth-child(odd) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.fsa-hsa-title {
  width: 100% !important;
  margin-right: 0;
  padding-right: 0;
  border-right: none;
  background: #d4d8e3;
  padding: .5em 1em !important;
  float: left;
  margin-bottom: 1em !important;
}

/* PSI ROYALTY PROGRAM */

.hidden-examples {
    padding: 1em 0;

}

#ppcTestimonial {
    position: relative;
    background: url(/wp-content/uploads/2015/05/testimonials-bg-03.jpg) no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    padding: 2em;
}

#ppcTestimonial:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
    background: rgba(248, 247, 216, 0.7);
}

#ppcTestimonial h2{
    font: 300 55px/1.2em 'Lato', arial, sans-serif;
}

#ppcTestimonial p{
    font: 400 22px/1.2em 'Lato', arial, sans-serif;
    color: #0a225e;
    margin-top: 10px;
}

.ppcTestimonialContent {
    padding: 2em;
    margin: 3em auto !important;
    float: right;
    width: 58%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.ppc-blue-button {
    background: #495e9d;
    color: #fff !important;
    padding: 1em;
    font: 400 18px/1.2em 'Lato', arial, sans-serif;
    border-bottom: 2px solid rgba(0,0,0,.25);
    float: left;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.first-30 {
    float: left;
    width: 75%;
}

#ppcFinalCta {
    background: #fff;
    float: left;
    padding: 2em 0.75em;
    width:100%;
    box-sizing:border-box;
}

#ppcFinalCta h2{
    font: 300 55px/1.2em 'Lato', arial, sans-serif;
}

#ppcFinalCta p{
    font: normal 1.2em/1.5em 'Lato', Arial, sans-serif !important;
    margin-bottom: 1.5em;
    width: 80%;
}

.ppcFinalButton {
    float: right;
    /*width: 20%;*/
    margin-top: 3em;
}

#productCta2 {
    padding: 1em 0;
}

#productCta2 .ctaArea {
    padding-left: 0 !important;
    float: left;
    margin-top: 1.5em !important;
}

.accountingMore {
    background:#041c40;
}

.ten99More {
    background:#5e86dd;
}

.startingAt .price {
    font-size:6em;
    font-weight:300;
    color:#636363;
    display: inline-block;
    height: 1em;
    margin-top: .25em;
}

.startingAt .price::first-letter {
    font-size:0.8em;
}

.startingAt .change {
    font-size: 1.5em;
    display: inline-block;
    margin-left: 0.25em;
    position: relative;
    top:-1em;
}

.startingAt {
  width: 70%;
  float: left;
}

.ppcLearnMore {
  width: 30%;
  text-align: center;
  position: relative;
  float: right;
  margin-top: 3em;
}

.royaltyFormBg {
    background: #fff;
    padding: 2.5em;
    margin: 0 auto 4em;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    overflow: auto;
    max-width: 450px;
}

#franchiseHeader, #consultantHeader, #associationHeader, #societyHeader, #advisorHeaderBlue, #certifiedAdvisorHeaderBlue, #advisorOverviewHeaderBlue {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: #fff url(/wp-content/themes/patriot-software/images/royalty-bgs/franchises-bg.jpg) no-repeat center top;
    background-size: cover;
    z-index: 4;
}

#franchiseHeader {
    background: #fff url(/wp-content/themes/patriot-software/images/royalty-bgs/franchises-bg.jpg) no-repeat center top;
    background-size: cover;
}

#consultantHeader {
    background: #fff url(/wp-content/themes/patriot-software/images/royalty-bgs/business-consultant-bg.jpg) no-repeat center top;
    background-size: cover;
}

#advisorHeaderBlue {
    background: #fff url(/wp-content/uploads/2017/11/advisor-bg.jpg) no-repeat center top;
    background-size: cover;
}

#certifiedAdvisorHeaderBlue {
    background: #fff url(/wp-content/uploads/2017/11/certified-advisor-bg.png) no-repeat center top;
    background-size: cover;
}

#associationHeader {
    background: #fff url(/wp-content/themes/patriot-software/images/royalty-bgs/affinity-partner-bg.jpg) no-repeat center top;
    background-size: cover;
}

#societyHeader {
    background: #fff url(/wp-content/themes/patriot-software/images/royalty-bgs/society-partner-bg.jpg) no-repeat center top;
    background-size: cover;
}
#advisorOverviewHeaderBlue {
    background: #fff url(/wp-content/uploads/2018/06/advisor-overview-bg.jpg) no-repeat center top;
    background-size: cover;
}


.royalty-type {
  color: #fff;
    border-bottom: 1px solid #e05d05;
    float: left;
    font-size: 30px !important;
    text-transform: uppercase;
}

.royalty-tagline {
  color: #fff;
    font-size: 55px;
    font-weight: bold;
}

.royalty-description p {
  color: #fff;
    font-size: 18px;
    font-weight: bold;
}

/*
#basicPayroll .product-main-content .product-content h3,
#fullService .product-main-content .product-content h3 {
    font:900 3em/1.2em 'Lato', arial, sans-serif;
}
*/


/* Home Template Styles */
/* NEW PSI HOME STYLES */
#homeHeader {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    text-align: center;
    background: url(/wp-content/themes/patriot-software/images/patriot-home-header.jpg) no-repeat center top;
    background-size: cover;
    z-index: 4;
}

#homePageHeader {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: url(/wp-content/themes/patriot-software/images/home-header.jpg) no-repeat center top;
    background-size: cover;
    z-index: 4;
}

#patriotHomeHeader {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: url(/wp-content/uploads/2017/12/patriot-software-header.jpg) no-repeat center top #fff;
    background-position: right;
    z-index: 4;
}

#patriotHomeScreenHeader {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: url(/wp-content/uploads/2017/10/patriot-hero-bg.jpg) no-repeat center top #fff;
    background-size: cover;
    z-index: 4;
}
#patriotAltWhiteBg {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: url(/wp-content/themes/patriot-software/images/alt-white-bg.jpg) no-repeat center top #fff;
    background-size: cover;
    z-index: 4;
    min-height: 475px;
}

#patriotFeaturesBg {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: url(/wp-content/themes/patriot-software/images/alt-white-bg.jpg) no-repeat center top #fff;
    background-size: cover;
    z-index: 4;
    min-height: 350px;
}

#patriotAltBlueBg {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: rgba(62,97,164,0.4);
    background: -webkit-linear-gradient(#fff,#e4eaf6);
    background: -moz-linear-gradient(#fff,#e4eaf6);
    background: linear-gradient(#fff,#e4eaf6);
    background: -ms-linear-gradient(#fff,#e4eaf6);
    background: -o-linear-gradient(#fff,#e4eaf6);
    background-size: cover;
    z-index: 4;
    min-height: 475px;
    border-bottom: 1px solid #dbdbdb;
}
}

    .patriotHomeOverlay {
    background: rgba(255,255,255,0.0);
}
/*
#homeHeader h1, #homeHeader h2 {
color: #fff !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

#homePageHeader h1 {
color: #0a225e !important;
font: 700 50px/1.2em 'Lato', Arial, sans-serif !important;
letter-spacing: .02em !important;
}

#homePageHeader h2 {
color: #0a225e !important;
font: 400 35px/1.2em 'Lato', Arial, sans-serif !important;
}

*/
#homeTagline {
    padding: 135px 0;
}
#homePageTagline {
    padding: 85px 0;
}

#bundledProductsWrapper {
    position: relative;
    float: left;
    width: 100%;
    background: #eaebef;
    border-top: 2px solid #e1e1e5;
    z-index: 5;
}
 .homeScreenShot {
      width: 95%;
      margin-left: 5%;
    }
.homeProduct {
    float: left;
    width: 50%;
    padding: 2.5em;
    position:relative;
    z-index:6;
}
#homePrimaryBg, .homePrimaryBgClass, .PrimaryBgClass {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    z-index: 5;
    padding: 2em 0;
}
#homePrimaryBgAfter, .homePrimaryBgClassAfter, .PrimaryBgClassAfter{
    position: relative;
    float: left;
    width: 100%;
    background: url(/wp-content/themes/patriot-software/images/bg-primary-after.png) no-repeat center top #fff;
    background-size: cover;
    z-index: 4;
    height: 150px;
}
#homeSecondaryBg, .homeSecondaryBgClass, .SecondaryBgClass {
    position: relative;
    float: left;
    width: 100%;
    background: #f7f7f7;
    z-index: 5;
    padding: 2em 0;
}
#homeSecondaryBgAfter, .homeSecondaryBgClassAfter, .SecondaryBgClassAfter{
    position: relative;
    float: left;
    width: 100%;
    background: url(/wp-content/themes/patriot-software/images/bg-secondary-after.png) no-repeat center top #fff;
    background-size: cover;
    z-index: 4;
    height: 150px;
}
#homeSecondaryBg p, .homeSecondaryBgClass p, .SecondaryBgClass p, #homePrimaryBg p, .homePrimaryBgClass p, .PrimaryBgClass p, #homeSupportBg p{
    font-size: 17px;
}
#homeSecondaryBg h6, .homeSecondaryBgClass h6, .SecondaryBgClass h6{
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}
.home-one-third-big {
    width: 33%;
    margin: 0 2% 0 0;
    float: left;
}
.home-one-third-bigAlt {
    width: 33%;
    margin: 0 0 0 2%;
    float: left;
}
.home-one-third-small{
    width: 30.5%;
    margin-right: 2%;
    float: left;
}
.homeVideoOverlay {
  position: absolute;
  width: 100%;
}
.homeVideoSizing{
  width:560px;
  height: 315px;
}
.homeVideoPrimary{
    width: 47.5%;
    margin-right: 5%;
    float: left;
    position: relative;
}
.homeVideoSecondary{
    width: 47.5%;
    float: left;
    position: relative;
}
.productCard {
    background: #fafafa;
    border: 1px solid #dbdbdb;
    padding: 2em;
}
.productCard h6{
    font-size: 18px;
    font-weight: 700;
    margin-top: 1.5em;
    text-transform: uppercase;
}
.highlightCard {
    background: #eef2f9;
    border: 1px solid #dbdbdb;
    padding: 2em;
    max-width: 320px;
}
.highlightCard p{
    font-size: 15px!important;
    margin: 2em 0;
    padding-top: 2em;
    border-top: dashed 1px #a4b0bd;
}
.two-toned-header {
    font: 700 32px/1.2em 'Lato', arial, sans-serif;
}
.two-toned-header span{
    color: #5c8dc7;
}
.light-shadow-overlay {
    position: absolute;
}
.video-card{
    background: #fafafa;
    border: 1px solid #dbdbdb;
    padding: 2em;
}
.videoLinks {
  color: #999;
  margin-top: 2em;
  font-weight: 700;
  font-size: 13px!important;
}
.videoLinks span{
  margin: 0 10px;
}
#homeSupportBg {
    position: relative;
    float: left;
    width: 100%;
    background: url(/wp-content/themes/patriot-software/images/support-team-bg-new.png) no-repeat center top #fff;
    background-size: cover;
    z-index: 4;
    min-height: 625px;
}
.home-first {
    padding: 2.5em 2.5em 2.5em 0;
}

.home-second {
    padding: 2.5em 0 2.5em 2.5em;
}
.home-learn-more {
    font-size: 18px;
}

.home-learn-more:after{
    content: "\00BB";
    font-size:20px;
    margin-left: .25em;
}

a.home-learn-more:hover:after, a.home-learn-more:focus:after {
text-decoration: none !important;
}

.homeProduct:first-child {
    border-right: 1px solid #e1e1e5;
}

.triangle-left {
    width: 0;
    height: 0;
    border-top: 250px solid #eaebef;
    border-left: 250px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}

.triangle-right {
    width: 0;
    height: 0;
    border-top: 250px solid #e9eaee;
    border-right: 250px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.productContent {
    position: relative;
}

/*.homeProduct h3 {
color:#011039;
margin-bottom: .25em;
}
*/
.homeProduct h3:hover {
    text-decoration: underline;
}

.homeProduct p {
    color:#363636;
}

.homePrice {
    margin-top: 1em;
    float: left;
    width: 60%;
}

.home-first .homePrice, .home-second .homePrice {
    margin-top: 1em;
    float: left;
    width: 100%;
}

.homePrice p {
    float:left;
}

.freeSetup {
    color: #888888;
}

.learnMore {
    float: right;
    background:#5669a3;
    border-bottom:3px solid rgba(0,0,0,.15);
    padding:.7em;
    color:#fff !important;
    margin-top: 1em;
}

.learnMore:hover {
    text-decoration:none;
    background:#49598b;
}

.learnMoreImg{
    -webkit-filter: brightness(100%);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.learnMoreImg:hover {
  -webkit-filter: brightness(75%);
}

.ctaArea {
    padding-left: 0 !important;
    margin-top: 2em !important;
}

.ctaArea li {
    display:inline-block
}

.reports-grid .grid-row {
    margin-top:3%;
}

.ctaBtn {
    float:left;
    padding: 1em 1.25em;
    width:180px;
    background:green;
    color: #fff !important;
    text-decoration:none;
    border-bottom:3px solid rgba(0,0,0,.15);
    text-align:left;

}

.advisorBtn {
    width: 100%;
    font: 400 18px/1.2em 'Lato', sans-serif !important;
    text-transform: uppercase;
    padding: 1em 2.5em;
}

.loginBtn {
    background: #c1c1c1;
}

.advisorBtn:hover {
    text-decoration: none;
}

.loginBtn:hover {
    background: #b1b1b1;
}

.ctaBtn span {
    text-transform:uppercase;
    margin:3px 0;
    float:left;
    width:100%;
}

.signUpBtn {
    background:#e05d05;

}

.signUpBtn:hover {
    background:#b34b03;
    text-decoration:none;
}

.exploreBtn {
    background:#5b9b30;
}

.exploreBtn:hover {
    background:#487c26;
    text-decoration:none;
}

.signUpBtn:hover, .exploreBtn:hover {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

#testimonialBlock {
    position: relative;
    background: url(/wp-content/themes/patriot-software/images/testimonial-background.jpg) no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
}

.oneTestimonial {
    background: rgba(250, 250, 250, 0.9);
    padding: 1.5em;
    margin: 3em auto !important;
    max-width:575px;
}

.oneTestimonialP{
    text-align: center;
    font-style:  italic;
}

#testimonialBlock .testimonialAuthor,
#product-testimonials .testimonialAuthor,
.oneReview .testimonialAuthor {
    margin-top: 1em !important;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
}

.testimonialAuthor {
    margin-top: .3em;
    text-align: center;
}

.testimonialAuthor li {
    display: table-cell;
    vertical-align: top;
    padding-right: 1em;
}

.testimonialAuthor li img {
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

.moreReviews {
    text-align: center;
    background:#5669a3;
    border-bottom:3px solid rgba(0,0,0,.15);
    padding:.7em;
    color:#fff !important;
    margin-top: 1em;
    font: 400 24px/1.2em 'Lato', Arial, sans-serif !important;
}

.moreReviews:hover {
    text-decoration:none;
    background:#49598b;
}


.productContent a:hover {
    text-decoration: none;
}

.productContent a h3:hover {
    color: #0a225e;
}

.productContent a.home-learn-more:hover {
    text-decoration:underline;
}

/* Pricing Template Styles */
#pricingContentWrapper {
    background: #e8e8ed;
}

.pricingPageWrapper {
    background:#fff !important;
}

#pricingHeader {
    padding: 1.5em 0;
}

#pricingTitle h1 {
    font: 700 30px/1.2em 'Lato', Arial, sans-serif !important;
}

#pricingTitle h2 {
    font: 400 18px/1.2em 'Lato', Arial, sans-serif !important;
}

#productHeader h3 {
    color:#222222;
    font: bold 30px/1.2em 'Lato', arial, sans-serif !important;
}

#productSection {
    float: left;
    width: 67%;
}

.mainProducts {
    position: relative;
}

.productBlock {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 3em;
    position: relative;
}

.productHeader h3 span {
    font: normal 24px/1.2em 'Lato', arial, sans-serif !important;
    font-style:italic !important;
}

input.payrollEmployees {
    width: 35px !important;
    border: 1px solid #888 !important;
    font-weight: bold;
    font-size: 24px;
    height: 24px !important;
}

.productHeader {
    background: #dfe7f8;
    position:relative;
    padding: .45em 0;
    width: 60%;
    margin: 0 auto;

}

.accountingHeader {
    padding: .76em 0;
}

.productHeader:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 49px solid #dfe7f8;
    border-left: 45px solid transparent;
    position: absolute;
    left: -45px;
    top: 0;
}


.productHeader:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 49px solid #dfe7f8;
    border-right: 45px solid transparent;
    position: absolute;
    right: -45px;
    top: 0;
}


.pricingPageWrapper #content {
    margin-top: 4em;
}

.buttonWrapper {
    position: relative;
    float: left;
    width: 50%;
}

.buttonWrapper > a {
    position: relative;
    float: left;
    width: 100%;
    background: #eaeaea;
}

#fullServicePayrollBtn, #accountingSoftwareBtn  {
    background: #e4e4e4;
}

#fullServicePayrollBtn:hover, #accountingSoftwareBtn:hover  {
    background: #f4f4f4;
}

.buttonWrapper > a:hover {
    background: #f7f7f7;
    text-decoration:none;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
    z-index:999;
}

.buttonWrapper > a:nth-child(2n):hover {
    background: #f1f1f1;
    text-decoration:none;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
    z-index:999;
}

.prodTitle {
    font-size: 18px;
    font-style: italic;
    text-align: center;
    color: #fff;
    padding: 1em;
}

#basicPayroll .prodTitle {
    background:#0b2363;
}

#fullServicePayroll .prodTitle {
    background:#011039;
}

#tenSoftware .prodTitle {
    background:#5e86dd;
}

#accountingSoftware .prodTitle {
    background:#5172bf;
}

.priceBlock {
    font: 300 92px 'Lato', Arial, sans-serif !important;
    color:#363636;
}

#addOnExpand:before {
    content: "+ ";
}

.addOnShow:before {
    content: "- " !important;
}

.addOnPrice {
    font: 700 36px 'Lato', Arial, sans-serif !important;
    color:#363636;
    float:left;
}

.certifiedPricing {
    font: 700 45px 'Lato', Arial, sans-serif !important;
    color:#363636;
    float:left;
}

.priceBlock:before, .addOnPrice:before, .certifiedPricing:before, #totalPrice:before {
    content: "$";
    vertical-align: top;
    line-height: 1.75em !important;
}

.priceBlock:after, .addOnPrice:after, .certifiedPricing:after {
    content: "/mo";
}

#totalPrice {
    font: 300 48px/1.5em 'Lato', Arial, sans-serif !important;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 0 .25em;
    padding: 0 .5em;
    color:#888888;
}

#totalPrice:before {
    font: 300 24px/1.5em 'Lato', Arial, sans-serif !important;
    line-height: 2.25em !important;
}

#totalPrice:after {
    content: "/month";
    font: 300 30px/1.5em 'Lato', Arial, sans-serif !important;
}

.priceBlock:before, .priceBlock:after {
    font-size: 45px;
}

.addOnPrice:before, .addOnPrice:after, .certifiedPricing:before, .certifiedPricing:after {
    font-size: 14px;
}

.priceDecimal {
    font: 300 45px/1.5em 'Lato', Arial, sans-serif !important;
    vertical-align: top;
    line-height: 1.75em !important;
}

.prodName {
    font-size: 16px;
    font-style: italic;
    text-transform: none;
    padding-bottom: 1.5em;
}

.addBtn {
    background: #e96000;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    width: 30%;
    padding: .25em 0;
    position: absolute;
    bottom: -14px;
    left: 35%;
    border-bottom: 2px solid rgba(0,0,0,.3);
    text-align:center;
}

/*.accountingProduct .addBtn {
bottom:28px;
}*/

#orDiamond {
    background: #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    height: 25px;
    width: 25px;
    left: 48%;
    z-index: 99999;
    top: 170px;
    color: #000;
    box-shadow: 1px 1px 0 0 rgba(0,0,0,.2);
}

#orDiamondText {
    position: absolute;
    top: 170px;
    left: 48.5%;
    text-transform: uppercase;
    font-size: 12px;
    z-index: 99999999;
}

#addOns {
    float: left;
    width: 99.97%;
    /*background: #dfe7f8;*/
    padding: .75em 0 .75em;
    border:1px solid #e7e7e7;
    border-top:none;
}

.productBtn:hover * {
    text-decoration:none;
}

.addOnProduct {
    display: inline-block;
    width: 31%;
    background: #e4e4e4;
    margin: 1em .5% .5em;
    padding: .5em 1em;
    text-align: left;
    position: relative;
}

.addOnName {
    font: 700 20px/1.2em 'Lato', Arial, sans-serif;
}

.addOnName, .addOnPrice {
    color:#636363;
    text-align: left;
}

.addOnProduct .addBtn {
    position: relative;
    bottom: inherit;
    float: right;
    left: inherit;
    width: 100px;
    margin-top: .5em;
}

.bottomBlue{
    background: #dfe7f8;
    height: 44px;
    width: 100%;
    float:left;
}

.toggleAddOns {
    display:none;
}

#pricing-sidebar {
    float: right;
    width: 30%;
    background: #fff;
    border: 1px solid #e7e7e7;
    padding: 1em .5em;

}

#pricing-sidebar > p, #pricing-sidebar > ul {
    padding: 0 2em;
    font: normal 16px/1.2em 'Lato', Arial, sans-serif !important;
    line-height:18px !important;
    color:#888888 !important;
}


#pricing-sidebar > ul {
    padding: 0 0 0 2.5em;
    margin-bottom: 1em;
    list-style:disc !important;
}

#pricing-sidebar li {
    line-height:24px !important;
}

#couponCodeBlock {
    background: #e8e8e8;
    padding: .5em 2em;
}

#couponCode {
    background: #d0d0d0;
    float: left;
    width: 100%;
    margin: .5em 0;
}


#couponCode p {
    color:#222222 !important;
}


#couponCode label {
    float: left;
    width: 45%;
    font-size: 14px;
    padding: 0 .25em;
    font-weight: bold;
    color:#222222;
}

#couponCode input[type="text"] {
    float: right;
    width: 48%;
    border: none;
    margin: 1px;
}

.couponReslult {
    color: #60a045;
    font: bold 34px/1.5em 'Lato', Arial, sans-serif !important;
    text-transform: uppercase;
}

.nextStep {
    background: #60a045;
    float: left;
    width: 100%;
    margin: 1em 0 .25em;
    text-align: center;
    color: #fff !important;
    font-size: 24px;
    padding: .75em 0;
    border-bottom: 3px solid #558e3d;
}

.nextStep:hover {
    background: #558e3d;
    border-bottom: 3px solid #60a045;
    transition: background.2s ease-in;
    -moz-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    text-decoration:none;
}

.selectedProduct, .selectedAddOn .addOnProduct {
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
    background: #fff !important;
    z-index:99;
}

.selectedProduct .payrollProduct, .selectedProduct .accountingProduct {
    background:#fff !important;
}

.fadedProduct {
    opacity:.3;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
}

.fadedProduct:hover {
    opacity:1;
    transition: opacity .1s ease-in;
    -moz-transition: opacity .1s ease-in;
    -webkit-transition: opacity .1s ease-in;
    -o-transition: opacity .1s ease-in;
}

.checked {
    background: #fff url(http://www.patriotsoftware.com/wp-content/themes/patriot-software/images/selected-check.jpg) no-repeat center;
    height: 33px;
    width: 33px;
    padding: 10px;
    border-radius: 33px;
    border: 3px solid #558e3d;
    position: absolute;
    left: 41%;
    display: none;
    z-index: 9999;
    bottom: -28px;
}

.checkedClosed:hover {
    background: #FFF url(http://www.patriotsoftware.com/wp-content/themes/patriot-software/images/remove-btn.jpg) no-repeat center !important;
    border: 3px solid #9d2403 !important;
    cursor:pointer !important;
}

/*
.productAccountingBtn .checked {
bottom:16px;
}*/

.addOnProduct .checked {
    right: 1em;
    left: inherit;
    bottom: .5em;
    padding: 5px;
}

.addOnProduct:hover {
    background:#f7f7f7;
    transition: background.2s ease-in;
    -moz-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
    z-index:999;
    text-decoration:none !important;
}

.addOnProduct:hover .addBtn, .productPayrollBtn:hover .addBtn, .productAccountingBtn:hover .addBtn {
    background:#f2741c;
    transition: background.2s ease-in;
    -moz-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
}

#additionalInfo {
    float: left;
    font-size: 10px;
}


.priceBlock span {
    font-size: 24px !important;
    vertical-align: top;
    position: relative;
    line-height: 70px !important;
}

/* Bundle Template Styles */
/* NEW PSI PAYROLL SERVICE & ACCOUNTING TEMPLATE STYLES */


#productHeader, .accountingBundleHeader, #testimonialHeader {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: #fff url(https://www.patriotsoftware.com/wp-content/uploads/2018/05/payroll-header.png) no-repeat center top;
    background-size: cover;
    z-index: 4;
}

.accountingBundleHeader {
    background: #fff url(/wp-content/themes/patriot-software/images/patriot-accounting-software-header.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.basicPayroll {
    background: #fff url(/wp-content/themes/patriot-software/images/patriot-basic-payroll-header.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.basicPayrollAlt {
    background: #fff url(/files/2014/08/basic-payroll-header.png) no-repeat left top !important;
    background-size: cover !important;
}

.advisorProgram {
    background: #fff url(/wp-content/themes/patriot-software/images/product-headers/advisor-header-placeholder.jpg) no-repeat center top !important;
    background-size: cover !important;
}

#testimonialHeader {
    background: #fff url(/wp-content/themes/patriot-software/images/patriot-basic-payroll-header.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.ppcFranchises {
    background: url(/wp-content/uploads/2015/07/payroll-franchise-bg1.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.exectrasHeader {
    background: url(/wp-content/uploads/2017/02/exectras-header-sb.png) right no-repeat #fff!important;
    min-height: 450px;
}

.resourcesHeader {
    background: url(/wp-content/uploads/2017/03/payroll-resources.jpg) right no-repeat #fff!important;
}

.sourcingAllianceHeader {
    background: url(/wp-content/uploads/2017/03/sourcing-alliance-header.png) right no-repeat #fff!important;
    min-height: 450px;
}

.SummitHeader {
    background: url(/wp-content/uploads/2017/03/summit-consortia-management-bg.png) right no-repeat #fff!important;
    min-height: 450px;
}

.amerisourceHeader {
    background: url(/wp-content/uploads/2017/05/amerisource-header.jpg) right no-repeat #fff!important;
    min-height: 450px;
}

#payrollForAccountants {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: url(/wp-content/uploads/2017/03/payroll-for-accountants-bg.jpg) no-repeat center top #fff;
    background-position: right;
    z-index: 4;
}

/* Careers Page */

.careers-header {
    background: url(/wp-content/uploads/2017/05/careers-header.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.environment-header {
    background: url(/wp-content/uploads/2015/09/patriot-environment.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.patriot-environment-header {
    background: url(/wp-content/uploads/2016/01/environment-header.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.core-values-header {
    background: url(/wp-content/uploads/2017/05/patriot-values-header.png) center top no-repeat #fff!important;
    background-size: cover!important;
}

.our-team-header {
    background: url(/wp-content/uploads/2015/08/our-team-bg.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.letter-spaced {
    letter-spacing: 3px;
}
h2.letter-spaced {
    margin:0 0 1em !important;
}

hr.career-divide {
    width:80%;
    margin:3em auto;
}

.career-quote {
    display: block;
    color:#041C40;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    width:90%;
    margin:2em auto;
}

.one-half .team-pic {
    width:230px;
    float: right;
}

.team-desc {
    text-align: left;
    padding-top:85px;
}

.career-link {
    font-size: 1.2em;
    margin:1.25em 0;
    display: inline-block;
}

.career-icons {
    background: url(images/career-perks-sprite.png);

    margin: 0 1em 1em 0;
    float: left;
    height: 90px;
    width: 80px;
}
.vacation-icon {
    background-position: -80px 0;
}
.stand-icon {
    background-position: -160px 0;
}
.recognition-icon {
    background-position: -240px 0;
}
.sweets-icon {
    background-position: 0px -90px;
}

.competition-icon {
    background-position: -80px -90px;
}

.monitors-icon {
    background-position: -160px -90px;
}

.location-icon {
    background-position: -240px -90px;
}

.entry ul.career-list li {
    list-style-image:none;
    font-size: 16px !important;
    margin:.5em 0 !important;
}

.underline {
    padding-bottom: .25em;
    border-bottom: 1px solid #ccc;
}

.employee-spotlight .aboutTitle {display: none;}

.spotlight_main {
    float:left;
    width: 70%!important;
}

.spotlight_sidebar {
    float:right;
    width: 30%;
    text-align: center;
}

.spotlight_main p {
    margin: 1em 0 2em;
    font: normal 16px/27px 'Lato', arial, sans-serif !important;
}

.employee-spotlight blockquote p {
    font: bold 32px/32px 'Lato', arial, sans-serif !important;
    margin: .75em !important;
    color: #5c8dc7 !important;
    font-style: italic !important;
}

.spotlight-fin {
    background: url(images/patriot-star.png) center top no-repeat;
    height: 40px;
    margin:2em 0;
}

.employee-spotlight-header {
    background: url(images/employee-spotlight-bg.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}


.management-favorites-header {
    background: url(/wp-content/uploads/2015/07/management-favorites-bg.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.executive-team-header {
    background: url(/wp-content/uploads/2015/07/executive-team-bg.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.our-philosophy-header {
    background: url(/wp-content/uploads/2016/02/philosophy-header.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.trust-header {
    background: url(/wp-content/uploads/2017/05/trust-header.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.our-companies-header {
    background: url(/wp-content/uploads/2015/07/our-companies-bg.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.press-kit-header {
    background: url(/wp-content/uploads/2016/01/press-kit-header1.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.transact-header {
    background: url(/wp-content/uploads/2016/03/society-transact-bg.jpg) center top no-repeat #fff!important;
    background-size: cover!important;
}

.employeeRecognition {
    background:#fff url(/wp-content/uploads/2015/08/recognition.jpg) left top no-repeat;
}

.dressCode {
    background:#fff url(/wp-content/uploads/2015/07/dress-code-bg.jpg) left top no-repeat;
}

.flexibility {
    background:#fff url(/wp-content/uploads/2015/08/remotely.jpg) right top no-repeat;
}

.location {
    background:#fff url(/wp-content/uploads/2015/07/patriot-location-bg.jpg) left top no-repeat;
}
.kitchen {
    background:#fff url(/wp-content/uploads/2015/07/kitchen-bg.jpg) right top no-repeat;
}
.monitors {
    background:#fff url(/wp-content/uploads/2015/07/monitors-bg.jpg) left top no-repeat;
}
.basketball {
    background:#fff url(/wp-content/uploads/2015/07/friendly-competition-bg.jpg) right top no-repeat;
}

.careers-bullet {
    margin-left: .75em!important;
    margin-top: -1em!important;
}

.careers-bullet li{
    margin-top: -.25em!important;
}

.serviceBlock.alignRight {
    background-position: left top !important;
}

/* END Careers Page */

#productTagline {
    padding: 75px 0;
}

#productTaglineAlt {
    padding: 75px 10px 0 10px;
}


#testimonialTagline {
    padding: 45px 0;
}

#priceComparisonWrapper, .productCtaWrapper, .productLastWrapper, #basicPayrollWrapper, #ten99Wrapper, #accountingSoftwareWrapper, #fullServiceWrapper, #timeWrapper, #hrWrapper, #hiringWrapper, #addOnHeaderWrapper {
    float:left;
    width:100%;
    position:relative;
}


#priceComparisonWrapper {
    background:#fff;
}

.productCtaWrapper {
    background: #EEF3F9;
    border-bottom: 1px solid #ccc;
}

.productLastWrapper {
    background:#eef2f9;
}

/*.productLastWrapper h2{font: 400 34px/1.2em 'Lato', arial, sans-serif;
    color: #011039;
    margin-bottom: 15px;
    }
    */
.productLastWrapper p {font: 400 18px/1.5em 'Lato', arial, sans-serif;
    color: #636363;
    margin-bottom: 15px;
}

#basicPayrollWrapper {
    background:#fff url(/wp-content/uploads/2016/12/online-payroll-background.jpg) no-repeat right bottom;

}

#fullServiceWrapper {
    background:#f7f7f7 url(/wp-content/uploads/2016/12/small-business-payroll-background.jpg) no-repeat right top;
}

#addOnHeaderWrapper {
    background: #e8e9ed;
    padding: 2em 0;
}

#addOnHeader span {
    font: 300 30px/1.2em 'Lato', Arial, sans-serif;
    color: #888888;
    position: relative;
    margin-left: 1.5em;
}

#addOnHeader span:before {
    content: "";
    background: url(/wp-content/themes/patriot-software/images/add-on-arrow.jpg) no-repeat;
    position: absolute;
    top: .5em;
    left: -1.5em;
    height: 18px;
    width: 28px;
}

#timeWrapper {
    background: #fff url(/wp-content/themes/patriot-software/images/payroll-services-time-background.jpg) no-repeat right -30px;
    background-size: 60%;
}

#timeWrapper2 {
    background: #f7f7f7 url(/wp-content/themes/patriot-software/images/payroll-services-time-background.jpg) no-repeat right -30px;
    background-size: 60%;
}

#hrWrapper {
    background: #fff url(/wp-content/themes/patriot-software/images/payroll-services-hr-background.jpg) no-repeat left center;
    background-size: 65%;
}

#hiringWrapper {
    background: #fff url(/wp-content/themes/patriot-software/images/payroll-services-hiring-background.jpg) no-repeat right center;
    background-size: 60%;
}


.mobileChart, .desktopChart {
    margin-top: 80px;
}

#compareChart ul li.compareBasic,
#compareChart ul li.compare1099,
.compareChart ul li.compareBasic,
.compareChart ul li.compare1099
    width: 30% !important;
    float: left;
    border-right: 1px solid #eee;
}

#compareChart ul li.compare1099,
.compareChart ul li.compare1099 {
    width: 29.9% !important;
    border-left: 1px solid #eee;
}

.compareHeaderFirst {
    color: #999;
    font: 400 30px/1.5em 'Lato', Arial, sans-serif;
    border: none!important;
    padding: 1em 1em 0 0;
}
.compareHeaderScroll {
    padding: 4em 6em;
}
.compareHeaderScroll p{
    font: 400 14px/1.25em 'Lato', Arial, sans-serif;
    color: #999;
    font-style: italic;
    text-align: center;
}

.compareHeaderProduct {
    padding: 2em;
    border-left: 1px solid #eee!important;
    text-align: center;
}
.compareHeaderProduct p {
    font: 400 17px/1.25em 'Lato', Arial, sans-serif;
    color: #999;
    padding: 1em 0 0 ;
}
.compareProductLight {
    border-top: 5px solid #5c8dc7!important;
    color:#5c8dc7;
}
.compareProductLight h3{
    font: 900 22px 'Lato', Arial, sans-serif;
    color: #5c8dc7;
    text-transform: uppercase;
}
.compareProductLight h4{
    font: 900 36px 'Lato', Arial, sans-serif;
    color: #5c8dc7;
    margin: .75em 0;
}
.compareProductLight h4 span{
    font: 400 18px 'Lato', Arial, sans-serif;
}
.compareProductMedium {
    border-top: 5px solid #2f5483!important;
    color: #2f5483;
}
.compareProductMedium h3{
    font: 900 18px 'Lato', Arial, sans-serif;
    color: #2f5483;
    text-transform: uppercase;
}
.compareProductMedium h4{
    font: 900 36px 'Lato', Arial, sans-serif;
    color: #2f5483;
    margin: .75em 0;
}
.compareProductMedium h4 span{
    font: 400 18px 'Lato', Arial, sans-serif;
}
.compareProductDark {
    border-top: 5px solid #041c40!important;
    color: #1c447c;
}
.compareProductDark h3{
    font: 900 22px 'Lato', Arial, sans-serif;
    color: #041c40;
    text-transform: uppercase;
}
.compareProductDark h4{
    font: 900 36px 'Lato', Arial, sans-serif;
    color: #041c40;
    margin: .75em 0;
}
.compareProductDark h4 span{
    font: 400 18px 'Lato', Arial, sans-serif;
}
.compareBtnLight {
    float: left;
    width: 100%;
    text-align: center;
    color: #5c8dc7 !important;
    background: #fff;
    font: 900 18px/1.2em 'Lato', Arial, sans-serif;
    padding: 1em 0;
    border-left: 1px solid #eee;
    border-bottom: 3px solid #5c8dc7;
    text-transform: uppercase;
}
.compareBtnLight:hover{
    color: #fff !important;
    background: #5c8dc7;
    text-decoration: none!important;
    border-bottom: 3px solid #4a719f;
}
.compareBtnMedium {
    float: left;
    width: 99.5%;
    text-align: center;
    color: #2f5483 !important;
    background: #fff;
    font: 900 18px/1.2em 'Lato', Arial, sans-serif;
    padding: 1em 0;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 3px solid #2f5483;
    text-transform: uppercase;
}
.compareBtnMedium:hover{
    color: #fff !important;
    background: #2f5483;
    text-decoration: none!important;
    border-bottom: 3px solid #1c324f;
}
.compareBtnDark {
    float: left;
    width: 99.5%;
    text-align: center;
    color: #041c40 !important;
    background: #fff;
    font: 900 18px/1.2em 'Lato', Arial, sans-serif;
    padding: 1em 0;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 3px solid #041c40;
    text-transform: uppercase;
}
.compareBtnDark:hover{
    color: #fff !important;
    background: #041c40;
    text-decoration: none!important;
    border-bottom: 3px solid #021126;
}
#compareChartNew ul li.compare1099,
.compareChartNew ul li.compare1099 {
    width: 33% !important;
    float: left;
    border-left: 1px solid #eee;
}
.compareFeaturesNew ul li:last-child, .compareFeaturesHeader ul li:last-child {
  border-right: 1px solid #eee;
}

#compareChart ul li.compareFull,
#compareChart ul li.compareAccounting,
.compareChart ul li.compareFull,
.compareChart ul li.compareAccounting {
    width: 29.75% !important;
    float: left;
    border-right: 1px solid #eee;
}

#compareChartNew ul li.compareAccounting,
.compareChartNew ul li.compareAccounting {
    width: 33% !important;
    float: left;
    border-right: 1px solid #eee;
}

#compareTitles, #comparePrices, #compareFeatures, #compareFeaturesNew, #compareMore, #compareFeaturesTable {
    float: left;
    width: 100%;
}

#compareChart ul li,
.compareChart ul li {
    width: 30%;
    float:left;
}

#compareChartNew ul li,
.compareChartNew ul li {
    width: 29.99%;
    float:left;
    background: #fafafa;
}

#compareChart ul li:first-child,
.compareChart ul li:first-child {
    border:0;
    width: 40%;
}

#compareChartNew ul li:first-child,
.compareChartNew ul li:first-child {
    border:0;
    width: 40%;
    background: #fff;
}

.compareFeatures ul {
    float: left;
    width: 100%;
}

.compareFeaturesNew ul, .compareFeaturesHeader ul {
    float: left;
    width: 100%;
}
.compareFeaturesWhite {
    background: #fff;
}
.compareFeaturesOffWhite {
    background: #f7f7f7;
}
.compareFeaturesOffWhite h6 {
    font: 900 17px/1.2em 'Lato', arial, sans-serif;
    text-transform: uppercase;
}


/*.compareFeatures {
float: left;
background: red;
width: 100%;
}*/

.compareFeatures li {
    background: #fff;
    position: relative;
    height: 55px;
    color: #222222;
    padding: 1em 2em;
    text-align: center;
    -webkit-box-sizing: border-box;
    font: 400 18px/1em 'Lato', Arial, sans-serif;
    border-top: 1px solid #eee !important;
    border-left: 1px solid #eee !important;

}

.compareFeaturesHeader li {
    position: relative;
    min-height: 250px;
}

.compareFeaturesNew li {
    position: relative;
    height: 40px;
    color: #636363;
    padding: .6em 2em;
    text-align: center;
    -webkit-box-sizing: border-box;
    font: 400 17px/1em 'Lato', Arial, sans-serif;
    border-top: 1px solid #eee !important;
    border-left: 1px solid #eee !important;

}

.compareFeatures li:first-child {
    background: #fff;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    text-align: right;
}

.compareFeaturesNew li:first-child {
    text-align: left;
}

.compareFeatures li:last-child {
    border-right: 1px solid #eee;
}

.product-description {
    display: block;
    color:#3e61a4;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3em;
}

a.compareBasic, a.compareBasicBtn, a.compare1099, a.compare1099Btn {
    background: #5c8dc7;
    color:#fff;
}
a.compareFull, a.compareFullBtn, a.compareAccounting, a.compareAccountingBtn {
    background: #3e61a4;
    color:#fff;
}

.comparePrices .compareBasic, .comparePrices .compareFull, .compareAccounting, .compare1099 {
    position:relative;
}

.comparePrices .compareBasic:before, .comparePrices .compareBasic .psi-bigButton:before {
    content: "Basic Payroll";
    background: #5c8dc7;
    text-transform: uppercase;
}

.comparePrices .compareFull:before, .comparePrices .compareFull .psi-bigButton:before {
    content: "Full Service Payroll";
    background: #3e61a4;
    text-transform: uppercase;
}

.comparePrices .compare1099:before, .comparePrices .compare1099 .psi-bigButton:before {
    content: "1099 Software";
    background: #5c8dc7;
    text-transform: uppercase;
}

.comparePrices .compareAccounting:before, .comparePrices .compareAccounting .psi-bigButton:before {
    content: "Accounting Software";
    background: #3e61a4;
    text-transform: uppercase;
}

.comparePrices .compareBasic:before, .comparePrices .compareFull:before, .comparePrices .compareAccounting:before, .comparePrices .compare1099:before, .compare1099 .psi-bigButton:before, .compareFull .psi-bigButton:before,
.compareBasic .psi-bigButton:before, .compareAccounting .psi-bigButton:before {
    position: absolute;
    top: -42px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font: 400 14px/1em 'Lato', Arial, sans-serif;
    font-style:normal;
    padding: 1em 0;

}

.psi-bigButton {
    text-decoration: none;
    float: left;
    width: 100%;
    height: 180px;
}

.compareAddon .psi-bigButton, .accountingPrice .psi-bigButton {
    height: 210px;
}

.addBtnHover  {
    background-color: #b34b03;
}

.psi-bigButton:hover {
    text-decoration:none;
}

.comparePrices {
    text-align: center;
}

.comparePrices li {
    height: 180px;
}

.comparePrices .prodName, .comparePrices .priceBlock {
    color:#fff;
    margin-top: .1em;
}

.comparePrices .prodName {
    padding-bottom: 1.5em;
}

.compareBasic {
    color: #222;
}

.compareBasicBtn, .compareBasic .psi-bigButton, .compareAddon .psi-bigButton {
    background: #fff;
    position: relative;
}

.compareFullBtn, .compareFull .psi-bigButton {
    background: #fff;
    position: relative;
}

.compare1099Btn, .compare1099 .psi-bigButton {
    background: #fff;
    position: relative;
}

.compareAccountingBtn, .compareAccounting .psi-bigButton {
    background: #fff;
    position: relative;
}

.accountingPrice {
    background: #fff;
    position: relative;
    height: 210px;
}

.prodSub{
    float: left;
    width: 100%;
    text-align: center;
    color: #5c8dc7 !important;
    font: normal 16px/1.2em 'Lato', Arial, sans-serif;
    margin-top: -22px;
}

.employeeNum {
    background: #EEF3F9;
    padding: 3em 2em;
    color: #222222;
    font: normal 18px/1.2em 'Lato', Arial, sans-serif;
    font-style: italic;
    text-align: center;
    position: relative;
    z-index: 1;
}

.employeeNum input {
    width: 70px;
    height: 35px;
    clear: left;
    font-size: 30px;
    text-align: center;
    margin-top: 10px;
    margin-right: 5px;
}

.spacer1 {
    float: left;
    width: 40%;
    height: 1em;
    background: #fff;
}

.spacer2, .spacer3 {
    float: left;
    width: 30%;
    height: 1em;
    background: #fff;
}

.spacer3 {
    float: right;
    width: 29.9%;
}

.featureYes, .featureNo {
    height: 32px;
    width: 32px;
    text-align: center;
}

.featureYes {
    background: #fff url(/wp-content/themes/patriot-software/images/selected-check.jpg) no-repeat center;
    position: absolute;
    top: 8px;
    left: 45%;
    background-size: 75%;
    border: 3px solid #559933;
    border-radius: 75px;
}
.featureYesLight {
    background: url(/wp-content/themes/patriot-software/images/checkmark-light.png) no-repeat center;
    position: absolute;
    top: 8px;
    left: 47%;
    background-size: 25px;
    width: 25px;
    height: 25px;
}
.featureYesMedium {
    background: url(/wp-content/themes/patriot-software/images/checkmark-medium.png) no-repeat center;
    position: absolute;
    top: 8px;
    left: 47%;
    background-size: 25px;
    width: 25px;
    height: 25px;
}
.featureYesDark {
    background: url(/wp-content/themes/patriot-software/images/checkmark-dark.png) no-repeat center;
    position: absolute;
    top: 8px;
    left: 47%;
    background-size: 25px;
    width: 25px;
    height: 25px;
}

.compareLearn {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff !important;
    font: normal 18px/1.2em 'Lato', Arial, sans-serif;
    padding: .5em 0;
    margin-bottom: 50px;
}

#productCta1 {
    text-align: center;
    padding-bottom: 2em;
}

.lastDiv {
    margin-bottom:628px;
}


#compareAddOns {
    float: left;
    width: 100%;
    margin-top: 1em;
    border-bottom: 1px solid #ccc;
}

#compareSteps {
    width: 100%;
    max-width: 966px;
    margin: 0 auto;
}

#compareSteps #steps-wrapper {
    float: left;
    margin-bottom: 4em;
}

#addonTitle {
    text-align: center;
    margin: 2em 0 0;
    border-top: 1px solid #c8cddc;
    float: left;
    width: 100%;
}

#addonTitle h6 {
    color: #222222;
    text-transform: none;
    font: normal 18px/1.2em 'Lato', Arial, sans-serif;
    margin-top: -.6em;
    background: #fff;
    padding: 0;
    float: left;
    margin-left: 35%;
    width: 30%;
}

.compareAddOn {
    display: inline-block;
    width: 32.46%;
    background: #fafafa;
    border: 1px solid #dbdbdb;
    margin: 1em 0% 2em;
    padding: 1.25em 2em;
    text-align: left;
    position: relative;
}

.compareProduct {
    width: 400px!important;
    float: right;
}

.compareProductLast {
    width: 400px!important
}

.comparePayroll {
    display: inline-block;
    width: 25%;
    background: #f7f7f7;
    margin: 1em 0% 2em;
    padding: 1.25em 2em;
    text-align: left;
    position: relative;
    border: 1px solid #cccccc;
}

.middleAddOn {
    margin: 1em 1% .5em;
}

.compareAddOn ul li:last-child {
    float: left;
    margin-top: 18px;
    font-size: 16px;
    margin-left: 1em;
    padding-left: .85em;
    border-left: 1px solid #e2e2e2;
    line-height: 1.5em;
}

.comparePayroll ul li:last-child {
    float: left;
    font-size: 16px;
}

.compareAddOn .addOnName {
    font: 900 24px/1.2em 'Lato', Arial, sans-serif;
}

.compareAddOn .addOnPrice {
    font: 900 36px/1.2em 'Lato', Arial, sans-seri !important;
}

.compareAddOn .priceBlock:before, .compareAddOn .addOnPrice:before {
    content: "$";
    vertical-align: top;
    line-height: 2.5em !important;
}

.comparePayroll .priceBlock:before, .comparePayroll .addOnPrice:before {
    content: "$";
    vertical-align: top;
    line-height: 2.5em !important;
}

.product-content {
    padding: 4em 0;
}

.product-main-content {
    float: left;
    width: 60%;
}

.product-right-content {
    float: right;
    width: 35%;
    margin-top: 6em;
}

.product-content p {
    font: normal 18px/1.5em 'Lato', Arial, sans-serif !important;
    margin-bottom: 1.5em;
}

/*.product-content h3 {
font: 900 48px/1.2em 'Lato', arial, sans-serif;
color: #011039;
margin-bottom:.5em;
}*/

.product-main-content ul {
    font-size: 18px;
    list-style: disc;
    padding-left: 30px;
    margin: 1em 0;
}

.product-main-content li {
    margin: .5em 0;
}

/*.addon-content h3 {
font: 900 45px/1.2em 'Lato', arial, sans-serif;
color: #011039;
margin-bottom:.5em;
}*/

.left {
    float: left;
}

.addon-content {
    overflow: hidden;
}

.addon-content ul {
    list-style: disc;
    margin-left: 20px;
    font: normal 18px/1.5em 'Lato', Arial,sans-serif;
    color: #363636;
}

.timeAddOnBlock, .timeAddOnBlock2, .hrAddOnBlock, .hiringAddOnBlock {
    background: #fff;
    float: left;
    width: 40%;
    position: relative;
    padding: 4em 0;
}

.timeAddOnBlock2 {
    background: #f7f7f7;
}

.hrAddOnBlock {
    float:right;
    width:33%;
}

/* New Collapsable Pricing Table Code */

table {
  width: 99.98%;
}
table th {
  text-align: left;
  border-bottom: 1px solid #ccc;
}
table th, table td {
  padding: .4em;
}

table.fold-table > tbody > tr.view td, table.fold-table > tbody > tr.view th {
  cursor: pointer;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: center;
}
table.fold-table > tbody > tr.view td:first-child,
table.fold-table > tbody > tr.view th:first-child {
  position: relative;
  padding-left: 20px;
  border: 1px solid #eee;
  width: 40.1%;
  text-align: left;
}
table.fold-table > tbody > tr.view td:first-child:before,
table.fold-table > tbody > tr.view th:first-child:before {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 9px;
  height: 16px;
  margin-top: -8px;
  font: 16px fontawesome;
  color: #3C6DAA;
  content: "\f0d7";
  transition: all .3s ease;
}
table.fold-table > tbody > tr.view:nth-child(4n-1) {
  background: #fafafa;
}
table.fold-table > tbody > tr.view:hover {
  background: #eef2f9;
}
table.fold-table > tbody > tr.view.open {
  background: #e5ebf6!important;
}
table.fold-table > tbody > tr.view.open td:first-child:before, table.fold-table > tbody > tr.view.open th:first-child:before {
  transform: rotate(-180deg);
  color: #3e61a4;
}
table.fold-table > tbody > tr.fold {
  display: none;
}
table.fold-table > tbody > tr.fold.open {
  display: table-row;
  background: #fff!important;
  border: 1px solid #e5ebf6;
  border-bottom: 4px solid #e5ebf6;
}

.fold-content {
  padding: .5em;
}
.fold-content h3 {
  margin-top: 0;
}
.fold-content > table {
  border: 2px solid #fafafa;
}
.fold-content > table > tbody tr:nth-child(even) {
  background: #eee;
}
.tableFeature {
  font: 400 18px/1em 'Lato', Arial, sans-serif;
  color: #363636;
  margin-left: 20px!important;
  line-height: 35px!important;
}

.featureVideo {
  font: 900 16px/1em 'Lato', Arial, sans-serif;
  text-transform: uppercase;
}
.featureVideo:hover {
  color: #3e61a4;
    text-decoration: none!important;
}
.featureVideo:after {
  content: "";
  position: absolute;
  height: 14px;
  width: 14px;
  background-size: 14px!important;
  background: url(/wp-content/themes/patriot-software/images/play-button.png) no-repeat;
  margin-left: 5px;
  margin-top: 1px;
}
.tableCTAs {
  float: left;
  width: 99.98%;
  height: 60px;
  margin-top: -1em!important;
}
.tableCTAEmpty {
  width: 40.1%;
}
.tableCTALight {
  background-color: #fff;
  color: #5c8dc7!important;
  border-bottom: 3px solid #5c8dc7;
  font: 900 17px/1em 'Lato', Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.tableCTADark {
  background-color: #fff;
  color: #041c40!important;
  border-bottom: 3px solid #041c40;
  font: 900 17px/1em 'Lato', Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #eee;
}
.tableCTALight:hover {
  background-color: #5c8dc7;
  color: #fff!important;
}
.tableCTADark:hover {
  background-color: #041c40;
  color: #fff!important;
}
.tableCTALightA {
  color: #5c8dc7!important;
  display: block;
  text-decoration: none!important
}
.tableCTADarkA {
  color: #041C40!important;
  display: block;
  text-decoration: none!important
}
.tableCTALightA:hover {
  color: #fff!important;
}
.tableCTADarkA:hover {
  color: #fff!important;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
    background-size: 35px 35px!important;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
    width: 35px!important;
    height: 35px!important;
}

/* END New Collapsable Pricing Table Code */



#reviewsBlock {
    position: relative;
    background: url(/wp-content/uploads/2015/01/payroll-training-videos-background.jpg) !important;
    background-size: cover !important;
    float: left;
    width: 100%;
}
#reviewsSection {
    background: #f7f7f7;
}
#reviewsSection p {
  font-size: 17px;
}
#reviewsSection .subsection {
    border-bottom: 1px dashed #bdbdbd;
    padding: 1.5em 0;
    float: left;
    width: 100%;
}
.big-review {
    float: left;
    background: linear-gradient(rgba(25, 49, 90, 1), rgba(4, 28, 64, 1));
    min-height: 450px;
    width: 95%;
    margin-left: 5%;
    padding-top: 1em;
}
.big-review-kate-bg {
  background: url(/wp-content/uploads/2018/08/kate-review.png) no-repeat;
  width: 60%;
  height: 400px;
  background-size: 425px;
  margin-left: -5%;
  float: left;
}
.big-review-kate-bg.sm-review-kate-blue {
  background-size: initial;
  height: auto;
  margin-top: 44px;
  margin-right: 5%;
  background: rgba(238,242,249,1);
}
.big-review-kate-bg p{
  width: 76%;
  margin-left: 12%;
  margin-bottom: 1em;
  padding-top: 8em;
}
.big-review-kate-bg.sm-review-kate-blue p {
  padding-top: 40px;
  padding-bottom: 40px;
}
.software-reviews {
  float: left;
  width: 39%;
  margin-top: 6em;
  margin-left: 1%;
}
.software-reviews h6{
  font-size: 14px;
  color: #a4b0bd;
  text-transform: uppercase;
  font-weight: 700;
}
.software-reviews p {
  font-size: 24px!important;
  color: #fff;
  line-height: 30px;
}
.big-review-number p {
  border-top: solid 1px #a4b0bd;
  font-size: 100px!important;
  padding-top: 30px;
  line-height: 40px;
}
.review-logo {
  float: left;
  width: 20%;
  padding: 3em 0;
}

#caFeaturesBg {
    position: relative;
    background: url(/wp-content/uploads/2017/03/features-background.png) !important;
    background-size: cover !important;
    float: left;
    width: 100%;
    min-height: 475px;
}

.oneReview {
    background: #f5f5f5;
    border: 1px solid #c9ccd4;
    padding: 1.5em;
    margin: 3em auto !important;
    max-width: 575px;
}


#testimonial1, #testimonial2 {
    background: #fdfdfd;
    padding: 1.2em 1.2em .5em;
    box-sizing: border-box;
    font:normal 16px/1.2em 'Lato', Arial, sans-serif;
    font-style:italic;
    color:#888888;
}

#testimonial2 {
    background:#f7f7f7;

}

#testimonial1 p, #testimonial2 p {
    font: normal 14px/1.5em 'Lato', Arial, sans-serif !important;
    font-style: italic !important;
}


#testimonial3 {
    float: left;
    width: 45% ;
    margin-right: 10%;
    font-size: 18px ;
    line-height: 1.3em ;
    font-style: italic;
}

#testimonial3 .testimonialAuthor {
    margin: .5em 0;
}

#testimonial1 .testimonialAuthor, #testimonial2 .testimonialAuthor {
    margin: .75em 0;
}


#testimonial3 strong, #testimonial1 strong, #testimonial2 strong {
    font:700 16px/1em 'Lato', Arial, sans-serif;
    color:#363636;
    font-style:italic;
}

#testimonial1 .testimonialAuthor li, #testimonial2 .testimonialAuthor li, #testimonial3 .testimonialAuthor li {
    padding-right: .5em;
}

#productCta2 {
    padding: 1em 0;
}

#productCta2 .ctaArea {
    padding-left: 0 !important;
    float: left;
    margin-top: 1.5em !important;
}

.accountingMore {
    background:#041c40;
}

.ten99More {
    background:#5e86dd;
}

.arrow {
    width: 75%;
    position:relative;
}

.accountingMore {
    width: 90%;
    position: relative;
}

.generalMore {
    width: 65%;
    position: relative;
    margin-bottom: 40px;
}

.rightArrow {
    position: relative;
    padding-right: 2em;
}

.arrow:after {
    content: "";
    background: url(/wp-content/themes/patriot-software/images/right-arrow.png) no-repeat;
    position: absolute;
    height: 28px;
    width: 17px;
    top: 30px;
    right: 20px;
}

.arrow:hover:after {
    content: "";
    background: url(/wp-content/themes/patriot-software/images/right-arrow.png) no-repeat;
    background-position-x: -17px;
}

.compareLearn:hover {
    opacity: .8;
    text-decoration: none;
}

.mobileChart {
    display:none;
}

.centerCopy {
    text-align: center;
}

.testimonial-list li {
    margin: 1em 0;
    padding: 1em 0 0;
}

.hiddenTestimonial {
    visibility: hidden;
}

.testimonial-list li {
    font: 300 24px/1.2em 'Lato', Arial, sans-serif !important;
    color:#323223 !important;
}

#testimonialHeader span {
    font: 300 24px/1.2em 'Lato', Arial, sans-serif !important;
    color:#0a225e;
    margin-top:.5em;
    float:left;
}

.testimonial-author {
    font: 400 18px/1.2em 'lato', Arial, sans-serif;
    color: #636363;
    border-bottom: 1px dashed #ccc;
    width: 50%;
    margin: 0 auto;
    padding-bottom:2em;
}

.last-testimonial-author {
    border-bottom:none;
}

#avgRating {
    font-size: 14px;
    color: #636363;
}

.starRating {
    margin: .5em 0;
}

li.scroll, li.first-scroll {
    list-style-image: none !important;
    list-style: none !important;
}

.entry ul.testimonial-list {
    padding: 0 2em;
}

.showMore:before {
    visibility: visible;
    content: "Scroll to see more";
    height: 70px;
    width: 100%;
    float: left;
    margin-top: 1em;
    text-align: center;
    font-size: 14px;
    color: #888;
}

/* [5.4 Product Template Styles] */

.basicPayroll {
    background: #fff url(/files/2014/08/basic-payroll-header.png) no-repeat center top !important;
    background-size: cover !important;
}

.fullServicePayroll {
    background: #fff url(/wp-content/themes/patriot-software/images/patriot-full-service-payroll-header.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.ten99Software {
    background: #fff url(/wp-content/themes/patriot-software/images/1099-header.jpg) no-repeat center top !important;
    background-size: cover !important;
    min-height: 375px;
}
.accountingPremiumHeader {
    background: #fff url(/wp-content/themes/patriot-software/images/accounting-premium-header.jpg) no-repeat center top !important;
    background-size: cover !important;
    min-height: 425px;
}

.hrSoftware {
    background: #fff url(/wp-content/themes/patriot-software/images/patriot-hr-software-header.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.timeSoftware {
    background: #fff url(/wp-content/themes/patriot-software/images/patriot-time-software-header.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.hireSoftware {
    background: #fff url(/wp-content/themes/patriot-software/images/patriot-hiring-header.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.employeePortal {
    background: #fff url(/wp-content/themes/patriot-software/images/patriot-employee-portal-header.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.profitSoftware {
    background: url(/wp-content/themes/patriot-software/images/accounting-basic-header.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.pricingPage {
    background: url(/wp-content/themes/patriot-software/images/pricing-header.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.basicPayrollKW {
    background: #fff url(/files/2016/07/small-business-payroll-system-software.png) no-repeat center top !important;
    background-size: cover !important;
}

#productContentWrapper {
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: 583px;
}

/*#productContentWrapper #main li, #productContentWrapper #main p {
    color:#363636;
    }

#productContentWrapper #main li span {
    font: normal 16px/1.2em 'Lato', Arial, sans-serif;
    font-style:italic;
    }

*/
#productContentWrapper #main ul {
    list-style: disc;
    padding-left: 20px;
    margin: 1em 0;
}

#productContentWrapper #main li {
    margin: .75em 0;
}

.full-span {
    float:left;
    width:100%;
}

.column-half {
    width: 50%;
    float: left;
}

.column-third {
    width: 33.33%;
    float: left;
}

.column-two-thirds {
    widows:67.67%;
    float:left;
}

#product-main .last-half {
    margin-left: 8%;
    width: 40%;
}

.employeeNumPage {
    padding: .75em;
    font: normal 14px/1.2em 'Lato', Arial, sans-serif;
    text-align: center;
    font-style:italic;
}

.employeeNumPage input {
    width: 65px;
    height: 25px;
    clear: left;
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
    margin-right: 5px;
}
#product-main .priceBlock,
#product-main .prodName {
    color: #fff;
    text-align: center;
}

#transactMain .priceBlock,
#transactMain .prodName {
    color: #fff;
    text-align: center;
}

#product-main .arrow {
    width: 100%;
    position: relative;
    padding-right: 2em;
    font: 700 18px/1.5em 'Lato', Arial, sans-serif !important;
}

#product-main .arrow span {
    font: 300 18px/1.5em 'Lato', Arial, sans-serif !important;
}

#product-main .arrow:after {
    top: 26px;
    right:15px;
}

.tryitBtn {
    font: 700 18px/1.5em 'Lato', Arial, sans-serif;
    width: 50%;
    left: 25%;
}

.tryitBtn:hover {
    background: #b34b03;
}

#product-main .compareBasic {
    margin-bottom: 3em;
}

#payroll3Steps {
    float: left;
    width: 100%;
    margin: 2em 0;
}

#payroll3Steps h4 {
    font: 300 36px/1.5em 'Lato', Arial, sans-serif;
    background: #243972;
    color: #fff;
    float: left;
    margin-bottom: 0;
    padding: 0 .5em;
}

#payroll3Steps h4 span {
    font: 700 36px/1.5em 'Lato', Arial, sans-serif;
}

#payroll3Steps h4 .threeEasy {
    font: 700 45px/1.2em 'Lato', Arial, sans-serif;
}

.threeStepList {
    float: left;
    width: 100%;
    background: #e8e9ed;
    margin:0 !important;
    position:relative;
    padding: 0 20px;
}

.threeStepList li {
    display: inline-block;
    width: 32.5%;
    margin: .75em .2% 0 !important;
    position: relative;
    z-index: 2;
}

.threeStepList li h5 {
    font: 400 16px/1.2em 'Lato', Arial, sans-serif !important;
    color:#0a225e !important;
    margin-left: .5em;
}

.threeStepList li a {
    float:left;
    width:100%;
    margin-top: .5em;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
}

.threeStepList li a:hover {
    box-shadow: 0 0 5px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,.4);
}

#payroll3Steps .headerTriangle {
    width: 0;
    height: 0;
    border-bottom: 57px solid #243972;
    border-right: 57px solid transparent;
    float: left;
}

.threeStepListTriangle {
    width: 0;
    height: 0;
    border-bottom: 300px solid #fff;
    border-left: 160px solid transparent;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
}

.page-template-psi-product-basic-payroll-php .ppt {
    display: none !important;
}

.payStep {
    float: right;
    color: #fff;
    z-index: 99;
    position: absolute;
    font: bold 30px/1.2em 'Lato', Arial, sans-serif !important;
    bottom: 0;
    right: 0;
    border-bottom: 2px solid rgba(0,0,0,.15);
    width: 50px;
    text-align: right;
    padding-right: 8px;
    padding-bottom: 1px;
}

.threeStepList li a:hover:after {
    border-bottom: 60px solid #455482;
}

.threeStepList li a:after {
    content: "";
    background: transparent;
    height: 0;
    width: 0;
    border-bottom: 60px solid #5669a3;
    border-left: 60px solid transparent;
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
}

.popUpInstructions {
    float: left;
    width: 100%;
    padding: .5em 0;
    font-style: italic;
    margin-left: .5em;
}

#productDescriptionWrapper {
    margin: 2em 0;
}

#productDescriptionBlock {
    float: left;
    width: 80%;
    background: #e8e9ed;
    color:#0a225e;
    margin: 0 !important;
    position: relative;
    font: bold 28px/1.2em 'Lato', Arial, sans-serif;
    padding: 1em;
    z-index:0;
}

#productDescriptionBlock:before {
    content: "";
    background: transparent;
    height: 0;
    width: 0;
    border-top: 130px solid #fff;
    border-right: 80px solid transparent;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.hrDescriptionBlock:before {
    border-top: 160px solid #fff !important;
    border-right: 120px solid transparent !important;
}

#product-features h3, #product-options h3, #product-more h3 {
    text-align: center;
    margin-bottom: .5em;
}

.featureList {
    float: left;
    width: 100%;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 2em !important;
}

#product-features .featureList li {
    display: inline-block;
    width: 50%;
    float: left;
}

#product-features .featureList li:nth-child(odd) {
    clear: left;
}

.section-bottom-border {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 1em;
    margin-bottom: 1em;
    padding-top: 2em;
}

.full-span .learnMore {
    text-align: center;
    float: left;
    width: 20%;
    margin: 2em 40% 0;
    font: 400 18px/1.2em 'Lato', Arial, sans-serif !important;
}

#product-options p {
    text-align: center;
}

.productPageAddOn {
    margin-top: 3em !important;
}

.productPageAddOn, .productPageAddOn ul {
    float:left;
    width: 100%;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.productPageAddOn ul {
    margin:0 !important;
}

.productPageAddOn li {
    list-style: none !important;
    margin:0 !important;
}

.productPageAddOn > li {
    display: inline-block;
    width: 43%;
    background: #f7f7f7;
    border:1px solid #ccc;
    padding: 1em 2em;
    margin: 0.25em 0.25em !important;
    box-sizing:border-box;
}

.productPageAddOn ul li:last-child {
    margin: 18px 0 0 14px !important;
    float: left;
}

.ctaBar {
    float: left;
    width: 100%;
    margin: 0 !important;
}

.ctaBar li {
    margin: 0 !important;
}

.ctaBarTriangle {
    width: 0;
    height: 0;
    border-top: 130px solid #fff;
    border-left: 120px solid transparent;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
}


.readySignUpWrapper {
    float: left;
    width: 100%;
    background: #c8cddc;
    color: #0a225e;
    margin: 1em 0 0;
    position: relative;
    font: bold 28px/1.2em 'Lato', Arial, sans-serif;
    padding: 1em 0 .75em;
    z-index: 0;
}

.readySignUp {
    float: left;
    width: 50%;
    padding: 0 1em;
    text-align: left;
}

.ready-to-try h4 {
    width: 40%;
    float: left;
    text-align: center;
}

.ready-to-try .ctaBar {
    float: right;
    width: 50%;
    margin: 0;
}

.ready-to-try .ctaBar li {
    float: left;
}


.centerThis {
    text-align: center;
}

.faqBlock {
    margin: 2em 15% 3em;
    width: 70%;
}

.reportBlock {
    margin-left: 0 !important;
    padding-left: 0 !important;
    float: left;
    width: 100%;
}

.reportBlock li {
    list-style: none !important;
    width: 50%;
    display: inline-block;
    text-align: left;
    float: left;
    padding: 1em;
    margin: 0 !important;
}

.reportBlock li:nth-child(odd) {
    clear:both;
}

.generalList {
    margin: 2em 0 !important;
    padding: 0 40px !important;
}

.readySignUpWrapperLast {
    margin: 3em 0 0 !important;
}

#product-testimonials .slide {
    margin-bottom: 1.5em;
}

#product-testimonials .slide p {
    width: 100%;
    margin: 0 auto 1em;
    color: #636363;
    text-align: center;
    font-style:  italic;
}

#product-testimonials .slide strong {
    color:#636363;
}

#product-testimonials .slide span {
    color:#898989;
}

.faqBlock p strong, #product-reports p strong {
    margin-bottom:.5em;
    float: left;
    width: 100%;
}

.fullReport li:first-child {
    width: 100%;
}

.fullReport li:nth-child(odd) {
    clear:none;
}

.fullServiceDescription {
    width:100% !important;
    padding:1em !important;
}

.fullServiceDescription span {
    font: normal 30px/1.2em 'Lato', Arial, sans-serif !important;
    float:left;
    width:100%;
    margin-bottom:.25em;
}

.fullServiceDescription:before {
    display:none;
}

.fullServiceDescription:after {
    content: "";
    background: transparent;
    height: 0;
    width: 0;
    border-top: 210px solid #fff;
    border-left: 210px solid transparent;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
}

#product-main .compareFull, #product-main .compareAccounting {
    margin-top: 0 !important;
}

.additional-info li {
    list-style: disc !important;
    width: 100%;
    margin: 0 0 1em 2em!important;
    padding: 0 !important;
    float: none;
    display: list-item;
    font-size: 17px;
}

#priceFeatures {
    background: #eef2f9;
    margin-top: 0 !important;
    float: left;
    width: 100%;
    padding: 2em 1em 1em !important;
}

#priceFeatures li {
    list-style:none;
    position:relative;
    padding-left: 3.5em;
    margin-bottom: 1em !important;
}

#priceFeatures li:before {
    content: "";
    background: #eef2f9 url(/wp-content/themes/patriot-software/images/price-feature-check.jpg) no-repeat center;
    height: 25px;
    width: 25px;
    padding: 0;
    border-radius: 33px;
    border: 3px solid #558e3d;
    position: absolute;
    left: 1em;
    top: -2px;
    background-size: 70%;
}

#priceFeaturesBlue {
    background: #eef2f9;
    margin-top: 0 !important;
    float: left;
    width: 100%;
    padding: 3em 1em 1em !important;
    margin-bottom: 0px!important;
}

#priceFeaturesBlue li {
    list-style:none;
    position:relative;
    padding-left: 3em;
    margin-bottom: .5em !important;
}

#priceFeaturesBlue li:before {
    content: "";
    background: #eef2f9 url(/wp-content/uploads/2017/12/blue-check.png) no-repeat center;
    height: 32px;
    width: 25px;
    padding: 0;
    position: absolute;
    left: 1em;
    top: -2px;
    background-size: 80%;
}

.compareAddon {
    position: relative;
}

.startsAt {
    font: normal 16px/1.2em 'Lato', Arial, sans-serif;
    text-transform: uppercase;
    padding: 1em 0 0;
    color: #5c8dc7;
    text-align: center;
    margin-bottom: -.5em;
}

.productParagraph {
    margin-top:2em;
}

.portalParagraph {
    margin-bottom:2em;
}

#product-extra-features ul li {
    list-style: none;
    float: left;
    width: 100%;
}

.full-span #productImage {
    float: left;
    width: 20%;
    padding: 1em 0;
}

#product-extra-features {
    padding-bottom: 2em;
    padding-top: 0;
}

.hiringContent p {
    margin: 1em 0 2em;
}

#product-extra-features .column-half ul {
    padding: 0;
    margin: 0 !important;
}

.priceFree:before, .priceFree:after {
    display:none;
}

.includedWith {
    text-transform: none;
}

.portalAdditional li {
    padding: 0;
    list-style: disc !important;
    display: list-item;
    width: 45%;
    margin: 0 27.5% !important;
}

.portalDescriptionBlock:before {
    content: "";
    background: transparent;
    border-top: 160px solid #fff;
    border-right: 100px solid transparent;
}

.additionalProfitContent p {
    margin-bottom: 2em;
}

#product-profit-extra-features {
    padding-top: 0;
}

#product-profit-extra-features .column-half ul.profitBox {
    background: #e8e9ed;
    float: right;
    width: 80%;
    padding-left: 0 !important;
    padding-bottom: 1em;
    margin: 0 0 1em !important;
}

.profitBox li {
    padding: 0 3em !important;
    margin: .25em 0 !important;
    font-weight: bold !important;
    color: #384a77 !important;
    list-style:none;
    position:relative;
    font-size: 17px;
}

.profitBox li:before {
    content: "•";
    position: absolute;
    left: 20px;
}

.profitBox li:first-child {
    padding: .5em 0 !important;
    background: #384a77;
    text-transform: uppercase;
    font-weight: bold !important;
    text-align: center;
    margin: 0 0 1em !important;
    list-style: none !important;
}

.profitBox li:first-child p {
    color: #fff !important;
}

.portalFilePara {
    margin-top: 1em;
}

.additionalFeatureText, .additionalFeatureText li {
    margin: 0 !important;
    padding: 0 !important;
}

#pricingLeft {
    float: left;
}

.pricingTagline {
    position:relative;
}

#pricingRight {
    position: absolute;
    right: 0;
    top: 37px;
}

.pricingContent h3 {
    margin-bottom:.5em;
}

.pricingPageBlock {
    position: relative;
    float: left;
    width: 100%;
    background: #e8e9ed;
    margin-bottom: 1em;
    padding: 1em;
}

.pricingTestimonial {
    position: relative;
    float: left;
    width: 100%;
    background: #e8e9ed;
    margin-bottom: 1em;
    padding: 1em;
    padding-bottom: 3em;
}

.pricingPageBlockContent {
    float: left;
}

.pricingMore {
    margin-top: .75em;
}

.priceHalf {
    width: 45%;
    margin-right: 5%;
}

.pricingPageBlockContent p {
    font-weight: bold !important;
}

.pricingTestimonial p {
    margin-bottom: 1em;
    color: #636363;
}

.pricingTestimonial strong {
    color:#636363;
    font-style:italic;
}

.pricingTestimonial span {
    font-style:italic;
}

li.addStartsAt {
    font: 400 13px/1.2em 'Lato', Arial, sans-serif !important;
    padding: 0 0 0;
    color: #888;
    text-align: left;
    margin-bottom: .5em;
    text-transform: uppercase;
    float: left;
    margin-top: 1em !important;
    margin-right: .5em !important;
    font-style:italic !important;
}

/* [5.5 Product List Styles] */

#productPageHeader {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: url(/wp-content/themes/patriot-software/images/patriot-product-list-header.jpg) no-repeat center top;
    background-size: cover;
    z-index: 4;
}

#productPageTagline {
    padding: 120px 0 200px;
}

#productPageTagline h1 {
    font: 300 40px/1.2em 'Lato', Arial, sans-serif !important;
    color: #000 !important;
}

#productPageTagline h2 {
    font: 400 30px/1.2em 'Lato', arial, sans-serif;
    color: #000;
}

.productCategory h3 {
    font: 400 45px/1em 'Lato', Arial, sans-serif;
}

.productCategory h3 {
    color: #011039;
    margin-bottom: .25em;
}

#payrollProductsWrapper, #accountingProductsWrapper {
    background: #fff;
    float:left;
    width:100%;
    padding: 3em 0 0;
}

#accountingProductsWrapper {
    background:#eaebef;
}

.productPageAddOns #addonTitle h6 {
    color: #495e9d;
    text-transform: uppercase;
    font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
    background: #fff;
}

.productPageAddOns #addonTitle {
    border-top: 1px solid #cccccc;
}

.productPageAddOns .compareAddOn {
    background: #e8e9ed;
}

#bundledPayrollWrapper, #bundledAccountingWrapper  {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    border-top: 2px solid #e1e1e5;
    z-index: 5;
    padding: 2em 0;
}

#bundledAccountingWrapper  {
    background: #eaebef;
}

.baseProduct {
    float: left;
    width: 50%;
    padding-right: 5%;
}

.productCategory {
    float: left;
    width: 100%;
    text-align:center;
}

.productTitleBlock p {
    font: 400 22px/1.2em 'Lato', Arial, sans-serif;
}

.productQuoteBlock p {
    font: 400 20px/1.2em 'Lato', Arial, sans-serif;
    font-style:italic;
    text-align:right;
}

.productQuoteAuthor {
    font: 400 18px/1.2em 'Lato', Arial, sans-serif !important;
    margin-top: 1em;
    font-style: normal !important;
}

#accountingProductsWrapper {
    margin-bottom: 583px;
}

.productPageAddOns > ul {
    float: left;
    width: 100%;
    padding: 0 4em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.productPageAddOns .compareAddOn {
    width: 32.44%;
}

.baseProduct h4 {
    font: 700 32px/1.2em 'Lato', Arial, sans-serif;
    margin-bottom: 0;
}

.baseProduct h5 {
    font: 400 20px/1.2em 'Lato', Arial, sans-serif !important;
    text-transform: none;
    color: #636363 !important;
    letter-spacing: .01em;
}

.baseProduct p {
    font: 400 18px/1.5em 'Lato', Arial, sans-serif !important;
    margin-bottom: 2em;
}

.productPagePrice {
    font: 900 60px/1.2em 'Lato', Arial, sans-serif;
    float: right;
    color: #000;
    width: 30%;
    text-align: right;
}

.productPagePrice:before {
    content: "$";
    vertical-align: top;
    line-height: 2.25em !important;
    font-size: 22px;
}

.productPagePrice:after {
    content: "/mo";
    font-size: 22px;
}

.baseProductTitle {
    float: left;
    width: 70%;
}

.baseProductContent {
    float: left;
    width: 100%;
}

.productPagePrice .priceDecimal {
    font: 900 22px/1.5em 'Lato', Arial, sans-serif !important;
    vertical-align: top;
    line-height: 2em !important;
}

.productStartsAt {
    float: right;
    width: 30%;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    font: 300 italic 14px/.5em 'Lato', Arial, sans-serif;
}

#bundledAccounting .productQuoteBlock {
    width: 65%;
    float: right;
}

.productQuoteBlock strong {
    color:#000;
}

.productGetStarted {
    margin-top: 28em !important;
    padding-top: 4em;
    padding-bottom: 4em;
    text-align: center;
}

.productGetStarted p {
    font: 300 24px/1.2em 'Lato', Arial, sans-serif !important;
    font-style:italic !important;
}

/* [5.7 New Pricing Slider] */
  .newPricingWrapper {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  .newPricingBlock {
    width: 90%;
    background: #fafafa;
    border: 1px solid #dbdbdb;
    padding: 1.5em;
    margin: 5%;
    position: relative;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box;
    font-family: Lato;
    font-size: 17px;
    line-height: normal;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
}
  .basicTopBorder {
    border-top: 5px solid #5c8dc7;
  }
   .fullTopBorder {
    border-top: 5px solid #19427e;
  }
    .darkTopBorder {
    border-top: 5px solid #041c40;
  }
  .newPricingBlock h3 {
    font-size:24px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 .5em;
}
  .newPricingBlock p {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    font-style: italic;
    line-height: 1.25em;
}
  .basicColor {
    color: #5c8dc7;
}
  .fullColor {
    color: #19427e;
}
  .darkColor {
    color: #041c40;
}
  .basePrice {
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
  }
  .lgPrice {
        font-weight: 900;
        font-size: 75px;
        line-height: 85px;
    }

    .lgPrice:before {
        content: "$";
        vertical-align: top;
        font-size: 24px;
        line-height: 2.5em !important;
    }

    .lgPrice:after {
      content: "/month";
      font-size: 18px;
      position: relative;
      left: -20px;
      font-weight: 700;
    }

    .lgPrice span {
        font-size: 18px;
        vertical-align: top;
        line-height: 2.5em;
        font-weight: 400;
    }

    .extraPadding {
        padding-top:1.1em !important;
    }

    .slider-wrapper{
      width: 100%;
    }
    #slider {
        width: 100%;
        margin-bottom: 2em;
    }
    #slide-wrap, #slide-wrap2{
        padding:15px 0;
    }


    #fullservicePricingText, #basicPricingText{
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    }

    /* blue box */
    .noUi-horizontal .noUi-handle{
        width:140px;
        height:80px;
        left:-72px;
        top:-104px;
        cursor:pointer;
        position: relative;
        background: linear-gradient(rgba(62, 97, 164, 1), rgba(46, 71, 116, 1));
        text-align: center;
        font-size: 15px;
        color: #fff;
        outline: 0;
        padding: 1.25em .5em;
        text-transform: uppercase;
    }
    /* blue box - large number of employees */
    .noUi-horizontal .noUi-handle .employeeNumber {
        font-size: 30px;
    }
    /* white circle on slider */
    .noUi-horizontal .noUi-handle:before {
      top: 120%;
      left: 50%;
      margin-left: -10px;
      content: " ";
      height: 20px;
      width: 20px;
      position: absolute;
      border-radius: 50px;
      border: 1px solid #315c97;
      background: url(/wp-content/uploads/2018/06/drag-arrows.png) no-repeat;
      background-size: 20px;
      background-color: #fff;
    }

    /* blue box bottom blue arrow */
    .noUi-horizontal .noUi-handle:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(49, 92, 151, 0);
        border-top-color: #2e4774;
        border-width: 10px;
        margin-left: -10px;
    }

    /* blue box when clicked */
    .noUi-active{ }

    /* default slider styles */
    p.request-error{color:#f00;}
    .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box;}
    .noUi-target{position:relative;direction:ltr;}
    .noUi-base{width:100%;height:100%;position:relative;z-index:1;}
    .noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0;}
    .noUi-origin{position:absolute;height:0;width:0;}
    .noUi-handle{position:relative;z-index:1;}
    .noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top 0.3s,right 0.3s,bottom 0.3s,left 0.3s;transition:top 0.3s,right 0.3s,bottom 0.3s,left 0.3s;}
    .noUi-state-drag *{cursor:inherit!important;}
    .noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    .noUi-horizontal{height:10px;}


    .noUi-target{background:#e2e2e2;border-radius:4px;border:1px solid #b2b2b2;box-shadow:inset 0 1px 1px #c2c2c2,0 3px 6px -5px #000; margin-top: 100px;}
    .noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,0.45);-webkit-transition:background 450ms;transition:background 450ms;}
    .noUi-draggable{cursor:ew-resize;}

    .basicCheckmark {
      list-style: none!important;
      padding-top: .25em;
      border-top: 1px solid #dbdbdb;
      color: #636363;
      margin-top: .25em;
}
   .basicCheckmark li {
      position: relative;
      padding-left: 2em;
      margin: 1em 0!important;
      text-indent: 0em;
      letter-spacing: .01em;
      font-family: 'Lato';
      font-size: 16px!important;
      line-height: .85em;
}
   .basicCheckmark li:before {
      content: "";
      position: absolute;
      left: 0em;
      height: 16px;
      width: 16px;
      background-size: 16px!important;
      background: url(/wp-content/uploads/2018/06/basic-checkmark.png) no-repeat;
      padding: 0;
}
    .fullCheckmark {
      list-style: none!important;
      padding-top: .25em;
      border-top: 1px solid #dbdbdb;
      color: #636363;
      margin-top: .25em;
}
   .fullCheckmark li {
      position: relative;
      padding-left: 2em;
      margin: 1em 0!important;
      text-indent: 0em;
      letter-spacing: .01em;
      font-family: 'Lato';
      font-size: 16px!important;
      line-height: .85em;
}
   .fullCheckmark li:before {
      content: "";
      position: absolute;
      left: 0em;
      height: 16px;
      width: 16px;
      background-size: 16px!important;
      background: url(/wp-content/uploads/2018/06/full-checkmark.png) no-repeat;
      padding: 0;
}
/* [5.11 Job Board Careers Positions Page] */
.jb--wrapper input {
    height: inherit !important;
    border-color: #ccc !important;
}
.jb--wrapper .jb--button {
    background-color: #cc4c1b !important;
    border-color: #cc4c1b !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #fff !important;
    border-radius: 4px;
}
.jb--wrapper .jb--button:hover {
    background-color: #bb4517 !important;
}
.jb--wrapper .jb--pagination .jb--button {
    background: none !important;
    border: none !important;
    color: #5c8dc7 !important;
    padding: 6px 8px !important;
    font-size: 18px !important;
}
.jb--wrapper .jb--pagination .jb--button:hover {
    background: initial !important;
    color:#5c8dc7 !important;
    text-decoration: underline;
}
.jb--wrapper .jb--pagination .jb--button-active {
    color: #222 !important;
    border: none !important;
}
.jb--wrapper .jb--pagination .jb--button.disabled {
    color: #cfcfcf !important;
}
/* [END 5.11 Job Board Careers Positions Page] */
/* [7. Royalty Program] */

.royalty-description-wrapper {
    position: relative;
    background: #eef2f9 url(/wp-content/themes/patriot-software/images/royalty-program-overview.png) no-repeat right 0;
    background-size: contain;
    float: left;
    width: 100%;
    margin-top: 84px;
}

.advisor-overview-wrapper {
    position: relative;
    background: #eef2f9;
    background-size: contain;
    float: left;
    width: 100%;
    margin-top: 84px;
}

.advisor-video {
    float: right;
    margin: 4em 2em;
}

.white-full {
    background: #fff;
    padding: 2em;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.maximize-full {
    background: none;
    margin-bottom: 2em;
    border-top: none;
    margin: 0 auto;
}

.royalty-block-wrapper {
    background: url(/wp-content/themes/patriot-software/images/royalty-badges-background.jpg) no-repeat 0 -50px;
    padding: 2em 0;
    background-size: cover;
    float: left;
    width: 100%;
}

.royalty-main {
    padding: 4em 1em;
    width: 56%;
    background: #eef2f9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.advisor-overview-main {
    padding: 4em 1em;
    width: 100%;
    background: #eef2f9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


.royalty-center h4, .get-started h4, .royalty-main h4 {
    font: bold 24px/1.2em 'Lato', arial, sans-serif;
    color: #363636;
}
.royalty-main h4 {
    margin-top: .25em;
}

.royalty-center h4 {
    color: #fff;
}


.royalty-center p, .get-started p, .advisor-overview-main p, .royalty-main p   {
    font: normal 18px/1.2em 'Lato', arial, sans-serif;
    color: #363636;
    margin-bottom: 1em;
}

.royalty-center p {
    color: #fff;
}



.royalty-main em {
    font-size: 18px;
    line-height: 22px;
    color: #363636;
}

.royalty-center {
    text-align: center;
    padding: 0 2.5em;
    box-sizing: border-box;
}

.royalty-overview-block {
    background: #fbfbfb;
    padding: 1em;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    width: 48%;
    position: relative;
    margin: 1%;
    min-height: 160px;
}

.royalty-overview-block-last {
  margin-left: 25%;
}

.royalty-overview-block h4 {
    font-size: 18px;
    color: #363636;
}

.royalty-overview-block img {
    float: left;
    width: 120px;
    margin-right: 1.5em;
    margin-top: .75em;
}




.royalty-more {
    background: #495e9d;
}

.royalty-more:hover {
    background: #0a225e;
}

.royalty-titles {
    margin: 1em !important;
}


.royalty-block-links li {
    display: inline-block;
    margin-top: 1em;
    margin-right: .5em;
}

.royalty-overview-block p {
    line-height: 16px;
}

.get-started {
    float: left;
    width: 60%;
    margin-left: 1em;
}

.lets-get-started {
    float: right;
    width: 30%;
    margin-top: .5em;
    margin-right: 1em;
}

.lets-get-started .applyBtn {
    background: #df5d05;
    text-align: center;
}

.royalty-bottom {
    margin-bottom: 585px;
    border-bottom: 1px solid #ccc;
}

.applyBtn {
  background: #df5d05 !important;
}

.applyBtn:hover {
  background: #b34b03 !important;
}

.faq-block strong {
    color: #636363;
}

#faq-main #main {
    margin-top: 2em;
}

.responsive-tabs .responsive-tabs__list__item {
    font-weight: bold;
}

.faq-block {
    margin: .5em 0 1.5em;
    float: left;
    width: 100%;
}


.badge-type a {
    float: left;
    width: 31.25%;
    margin: 1%;
    padding: 1em .25em 0;
    box-sizing: border-box;
    background: #f7f7f7;
    text-align: center;
    border: 1px solid #eee;
    min-height: 240px;
}

.badge-type a:hover {
    background: #eee;
}

.badge-type strong {
    font: bold 14px/1.2em 'Lato', Arial, sans-serif;
    float: left;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.badge-type img {
    text-align: center;
    width: 50%;
    padding: .5em;
}

.ca-chart {
    padding: 0 !important;
    margin: 0 !important;
    float: left;
    border: 1px solid #ccc;
    width: 100%;
}

.ca-chart li {
    list-style: none !important;
    margin: 0 !important;
    padding: .5em !important;
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
}

.ca-header li {
    background: #eef2f9;
}

.ca-chart:last-of-type {
    margin-bottom: .5em !important;
    float: left;
    width: 100%;
}


.faq-steps {
    position: relative;
    padding-left: 8em;
    margin-bottom: 1em;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.faq-steps:before {
    content: "Step 1";
    font-weight: bold;
    position: absolute;
    left: 2em;
}

.step-1:before {
    content: "Step 1";
}

.step-2:before {
    content: "Step 2";
}

.step-3:before {
    content: "Step 3";
}

.step-4:before {
    content: "Step 4";
}

.faq-block .first-col {
    width: 370px !important;
    float: left;
}

.faq-block .cert-first-col {
    width: 100%;
    float: left;
    text-align: center;
}

.faq-block .col-3 {
    width: 100% !important;
    float: left;
    text-align: center;
}

.faq-block .col-3:last-child, .faq-block .col-6:last-child  {
  border-bottom: none;
}

.faq-block .col-6 {
    width: 100% !important;
    float: left;
    text-align: center;
}

.chart-explanation-wrapper {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 1em;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.chart-explanation, .certified-chart-explanation {
    text-align: left;
    float: left;
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.show-explanation, .show-certified-explanation {
  font-size: 14px;
  float: left;
  width: 100%;
  background: #f9f9f9;
}

.show-explanation:hover, .show-certified-explanation:hover {
    background: #f4f4f4;
    text-decoration: none;
}

.faq-chart {
    float: left;
    width: 50%;
    padding: 1px 0 0 !important;
    margin: 0 0 0 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.royalty-side {
    border-right: none;
}

.faq-chart li {
    list-style: none;
    display: table-cell;
    margin: 0 !important;
    padding: 0 !important;
}

.faq-chart .cert-first-col {
    font-size: 14px;
    font-weight: bold;
}


.account-side li {
    border-left: 1px solid #ccc;
    border-right: 1px solid #eee;
}

.account-side .cert-first-col {
    background: #c3e1ff;
    padding: .5em !important;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
}

.royalty-side .cert-first-col {
    background: #5b9b30;
    color: #fff;
    padding: .5em !important;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
}

.royalty-side li {
    border-right: 1px solid #ccc;
}

.faq-chart li {
    list-style: none;
    font-size: 14px;
    font-weight: bold;
    display: table-cell;
    margin: 0 !important;
    padding: .5em !important;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
}


#certified-terms {
    border-top: 1px solid #eee;
    margin-top: 2em;
}

.terms-list ul li {
  list-style-type: upper-alpha;
  margin: 1em 0;
  list-style-image: none;
}

/* END PSI ROYALTY PROGRAM */


/* END PSI ADVISOR PROGRAM */
#royalty-right {
    float: right;
    width: 33%;
    margin-right: 1%;
}

.advisor-top #royalty-right {
    margin-right: 0%;
}

.royalty-block {
    padding: 2em 1em;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-align: center;
    float: left;
    width: 100%;
    color: #000;
}

.certified-block {
    border: 1px solid #ccc;
    background: #fff;
    padding: 1em;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    float: right;
    width: 33%;
    color: #363636;
    margin-bottom: 0;
    margin-left: 2em;
}

#certified-block .royalty-block {
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 1em;
}

.certified-block em {
    font-size: 16px;
}

.royalty-block h3 {
    color: #0a225e;
    margin: 0;
}

.certified-block h3 {
    font: bold 18px/1.2em 'Lato', Arial, sans-serif !important;
    color: #0a225e;
}

.entry #certified-block em {
    font-size: 14px !important;
    margin: 0;
}

.royalty-chart {
    margin: 2em 0;
    border-top: 1px solid #eee;
    padding: 3em 0 2em;
    float: left;
    width: 100%;
}

.royalty-block .advisorBtn {
    padding: .5em 0;
    text-align: center;
    margin: 1em 0 0;
    float: left;
}

.advisor-block .advisorBtn:hover {
    cursor: pointer;
}


.learn-more {
    text-align: center;
    padding: .5em 1.25em;
    margin-top: 1em;
    font-size: 14px !important;
    text-transform: none;
}

.advisor-sidenav #floatingNav {
    width: 130px;
    padding-right: 1em;
}

.advisor-overview-sidenav #floatingNav {
    width: 159px;
    padding-right: 1em;
}



/* CERTIFIED STUFF */

.width100 {
    max-width: 100% !important;
}

/*
    Generic Styling, for Desktops/Laptops
    */

    table.certified-royalty-chart {
        width: 100%;
        border-collapse: collapse;
    }
    /* Zebra striping */
    .certified-royalty-chart tr:nth-of-type(odd) {
        background: #eee;
    }
    .certified-royalty-chart th {
        background: #c3e1ff;
        color: #444;
        font-weight: bold;
    }

.certified-royalty-chart td, .certified-royalty-chart th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: center;
}

        .certified-royalty-chart th:first-child, .certified-royalty-chart td:first-child {
  text-align: left;
  font-weight: bold;
}

.certified-royalty-steps {
  width: 100%;
  float: left;
  margin: 0em 0 2em;
  padding: 2em 0;
  border-bottom: 1px solid #eee;
}

.certified-royalty-steps-1 p {
  width: 50%;
}

.certified-royalty-steps-1 {
  background: url(/wp-content/themes/patriot-software/images/certified-panel-bg1.png) no-repeat right top;
    margin-bottom: 0;
}

.certified-royalty-steps-2 {
  background: url(/wp-content/themes/patriot-software/images/certified-panel-bg.png) no-repeat right top;
}

#tax-filing-options-block {
  background-color: #fff;
  padding: 1em 2em;
  margin: 1em 0;
  border: 1px solid #ccc;
}

#tax-filing-options-block h4 {
  margin-bottom: 0;
}


.exam-info-section {
    float: left;
    width: 100%;
    padding: 1em;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
        border-bottom: 1px solid #ccc;
}

.exam-info-section p {
    margin-bottom: 1em;
}

.exam-info-section li {
    list-style: disc;
    margin: .5em 1em;
}

.anchor{
  display: block;
  height: 120px; /*same height as header*/
  margin-top: -120px; /*same height as header*/
  visibility: hidden;
}

#certified-royalty-chart-block {
    float: left;
    width: 100%;
    margin: 0 0 3em;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1px solid #ccc;
    padding-top: 2em;
}

#certified-royalty-chart-block h4 {
    font-size: 24px;
}

.certified-royalty-chart, .certified-royalty-chart ul {
    margin: 0 !important;
    padding: 0 !important;
}

ul.certified-royalty-chart, ul.royalty-chart li {
    background: #ccc;
    float: left;
    width: 100%;
    padding: 1px 0 !important;
    display: table;
}

ul.certified-royalty-chart li, ul.royalty-chart li {
    list-style: none;
    display: table-cell;
    margin: 0 !important;
    padding: 0 !important;

}

.certified-royalty-row {
    clear: left;
    float: left;
    width: 100%;
    margin: 0 !important;
    display: table-row !important;
}

li.certified-royalty-row li {
    text-align: center;
    background: #c3e1ff;
    color: #363636 !important;
    padding: .75em 0 !important;
    font-size: 14px !important;
    border-left: 1px solid #ccc;
    font-weight: bold !important;
}

#advisors-earn li {
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid#ccc;
}

#certified-advisors-earn li {
    background: #eef5ea;
}


#certified-advisors-earn li:first-child,
#advisors-earn li:first-child  {
    color: #fff !important;
}

ul.account-graph {
    margin: 0 !important;
    list-style: none !important;
    padding: 0 !important;
}

.certified-royalty-row .first-col {
    text-align: right !important;
    color: #fff !important;
    text-transform: uppercase;
    padding: .75em 1.5em !important;
    box-sizing: border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-weight: normal !important;
}

.certified-royalty-row li:last-child {
    border-right: 1px solid #ccc;
}

#number-of-clients li:first-child {
    background: #c3e1ff !important;
    color: #363636 !important;
    border-right: 2px solid #ccc;
    font-weight: bold !important;
}

#advisors-earn li:first-child {
    background: #ffffff;
    color: #363636 !important;
    border-right: 2px solid #ccc;
}

#certified-advisors-earn li:first-child {
    background: #eef5ea;
    color: #363636 !important;
    border-right: 2px solid #ccc;
}



.col-2 {
    width: 197px !important;
    float: left;
}

.col-3 {
    width: 296px !important;
    float: left;
}


.col-6 {
    width: 98px !important;
    float: left;
}

.first-col {
    width: 235px !important;
    float: left;
}

li.certified-royalty-row li.col-6, li.certified-royalty-row li.col-3, li.certified-royalty-row li.col-2 {
    padding: 1.5em 0 !important;
}

#certified-block {
    float: right;
    width: 33.5%;
    margin-bottom: 2em;
    font-size: 14px;
    line-height: 18px;
    color: #636363;
    position: relative;
}

.certified-bottom {
    float: left;
    width: 63%;
}

.certified-extra {
    float: left;
    padding: 0 1em;
    font-style: italic;
    font-size: 12px;
}

.certified-royalty-chart ul {
    margin: 0 !important;
    padding: 0 !important;
}

.certified-royalty-chart ul li {
    list-style: none;
    margin: 0 !important;
}

.certified-badges {
    float: right;
    width: 30%;
    margin-left: 1em;
    margin-bottom: 1em;
}

.certified-badges img {
    width: 30%;
    margin-left: 2%;
    float: right;
    clear: none;
}


.royalty-chart ul.account-graph li {
    display: inline-block;
    width: 31%;
    float: left;
    margin: 0 1% !important;
}


.royalty-per {
    float: left;
    width: 100%;
    color: #fff;
    padding: .5em 0;
    font-weight: bold;
    line-height: 40px;
    font-size: 40px;
}

.royalty-1 .royalty-per {
    background: #8b9ed6;
}

.royalty-2 .royalty-per {
    background: #5b6fa9;
}

.royalty-3 .royalty-per {
    background: #233774;
}

.royalty-1 .accounts-num {
    color: #8b9ed6;
}

.royalty-2 .accounts-num {
    color: #5b6fa9;
}

.royalty-3 .accounts-num {
    color: #233774;
}

.royalty-per:after {
    content: "Royalty";
    clear: left;
    float: left;
    width: 100%;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 18px;
}

.advisor-faq {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 2em;
    padding-bottom: 1em;
}

.advisor-faq h3 {
    font: bold 18px/1.2em 'Lato', arial, sans-serif !important;
}

ul.advisor-comparison {
    margin: 1em 0 !important;
    padding: 0 !important;
    float: left;
    width: 49.5%;
}

ul.advisor-comparison:last-child {
    border-right: 1px solid #ccc;
}

ul.advisor-comparison li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: .5em 1em;
    font-size: 14px;
    margin: 0;
    border-left: 1px solid #ccc;
    background: #fff;
}

ul.advisor-comparison li:first-child {
    background: #404f80;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

ul.advisor-comparison:last-child li:first-child {
    background: #233664;
}

ul.advisor-comparison li:last-child {
    margin-bottom: 0 !important;
}

.royalty-wrapper {
    background: #f7f7f7 !important;
}

.royalty-application {
    background: #f7f7f7 url(http://beta.patriotsoftware.com/wp-content/uploads/2015/01/application-bg.jpg) no-repeat right !important;
    background-size: contain !important;
}

.page-template-psi-advisor-program-php #comments {
    display: none;
}

.certified-Btn {
    background: #495e9d;
}

.certified-Btn:hover {
    background: #0a225e;
}

/*.royalty-titles h1 {
font: 700 32px/1.2em 'Lato', Arial, sans-serif !important;
}

.society-titles h1 {
font: bold 26px/1.2em 'Lato', Arial, sans-serif !important;
}


.royalty-titles h2 {
font: normal 18px/1.2em 'Lato', arial, sans-serif;
color: #363636;
}*/

.advisor-image {
    position: absolute;
    right: 20px;
    bottom: 0;
}

.royalty-top {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin-bottom: 2em;
}

.advisor-top {
    background: #fff url(/wp-content/themes/patriot-software/images/advisor-bg.jpg) no-repeat top left;
    background-size: 67%;
    margin-bottom: 0;
}

.society-top {
    background: #fff url(/wp-content/themes/patriot-software/images/society-partner-bg.jpg) no-repeat top left;
    background-size: 66%;
}

.business-consultants-top {
    background: #fff url(/wp-content/themes/patriot-software/images/business-consultant-bg.jpg) no-repeat top left;
    background-size: contain;
}

.business-advocate-top {
    background: #fff url(/wp-content/uploads/2016/03/franchises-bg.jpg) no-repeat top left;
    background-size: 100%;
}

.affinity-top {
    background: #fff url(/wp-content/themes/patriot-software/images/affinity-partner-bg.jpg) no-repeat top left;
    background-size: 66%;
}

.partner-top {
    background: #fff url(/wp-content/themes/patriot-software/images/business-consultant-bg.jpg) no-repeat top left;
    background-size: 66%;
}

.society-top .royalty-top-content {
    width: 41%;
}


.affinity-top .royalty-top-content {
    width: 41%;
}

.business-advocate-top .royalty-top-content {
    width: 55%;
}

.partner-top .royalty-top-content {
    width: 63%;
}


.business-consultants-top .royalty-top-content {
    width: 60%;
}



.royalty-top p {
    font-size: 16px !important;
    line-height: 20px !important;
    margin: 1em 0;
}

.royalty-top-content {
    position: relative;
    z-index: 99;
    width: 40%;
    float: left;
    padding: 1em;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.partner-top .royalty-top-content .advisorBtn, .business-consultants-top .royalty-top-content .advisorBtn {
    width: 60%;
}

.royalty-top .advisorBtn {
    text-align: center;
    padding: .5em;
}

.royalty-block p {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

ul.advisor-badges {
    float: right;
    padding: 0 !important;
    margin: 0 !important;
    width: 42%;
    margin-left: 10% !important;
}

ul.advisor-badges li {
    display: inline-block;
    width: 30%;
    float: left;
    margin-left: 3% !important;
}


.royalty-steps {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.royalty-steps-last {
    border-bottom: none;
}

.certified-float {
    position: relative;
}

#certified-block.fixed {
    position: fixed;
    top: 0;
    right: 15.15%;
    width: 19.5%;
}

#certified-block.scrollBottom {
    right: 0;
    width: 35%;
}


.royalty-steps ul ul li {
    list-style-image: none;
    margin: 0 0 .25em !important;
}

.royalty-steps ul ul {
    margin: 0 0 1em !important;
}

.advisor-royalty-block {
    float: left;
    width: 100%;
    /* background: #fff url(/wp-content/uploads/2015/02/certified-panel-bg.png) no-repeat right center; */
    border: 1px solid #ccc;
    padding: 2em;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.certified-royalty-block {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 2em;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.certified-royalty-block h6 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
    padding-top: 0;
}

#certified-royalty-chart-block h6 {
    padding: 0;
}

.advisor-royalty-block {
    border-top: none;
}

.advisor-royalty-block {
    background: transparent;
    border: none;
}

.certified-royalty-block-bottom {
    border: none;
    background: transparent;
    border-top: 1px solid #f1f1f1;
    margin-top: 1em;
}

/*.certified-royalty-block h2, .advisor-royalty-block h2  {
text-transform: uppercase;
color: #363636;
margin-bottom: .5em;
}

.certified-royalty-block  h5, .advisor-royalty-block  h5 {
font: 300 18px/1.2em 'Lato', Arial, sans-serif !important;
font-style: italic !important;
text-transform: none;
color: #363636 !important;
margin-bottom: .5em;
}
*/

.advisor-royalty-steps {
    float: left;
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.certified-royalty-summary {
    float: left;
    width: 65%;
}

.certified-royalty-summary-btn a {
    float: right;
    width: 30%;
    text-align: center;
}

.royalty-summary-btn a {
    float: right;
    width: 30%;
    text-align: center;
}

.certified-royalty-block-bottom .certified-royalty-steps {
    width: 100%;
}

.certified-royalty-steps-last {
  padding-bottom: 0;
  margin-bottom: 0 !important;
  border-bottom: none;
  width: 50%;
  padding-top: 0;
}


.certified-royalty-block p, .advisor-royalty-block p {
    margin: .5em 0;
}

/*.certified-royalty-block li, .advisor-royalty-block li {
    margin: 0!important;
}*/

.certified-royalty-steps strong {
    color: #000;
}

.certified-advisor-badges li {
    display: inline-block;
    width: 20.5%;
    float: left;
    margin: 0 10px !important;
}



.certified-advisor-badges {
    float: right;
    padding: 0 !important;
    margin: 0 !important;
    width: 50%;
    margin-left: 0% !important;
}

.certified-royalty-block em {
    float: left;
    width: 100%;
    font-size: 14px !important;
    text-align: center;
    margin-bottom: 1em;
    line-height: 14px;
}

.advisor-cta-btn {
    margin-top: 2em;
    float: left;
    width: 100%;
}

.make-referrals-list {
    float: left;
    width: 45%;
}

.certified-royalty-block-bottom-img {
    float: right;
    width: 40%;
}

.certified-royalty-block-bottom-copy {
    float: left;
}


#advisor-right {
    float: right;
    width: 28%;
    margin-top: 3em;
}

.certified-block {
    border: 1px solid #ccc;
    background: #243972;
    padding: 1em;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-align: center;
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0;
}

.advisor-block h3 {
    color: #0a225e;
    margin: 0;
}

.certified-block h3 {
    font: bold 18px/1.2em 'Lato', Arial, sans-serif !important;
    color: #fff;
}

.entry #certified-block em {
    font-size: 14px !important;
    margin: 0;
}

.advisor-chart {
    margin: 1em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
    float: left;
    width: 100%;
}

.advisor-block .advisorBtn {
    padding: .5em 0;
    text-align: center;
    margin: 1em 0 0;
    float: left;
}

.advisor-block .advisorBtn:hover {
    cursor: pointer;
}

.learn-more {
    text-align: center;
    padding: .5em 1.25em;
    margin-top: 1em;
}

.advisor-sidenav #floatingNav {
    width: 130px;
    padding-right: 0;
}

.certified-advisor-bottom-block {
    background: #fff url(/wp-content/themes/patriot-software/images/certified-panel-bg.png) no-repeat right top;
    background-size: contain;
    float: left;
    margin-top: 3em;
}


#royalty-chart-block {
    background: #f7f7f7;
    float: left;
    width: 100%;
    text-align: center;
    padding: 1em;
    margin: 1em 0 2em;
    border: 1px solid #ccc;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

#royalty-chart-block h4 {
    font-size: 24px;
}

ul.royalty-chart {
    background: #ccc;
    float: left;
    width: 100%;
    padding: 1px 0 !important;
    display: table;
}

ul.royalty-chart li {
    list-style: none;
    display: table-cell;
    margin: 0 !important;
    padding: 0 !important;

}

.royalty-row {
    clear: left;
    float: left;
    width: 100%;
    margin: 0 !important;
    display: table-row !important;
}

li.royalty-row li {
    text-align: center;
    background: #404f80;
    color: #fff !important;
    padding: .75em 0 !important;
    font-size: 14px !important;
    border-left: 1px solid #ccc;
    font-weight: bold !important;
}

#advisors-earn li {
    text-align: center;
    background: #f9f9f9;
    color: #243972 !important;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid#ccc;
}

#certified-advisors-earn li {
    background: #fff;
    color: #1a274c !important;
}

#certified-advisors-earn li:first-child,
#advisors-earn li:first-child  {
    color: #fff !important;
}

.royalty-row .first-col {
    text-align: right !important;
    color: #fff !important;
    text-transform: uppercase;
    padding-right: 1em !important;
    box-sizing: border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-weight: normal !important;
}

.royalty-row li:last-child {
    border-right: 1px solid #ccc;
}

#number-of-clients li:first-child {
    background: #f7f7f7;
    color: #363636 !important;
}

#advisors-earn li:first-child {
    background: #243972;
}

#certified-advisors-earn li:first-child {
    background: #1a274c;
}

.col-2 {
    width: 183px !important;
    float: left;
}

.col-3 {
    width: 275px !important;
    float: left;
}

.col-6 {
    width: 91px !important;
    float: left;
}

.first-col {
    width: 239px !important;
    float: left;
}

#certified-block {
    float: right;
    width: 33.5%;
    margin-bottom: 2em;
    font-size: 14px;
    line-height: 18px;
    color: #636363;
}

.certified-bottom {
    float: left;
    width: 63%;
}

.certified-extra {
    float: left;
    padding: 0 1em;
    font-style: italic;
    font-size: 12px;
}

.advisor-chart ul {
    margin: 0 !important;
    padding: 0 !important;
}

.advisor-chart ul li {
    list-style: none;
    margin: 0 !important;
}

.certified-badges {
    float: right;
    width: 50%;
    margin-left: 1em;
    margin-bottom: 1em;
}

.certified-badges img {
    width: 23%;
    margin-left: 2%;
    float: right;
    clear: none;
}

ul.account-graph li {
    display: inline-block;
    width: 31%;
    float: left;
    margin: 0 1% !important;
}

.accounts-num {
    font-size: 40px;
}


.accounts-num:after {
    content: "Accounts";
    clear: left;
    float: left;
    width: 100%;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 18px;
}


.advisors-1 .royalty-per {
    background: #71BF66;
}

.advisors-2 .royalty-per {
    background: #58954F;
}

.advisors-3 .royalty-per {
    background: #167F39;
}

.advisors-1 .accounts-num {
    color: #71BF66;
}

.advisors-2 .accounts-num {
    color: #58954F;
}

.advisors-3 .accounts-num {
    color: #167F39;
}

.advisor-faq {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 2em;
    padding-bottom: 1em;
}

.advisor-faq h3 {
    font: bold 18px/1.2em 'Lato', arial, sans-serif !important;
}

ul.advisor-comparison {
    margin: 1em 0 !important;
    padding: 0 !important;
    float: left;
    width: 49.5%;
}

ul.advisor-comparison:last-child {
    border-right: 1px solid #ccc;
}

ul.advisor-comparison li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: .5em 1em;
    font-size: 14px;
    margin: 0;
    border-left: 1px solid #ccc;
    background: #fff;
}

ul.advisor-comparison li:first-child {
    background: #404f80;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

ul.advisor-comparison:last-child li:first-child {
    background: #233664;
}

ul.advisor-comparison li:last-child {
    margin-bottom: 0 !important;
}

/* [8. Landing Page Styles] */

#keywordContent {
    padding: 85px 0;
    float: left;
    width: 100%;
    background: #f5f5f5;
    margin: 40px auto 500px;
}

#keywordSection {
    float:none;
    margin:0 auto;
    max-width: 1000px ;
    background: #fff;
    border: 1px solid #b7bac3;
}
#keywordSection h1 {
    font: 300 45px/1.2em 'Lato', Arial, sans-serif !important;
    letter-spacing: 0;
    padding: 45px;
    margin-bottom: 0;
}
#keywordMain {
    background: #587dc7;
    width: 100%;
    float:left;
}
#keywordMainLeft {
    width: 45.2%;
    float: left;
}
#keywordMainRight {
    width: 54.8%;
    float: left;
    padding:1em 2em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#keywordMainRight h2{
    font: 300 36px/1em 'Lato', arial, sans-serif;
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 0;
    width: 85%;
}

#keywordMainRight p{
    font: 300 21px/1.5em 'Lato', arial, sans-serif;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

.keywordPrice {
    font: 300 30px/.8em 'Lato', Arial, sans-serif !important;
    margin:20px 0 0 !important
}

#keywordWhite {
    width: 100%;
    float:left;
}
#keywordWhite h2{
    font: 400 28px/1.2em 'Lato', arial, sans-serif;
    color: #0a225e;
    text-align: center;
    padding: 1em;
}

.landing-list {
    margin: 0 !important;
    padding: 0 !important;
}

.landing-list li {
    float: left;
    width: 33%;
    padding: 0 2em 2em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    list-style-image: none !important;
    list-style-type: none !important;
    margin-bottom: 0 !important;
}

.landing-list li:nth-child(3n+1) {
    clear: left;
}

.landing-list li p {
    font-size:18px;
}

.landing-list {
    margin-bottom: 2em;
    float: left;
}

.landing-list h3 {
    font-size: 18px;
    font-weight: 400;
    position:relative;
    margin-left:35px;
    margin-bottom:.5em;
}

.landing-list h3:before {
    content: "";
    background: url(/files/2014/09/sprite-keyword-features.png);
    height: 40px;
    width: 35px;
    position: absolute;
    top: -9px;
    left: -40px;
}

.landing-list .invoice-title:before {
    background-position: -40px -143px;
}

.landing-list .receive-title:before {
    background-position: 0 -143px;
}

.landing-list .track-title:before {
    background-position: 0 0;
}

.landing-list .pay-bills-title:before {
    background-position: -160px 0;
}

.landing-list .pay-1099s-title:before {
    background-position: -80px -44px;
}

.landing-list .reports-title:before {
    background-position: -80px 0;
}

.landing-list .updates-title:before {
    background-position: -120px 0;
}

.landing-list .secure-title:before {
    background-position: -120px -44px;
}

#landing-bottom {
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding:3em 2em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#landing-bottom h2 {
    color: #555;
    font-weight: 300;
    font-size: 32px;
    margin-bottom: .5em;
}

#landing-bottom p {
    margin-bottom: 1em;
    font: normal 18px/1.5em 'Lato', arial, sans-serif;
}

#landing-bottom .readySignUpWrapperLast {
    margin-top: 2em !important;
    box-sizing: border-box;
    max-width: 860px;
    text-align: center;
    float: left;
    width: 100%;
    margin-left: 1em !important;
}

.ctaBarTriangle-gray {
    width: 0;
    height: 0;
    border-top: 130px solid #f5f5f5;
    border-left: 120px solid transparent;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
}

.landing-cta {
    float: left;
    background: #fff;
    padding: .5em .5em .15em !important;
    box-shadow: 5px 5px 0 0 rgba(0,0,0,.2);
    margin: 30px 0 0 !important;
}

.landing-cta li {
    margin:0 !important;
}

/* [9. Training Styles] */

.definitions-other-links .training-links.fixed {
    position: fixed;
    top: 0;
}

#trainingWrapper {
    float: left;
    width: 100%;
    background: #fff;
}

.trainingIcons {
    background: #a4b0bd url(/wp-content/themes/patriot-software/images/training-sprite.png) no-repeat !important;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    padding: 0;
    margin: 5em 1.917%;
    float: left;
    height: 175px;
    width: 175px;
    position: relative;
}

.trainingIcons:hover {
    background: #243972 url(/wp-content/themes/patriot-software/images/training-sprite.png) no-repeat !important;
}

.blogIcon, .blogIcon:hover {
    background-position: 20px 38px !important;
}

.definitionsIcon, .definitionsIcon:hover {
    background-position: -168px 38px !important;
}

.helpIcon, .helpIcon:hover {
    background-position: -362px 38px !important;
}

.trainingIcons span {
    position: absolute;
    top: 8em;
    text-align: center;
    width: 100%;
    color: #fff;
    text-decoration: none;
}

.training-links {
    text-align: center;
}

.training-btn {
    position: relative;
    display: inline-block;
    margin: 3em .5em;
}

.training-btn img {
    position: relative;
    cursor: pointer;
    width: 100%;
}

.button-title {
    background: rgba(10,34,94,.6);
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 1.75em 1em;
    color: #fff;
    font-weight: bold;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.accounting-training .button-title {
    background: rgba(86,123,201,.6);
}

.taller-title {
    padding: 1em 3em;
}

.efinitions-other-links .taller-title {
    padding: 1em 2em;
}


.payroll-training:hover .button-title {
    background: rgba(10,34,94,.9);
}

.accounting-training:hover .button-title {
    background: rgba(86,123,201,.9);
}

.training-btn:hover img {
    opacity: .9;
}

.button-title h3 {
    text-transform: uppercase;
    color: #fff;
}

.training-header {
    background: url(/wp-content/uploads/2015/01/training-header.jpg) 0 50px !important;
    background-size: cover !important;
}

.definitions-header {
    background: url(/wp-content/uploads/2015/01/definitions-header.jpg) 0 50px !important;
    background-size: cover !important;
}

.payroll-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-payroll.jpg) 0 -10px !important;
    background-size: cover !important;
}

.payroll-tax-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-tax.jpg) 0 60px !important;
    background-size: cover !important;
}

.time-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-time.jpg) 0 -10px !important;
    background-size: cover !important;
}

.hr-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-hr-1.jpg) 0 -10px !important;
    background-size: cover !important;
}

.portal-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-portal-1.jpg) 0 -10px !important;
    background-size: cover !important;
}

.ten99-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-1099.jpg) 0 -10px !important;
    background-size: cover !important;
}

.accounting-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-accounting.jpg) 0 -10px !important;
    background-size: cover !important;
}

.account-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-settings.jpg) 0 -10px !important;
    background-size: cover !important;
}

.page-template-template-help-payroll-article .payroll-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-payroll.jpg) 0 80px !important;
    background-size: cover !important;
}

.page-template-template-help-tax-article .tax-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-tax.jpg) 0 80px !important;
    background-size: cover !important;
}

.page-template-template-help-time-article .time-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-time.jpg) 0 80px !important;
    background-size: cover !important;
}

.page-template-template-help-hr-article .hr-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-hr-1.jpg) 0 80px !important;
    background-size: cover !important;
}

.page-template-template-help-portal-article .portal-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-portal-1.jpg) 0 80px !important;
    background-size: cover !important;
}

.page-template-template-help-1099 .ten99-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-1099.jpg) 0 80px !important;
    background-size: cover !important;
}

.page-template-template-help-accounting-article .accounting-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-accounting.jpg) 0 80px !important;
    background-size: cover !important;
}

.page-template-template-help-account .account-help-header {
    background: url(/wp-content/uploads/2015/01/help-header-settings.jpg) 0 80px !important;
    background-size: cover !important;
}

.training-header h2, .definitions-header h2, .payroll-help-header h2, .payroll-tax-help-header h2, .accounting-help-header h2, .time-help-header h2, .hr-help-header h2, .portal-help-header h2, .ten99-help-header h2, .account-help-header h2 {
    font-weight: normal;
    font-size: 18px;
}

.payroll-help-header #productTitle h2 {
    font-size: 42px !important;
    font-weight: normal !important;
}

.training-header h1, .definitions-header h1, .payroll-help-header h1, .payroll-tax-help-header h1, .accounting-help-header h1, .time-help-header h1, .hr-help-header h1 , .portal-help-header h1, .ten99-help-header h1, .account-help-header h1 {
    font-size: 42px !important;
}

.training-header h2 {
    width: 55%;
}

#payroll-training-videos-wrapper {
    float: left;
    background: url(/wp-content/uploads/2015/01/payroll-training-videos-background.jpg);
    width: 100%;
    height: 490px;
    margin-bottom: 649px;
    background-size: cover;
    position: relative;
}

#accounting-training-videos-wrapper {
    float: left;
    background: url(/wp-content/uploads/2015/01/accounting-training-videos-background.jpg);
    width: 100%;
    height: 490px;
    /* margin-bottom: 670px; */
    margin-bottom: 649px;
    background-size: cover;
    position: relative;
}

#training-video-block {
    padding: 2em 0;
    position: relative;
    z-index: 99;
}

#training-video-block h4 {
    color: #fff;
}

#training-video-block #videoNav {
    margin-top: 2em;
    float: right;
    width: 37%;
}

#training-video-block  .videoTime {
    color: #fff;
}

#training-video-block .videoNavItem a {
    color: #fff;
}

.videoActive:before, .videoLink:before {
    margin-right: .5em !important;
}

.accounting-training-wrapper, .payroll-training-wrapper {
    background: #041c40;
    float: left;
    width: 100%;
}

.payroll-training-wrapper {
    background: #041c40;
}

.definitions-other-links {
    float: right;
    position: relative;
    width: 27%;
}

.definitions-other-links .training-btn {
    margin: 2em .5em 0;
    display: block;
    width: 90%;
}

.definitions {
    float: left;
    width: 65%;
}

.last-letter {
    border-bottom: none !important;
}

.featured-help {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 5px;
    width: 100%;
    clear: both;
    float: left;
}

.featured-help:nth-child(even) {
    background: #f7f7f7;
}
.exec-sep {
    display: block;
    width: 100%;
    clear: both;
    float: left;
    padding-top: 50px;
    margin-top: 50px;
}
.accounting-help-inside, .payroll-help-inside {
    border-left: 10px solid #041c40;
    padding: 1em;
    box-sizing: border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.payroll-help-inside {
    border-left: 10px solid #041c40;
}

.featured-help-link {
    font-size: 14px !important;
}

.training-content-wrapper {
    background: #fff !important;
}

.help-sidebar-section {
    padding: 1.5em 1em;
    border-bottom: 1px solid #ccc;
}

.help-sidebar-section:last-child {
    border-bottom: none;
}

#help-sidebar {
    background: #f7f7f7;
    margin-top: 1em;
    margin-bottom: 1em;
    float: left;
    width: 100%;
}

#help-search-wrapper, #payroll-help-search-wrapper {
    float: left;
    width: 100%;
    background: #041c40;
    padding: 3em 0;
    margin: 0 auto;
}

.page-template-template-help-accounting-search #help-search-wrapper, .page-template-template-help-accounting-search #payroll-help-search-wrapper {
    padding: 3em 0 2.5em;
}

#payroll-help-search-wrapper {
    background: #041c40
}

.help-search-block h3 {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px !important;
    margin-top: 10px;
    margin-left: 1em;
}

.help-search-form {
    float: right;
    width: 70.65%;
}

.help-search-form input {
    font-size: 18px;
    padding: .4em;
    width: 95%;
    box-sizing: border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

#back-link {
    float: right;
    margin-top: 2em;
}

.page-template-template-help-bookkeeper-article #help-search-wrapper,
.page-template-template-help-1099-article #help-search-wrapper,
.page-template-template-help-payroll-article #payroll-help-search-wrapper,
.page-template-template-help-tax-article #payroll-help-search-wrapper,
.page-template-template-help-time-article #payroll-help-search-wrapper,
.page-template-template-help-hr-article  #payroll-help-search-wrapper,
.page-template-template-help-portal-article  #payroll-help-search-wrapper {
    padding: 1em 0;
}

.helpTitle {
    margin-bottom: 1em;
    font-size: 47px;
    font-weight: normal;
}

.help-home-btn, .sidebar-training-btn {
    background: #495e9d;
    color: #fff !important;
    width: 100%;
    float: left;
    margin-bottom: 1em;
    text-align: center;
    padding: .5em 0;
    border-bottom: 2px solid rgba(0,0,0,.25);
}

.help-home-btn:hover, .sidebar-training-btn:hover {
    background: #041c40;
    text-decoration: none;
}

.page-id-314 .help-home-btn, .page-id-262 .help-home-btn, .page-id-279 .help-home-btn , .page-id-282 .help-home-btn , .page-id-23139 .help-home-btn, .page-id-290 .help-home-btn, .page-id-309 .help-home-btn {
    display: none;
}

.page-template-template-help-payroll h6, .page-template-template-help-bookkeeper h6 {
    padding: 0 0 1em;
}

.help-home-title, .help-home-title {
    display: none;
}

.page-id-314 .help-home-title, .page-id-262 .help-home-title {
    display: block;
}

.page-id-314 .help-page-title, .page-id-262 .help-page-title {
    display: none;
}

.small-training-btn {
    position: relative;
    display: inline-block;
    margin: .5em 0;
}

.small-training-btn:hover {
    opacity: .9;
}

.gsc-input table {
    margin: 0;
}

.gsc-search-box, .gsc-search-box td {
    margin: 0 0;
    padding: 0;
}

.gsc-input-box {
    height: 37px !important;
    margin-bottom: -3px;
    margin-top: -8px;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

input#gsc-i-id1 {
    margin: 8px 0 !important;
    padding-left: 8px !important;
}

.gsc-input input.gsc-input {
    background: transparent !important;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #FFFFFF;
    background-color: #3F5E9C;
    background-image: none;
    filter: none;
    background-repeat: no-repeat;
    background-position: left;
    height: 40px !important;
    width: 40px !important;
    margin-top: 0 !important;
    padding: 1em !important;
    margin-left: 0 !important;
    border-radius: 0 !important;
}

.cse .gsc-resultsHeader, .gsc-resultsHeader {
    display: none;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
    width: auto;
}

table.gsc-above-wrapper-area-container {
    margin: 0;
}

td.gsc-result-info-container {
    padding: 0;
}

input.gsc-search-button:hover, input.gsc-search-button:focus {
    background: #404f80;
}

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    border-bottom: 1px solid #eee !important;
    margin-bottom: 1em;
}

td.gsc-table-cell-snippet-close {
    padding: 0;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.gsc-result-info {
    padding-left: 0 !important;
}

.gsst_a .gscb_a {
    padding-top: 6px;
}

.gs-bidi-start-align.gs-snippet {
    font: 18px/1.2em normal "Lato", Arial, sans-serif;
}

.gs-webResult.gs-result a.gs-title, .gs-webResult.gs-result a.gs-title b, .gs-imageResult a.gs-title, .gs-imageResult a.gs-title b {
    font: 28px/1.2em normal "Lato", Arial, sans-serif;
    color: #495e9d !important;
    text-decoration: none;
}

.gs-result .gs-title, .gs-result .gs-title * {
    text-decoration: none !important;
}

.gs-result .gs-title:hover, .gs-result .gs-title *:hover {
    text-decoration: underline !important;
}

.gsc-result .gs-title {
    height: auto !important;
}

.gsc-webResult .gsc-result {
    padding: 2em 0 2em 0 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border: none;
    background: #a4b0bd !important;
    font-weight: 700;
    font-size: 1.2em;
    padding: 1em !important;
    color: #fff !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page, .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    background-color: #495e9d !important;
    color: #fff !important;
    text-decoration: none !important;
}

.gsc-results .gsc-cursor {
    float: left;
    margin: 4em 0;
}

.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long {
    color: #aaa !important;
}

.gsc-table-cell-thumbnail {
    display: none;
}

.resourcesCol {
    float: left;
}

.resources-block {
    float: left;
    width: 45%;
    margin: 0 2em 4em 0;
}

.resources-block p {
    font: 400 18px/1.25em 'Lato', Arial, sans-serif;
}

.resources-bg {
    background: #fafafa;
    border: 1px solid #dbdbdb;
    border-style: none solid solid solid;
    padding: 1.5em;
}

.resourcesArrow {
    content: url(/wp-content/uploads/2017/03/arrow-button.png);
}

.resourcesArrow:hover {
    content: url(/wp-content/uploads/2017/03/arrow-button-active.png);
}

.resourcesPlay {
    content: url(/wp-content/uploads/2017/03/play-button.png);
}

.resourcesPlay:hover {
    content: url(/wp-content/uploads/2017/03/play-button-active.png);
}

.resourcesSubscribe {
    content: url(/wp-content/uploads/2017/03/subscribe-button.png);
}

.resourcesSubscribe:hover {
    content: url(/wp-content/uploads/2017/03/subscribe-button-action.png);
}

.resourcesSideNav {
    width: 300px;
    text-align: center;
}


/* [10. Franchise Styles] */

.serviceBlock {
    border:1px solid #ccc;
    overflow: hidden;

    margin:1em 0;
}

.serviceBlock .ctaBtn {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding:0.75em 3em;

    font:400 16px/1em 'Lato', Arial, sans-serif !important;
    width:auto;
}

.fadeBg {
    height:100%;
    width:55%;
    overflow: hidden;
    padding: 1.5em;
}

.page-template-psi-services-royalty #main .entry p {
    font:normal 16px/1.5em 'Lato',arial,sans-serif;
}

.fadeBg p {
    font-size: 1em;
    margin:1em 0;
}

.accountant {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-accounting-firms-bg.jpg) left top no-repeat;
}

.customerAccountant {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-accountants-bg.jpg) right top no-repeat;
}

.franchisors {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-franchisors-bg.jpg) left top no-repeat;
}

.franchises {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-franchises-bg.jpg) right top no-repeat;
}

.associations {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-associations-bg.jpg) left top no-repeat;
}

.associationMembers {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-association-members-bg.jpg) right top no-repeat;
}

.consultants {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-consultants-bg.jpg) left top no-repeat;
}

.consultantCustomers {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-customers-of-consultants-bg.jpg) right top no-repeat;
}

.financialInstitution {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-financial-institutions-bg.jpg) left top no-repeat;
}

.financialMembers {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-financial-institution-members-bg.jpg) right top no-repeat;
}

.professionalSocieties {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-professional-societies-bg.jpg) left top no-repeat;
}

.societyMembers {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-society-members-bg.jpg) right top no-repeat;
}

.largeWebsites {
    background:#fff url(/wp-content/uploads/2015/05/payroll-for-websites-bg.jpg) right top no-repeat;
}

.serviceBlock.alignRight .fadeBg {
    text-align: right;
    float: right
}
.serviceBlock.alignRight .ctaBtn {
    float:right;
}

#transactMain {
    background: #fff;
    padding: 2em 0;
    float: left;
    width: 100%;
}

#transactMain p {
    font-size: 16px;
    margin-bottom: 7px;
}

#transactFeatures {
    position: relative;
    background: url(/wp-content/uploads/2016/03/features-background.png) !important;
    background-size: cover !important;
    float: left;
    width: 100%;
}

#transactFeatures p {
    font: 700 18px/1.5em 'Lato', arial, sans-serif;
    color: #fff;
    padding-bottom: 2em;
}

/* [11. New Employer Pages] */

.new-employer-block, .new-employer-intro{width:100%;float:left}

.new-employer-intro {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 1em;
    font-size: 14px;
    line-height: 18px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2em;
    font-style: italic;
}

.new-employer-header {
    background: #91a9dd;
    color: #fff;
    padding: .25em 1em .25em 1em;
    margin: 1em 0 0;
    border-bottom: 2px solid rgba(0,0,0,.25);
    font-size: 18px;
}


.new-employer-header:hover, .header-selected {
    background: #e05d05;
    cursor: pointer;
    color: #fff;
}

.new-employer-header input {
    margin: 4px .5em 0 0;
    padding: 0;
    float: left;
}


.new-employer-header span {
    font-size: 12px;
    float: right;
    font-style: italic;
}

.new-employer-section {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 1em 0;
    margin: 0 0 1em;
}

.new-employer-section h2 {
    margin-bottom: 1em;
}

.new-employer-section p, .new-employer-conclusion p {
    font-size: 14px !important;
}

.new-employer-content {
    font-size: 14px;
    padding: 2em 1em;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-top:none;
    display: none;
}

.new-employer-content li {
    list-style: disc !important;
    line-height: 18px;
}

.new-employer-content p {
    font-size: 14px !important;
    line-height: 18px !important;
    margin-top: 1em;
}

/* [12. New About Pages] */

.team-profiles {
width: 33%;
float: left;
}
.team-profiles p {
text-align: center;
}
.team-pic  {
height: 240px;
}
.team-pic:hover {
background-position: center -242px;
}
.pic-paul {
background:url(/wp-content/uploads/2015/08/paul.jpg) center top no-repeat;
}
.pic-rachel{
    background:url(/wp-content/uploads/2016/08/Rachel-Blakely.jpg) center top no-repeat;
}
.pic-erick {
background:url(/wp-content/uploads/2015/08/erick.jpg) center top no-repeat;
}
.pic-asher {
background:url(/wp-content/uploads/2015/08/asher.jpg) center top no-repeat;
}
.pic-elliot {
background:url(/wp-content/uploads/2015/08/elliot.jpg) center top no-repeat;
}
.pic-geoff {
background:url(/wp-content/uploads/2018/10/geoff.jpg) center top no-repeat;
}
.pic-todd {
background:url(/wp-content/uploads/2015/08/todd.jpg) center top no-repeat;
}
.pic-alexs {
background:url(/wp-content/uploads/2015/09/alexs.jpg) center top no-repeat;
}
.pic-nate {
background:url(/wp-content/uploads/2015/11/nater.jpg) center top no-repeat;
}
.pic-aaronb {
background:url(/wp-content/uploads/2019/09/Aaron-B.jpg) center top no-repeat;
}
.pic-don {
background:url(/wp-content/uploads/2015/08/don.jpg) center top no-repeat;
}
.pic-virginia {
background:url(/wp-content/uploads/2015/08/virginia.jpg) center top no-repeat;
}
.pic-troyl {
background:url(/wp-content/uploads/2015/09/troyl.jpg) center top no-repeat;
}
.pic-nick {
background:url(/wp-content/uploads/2015/08/nick.jpg) center top no-repeat;
}
.pic-seand {
background:url(/wp-content/uploads/2015/08/seand.jpg) center top no-repeat;
}
.pic-kyle {
background:url(/wp-content/uploads/2016/02/kyle.jpg) center top no-repeat;
}
.pic-seanr {
background:url(/wp-content/uploads/2015/08/seanr.jpg) center top no-repeat;
}
.pic-beth {
background:url(/wp-content/uploads/2015/08/beth.jpg) center top no-repeat;
}
.pic-derrick {
background:url(/wp-content/uploads/2015/08/derrick.jpg) center top no-repeat;
}
.pic-natek {
background:url(/wp-content/uploads/2015/08/natek.jpg) center top no-repeat;
}
.pic-jacilyn {
background:url(/wp-content/uploads/2015/08/jacilyn.jpg) center top no-repeat;
}
.pic-mikek {
background:url(/wp-content/uploads/2015/08/mikek.jpg) center top no-repeat;
}
.pic-nic {
background:url(/wp-content/uploads/2015/08/nic.jpg) center top no-repeat;
}
.pic-michele {
background:url(/wp-content/uploads/2015/08/michele.jpg) center top no-repeat;
}
.pic-mary {
background:url(/wp-content/uploads/2015/08/mary.jpg) center top no-repeat;
}
.pic-doug {
background:url(/wp-content/uploads/2015/08/doug.jpg) center top no-repeat;
}
.pic-wendy {
background:url(/wp-content/uploads/2015/08/wendy.jpg) center top no-repeat;
}
.pic-mikew {
background:url(/wp-content/uploads/2015/08/mikew.jpg) center top no-repeat;
}
.pic-diane {
background:url(/wp-content/uploads/2015/08/diane.jpg) center top no-repeat;
}
.pic-hannah {
background:url(/wp-content/uploads/2015/08/hannah.jpg) center top no-repeat;
}
.pic-steven {
background:url(/wp-content/uploads/2015/08/steven.jpg) center top no-repeat;
}
.pic-evan {
background:url(/wp-content/uploads/2015/08/evan.jpg) center top no-repeat;
}
.pic-david {
background:url(/wp-content/uploads/2015/08/david.jpg) center top no-repeat;
}
.pic-nigel {
background:url(/wp-content/uploads/2015/08/nigel.jpg) center top no-repeat;
}
.pic-morgan {
background:url(/wp-content/uploads/2015/08/morgan.jpg) center top no-repeat;
}
.pic-amanda {
background:url(/wp-content/uploads/2015/08/amanda.jpg) center top no-repeat;
}
.pic-annie {
background:url(/wp-content/uploads/2015/08/annie.jpg) center top no-repeat;
}
.pic-brigitte {
background:url(/wp-content/uploads/2015/09/brigitte.jpg) center top no-repeat;
}
.pic-ashley {
background:url(/wp-content/uploads/2015/09/ashley.jpg) center top no-repeat;
}
.pic-mark {
background:url(/wp-content/uploads/2015/08/mark.jpg) center top no-repeat;
}
.pic-amandac {
background:url(/wp-content/uploads/2015/10/amandac.jpg) center top no-repeat;
}
.pic-cameron {
background:url(/wp-content/uploads/2018/11/Cameron-Palmer-Website.jpg) center top no-repeat;
}
.pic-michelle {
background:url(/wp-content/uploads/2015/10/michelle.jpg) center top no-repeat;
}
.pic-nicka {
background:url(/wp-content/uploads/2015/10/nicka.jpg) center top no-repeat;
}
.pic-brandon {
background:url(/wp-content/uploads/2015/10/brandon.jpg) center top no-repeat;
}
.pic-jared {
background:url(/wp-content/uploads/2015/10/jared.jpg) center top no-repeat;
}
.pic-stevenb {
background:url(/wp-content/uploads/2015/10/stevenb.jpg) center top no-repeat;
}
.pic-jen {
background:url(/wp-content/uploads/2015/11/jen.jpg) center top no-repeat;
}
.pic-michael {
background:url(/wp-content/uploads/2015/11/michael.jpg) center top no-repeat;
}
.pic-mikes {
background:url(/wp-content/uploads/2015/11/mikes.jpg) center top no-repeat;
}
.pic-jonathan {
background:url(/wp-content/uploads/2015/11/jonathan.jpg) center top no-repeat;
}
.pic-sarahri {
background:url(/wp-content/uploads/2018/02/srichards.jpg) center top no-repeat;
}
.pic-tyler {
background:url(/wp-content/uploads/2016/01/tyler.jpg) center top no-repeat;
}
.pic-stephanie {
background:url(/wp-content/uploads/2016/01/stephanie.jpg) center top no-repeat;
}
.pic-colleen {
background:url(/wp-content/uploads/2016/01/colleen.jpg) center top no-repeat;
}
.pic-harley {
background:url(/wp-content/uploads/2016/01/harley.jpg) center top no-repeat;
}
.pic-tera {
background:url(/wp-content/uploads/2016/01/tera.jpg) center top no-repeat;
}
.pic-nikki {
background:url(/wp-content/uploads/2016/02/nikki.jpg) center top no-repeat;
}
.pic-evanc {
background:url(/wp-content/uploads/2016/02/evanc.jpg) center top no-repeat;
}
.pic-wyatt {
background:url(/wp-content/uploads/2016/02/wyatt.jpg) center top no-repeat;
}
.pic-daniel {
background:url(/wp-content/uploads/2016/02/daniel.jpg) center top no-repeat;
}
.pic-isabelle {
background:url(/wp-content/uploads/2017/04/ilahaie.jpg) center top no-repeat;
}
.pic-jennifer {
background:url(/wp-content/uploads/2016/04/jennifer.jpg) center top no-repeat;
}
.pic-aidan {
background:url(/wp-content/uploads/2016/06/aidan.jpg) center top no-repeat;
}
.pic-brandonc {
background:url(/wp-content/uploads/2016/06/brandon.jpg) center top no-repeat;
}
.pic-cody {
background:url(/wp-content/uploads/2017/02/cody.jpg) center top no-repeat;
}
.pic-elizabeth {
background:url(/wp-content/uploads/2016/06/elizabeth.jpg) center top no-repeat;
}
.pic-hannahf {
background:url(/wp-content/uploads/2016/06/hannahf.jpg) center top no-repeat;
}
.pic-ivan {
background:url(/wp-content/uploads/2016/06/ivansu.jpg) center top no-repeat;
}
.pic-james {
background:url(/wp-content/uploads/2016/06/james.jpg) center top no-repeat;
}
.pic-jason {
background:url(/wp-content/uploads/2016/06/jason.jpg) center top no-repeat;
}
.pic-mattr {
background:url(/wp-content/uploads/2016/06/mattr.jpg) center top no-repeat;
}
.pic-michaelq {
background:url(/wp-content/uploads/2016/06/michaelq.jpg) center top no-repeat;
}
.pic-mikei {
background:url(/wp-content/uploads/2016/06/mikei.jpg) center top no-repeat;
}
.pic-mikewi {
background:url(/wp-content/uploads/2016/06/mikewi.jpg) center top no-repeat;
}
.pic-rameen {
background:url(/wp-content/uploads/2016/06/rameme.jpg) center top no-repeat;
}
.pic-cassandra {
background:url(/wp-content/uploads/2016/06/cassandra-patterson.jpg) center top no-repeat;
}
.pic-cristina {
background:url(/wp-content/uploads/2016/06/cristina-savu.jpg) center top no-repeat;
}
.pic-hank {
background:url(/wp-content/uploads/2016/06/hank-stocker.jpg) center top no-repeat;
}
.pic-jasonm {
background:url(/wp-content/uploads/2016/06/jason-mcgough.jpg) center top no-repeat;
}
.pic-maaz {
background:url(/wp-content/uploads/2016/06/maaz-qureshi.jpg) center top no-repeat;
}
.pic-michaelg {
background:url(/wp-content/uploads/2016/06/michael-gruesen.jpg) center top no-repeat;
}
.pic-zachm {
background:url(/wp-content/uploads/2016/06/zach-masters.jpg) center top no-repeat;
}
.pic-zackf {
background:url(/wp-content/uploads/2016/06/zack-frazier.jpg) center top no-repeat;
}
.pic-you {
background:url(/wp-content/uploads/2015/08/you.jpg) center top no-repeat;
}
.pic-tyler-powell {
    background: url(/wp-content/uploads/2016/07/tyler-powell.jpg) center top no-repeat;
}
.pic-bethany {
    background: url(/wp-content/uploads/2016/07/bethany-halusker.jpg) center top no-repeat;
}
.pic-leah {
    background: url(/wp-content/uploads/2016/07/leah-ogonek.jpg) center top no-repeat;
}
.pic-alex-meyer {
    background:url(/wp-content/uploads/2016/08/alex-myer.jpg) center top no-repeat;
}
.pic-john-ross {
    background:url(/wp-content/uploads/2017/05/johnross.jpg) center top no-repeat;
}
.pic-sam-ziegler {
    background:url(/wp-content/uploads/2016/08/sam-ziegler.jpg) center top no-repeat;
}
.pic-shane-hippli {
    background:url(/wp-content/uploads/2016/08/shane-hippli.jpg) center top no-repeat;
}
.pic-nreed {
    background:url(/wp-content/uploads/2016/09/nreed.jpg) center top no-repeat;
}
.pic-zachc {
    background:url(/wp-content/uploads/2016/10/zachc.jpg) center top no-repeat;
}
.pic-lisa {
background:url(/wp-content/uploads/2016/10/lisa.jpg) center top no-repeat;
}
.pic-toddf{
background:url(/wp-content/uploads/2016/11/toddf.jpg) center top no-repeat;
}
.pic-calvin {
background:url(/wp-content/uploads/2017/01/calvin.jpg) center top no-repeat;
}
.pic-seth {
background:url(/wp-content/uploads/2017/01/seth.jpg) center top no-repeat;
}
.pic-ryanv {
background:url(/wp-content/uploads/2017/01/rvall.jpg) center top no-repeat;
}
.pic-ryanv {
background:url(/wp-content/uploads/2017/01/rvall.jpg) center top no-repeat;
}
.pic-angelaw {
background:url(/wp-content/uploads/2017/01/angelaw.jpg) center top no-repeat;
}
.pic-taylor {
background:url(/wp-content/uploads/2017/02/taylor.jpg) center top no-repeat;
}
.pic-ryanw {
background:url(/wp-content/uploads/2017/02/ryanw.jpg) center top no-repeat;
}
.pic-michaelm {
background:url(/wp-content/uploads/2017/03/michaelm.jpg) center top no-repeat;
}
.pic-logan {
background:url(/wp-content/uploads/2017/03/logan-kyger.jpg) center top no-repeat;
}
.pic-markh {
background:url(/wp-content/uploads/2017/03/mark-haubert.jpg) center top no-repeat;
}
.pic-krichards {
background:url(/wp-content/uploads/2017/04/krichards.jpg) center top no-repeat;
}
.pic-elisa {
background:url(/wp-content/uploads/2017/05/ecaballero.jpg) center top no-repeat;
}
.pic-jamesf {
background:url(/wp-content/uploads/2017/05/jamesf.jpg) center top no-repeat;
}
.pic-joshua {
background:url(/wp-content/uploads/2017/05/jblanchard.jpg) center top no-repeat;
}
.pic-luke {
background:url(/wp-content/uploads/2017/05/lholcomb.jpg) center top no-repeat;
}
.pic-rhoyt {
background:url(/wp-content/uploads/2017/05/rhoyt.jpg) center top no-repeat;
}
.pic-tdail {
background:url(/wp-content/uploads/2017/06/tdail.jpg) center top no-repeat;
}
.pic-cpisarski {
background:url(/wp-content/uploads/2017/06/cpisarski.jpg) center top no-repeat;
}
.pic-cwhite {
background:url(/wp-content/uploads/2017/06/cwhite.jpg) center top no-repeat;
}
.pic-dpoling {
background:url(/wp-content/uploads/2017/06/dpoling.jpg) center top no-repeat;
}
.pic-nsanor {
background:url(/wp-content/uploads/2017/06/nsanor.jpg) center top no-repeat;
}
.pic-bmaroney {
background:url(/wp-content/uploads/2017/07/bmaroney.jpg) center top no-repeat;
}
.pic-bsenich {
background:url(/wp-content/uploads/2017/07/bsenich.jpg) center top no-repeat;
}
.pic-azeigler {
background:url(/wp-content/uploads/2017/07/azeigler.jpg) center top no-repeat;
}
.pic-lembly {
background:url(/wp-content/uploads/2017/08/lembly.jpg) center top no-repeat;
}
.pic-jarcher {
background:url(/wp-content/uploads/2017/08/jarcher.jpg) center top no-repeat;
}
.pic-mfulton {
background:url(/wp-content/uploads/2017/08/mfulton.jpg) center top no-repeat;
}
.pic-cfuller {
background:url(/wp-content/uploads/2017/09/cfuller.jpg) center top no-repeat;
}
.pic-mtansk {
background:url(/wp-content/uploads/2017/09/mtansk.jpg) center top no-repeat;
}
.pic-lswinger {
background:url(/wp-content/uploads/2017/11/lswinger.jpg) center top no-repeat;
}
.pic-jsolon {
background:url(/wp-content/uploads/2017/11/jsolon.jpg) center top no-repeat;
}
.pic-fzickefoose {
background:url(/wp-content/uploads/2017/12/fzickefoose.jpg) center top no-repeat;
}
.pic-jward {
background:url(/wp-content/uploads/2017/12/jward.jpg) center top no-repeat;
}
.pic-afink {
background:url(/wp-content/uploads/2018/02/afink.jpg) center top no-repeat;
}
.pic-jwimmer {
background:url(/wp-content/uploads/2018/02/jwimmer.jpg) center top no-repeat;
}
.pic-misha {
background:url(/wp-content/uploads/2018/08/misha.jpg) center top no-repeat;
}
.pic-jwackerly {
background:url(/wp-content/uploads/2018/08/jwackerly.jpg) center top no-repeat;
}
.pic-ngarbinsky {
background:url(/wp-content/uploads/2018/11/Nicholas-Garbinsky-Website.jpg) center top no-repeat;
}
.pic-mmaul {
background:url(/wp-content/uploads/2018/11/Michael-Maul-Website.jpg) center top no-repeat;
}
.pic-dmaze {
background:url(/wp-content/uploads/2018/11/Dianna-Maze-Website.jpg) center top no-repeat;
}
.pic-bilal {
background:url(/wp-content/uploads/2018/11/Bilal-Abdlrasul-Website.jpg) center top no-repeat;
}
.pic-jsnyder {
background:url(/wp-content/uploads/2018/11/Julia-Snyder-Website.jpg) center top no-repeat;
}
.pic-dbarnes {
background:url(/wp-content/uploads/2018/11/Dustin-Barnes-Website) center top no-repeat;
}
.pic-tshields {
background:url(/wp-content/uploads/2018/11/Tammi-Shields-Website) center top no-repeat;
}
.pic-jbradfield {
background:url(/wp-content/uploads/2018/11/Jodi-Bradfield-Website) center top no-repeat;
}
.pic-cpalmer {
background:url(/wp-content/uploads/2018/11/Cameron-Palmer-Website) center top no-repeat;
}
.pic-ctrompower {
background:url(/wp-content/uploads/2019/03/Christina-Trompower.jpg) center top no-repeat;
}
.pic-natekap {
background:url(/wp-content/themes/patriot-software/images/nate-kappel-website.jpg) center top no-repeat;
}
.pic-andrewcal {
background:url(/wp-content/themes/patriot-software/images/Andrew-Calhoun-website.jpg) center top no-repeat;
}
.pic-johnmal {
background:url(/wp-content/themes/patriot-software/images/John-Malloy-website.jpg) center top no-repeat;
}
.pic-alyshab {
background:url(/wp-content/themes/patriot-software/images/Alysha-Blanchard-Website.jpg) center top no-repeat;
}
.pic-adamver {
background:url(/wp-content/themes/patriot-software/images/Adam-Verheyen-Website.jpg) center top no-repeat;
}
.pic-vanbrocklin {
background:url(/wp-content/uploads/2019/05/Laura-VanBrocklin-Website.jpg) center top no-repeat;
}
.pic-bgerman {
background:url(/wp-content/uploads/2019/05/Brandon-German-Website.jpg) center top no-repeat;
}
.pic-musacchia {
background:url(/wp-content/uploads/2019/05/Jimmy-Musacchia-Website.jpg) center top no-repeat;
}
.pic-mbendel {
background:url(/wp-content/uploads/2019/05/Matthew-Bendel-Website.jpg) center top no-repeat;
}
.pic-jkramer {
background:url(/wp-content/uploads/2019/05/Justin-Kramer-Website.jpg) center top no-repeat;
}
.pic-gbailey {
background:url(/wp-content/uploads/2019/05/Grace-Bailey-Website.jpg) center top no-repeat;
}
.pic-elacy {
background:url(/wp-content/uploads/2019/05/Eve-Lacy-Website.jpg) center top no-repeat;
}
.pic-dkelly {
background:url(/wp-content/uploads/2019/05/Devin-Kelly-Website.jpg) center top no-repeat;
}
.pic-chas {
background:url(/wp-content/uploads/2019/05/Chas-Novitsky-Website.jpg) center top no-repeat;
}
.pic-abradfield {
background:url(/wp-content/uploads/2019/07/Aaron-Bradfield-Website.jpg) center top no-repeat;
}
.pic-abird {
background:url(/wp-content/uploads/2019/07/Alec-Bird-Website.jpg) center top no-repeat;
}
.pic-afuller {
background:url(/wp-content/uploads/2019/07/Amanda-Fuller-Website.jpg) center top no-repeat;
}
.pic-cgaffney {
background:url(/wp-content/uploads/2019/07/Conor-Gaffney-Website.jpg) center top no-repeat;
}
.pic-jchase {
background:url(/wp-content/uploads/2019/07/Jacob-Chase-Website.jpg) center top no-repeat;
}
.pic-jmaccora {
background:url(/wp-content/uploads/2019/07/James-Maccora-Website.jpg) center top no-repeat;
}
.pic-rlaurell {
background:url(/wp-content/uploads/2019/07/Regan-Laurell-Website.jpg) center top no-repeat;
}
.pic-smarkle {
background:url(/wp-content/uploads/2019/07/Scott-Markle-Website.jpg) center top no-repeat;
}
.pic-tburnett {
background:url(/wp-content/uploads/2019/07/Thomas-Burnett-Website.jpg) center top no-repeat;
}
.pic-jison {
background:url(/wp-content/uploads/2018/06/jison.jpg) center top no-repeat;
}
.pic-dbucci {
background:url(/wp-content/uploads/2019/07/Danielle-Bucci-Website.jpg) center top no-repeat;
}
.newFeatureHeader {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #008080;
  padding-left: 1.5em;
}

.newFeatureHeader:before {
  content: "";
  position: absolute;
  left: 25px;
  height: 16px;
  width: 16px;
  background-size: 16px!important;
  background: url(/wp-content/themes/patriot-software/images/green-star.png) no-repeat;
}

.newFeatureHeadernobox {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #008080;
  padding-left: 1.5em;
}

.newFeatureHeadernobox:before {
  content: "";
  position: absolute;
  left: 1px;
  height: 16px;
  width: 16px;
  background-size: 16px!important;
  background: url(/wp-content/themes/patriot-software/images/green-star.png) no-repeat;
}

.reviews-overview {
    float: right;
    position: relative;
    padding-top: 3em;
    width: 27%;
}

.reviews-detail {
    text-align: left;
}

.reviews-detail.fixed {
    position: fixed;
    top: 0;
}


/* [13. New Reviews Page] */

#newReviewsHeader {
  position: relative;
  float: left;
  width: 100%;
  min-height: 500px;
  margin-top: 84px;
  background: #fff url(/wp-content/themes/patriot-software/images/happy-customer.jpg) no-repeat center top;
  background-size: cover;
  z-index: 4;
}
.reviewCard {
  background: #fafafa;
  border: 1px solid #dbdbdb;
  padding: 2em;
  margin: 2em 0;
}
.reviewCard p, #newReviewsDetail p {
  font-size: 17px;
}
.reviewCard p:before{
  content: url(/wp-content/themes/patriot-software/images/quote-marks.png);
  display: block;
}
#newReviewsDetail {
    position: relative;
    float: left;
    width: 100%;
    background: #f7f7f7;
    border-bottom: 1px solid #dbdbdb;
    background-size: cover;
    z-index: 4;
    min-height: 250px;
}


/* [14. New Accessibility Colors & Components] */

    /* Primary Colors */
      .primaryBlue {
        color: #164080;
      }
      .primaryBlueBG {
        background-color: #164080;
      }
      .primaryDark {
        color: #363636;
      }
      .primaryDarkBG {
        background-color: #363636;
      }
      .primarywhite {
        color: #fff;
      }
      .primarywhiteBG {
        color: #fff;
      }

    /* Secondary Colors */
      .secondaryBlue {
        color: #3c6daa;
      }
      .secondaryBlueBG {
        background-color: #3c6daa;
      }
      .secondaryDark {
        color: #636363;
      }
      .secondaryDarkBG {
        background-color: #636363;
      }
      .secondarywhite {
        color: #f7f7f7;
      }
      .secondarywhiteBG {
        color: #f7f7f7;
      }
      .secondaryOffBlue {
        color: #eef2f9;
      }
      .secondaryOffBlueBG {
        background-color: #eef2f9;
      }
      .secondaryOffDark {
        color: #eee;
      }
      .secondaryOffDarkBG {
        background-color: #eee;
      }
      .secondaryOffwhite {
        color: #fafafa;
      }
      .secondaryOffwhiteBG {
        color: #fafafa;
      }

    /* Accent Colors */
      .accentOrange {
        color: #bb4517;
      }
      .accentOrangeBG {
        background-color: #bb4517;
      }
      .accentGreen {
        color: #266826;
      }
      .accentGreenBG {
        background-color: #266826;
      }
      .accentRed {
        color: #a32222;
      }
      .accentRedBG {
        color: #a32222;
      }
      .accentPurple {
        color: #8e378d;
      }
      .accentPurpleBG {
        background-color: #8e378d;
      }
      .accentAqua {
        color: #07749c;
      }
      .accentAquaBG {
        background-color: #07749c;
      }
      .accentGray {
        color: #556f7a;
      }
      .accentGrayBG {
        color: #556f7a;
      }

    /* Accessibility Buttons */

    .primaryButton {
      float: left;
      width: 100%;
      max-width: 250px!important;
      padding: 20px 10px;
      margin: .5em .5em .5em 0;
      border-radius: 4px!important;
      font-size: 16px;
      font-weight: 700;
      line-height: normal;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      box-sizing: border-box;
      text-decoration: none!important;
    }
    .primaryButtonAlt {
      float: left;
      width: 98%;
      padding: 20px 10px;
      margin: .5em .5em .5em 0;
      border-radius: 4px!important;
      font-size: 16px;
      font-weight: 700;
      line-height: normal;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      box-sizing: border-box;
      text-decoration: none!important;
    }
    .secondaryButton {
      float: left;
      width: 100%;
      max-width: 225px!important;
      padding: 15px;
      margin: .5em .5em .5em 0;
      border-radius: 4px!important;
      font-size: 16px;
      font-weight: 700;
      line-height: normal;
      text-align: center;
      cursor: pointer;
      box-sizing: border-box;
      text-decoration: none!important;
    }
    .mainCTAButton {
        background-color: #bb4517;
        color: #fff!important;
    }
    .mainAltButton {
        background-color: #3C6DAA;
        color: #fff!important;
    }
    .secondaryCTAButton, .secondaryAltButton {
        background-color: #fff;
        color: #3c6daa!important;
        border: 1px solid #3c6daa;
    }
    .mainCTAButton:hover {
        background-color: #c2582f;
    }
    .mainAltButton:hover {
        background-color: #507cb3;
    }
    .secondaryCTAButton:hover, .secondaryAltButton:hover {
        background-color: #eee;
    }

.stateCol{
  display: block;
  float: left;
  width: 23%;
  margin-left:2%;
}



/* Margins */

    /* No Margin */
        .margin_0 { margin: 0; }

    /* mt= Margin Top */
        .mt0 { margin-top: 0; }
        .mt1 { margin-top: .25em; }
        .mt2 { margin-top: .5em; }
        .mt3 { margin-top: .75em; }
        .mt4 { margin-top: 1em; }
        .mt5 { margin-top: 2em; }
        .mt6 { margin-top: 3em; }
        .mt7 { margin-top: 4em; }
        .mt8 { margin-top: 5em; }

    /* mb= Margin Bottom */
        .mb0 { margin-bottom: 0; }
        .mb1 { margin-bottom: .25em;}
        .mb2 { margin-bottom: .5em;}
        .mb3 { margin-bottom: .75em;}
        .mb4 { margin-bottom: 1em; }
        .mb5 { margin-bottom: 2em; }
        .mb6 { margin-bottom: 3em; }
        .mb7 { margin-bottom: 4em; }
        .mb8 { margin-bottom: 5em; }

    /* ml= Margin Left */
        .ml0 { margin-left: 0; }
        .ml1 { margin-left: .25em; }
        .ml2 { margin-left: .5em; }
        .ml3 { margin-left: .75em; }
        .ml4 { margin-left: 1em; }
        .ml5 { margin-left: 2em; }
        .ml6 { margin-left: 3em; }
        .ml7 { margin-left: 4em; }
        .ml8 { margin-left: 5em; }

    /* mr= Margin Right */
        .mr0 { margin-right: 0; }
        .mr1 { margin-right: .25em; }
        .mr2 { margin-right: .5em; }
        .mr3 { margin-right: .75em; }
        .mr4 { margin-right: 1em; }
        .mr5 { margin-right: 2em; }
        .mr6 { margin-right: 3em; }
        .mr7 { margin-right: 4em; }
        .mr8 { margin-right: 5em; }

    /* mv= Margin Vertical */
        .mv1 { margin: .25em 0; }
        .mv2 { margin: .5em 0; }
        .mv3 { margin: .75em 0; }
        .mv4 { margin: 1em 0; }
        .mv5 { margin: 2em 0; }
        .mv6 { margin: 3em 0; }
        .mv7 { margin: 4em 0; }
        .mv8 { margin: 5em 0; }

    /* mh= Margin Horizontal */
        .mh0 { margin: 0 auto;}
        .mh1 { margin: 0 .25em; }
        .mh2 { margin: 0 .5em; }
        .mh3 { margin: 0 .75em; }
        .mh4 { margin: 0 1em; }
        .mh5 { margin: 0 2em; }
        .mh6 { margin: 0 3em; }
        .mh7 { margin: 0 4em; }
        .mh8 { margin: 0 5em; }


/* Padding */
    .pad-1 { padding: .5em; }
    .pad-1-h { padding: 0 .5em; }
    .pad-1-v { padding: .5em 0; }
    .pad-1-t { padding-top: .5em; }
    .pad-1-b { padding-bottom:.5em; }
    .pad-1-l { padding-left: .5em; }
    .pad-1-r { padding-right: .5em; }

    .pad-75 { padding: .75em;}

    .pad-none { padding: 0em !important; }
    .pad-2 {    padding: 1em; }
    .pad-2-h { padding: 0 1em; }
    .pad-2-v { padding: 1em 0; }
    .pad-2-t { padding-top: 1em; }
    .pad-2-b { padding-bottom: 1em; }
    .pad-2-l { padding-left: 1em; }
    .pad-2-r { padding-right: 1em; }

    .pad-3 { padding: 2em; }
    .pad-3-h { padding: 0 2em; }
    .pad-3-v { padding: 2em 0; }
    .pad-3-t { padding-top: 2em; }
    .pad-3-b { padding-bottom: 2em; }
    .pad-3-l { padding-left: 2em; }
    .pad-3-r { padding-right: 2em; }

    .pad-4 { padding: 3em; }
    .pad-4-h { padding: 0 3em; }
    .pad-4-v { padding: 3em 0; }
    .pad-4-t { padding-top: 3em; }
    .pad-4-b { padding-bottom: 3em; }
    .pad-4-l { padding-left: 3em; }
    .pad-4-r { padding-right: 3em; }


@media only screen and (max-width: 601px) {
    .pad-3 { padding: 1em; }
}


/* [M. Mobile] */

@media all and (max-width: 480px) {

    #pricingHeader {
        padding: 1.5em 2em;
    }

    #pricingTitle h1 {
        font: 700 16px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .productHeader h3 {
        font: bold 15px/1.2em 'Lato', arial, sans-serif;
        color: #0a225e;
    }

    .productHeader h3 span {
        font: normal 14px/1.2em 'Lato', arial, sans-serif !important;
        font-style: italic !important;
    }

    .buttonWrapper {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 1em;
    }

    .buttonWrapper:first-child, .buttonWrapper:nth-child(3) {
        margin-bottom: 6em;
    }

    #orDiamondText {
        top: 215px;
    }

    #orDiamond {
        top: 215px;
    }

    .addOnProduct {
        width: 100%;
        margin: 1em 0% .5em;
    }

    .psi-bigButton {
        float: none;
    }

    #productHeader, .accountingBundleHeader {
        background: #c8cddc !important;
    }

    .ctaArea {
        margin-top: 1em !important;
    }

    #testimonialHeader {
        margin-top: 0;
        padding: 15px 0;
        margin-bottom: 0;
        background: url(/files/2013/06/footer-area-top-dk-bl.png) repeat-x top, url(/files/2013/06/footer-area-dk-bl.png) repeat !important;
    }


    #testimonialTagline {
        padding: 1em 2em;
    }

    #testimonialTop {
        margin-top: 2em;
    }


    #testimonialHeader span {
        font: 300 14px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .testimonial-list li {
        font: 300 18px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .arrow:after {
        content: "";
        background: url(/wp-content/themes/patriot-software/images/right-arrow.png) no-repeat;
        position: absolute;
        height: 28px;
        width: 17px;
        top: 20px;
        right: 30px;
    }

    .ctaBtn {
        width: 100%;
        font: 400 10px/1em 'Lato', Arial, sans-serif !important;
    }

    .ctaBtn span {
        font: 900 18px/1em 'Lato', Arial, sans-serif !important;
    }

    #homePageHeader .ctaBtn, #homePageHeader ctaBtn span {
        text-align:center;
    }

    #patriotHomeHeader .ctaBtn, #patriotHomeHeader ctaBtn span {
        text-align:center;
    }

    #patriotHomeScreenHeader .ctaBtn, #patriotHomeScreenHeader ctaBtn span {
        text-align:center;
    }


    #homePageHeader .ctaArea {
        margin-top: 1em !important;
    }

    #patriotHomeHeader .ctaArea {
        margin-top: 1em !important;
    }

    #patriotHomeScreenHeader .ctaArea {
        margin-top: 1em !important;
    }

    .employeeNum {
        padding: .5em 1.5em;
        font: normal 18px/1.2em 'Lato', Arial, sans-serif;
    }

    .employeeNum input {
        width: 36px;
        height: 18px;
        font-size: 18px;
    }

    .productTagline .ctaArea {
        padding-left: 0 !important;
        margin-top: 1em !important;
    }

    .ctaArea li {
        float: left;
        width: 48%;
        margin: 0 1%;
    }

    #homePageHeader .ctaArea li {
        width: 90%;
        margin: .25em 5%;
    }

    #patriotHomeHeader .ctaArea li {
        width: 90%;
        margin: .25em 5%;
    }

    #patriotHomeScreenHeader .ctaArea li {
        width: 90%;
        margin: .25em 5%;
    }

    .noFeature {
        display: none;
    }

    .timeAddOnBlock, .hrAddOnBlock, .timeAddOnBlock2 {
        border-bottom: 1px solid #eaeaea;
    }

    a#linkPaySct1 {
        max-width: none;
        margin: 1em 0;
        width: 100%;
    }

    .compareDesc p {
        width: 100%;
    }

    .compareDesc h6 {
        font-size: 16px !important;
        width: 100%;
    }

    #subHeaderHighlight p {
        font: 700 24px/1.65 'Lato', arial, sans-serif;
    }

}

@media all and (max-width:500px) {
    #ppcFinalCta p{
        width: 100%;
    }

    .signup-button, .get-started-button, .demo-button, .general-button {
        max-width: none;
        width:100%;
        text-align: center;
    }

    .employeeNumPage {
        padding: .75em 1.5em;
    }

    .compareBasic .addBtn {
        bottom: 100px;
    }

    .compareBasic .addBtn, .compareFull .addBtn {
        bottom: -18px;
    }

    #priceBasicPayroll, #priceFullPayroll {
        margin-top: .5em;
    }

    .psi-bigButton {
        height: 140px;
    }

    .additionalList {
        margin: 2em 2em !important;
    }

    #table ul li:first-child {
        font: 700 10px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .flRight {
        padding: 2rem 3rem 2em 1em;
    }

    .prices li {
        text-align: right;
    }

    #table div {
        width: 25%;
    }

    #homeTestimonialSlider {
        display:none;
    }

    iframe {
        height: auto;
    }

    .blogCategory {
        display: none;
    }

    .blogFeature {
        position:relative;
    }

    .sbeHeader {
        float: left;
        width: 100%;
        text-align: center;
        padding: 2em 1em 1em;
    }

    .sbeHeader h1 {
        font: 900 32px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .sbeHeader h2 {
        font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #productTitleNoIcon h1 {
        font: 900 24px/1.2em 'Lato', Arial, sans-serif !important;
        color: #0a225e !important;
        letter-spacing: .05em;
    }

    img.alignleft,
    img.alignright  {
        float: left;
        margin: 1em auto;
        width: 100%;
        height: auto;
    }


    .zopim.meshim_components_FloatingButton {
        display: none !important;
    }

    .featuredArticle,
    .secondaryArticle {
        float: left;
        position: relative;
        margin-left: 0%;
        margin-right: 0%;
        border: 1px solid #f1f3f5;
    }

    .blueCtaBtn a,
    .blueCtaBtn2 a,
    input.stateSubmit {
        font: 14px/1.5em 'Lato', Arial, sans-serif !important;
    }

    .missingPage {
        padding: 14em 2em;
    }

    .page-template-template-affiliates-php #main-sidebar-container #main {
        width: 100% !important;
    }

    #floatingFAQNav {
        display: none;
    }

    #faq-contact li {
        margin-bottom: 1em;
        width: 50%;
        float: left;
    }

    .authorImg img {
        float: none;
        margin: 0 0 3em 0;
        text-align: center;
    }

    #productTitle {
        text-align: center;
        width: 100%;
        margin: 1em 0 1em !important;
    }

    .detailTitle {
        padding: 0 0 .5em;
    }

    #main {
        margin-top: 1em;
    }

    #productIcon {
        float: left;
        text-align: center;
        width: 100%;
    }

    .webTemplateCopy .entry {
        float: left;
        width: 100%;
    }

    .croppedThumbnail {
        height: auto;
        overflow: hidden;
    }

    #contactTop li img,
    #faq-contact li img,
    #help-contact li img,
    #help-home-contact li img {
        padding: 25px;
    }

    #faqRightSide {
        width: 100%;
        margin-top: 0;
    }

    .faqContactText {
        display: none;
    }

    #mobileNav {
        display:block;
        width: 100%;
        color: #fff;
        text-align: center;
        margin-top: 1em;
        border-top: 1px solid #ccc;
        padding-top: 1em;
    }

    #mobileNav li {
        margin: 1em 0 1em !important;
    }

    #productTitleNoIcon {
        width: 100%;
        text-align: center;
    }

    .productCtaBtn {
        width: 100%;
        text-align: center;
        margin: 3em 0 0;
    }

    .productItem h4 {
        margin: 0 0 0;
    }


    #homeCTA {
        padding: 50% 4% 0%;
    }

    #main {
        padding: 0 2em;
    }

    #blogHomeContentWrapper #main,
    .single #main {
        padding: 0 0 !important;
        margin-top:0;
    }

    .featureList img {
        width:auto !important;
    }

    .productImage img {
        margin: 0 !important;
    }

    .single #wrapper {
        padding: 0 0 20px;
    }

    .archive #sidebar,
    .page-template-template-blog-small-business-expert-home-php #sidebar,
    .single #sidebar {
        margin: 0;
        padding: 0 1em;
        text-align: center;
    }

    #searchform {
        width: 100%;
    }

    .archive #sidebar #s,
    .page-template-template-blog-small-business-expert-home-php #sidebar #s,
    .single #sidebar #s {
        width: 85%;
    }

    #pageHeaderWrapper .fl {
        float: none;
        width:100%;
        text-align:center;
    }

    .fr {
        float: left;
        width: 100%;
        margin: 0 !important;
    }

    #blogSidebar {
        width: 100%;
    }

    #blogSideNav li {
        margin-left: 0;
    }

    #homeCTA h1,
    #homeCTA h2  {
        color: #0a225e !important;
        text-shadow:none;
    }

    #homeCTA h1 {
        font: 900 32px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #homeCTA h2 {
        font: normal 26px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #arrow {
        width: 40%;
    }

    #leftSide,
    #rightSide  {
        width: 30%;
    }

    #payProducts {
        width: 100%;
        margin-bottom:.25em;
    }

    #otherProducts {
        width: 100%;
    }

    #addCircle {
        left: 39%;
        bottom: 30%;
    }

    #orCircle {
        left: 44%;
        bottom: 45%;
    }

    #homeContent {
        width: 100% !important;
        padding: 0 2em;
    }

    .rightVideoWidget {
        width: 100%;
        margin-right: 0;
    }

    .textwidget iframe {
        width: 100%;
    }

    #homeProductsWrapper {
        padding: 30px 0 2px;
        -webkit-box-shadow: none;
        box-shadow:none;
    }

    #homeProducts h2 {
        font: normal 24px/1.2em 'Lato', Arial, sans-serif !important;
        color: #fff;
    }

    .payrollAddons a {
        padding: 1.5em 2.5em 10em;
    }

    .moreProducts a {
        padding: 2em 2.5em 10em;
    }

    #testimonialArea {
        height: 200px;
        background:none;
        padding: 0 0;
    }

    .testimonialWidget {
        width: 100%;
        margin-top: 0 !important;
        background: rgba(255,255,255,1);
        padding: 2em;
    }

    #testimonialArea {
        display: none;
    }

    #pricing {
        padding: 3em 0;
        margin: 2em 0;
    }

    #checkList {
        padding: 1em 1em 0;
        font: normal 12px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .content-container {
        position:relative !important;
    }

    .aboutImage,
    .parallax-zero,
    .parallax-two,
    .parallax-three,
    .parallax-four,
    .parallax-five  {
        display:none;
    }

    .page-container,
    .parallax-one,
    .support-container,
    .trust-container {
        height: auto !important;
    }

    #aboutSidebar {
        display:none;
    }

    .entry .featureList li {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding-left:0;
        text-align: center;
    }

    .entry .featureList img {
        float: none;
    }

    .flLeft, .flRight {
        width: 100%;
    }

    .mainArticle,
    .moreArticles {
        width: 100%;
    }

    #hosting-list {
        padding: .5rem;
        margin-bottom: 25px;
    }

    #hosting-list ul li {
        width: 90%;
        height: 40px;
        display: inline-block;
        padding: 0 0 0 50px;
        min-height: 1.5em;
        margin-left: 100px;
        color: #636363;
        font-size: 1.4rem;
        font-weight: 300;
    }

    .bluecheck {
        background: url(/files/2014/03/blue_check.png) no-repeat;
    }

    .testimonialBox {
        padding: 2em 2em;
    }

    .faq p {
        padding: 1.2em 2em;
    }

    .payAddOnList,
    .reportsList {
        padding: 0 !important;
    }

    .reportsList li {
        width: 100%;
        margin: 2em 0;
    }

    .payAddOnList li {
        list-style: none !important;
        width: 50%;
        float: left;
        text-align: center;
        min-height: 18em;
    }

    .tryItBox span {
        padding: 0;
        position: relative;
        margin-top: 0;
        text-align: center;
        width: 100%;
        float: left;
        margin-bottom: 1em;
    }

    .tryItBox {
        background: #0a225e;
        color: #fff;
        padding: 1em .5em;
        text-align: left;
        position: relative;
        float: left;
        width: 100%;
    }

    .tryItBtn {
        float: left;
        width: 100%;
        text-align: center;
        padding: 0 !important;
        margin: 0 !important;
        clear: both;
    }

    .tryItBtn a {
        font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #productHeaderWrapper {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        height: auto;
        background-size: 100% !important;
        background-position:top !important;
    }

    #productHome {
        position: relative;
        text-shadow: none;
        top:4em;
    }

    #productHome h1 {
        font: 900 30px/1.2em 'Lato', Arial, sans-serif !important;
        color: #0a225e !important;
        letter-spacing: .05em;
        float: left;
        width: 100%;
        padding: 0 .5em;
        text-align: left;
        text-align: center;
        margin: 5em 0 0 !important;
    }

    #productHome h2 {
        font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
        color: #0a225e !important;
        float: left;
        clear: both;
        padding: 0 .1em;
        width: 100%;
        text-align: center;
    }

    .largeGreenBtn {
        float: left;
        position: relative;
        width: 100%;
        top:auto;
        padding: 1em;
        margin-top: 5em;
    }

    .GreenBtn a,
    .largeGreenBtn a {
        font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
        padding: 1em;
        float: left;
        width: 100%;
    }

    .productPageTitle h3 {
        font: 700 28px/1.5em 'Lato', Arial, sans-serif !important;
        margin: 0;
        clear: both;
    }

    .productsPage h6 {
        font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #productImage {
        width: 100%;
        text-align:center;
    }

    .productPageTitle  {
        width:100%;
    }
    .productPageTitle h3 {
        text-align: center;
    }

    #floatingSidebar {
        display: none;
    }

    .searchWidget,
    .subscribeWidget {
        margin: 0 0;
    }

    #footerWrapper {
        padding: 0 1em;
    }

    #footer-help-article,
    #footer-main-bottom  {
        padding: 1em 1em 2em;
    }

    #content {
        padding: 0 0 0;
        position: relative;
    }

    .featureDesc {
        float: left;
        width: 100%;
        text-align: center;
    }

    .contactWrapper {
        padding: 1em;
    }

    #contactTop a {
        font: normal 18px/1em 'Lato', Arial, sans-serif;
    }

    #contactTop li {
        width: 100% !important;
        margin-bottom: 2em;
    }

    #contactTop ul {
        padding: 3em 2em 0;
    }

    #contactAddress,
    #contactBlock {
        float: left;
        width: 100%;
    }

    #contactAddress {
        padding: 0 2em; text-align: center;
    }

    #contactImg {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 100%;
        text-align: center;
    }

    #contactAddress p {
        float: left;
        width: 100%;
    }

    #blogContentWrapper,
    .contactWrapper,
    #contentWrapper,
    #helpHomeWrapper,
    #pricingArea {
        margin-bottom:0px !important;
    }

    #footer-main {
        position: relative;
        bottom: 0;
    }

    #footer-help-article,
    #footer-main-bottom  {
        position: relative;
        bottom: 0;
    }

    #footerWrapper {
        position: relative;
        bottom: 0;
    }

    #contactTop li img {
        padding: 25px;
    }


    .authorInfo {
        font-size: 12px !important;
    }

    #demoMain {
        margin: 3em auto;
        width: 90%;
        padding: 3em 1em;
    }

    .infusion-field {
        margin: 0 3em;
    }

    #demoMain .infusion-field input {
        width: 90%;
    }

    #productHomeContentWrapper {
        margin-bottom: 0;
    }

    #salesInfo {
        position: relative;
        float: none;
        padding: 2.5em 0 0;
        text-align: center;
    }


    #productTitle h1 {
        font: 900 32px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .otherHelpLinks li {
        width: 100%;
    }

    #sideNav h5 {
        clear: both;
    }

    #contactTop li,
    #help-contact li,
    #help-home-contact li  {
        width: 100%;
        margin-bottom: 2em;
    }

    #floatingFAQNav,
    #floatingNav,
    #sideNav {
        border-right: none;
        padding: 3em 0;
        text-align: center;
    }

    #sideNav #searchform {
        display: none;
    }

    #rightsideNav {
        margin-left: 2em;
        margin-bottom: 2em;
        float: left;
    }

    #helpHomeSearch {
        margin: 1em 0 2em;
        float: left;
        width: 100%;
        padding: 0 2em;
    }

    #searchsubmit {
        position: relative;
        margin-left: -20px;
    }

    .lostSearch {
        margin: 2em 0 !important;
        float: none;
        width: 100%;
        max-width: 2024px;
        text-align: center;
        padding: 0 0;
    }

    #mobilePhone {
        display:block;
        padding: .7rem;
    }

    #mobilePhone a {
        color:#fff !important;
    }

    .globalfooterNav li {
        display: block;
        margin-right: 0;
        margin-bottom: .5em;
    }

    #footer {
        text-align: center;
    }

    .productFeatures {
        margin-top:1em;
        display:inline-block;
        float:none;
    }


    /* NEW PSI HOME  MOBILE STYLES */


    #homeHeader, #homePageHeader, #patriotHomeHeader, #patriotHomeScreenHeader, #payrollForAccountants {
        margin-top: 0;
        background:none;
    }

    #homePageHeader, #patriotHomeHeader, #patriotHomeScreenHeader {
        text-align:center;
    }

    #homeTagline {
        padding: 15px 0;
        margin-bottom: 0;
        background: url(/files/2013/06/footer-area-top-dk-bl.png) repeat-x top, url(/files/2013/06/footer-area-dk-bl.png) repeat;
    }

    #homePageTagline {
        padding: 15px 0;
        margin-bottom: 0;
        background: #fff;
    }

    #homeHeader h1, #homePageHeader h1, #patriotHomeHeader h1, #patriotHomeScreenHeader h1 {
    font: 900 28px/1.2em 'Lato', Arial, sans-serif !important;
    color:#000 !important;
    text-shadow:none;
    }

    #productTagline {
    padding: 1em 2em;
    text-align: center;
    }

    #homeHeader h2, #homePageHeader h2 {
    font: 400 18px/1.2em 'Lato', Arial, sans-serif !important;
    color:#000 !important;
    text-shadow:none;
    }

    .homeProduct h3 {
    font: 400 24px/1em 'Lato', Arial, sans-serif !important;
    }

    .homePrice p {
        font: 700 18px/1em 'Lato', Arial, sans-serif !important;
        width:100%;
    }

    .freeSetup {
        font: 400 14px/1em 'Lato', Arial, sans-serif !important;
    }

    .learnMore {
        font: 400 18px/1em 'Lato', Arial, sans-serif !important;
    }

    .homeProduct {
        width: 100%;
    }

    .homeProduct:first-child {
        border-right: none;
        border-bottom: 2px solid #e1e1e5;
    }

    .homePrice {
        width: 100%;
    }

    .learnMore {
        float: left;
    }

    .oneTestimonial {
        margin: 3em 1em !important;
    }

    /* END NEW PSI HOME  MOBILE STYLES */

    .ctaBar li {
        width: 100%;
        padding: 0 1em !important;
        margin: 0 0 .5em !important;
    }


    .portalAdditional li {
        padding: 0;
        list-style: disc !important;
        display: list-item;
        width: 80%;
        margin: 0 10% !important;
        text-align:left !important;
    }

    .portalAdditional p {
        text-align: left;
    }

    #product-extra-features {
        text-align: center;
    }

    #product-profit-extra-features .column-half ul.profitBox {
        width: 100%;
    }

    .pricingMore {
        float: left;
        clear: left;
    }

    .baseProduct {
        width: 100%;
        padding-right: 0%;
        padding: 0 2em;
    }

    .productCategory {
        float: left;
        width: 100%;
        padding: 0 2em;
    }

    .productTitleBlock {
        margin-bottom: 2em;
    }

    .productQuoteBlock p {
        text-align: left;
    }

    .productPageAddOns .compareAddOn {
        width: 100%;
    }

    #bundledAccounting .productQuoteBlock {
        width: 100%;
        float: right;
    }

    #productPageTagline {
        padding: 2em;
    }

    #productPageHeader {
        background: none;
        margin-top: 0;
    }

    .baseProductTitle {
        float: left;
        width: 100%;
    }

    .productPagePrice {
        width: 100%;
        text-align: center;
    }

    .productStartsAt {
        width: 100%;
        text-align: center;
        margin-top: 1em;
    }

    #accountingProductsWrapper {
        margin-bottom: 0;
    }

    #productPageTagline h1 {
        font: 300 24px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #productPageTagline h2 {
        font: 400 18px/1.2em 'Lato', arial, sans-serif;
    }

    .productCategory h3 {
        font: 400 32px/1em 'Lato', Arial, sans-serif;
    }

    .baseProduct h4, .baseProduct h5 {
        text-align: center;
    }

    .productTitleBlock p {
        font: 400 18px/1.2em 'Lato', Arial, sans-serif;
    }

    .productQuoteBlock p {
        font: 400 16px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .productPageAddOns > ul {
        padding: 0 1em;
    }

    #productPageTagline h1, #productPageTagline h2 {
        width: 100%;
    }

    #bundledPayrollWrapper,
    #bundledAccountingWrapper {
        padding: 2em 0;
    }

    .generalMore {
        width: 100%;
    }

    .home-second, .home-first {
        padding: 2.5em;
    }

    .triangle-right, .triangle-left {
        display: none;
    }

    #keywordMainLeft {
        width: 100%;
        padding:0em;
    }

    #keywordMainRight {
        width: 100%;
        padding-bottom: 2em;
    }

    #keywordSection h1 {
        font: 300 32px/1.2em 'Lato', Arial, sans-serif !important;
        padding: .5em;
    }

    #keywordMainRight h2 {
        padding: 0 0 .5em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #keywordMainRight p {
        font: 300 16px/1.5em 'Lato', arial, sans-serif;
    }

    .keywordPrice {
        font: 300 30px/.8em 'Lato', Arial, sans-serif !important;
    }

    .landing-list li {
        width: 100%;
    }

    #landing-bottom .readySignUpWrapperLast {
        margin-left: 0 !important;
    }

    #keywordContent {
        padding:  0;
        margin: 0 auto;
    }

    .ctaBarTriangle-gray {
        display: none;
    }

    .landing-cta {
        padding: .5em !important;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;

    }

    a.bbb {
        width: 100%;
        margin-bottom: 1em;
    }

    #credit {
        clear: left;
        float:left;
        margin-top:0em;
        width:100%;
        margin-bottom:1em;
    }


    .trainingIcons span {
        top: 7em;
        color: #a4b0bd;
    }

    .trainingIcons {
        background: #a4b0bd url(/wp-content/themes/patriot-software/images/training-sprite.png) no-repeat !important;
        -webkit-border-radius: 90px;
        border-radius: 90px;
        padding: 0;
        margin: 2em 3% 3em;
        float: left;
        height: 85px;
        width: 85px;
        position: relative;
    }

    .blogIcon, .blogIcon:hover {
        background-position: -20px 10px !important;
    }

    .helpIcon, .helpIcon:hover {
        background-position: -407px 13px !important;
    }

    .definitionsIcon, .definitionsIcon:hover {
        background-position: -211px 10px !important;
    }

    #sidebar {
        padding: 0 2em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #blogSingleContentWrapper {
        margin-bottom: 0;
    }

    .team-profiles {
        width: 100%;
        margin: .5em 1.5%;
        float: left;
    }
    .team-profiles p {
    text-align: left;
    margin-left: 3em;
    }

    .transactHeader, .ppcHeader {
        width: 100%!important;
    }

}

@media all and (max-width: 520px) {

      .review-logo {
        width: 100%;
        padding: 1em 0;
    }

    #productContentWrapper #main p {
        text-align: left;
    }

    .spotlight_main {
        float:none;
        width: 100%;
    }

    .spotlight_sidebar {
        float:none;
        width: 100%;
    }

    .employee-spotlight blockquote p {
        font: bold 25px/25px 'Lato', arial, sans-serif !important;
    }

    #productContentWrapper #main .spotlight_sidebar p {
        text-align: center;
    }

    #pricingTitle h1 {
        font: 700 16px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .productHeader h3 {
        font: bold 15px/1.2em 'Lato', arial, sans-serif;
        color: #0a225e;
    }

    .productHeader h3 span {
        font: normal 14px/1.2em 'Lato', arial, sans-serif !important;
        font-style: italic !important;
    }

    #productHeader h1 {
        font: 700 28px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #testimonialHeader h1 {
        font: 700 28px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #productHeader h2 {
        font: 400 18px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #testimonialHeader h2 {
        font: 400 18px/1.2em 'Lato', Arial, sans-serif !important;
        width: 100%;
    }

    #testimonialTop h3 {
        font: 300 22px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .sbeHeader h1 {
        font: 900 32px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .sbeHeader h2 {
        font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #productTitleNoIcon h1 {
        font: 900 24px/1.2em 'Lato', Arial, sans-serif !important;
        color: #0a225e !important;
        letter-spacing: .05em;
    }

    #homeCTA h1,
    #homeCTA h2  {
        color: #0a225e !important;
        text-shadow:none;
    }

    #homeCTA h1 {
        font: 900 32px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #homeCTA h2 {
        font: normal 26px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #homeProducts h2 {
        font: normal 24px/1.2em 'Lato', Arial, sans-serif !important;
        color: #fff;
    }

    #productHome h1 {
        font: 900 30px/1.2em 'Lato', Arial, sans-serif !important;
        color: #0a225e !important;
        letter-spacing: .05em;
        float: left;
        width: 100%;
        padding: 0 .5em;
        text-align: left;
        text-align: center;
        margin: 5em 0 0 !important;
    }

    #productHome h2 {
        font: normal 18px/1.2em 'Lato', Arial, sans-serif !important;
        color: #0a225e !important;
        float: left;
        clear: both;
        padding: 0 .1em;
        width: 100%;
        text-align: center;
    }

    .productPageTitle h3 {
        text-align: center;
    }

    #homeHeader h1, #homePageHeader h1 {
        font: 900 28px/1.2em 'Lato', Arial, sans-serif !important;
        color:#000 !important;
        text-shadow:none;
    }

    #productTagline {
        padding: 1em 2em;
        text-align: center;
    }

    #homeHeader h2, #homePageHeader h2 {
        font: 400 18px/1.2em 'Lato', Arial, sans-serif !important;
        color:#000 !important;
        text-shadow:none;
    }

    .homeProduct h3 {
        font: 400 24px/1em 'Lato', Arial, sans-serif !important;
    }

    #productPageTagline h1 {
        font: 300 24px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #productPageTagline h2 {
        font: 400 18px/1.2em 'Lato', arial, sans-serif;
    }

    .productCategory h3 {
        font: 400 32px/1em 'Lato', Arial, sans-serif;
    }

    .baseProduct h4, .baseProduct h5 {
        text-align: center;
    }

    #productPageTagline h1, #productPageTagline h2 {
        width: 100%;
    }

    #keywordSection h1 {
        font: 300 32px/1.2em 'Lato', Arial, sans-serif !important;
        padding: .5em;
    }

    #keywordMainRight h2 {
        padding: 0 0 .5em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .page-numbers, .woo-pagination span.current {
        float: left;
        margin: .25em;
        padding: .75em !important;
        font-size: 12px !important;
    }

    .page-numbers.dots {
        float: left;
        margin-top: .75em;
        padding: .25em !important;
    }

    .next.page-numbers {
        float: left;
    }

    .current, .woo-pagination a:hover {
        padding: .75em!important;
    }

    .fsa-hsa {
        margin: 0 0 1em!important;
        padding: 0 0 1em!important;
    }

    .fsa-hsa li {
        width: 100%;
        border-right: none;
    }


    .serviceBlock {
        background:none;
    }

    .fadeBg {
        width:100%;
        box-sizing:border-box;
    }

    .serviceBlock .ctaBtn, .serviceBlock.alignRight .ctaBtn {
        display: block;
        float:none;
        width:100%;
        margin-left:auto;
        margin-right: auto;

    }

    .serviceBlock.alignRight .fadeBg {
        text-align: left;
        float: left
    }

    .royalty-description-wrapper {
        background: #e5e8ec;
        background-size: contain;
        margin-top: 0;
        padding-bottom: 1em;
    }

    .royalty-main {
        padding: 2em 1em;
        width: 100%;
        background: #e5e8ec;
    }

    .royalty-main h1 {
        font: bold 30px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .royalty-center h4, .get-started h4, .royalty-main h4 {
        font: bold 18px/1.2em 'Lato', arial, sans-serif;
    }

    .royalty-overview-block h4 {
        margin:0 0 .15em;
    }

    .royalty-center p, .get-started p, .royalty-main p {
        font: normal 18px/1.5em 'Lato', arial, sans-serif;
    }

    .royalty-main .ctaArea li {
        float: left;
        width: 100%;
        margin: 0 0 1em;
    }

    .royalty-bottom {
        margin-bottom: 0;
    }

    .royalty-block-wrapper {
        background: url(/wp-content/themes/patriot-software/images/royalty-badges-background.jpg) no-repeat 0 0;
        background-size: cover;
    }

    .royalty-main .ctaBtn {
        width: 100%;
        text-align: center;
    }

    .royalty-overview-block {
        width: 100%;
        min-height: inherit;
        margin: 1em 0;
    }

    .certified-advisor-bottom-block .button {
        max-width: 100% !important;
        width: 100%;
    }

    .white-full {
        padding: 1em;
        width: 100%;
    }

    .get-started {
        float: left;
        width: 100%;
        margin-left: 0;
    }

    .lets-get-started {
        float: left;
        width: 100%;
        margin-top: .5em;
        margin-right: 0;
        text-align: center;
    }

    .lets-get-started .button {
        float: none;
    }

    #copyright {
        float: left;
        width: 100%;
    }

    #menu-global-footer > li, #menu-global-footer > li:last-child {
        float: left;
        width: 100%;
        margin-right: 0;
        padding: .5em 0;
    }

    #footer a {
        font-size: 16px;
        padding: .5em 0;
    }

    #credit {
        width: 100%;
        margin: 0 0 4em;
    }

    .business-links {
        float: left;
        width: 100%;
        text-align: center;
        margin: 1em 0;
    }

    .business-links a {
        margin: 0 1em;
    }

    .advisor-top,
    .society-top,
    .affinity-top,
    .business-advocate-top,
    .business-consultants-top,
    .partner-top {
        background: #fff;
    }

    .royalty-top-content,
    .society-top .royalty-top-content,
    .affinity-top .royalty-top-content,
    .business-advocate-top .royalty-top-content,
    .partner-top .royalty-top-content,
    .business-consultants-top .royalty-top-content {
        width: 100%;
    }

    .advisor-cta-btn {
        margin-top: 1em;
    }

    #royalty-right {
        float: right;
        width: 100%;
        background: #eee;
        margin-right: 0;
    }

    .royalty-top .action-button {
        /*padding: 1em;*/
        display: none;
    }

    .certified-royalty-summary {
        float: left;
        width: 100%;
        margin-top: 1.25em;
    }

    ul.advisor-badges {
        float: left;
        padding: 0 !important;
        margin: 0 !important;
        width: 100%;
        margin-left: 0% !important;
    }

    .royalty-summary-btn a {
        float: right;
        width: 100%;
        text-align: center;
        padding: 1em;
        margin-top: 2em;
    }

    .make-referrals-list {
        float: left;
        width: 100%;
    }

    .royalty-overview-block-last {
        margin-left: 0%;
    }

    .royaltyPages img {
        max-width: 120px;
        margin: 0 1em 1em 0 !important;
    }

    .royalty-cta li {
        width: 100% !important;
        margin: .5em 0 !important;
    }

    .royalty-cta li a, .royalty-summary-btn a {
        max-width: none;
    }

    .badge-type a {
        width: 100%;
    }

    .zopim.meshim_components_FloatingButton {
        display: none !important;
    }

    .business-links {
        width: 100%;
        margin: 0 0%;
    }

    .serviceBlock {
        background:none;
    }

    .fadeBg {
        width:100%;
        box-sizing:border-box;
    }

    .serviceBlock .ctaBtn, .serviceBlock.alignRight .ctaBtn {
        display: block;
        float:none;
        width:100%;
        margin-left:auto;
        margin-right: auto;

    }

    .serviceBlock.alignRight .fadeBg {
        text-align: left;
        float: left
    }

    .company-card {
        width: 98%;
        min-height: auto;
    }
    .company-tree{
        display: none;
    }
    .the-company {
        width: 100%;
    }
    .altMainHeader {
    width: 100%;
    }
    .altSubHeader {
    width: 100%;
    }
    .altSubHeader50 {
    width: 100%;
    }

    .transact-header {
    background: #eef2f9!important;
}
  .home-one-third-small{
    width: 96%;
}
#homeSupportBg {
    background: url(/wp-content/themes/patriot-software/images/support-team-mobile-bg-new.png) no-repeat center top #fff;
    min-height: 425px;
}

.solo-button, .solo-buttonAlt {
    width: 100%!important;
}

}

@media all and (min-width: 520px) and (max-width: 1024px)  {
    .col-right {
        float: left;
        width: 100%;
        text-align: center;
    }

    .business-links {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 2em;
    }

    #copyright {
        width: 100%;
    }

}

@media all and (min-width: 520px) and (max-width: 1000px) {
    .ppcTestimonialContent {
        padding: 2em;
        margin: 0 auto !important;
        float: right;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background: rgba(255,255,255,.6);
    }

}

@media all and (min-width: 521px) and (max-width: 768px) {
    .review-logo {
        width: 17%;
        padding: 3em 1.5%;
    }
    .advisor-badges {
        width:45%;
        margin-left:0;
    }

    .royalty-top-content, .society-top .royalty-top-content, .affinity-top .royalty-top-content,
    .business-advocate-top .royalty-top-content, .partner-top .royalty-top-content,
    .business-consultants-top .royalty-top-content  {
        width: 100%;
    }

    .advisor-top,
    .society-top,
    .affinity-top,
    .business-advocate-top,
    .business-consultants-top,
    .partner-top {
        background: #fff;
        width: 100%;
    }

    #royalty-right {
        background: #f7f7f7;
        width:100%;
        margin-right: 0%;
    }


    .royalty-description-wrapper {
        margin-top: 0;
    }


    .royalty-main {
        padding: 1em;
        float: left;
    }

    .royalty-overview-block {
        padding: 1em;
        width: 98%;
        margin: .5em 1%;
        min-height: inherit;
    }

    .royalty-overview-block-last {
        margin-left: 1%;
    }

    .royalty-bottom {
        margin-bottom: 0;
    }

    .royalty-main h1 {
        font: 700 36px/1.2em Lato,Arial,sans-serif!important;
    }

    .royalty-block-wrapper {
        background: url(/wp-content/themes/patriot-software/images/royalty-badges-background.jpg) 0 0 no-repeat;
        background-size: cover;
    }

    .certified-advisor-bottom-block {
        background: #fff;
    }
    .certified-advisor-bottom-block .fadeBg {
        width: 100%;
    }

    .certified-advisor-bottom-block .button {
        float:none;
        margin:1em auto;
    }

    .col-right {
        clear: right;
    }

    #copyright {
        float: left;
        width: 55%;
    }

    .business-links {
        width: 38%;
    }

    #menu-global-footer>li {
        float: left;
        width: 25%;
        margin-right: 2%;
    }

    .make-referrals-list {
        float: left;
        width: 100%;
    }

    ul.advisor-badges {
        float: left;
        padding: 0!important;
        margin: 4% 0 0 25% !important;
        width: 50%;
    }

    .advisor-cta-btn {
        display: none;
    }

    .team-profiles {
        width: 45%;
        margin: .5em 1.5%;
        float: left;
    }
    .team-profiles p {
    text-align: left;
    margin-left: 3em;
    }

    #patriotHomeHeader {
    margin-top: 0;
    background-position: 60% top;
    }

    #patriotHomeScreenHeader {
    margin-top: 0;
    background-position: 60% top;
    }

    #payrollForAccountants {
    margin-top: 0;
    background-position: 60% top;
    }

    .altMainHeader {
    width: 75%!important;
    }

    .altSubHeader {
    width: 75%!important;
    }
    .altSubHeader50 {
    width: 75%!important;
    }

  #franchiseHeader, #consultantHeader, #associationHeader, #societyHeader, #advisorHeaderBlue, #certifiedAdvisorHeaderBlue {
    margin-top: 0px;
    margin-top: 0px;
    padding: 0 1em;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #283b58;
  }

  .royalty-tagline {
      font-size: 35px;
  }

  .royalty-type {
    font-size: 28px;
  }

  #franchiseHeader .button, #consultantHeader .button, #associationHeader .button, #societyHeader .button, #advisorHeaderBlue .button, #certifiedAdvisorHeaderBlue .button {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1em;
  }
  .home-one-third-small{
    width: 46%;
}
  .newPricingBlock {
    padding: 2em 6em;
  }

}

@media only screen and (max-width: 580px) {
    #payroll-training-videos-wrapper iframe, #accounting-training-videos-wrapper iframe {
        height: inherit;
    }

    .definitions-other-links {
        width: 100%;
        float: left;
        text-align: center;
        margin: 0 auto;
    }

    .definitions-other-links .training-btn {
        margin: 3em auto;
    }

    .definitions {
        float: left;
        width: 100%;
    }

    #glossaryContent {
        padding: 0 0 !important;
    }

    .help-search-block h3 {
        text-align: center;
        float: none;
        margin: 0;
    }

    .help-search-form {
        float: none;
        width: 100%;
        margin: 1em auto;
    }

    #help-search-wrapper, #payroll-help-search-wrapper {
        padding: 2em !important;
        margin: 0 auto 2em;
        box-sizing: border-box;
        -ms-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }

    .help-search-form input {
        width: 95%;
        margin-top: 0;
    }

    .help-search-form #searchsubmit {
        position: absolute;
    }

    .help-search-form input {
        font-size: 17px;
    }

}

@media all and (max-width: 699px) {
    #mobileNav {
        display:none;
    }
    .wrap {
        padding: 0;
    }
    .page-content {
        padding: 0;
    }
    .page-content-container {
        float: left;
        width: 100%;
        padding: 0;
    }
    #portamento_container .sidebar.fixed {
        position: relative;
    }
    /*
    section.grid {
        border-left: none;
        border-top: 5px solid #eef2f9;
        padding: 0;
    }
    */
    .grid .grid-row {
        margin-bottom: 0;
    }
    .grid .grid-row .col {
        margin-right: 0%;
        margin-bottom: 1em;
    }
    .grid .grid-row.featured-block-wrapper {
        margin-bottom: 1em;
    }
    section.grid .one-fifth,
    section.grid .one-fourth,
    section.grid .one-half,
    section.grid .one-third,
    section.grid .three-fifths,
    section.grid .three-fourths,
    section.grid .two-fifths,
    section.grid .two-thirds {
        width: 100%;
    }

    .ready-to-try h4 {
        width: 100%;
    }

    .ready-to-try .ctaBar {
        width: 100%;
    }

    .ready-to-try .ctaBar li {
        width: 100%;
    }

    .one-half .team-pic {
        float: none;
        width: 100%;
    }

    .team-desc {
        padding-top:0;
    }
    .team-desc p {
        text-align: center !important;
    }

    #viewPositions {
        float:none;
    }

    .resourcesSideNav {
       padding-left: 1.5em;
  }
  #newReviewsHeader {
  background: #fff url(/wp-content/themes/patriot-software/images/happy-customer-mobile.jpg) no-repeat center top;
}
}

@media all and (min-width: 710px) and (max-width: 1000px) {

    .featuredArticle, .secondaryArticle {
        float: left;
        position: relative;
        margin-left:15%;
        margin-right:15%;
    }

    #hosting-list {
        padding: .5rem;
        margin-bottom: 25px;
    }

    #hosting-list ul li {
        width: 38%;
        height: 40px;
        display: inline-block;
        padding: 0 0 0 50px;
        min-height: 1.5em;
        margin-left: 100px;
        color: #636363;
        font-size: 1.4rem;
        font-weight: 300;
    }

    .bluecheck {
        background: url(/files/2014/03/blue_check.png) no-repeat;
        width: 60%!important;
    }

}

@media all and (max-width: 767px) {
    .compareAddOn, .comparePayroll {
        width: 100%;
        margin: 1em 0 0;
        padding: 1.25em 4em;
    }

    .compareFull, .compareBasic, .compare1099, .compareAccounting {
        float: left;
        width: 100%;
    }

        .hide-on-mobile {
        display: none;
    }

    .comparePrices .compareBasic, .comparePrices .compareFull, .comparePrices .compare1099, .comparePrices .compareAccounting {
        position: relative;
        margin-top: 63px;
    }

    .contactPage {
        padding: 0 1em;
    }

    .demo-button span, .signup-button span, .get-started-button span {
        font-size:18px;
    }
    .demo-button, .signup-button, .get-started-button {
        font-size: 12px;
    }

    .product-features p {
        float: left;
        width: 69%;
    }

    .product-content {
        padding:2em 0;
    }

    #productSection {
        float: left;
        width: 100%;
    }

    #pricingHeader {
        padding: 1.5em;
    }

    .comparePrices .compareBasic:before, .comparePrices .compareFull:before, .comparePrices .compareAccounting:before, .comparePrices .compare1099:before, .compare1099 .psi-bigButton:before, .compareFull .psi-bigButton:before,
    .compareBasic .psi-bigButton:before, .compareAccounting .psi-bigButton:before {
        top: -60px;
        font: 400 18px/1em 'Lato', Arial, sans-serif;
    }

    .priceBlock {
        font: 300 80px 'Lato', Arial, sans-serif !important;
    }

    .priceBlock span {
        line-height: 60px !important;
    }


    .prodName {
        font: normal 16px/1.2em 'Lato', Arial, sans-serif;
    }

    #pricingTitle h1 {
        font: 700 18px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #pricingTitle h2 {
        font: 400 14px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #pricingContentWrapper {
        float: left;
        width: 100%;
    }

    .priceBlock:before, .priceBlock:after {
        font-size: 28px;
        line-height: 2.5em !important;
    }

    .prodTitle {
        font-size: 12px;
        padding: .25em;
    }

    #pricing-sidebar {
        width: 100%;
    }

    .productHeader {
        width: 75%;
    }

    #pricingHeader {
        padding: 1.5em;
    }

    .pricingPageWrapper #content {
        margin-top: 2em;
    }

    #orDiamond {
        top: 115px;
    }

    #orDiamondText {
        top: 115px;
    }

    #pricingTitle h1 {
        font: 700 18px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #testimonialHeader h1 {
        font: 700 34px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #testimonialHeader h2 {
        font: 400 21px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #main h2 {
        font: 900 24px/1.2em 'Lato', arial, sans-serif;
    }

    #pricingTitle h2 {
        font: 400 14px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .product-content h3 {
        font: 900 26px/1.2em 'Lato', arial, sans-serif;
    }

    #addonTitle h6 {
        margin-left: 15%;
        width: 70%;
    }

    #productHeader h2 {
        width: 100%;
    }

    #priceComparisonWrapper {
        margin-top: 1em;
    }

    .column-half {
        width: 100%;
    }

    #product-main .last-half {
        margin-left: 0%;
        width: 100%;
    }

    .main-section {
        padding: 0 1em !important;
        margin-top: 1em !important;
    }

    .threeStepList li {
        width: 100%;
    }

    .headerTriangle, .threeStepListTriangle {
        display: none;
    }

    #payroll3Steps h4 {
        font: 300 24px/1.5em 'Lato', Arial, sans-serif !important;
        width: 100%;
    }

    #payroll3Steps h4 .threeEasy {
        font: 700 32px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #payroll3Steps h4 span {
        font: 700 28px/1.5em 'Lato', Arial, sans-serif !important;
    }

    .featureList {
        text-align: center;
    }

    #productDescriptionBlock {
        width: 100%;
        padding: 1em;
        text-align: center;
        margin-top: 1em !important;
        font: bold 18px/1.2em 'Lato', Arial, sans-serif;
    }

    #productDescriptionBlock:before {
        display: none;
    }

    .full-span .learnMore {
        width: 70%;
        margin: 2em 15% 0;
    }

    .productPageAddOn > li {
        width: 100%;
        margin: 0 0 .5em;
    }

    .faqBlock {
        margin: 2em 0 3em;
        width: 100%;
        text-align: left;
    }

    .faqBlock p strong, #product-reports p strong {
        font: bold 20px/1.2em 'Lato', Arial, sans-serif !important;
        margin-bottom: .5em;
        float: left;
        width: 100%;
    }

    .reportBlock li {
        width: 100%;
    }

    .reportBlock p {
        text-align: center;
    }

    .additional-info li p {
        text-align: left;
        font-size: 17px;
    }

    .readySignUp {
        float: left;
        width: 100%;
        margin-bottom: 1em;
    }

    .ctaBar {
        width: 100%;
    }

    .ctaBar li {
        width: 30%;
        padding: 0 1em !important;
        margin: 0 0 .5em !important;
    }

    .ctaBarTriangle {
        display: none;
    }

    #product-testimonials .slide p {
        width: 90%;
        margin: 0 5% 1em;
    }

    .last-half {
        margin-bottom:2em;
    }

    .threeStepList li a {
        pointer-events: none;
    }

    .threeStepList li a:hover {
        box-shadow: none;
        -moz-box-shadow: none;
    }

    .threeStepList li a:hover:after {
        border-bottom: 60px solid #5669a3;
    }

    .popUpInstructions {
        display: none;
    }

    .threeStepList {
        padding: 0 20px .75em;
    }

    #product-features .productFeatures {
        margin-top: 1em;
        display: inline-block;
        float: none;
    }

    #product-features .featureDesc {
        float: left;
        width: 100%;
    }

    #productDescriptionWrapper #productImage {
        float: left;
        width: 100%;
        text-align: center;
    }

    .portalAdditional li {
        padding: 0;
        list-style: disc !important;
        display: list-item;
        width: 80%;
        margin: 0 10% !important;
        text-align:left !important;
    }

    .portalAdditional p {
        text-align: left;
    }

    #product-profit-extra-features .column-half ul.profitBox {
        width: 100%;
    }

    #pricingRight {
        position: relative;
        right: inherit;
        top: inherit;
        margin-top: 1em;
        float: left;
    }

    .pricingMore {
        float: right;
    }
    /* END NEW PSI PRODUCT MOBILE STYLES */

    #accountingProductsWrapper {
        margin-bottom: 0;
    }

    #productPageHeader {
        margin-top:0px;
    }

    #bundledPayrollWrapper,
    #bundledAccountingWrapper {
        padding: 2em;
    }

    .productPageAddOns > ul {
        padding: 0 1em;
    }

    .productPageAddOns #addonTitle h6 {
        width: 40%;
        margin-left: 30%;
    }

    .baseProduct {
        width: 100%;
        padding-right: 0%;
        padding:0 2em;
    }

    #productPageTagline {
        padding: 20px 2em 40px;
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    }

    #productPageTagline h1, #productPageTagline h2 {
        width: 60%;
    }

    #credit {
        clear: left;
        float:left;
        margin-top:1em;
    }

    ul.sub-menu {
        display:none;
    }

    .menu-item-29813 .sub-menu {
        display: block;
    }



    .compareBasic #priceFeatures, .compareFull #priceFeatures {
        margin-bottom: 0 !important;
    }


    .compareBasic .addBtn, .compareFull .addBtn {
        bottom: 128px;
    }

    #header .nav-toggle {
        text-align: center;
        display: block !important;
        margin: 0 0 0;
        padding: 0.4em 0;
        font-size: 2em;
        background: #041c40 url(images/menu-icon.png) center center no-repeat;
        border-radius: 0;
        float: right;
        width: 15%;
        position: fixed;
        top: 0;
        right: 0;
        z-index:9999;
        cursor: pointer;
    }

    .admin-bar #header .nav-toggle {
        top: 45px;
    }

    #navigation {
        position: fixed;
        width: 50%;
        text-align: center;
        background: #041c40 !important;
        z-index: 99;
        top: 110px;
        right:0px;
    }

    #navigation:after, #navigation:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #floatingSidebar {
        display: none;
    }

    .flRight, .flLeft {
        width: 100%;
    }

    .mainArticle, .moreArticles {
        width: 100%;
    }

    #mobileNav {
        display: block;
        text-align:center;
        float: left;
        width: 100%;
        margin-top: 4em;
    }

    #navigation:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #041c40;
        border-width: 15px;
        left: 85%;
        margin-left: -15px;
    }

    #homeCTA {
        padding: 8% 5% 8%;
    }

    #footer-main {
        padding: 2em 1em;
    }

    .footer-nav li {
        display: block;
        padding: .5em 0;
    }

    .footer-nav li a {
        padding: .5em 0;
    }

    #callUs {
        display: none;
    }

    .icon:after {
        margin-left: 0 !important;
    }

    .subscribeWidget, .searchWidget {
        float: left;
        width: 100%;
        margin: 0;
    }

    .searchform {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    #payProducts {
        width: 100%;
        margin-bottom:.25em;
    }
    #otherProducts {
        width: 100%;
    }

    #addCircle {
        left: 45%;
        bottom: 30%;
    }

    #orCircle {
        left: 47.2%;
        bottom: 40%;
    }

    #checkList {
        padding: 1em 1em 0;
    }

    #checkList, .leftVideoWidget {
        float: left;
        width: 100%;
        text-align: center;
    }

    .blueCtaBtn, .blueCtaBtn2 {
        margin-top: 2em;
    }

    #glossaryContent {
        float: left;
        width: 100%;
        padding: 0 2em;
    }

    #demoMain {
        margin: 5em auto;
        width: 80%;
        padding: 4em 2em;
    }

    .infusion-field {
        margin: 0 1em;
    }

    #demoMain .infusion-field input {
        width: 90%;
    }

    .single #wrapper {
        padding: 0 0 20px !important;
    }

    #blogHomeContentWrapper #main, .single #main {
        padding: 0 0 !important;
        margin-top:0;
    }

    .single #sidebar, .archive #sidebar, .page-template-template-blog-small-business-expert-home-php #sidebar {
        margin: 0;
        padding: 0 1em;
        text-align: center;
    }

    .single #sidebar #s, .archive #sidebar #s, .page-template-template-blog-small-business-expert-home-php #sidebar #s {
        width: 85%;
    }

    .read-more {
        text-align: center;
    }

    .blog .read-more {
        text-align: left;
    }

    #blogSidebar {
        width: 100%;
    }

    #blogSideNav li {
        margin-left: 0;

    }

    .contactWrapper, #pricingArea, #contentWrapper, #blogContentWrapper, #helpHomeWrapper {
        /*margin-bottom:445px !important;*/
        margin-bottom:0px !important;
    }

    #footer-main {
        position: relative;
        bottom: 0;
    }

    #footer-main-bottom, #footer-help-article {
        position: relative;
        bottom: 0;
    }

    #footerWrapper {
        position: relative;
        bottom: 0;
    }

    #productHomeContentWrapper {
        margin-bottom: 0;
    }

    #productHomeContentWrapper {
        margin-bottom: 0;
    }

    .two-col-left #main-sidebar-container #product-main #main, .two-col-right #main-sidebar-container #product-main #main, .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {
        width: 100% !important;
    }

    #homeProductsWrapper {
        position: relative;
        float: left;
        width: 100%;
        background: #9facbb;
        padding: 30px 0 2px;
    }

    .lostSearch {
        margin: 2em 0 !important;
        float: none;
        width: 100%;
        max-width: 2024px;
        text-align: center;
        padding: 0 5em;
    }

    #homeTestimonialBlock li {
        float: left;
        width: 100%;
        padding: 2em 3em;
        border-bottom: 2px dotted #ccc;
        border-right:none;
    }

    #homeTestimonialBlock li:last-child {
        border-bottom:none;
    }

    .testimonialText {
        min-height: inherit;
    }

    #homeHeader, #homePageHeader {
        margin-top: 0;
    }

    #homeTagline, #homePageTagline {
        padding: 45px 0;
    }

    .homePrice {
        width: 100%;
    }

    .learnMore {
        float: left;
    }

    .main-section {
        padding: 0 1em;
    }

    .column-half .compareFull, .column-half .compareBasic, .column-half .compareAccounting, .column-half .compare1099 {
        width: 100%;
    }

    #productContentWrapper {
        margin-bottom: 0;
    }

    /* START NEW PSI PRODUCT STYLES */

    .threeStepList li h5 {
        font: 400 14px/1.2em 'Lato', Arial, sans-serif !important;
        margin-left: .25em;
    }

    .productFeatures {
        margin: 0 1em 1em;
    }

    #product-features .featureList li {
        width: 100%;
    }

    .readySignUpWrapper {
        font: bold 24px/1.2em 'Lato', Arial, sans-serif;
    }

    .titleCta {
        float: left;
        width: 100%;
    }

    #pageHeader {
        clear: both;
        padding: 1em 1em 2em;
    }

    .fatDropdown {
        display:none !important;
    }

    #product-dropdown-desktop {
        display:none;
    }

    .mobileProductDropdown li:first-child a {
        padding-bottom: 1em !important;
    }

    .mobileProductDropdown li:last-child a {
        padding-bottom: 1em !important;
    }

    .landing-list li {
        width: 50%;
    }

    .landing-list li:nth-child(3n+1) {
        clear: none;
    }

    .landing-list li:nth-child(2n+1) {
        clear: left;
    }

    #keywordContent {
        padding: 0 0;
        margin: 0 auto 0;
    }

    #keywordMainLeft {
        padding: 2em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #landing-bottom .readySignUpWrapperLast {
        margin-left: 0 !important;
    }

    #keywordMainRight h2 {
        width: 100%;
    }

    .landing-cta li {
        float: left;
        width: 100%;
    }

    .landing-cta li:first-child {
        margin-bottom: .5em !important;
    }

    .landing-cta .ctaBtn {
        float: left;
        width: 100%;

    }

    .help-search-block h3 {
        text-align: center;
        float: none;
        margin: 0;
    }

    .help-search-form {
        float: none;
        width: 100%;
        margin: 1em auto;
    }

    #help-search-wrapper, #payroll-help-search-wrapper {
        padding: 2em !important;
        margin: 0 auto 2em;
        box-sizing: border-box;
        -ms-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }

    .help-search-form input {
        width: 95%;
        margin-top: 0;
    }

    .help-search-form #searchsubmit {
        position: absolute;
    }

    #glossaryTerm {
        padding: 0 1em;
        box-sizing: border-box;
        -ms-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }

    #glossaryNav {
        padding: 2em .5em;
        box-sizing: border-box;
        -ms-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }

    #glossaryNav a {
        padding: .25em;
        color: #fff;
        box-sizing: border-box;
        -ms-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }

    .page-template-template-product-payroll-glossary-term #sidebar, .page-template-template-product-accounting-glossary-term #sidebar {
        display: none;
    }

    #glossaryTermSide {
        border: none;
    }

    /* Force table to not be like tables anymore */
        .certified-royalty-chart table, .certified-royalty-chart thead, .certified-royalty-chart tbody,
        .certified-royalty-chart th, .certified-royalty-chart td, .certified-royalty-chart tr {
            display: block;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        .certified-royalty-chart thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .certified-royalty-chart tr { border: 1px solid #ccc; }

        .certified-royalty-chart td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
            text-align: center;
        }

        .certified-royalty-chart td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
        Label the data
        */
        .certified-royalty-chart td:nth-of-type(2):before { content: "1-25"; }
        .certified-royalty-chart td:nth-of-type(3):before { content: "26-50"; }
        .certified-royalty-chart td:nth-of-type(4):before { content: "51-100"; }
        .certified-royalty-chart td:nth-of-type(5):before { content: "101-250"; }
        .certified-royalty-chart td:nth-of-type(6):before { content: "251-500"; }
        .certified-royalty-chart td:nth-of-type(7):before { content: "501+"; }

        .certified-royalty-chart td:first-child {
          padding-left: 0;
          background: #c3e1ff;
          text-align: center;
        }

        /* Careers menu link on mobile size */
        .mobile-careers-link {
            display: block;
            margin-top: 30px;
        }

        .certified-royalty-steps-1 {
          background: transparent;
            margin-bottom: 0;
        }

        .certified-royalty-steps-2 {
          background: transparent;
        }

        .compareProduct {
        width: 100%!important;
        float: left;
        }

        .compareProductLast {
        width: 100%!important;
        }
        .home-video {
          display: none;
        }
        .homeVideoPrimary {
          width: 96%;
          margin-left: 2%;
          margin-right: 2%;
      }
    .homeVideoSecondary{
          width: 86%;
          margin-left: 7%;
          margin-right: 7%;
          text-align: center;
          margin-top: 3em;
      }

}

@media all and (min-width: 767px) and (max-width: 958px) {

    #pageHeader {
        clear: both;
        padding: 1em 0;
    }

    #pageHeader .ctaArea {
        float: left;
        margin-top: 0 !important;
        padding-left: 1em !important;
    }
}

@media all and (min-width: 768px) and (max-width: 800px) {
    #callUs {
        display: none;
    }
    #header .nav-toggle {
        text-align: center;
        display: block !important;
        margin: 0 0 0;
        padding: 0.4em 0;
        font-size: 2em;
        background: #041c40 url(images/menu-icon.png) center center no-repeat;
        border-radius: 0;
        float: right;
        width: 15%;
        position: fixed;
        top: 0;
        right: 0;
        z-index:9999;
        cursor: pointer;
    }

    #homePageHeader {
        margin-top: 0;
        background-position: 60% top;
    }

    #patriotHomeHeader {
        margin-top: 0;
        background-position: 60% top;
    }

    #patriotHomeScreenHeader {
        margin-top: 0;
        background-position: 60% top;
    }

    #homePageTagline {
        padding: 84px 2em;
    }

    #bundledProducts {
        padding: 0 2em;
    }

    #addonTitle h6 {
        font: normal 16px/1.2em 'Lato', Arial, sans-serif;
    }

    #timeWrapper {
        background: #fff url(/wp-content/themes/patriot-software/images/payroll-services-time-background.jpg) no-repeat right 0;
        background-size: 70%;
    }

    #hrWrapper {
        background: #fff url(/wp-content/themes/patriot-software/images/payroll-services-hr-background.jpg) no-repeat -120px center;
        background-size: 65%;
    }

    #hiringWrapper {
        background: #fff url(/wp-content/themes/patriot-software/images/payroll-services-hiring-background.jpg) no-repeat 380px center;
        background-size: 60%;
    }

    .employeeNum {
        padding: 0.25em 3em;
    }

    .compareAddOn, .comparePayroll {
        width: 33%;
        margin: 1em 0 0;
    }

    .compareAddOn .addOnName {
        font: 900 18px/1.2em 'Lato', Arial, sans-serif;
    }

    .featuresLeft {
        border-right: 1px solid #dde0ea;
    }


    .timeAddOnBlock, .hrAddOnBlock, .hiringAddOnBlock, .timeAddOnBlock2 {
        width: 60%;
    }

    .timeAddOnBlock:after {
        content: "";
        border-top: 331px solid #fff;
        border-right: 90px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -90px;
        top: 0;
    }

    .timeAddOnBlock2:after {
        content: "";
        border-top: 331px solid #f7f7f7;
        border-right: 90px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -90px;
        top: 0;
    }

    .hiringAddOnBlock:after {
        content: "";
        border-top: 318px solid #fff;
        border-right: 90px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -90px;
        top: 0;
    }

    .hrAddOnBlock:before {
        content: "";
        border-top: 328px solid #fff;
        border-left: 90px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        left: -90px;
        top: 0;
    }

    .compareProduct {
    width: 360px!important;
    }

    .compareProductLast {
    width: 360px!important
    }
}

@media all and (min-width: 768px) and (max-width: 860px) {

    .compareBasic #priceFeatures, .compareFull #priceFeatures {
        margin-bottom: 0 !important;
    }

    .compareBasic .addBtn, .compareFull .addBtn {
        bottom: 155px;
    }
}

@media all and (min-width: 501px) and (max-width: 1220px) {

  #homePageTagline {
      padding: 85px 30px;
  }

  #productTagline {
        padding: 75px 30px;
  }

  #bundledProductsWrapper {
      padding: 0 30px;
      box-sizing: border-box;
  }

  #content {
      padding: 0 30px 40px;
  }

  .product-content {
      padding: 4em 30px;
  }

  #productCta2 {
      padding: 1em 30px;
  }
}

@media all and (max-width: 769px) {
 .investor-video {
    width: 100%;
}
#newReviewsHeader {
  margin-top: 0px;
}

    .big-review {
        width: 100%;
        margin-left: 0%;
    }

    .big-review-kate-bg {
      width: 95%;
      background-size: 100%;
      margin-left: 2.5%;
    }

    .software-reviews {
      float: left;
      width: 95%;
      margin-top: 3em;
      margin-left: 2.5%;
    }

    #testimonialHeader {
        margin-top: 0;
    }

    .mobileChart {
        display:block;
    }

    .desktopChart, .tableCTAs {
        display:none;
    }

    #productTagline {
        padding: 1em 1em;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }

    .employeeNum {
        float: left;
        width: 100%;
        z-index: 1;
        position: relative;
    }


    #compareChart, #patriotAltWhiteBg, #patriotAltBlueBg,
    .compareChart {
        margin-top: 0;
    }

    .homeScreenShot {
      margin-left: 2.5%;
    }
.home-one-third-big {
    width: 96%;
    margin: 0 0 0 2%;
    margin-bottom: 3em;
}
.home-one-third-bigalt {
    width: 96%;
    margin: 0 0 0 2%;
    margin-bottom: 3em;
}
.highlightCard {
    max-width: 96%;
}
    #compareChart ul li:first-child,
    .compareChart ul li:first-child {
        width: 100%;
    }

    .compareMore .compareBasic:before, .compareMore .compareFull:before, .compareMore .compare1099:before, .compareMore .compareAccounting:before {
        content: "";
        display:none;
    }

    .comparePrices li {
        height: 25px;
        text-align: left;
    }

    #compareChart ul li,
    .compareChart ul li {
        width: 100%;
        float: left;
        position: relative;
    }

    .mobileFeatures {
        float: left;
        width: 100%;
        padding: 3em 3em;
        background: #fff;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

   /* .compareFull, .compareAccounting {
        margin-top: 100px !important;
    }
*/
    #productHeader {
        margin-top: 0;
    }

    .product-main-content, .product-right-content {
        float: left;
        width: 100%;
        padding: 0 2em;
        margin-top: 0;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .timeAddOnBlock, .hrAddOnBlock, .hiringAddOnBlock, .timeAddOnBlock2 {
        background: #fff;
        float: left;
        width: 100%;
        position: relative;
        padding: 2em 2em;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .timeAddOnBlock2 {
        background: #f7f7f7;
    }

    .hrAddOnBlock {
        float: right;
        width: 100%;
    }

    #addOnHeader span {
        font: 300 24px/1.2em 'Lato', Arial, sans-serif;
        margin-left: 0;
    }

    #addOnHeaderWrapper {
        background: #e8e9ed;
        padding: 2em 2em;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #addOnHeader span:before {
        background: none;
    }

    #productCta2 {
        padding: 1em 1em;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #testimonial3 {
        width: 100%;
        margin-right: 0%;
        padding: 0 1em;
        box-sizing: border-box;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .entry ul.testimonial-list {
        padding: 0 .5em;
    }
    .testimonial-author {
        width: 100%;
    }

    .lastDiv {
        margin-bottom: 0;
    }

    .mobilePayFeatures {
        margin-left: 30px;
    }

    .featureYes {
        background: #fff url(/wp-content/themes/patriot-software/images/selected-check.jpg) no-repeat center;
        position: absolute;
        top: -38px;
        left: -45px;
        background-size: 70%;
        border: 3px solid #559933;
        border-radius: 75px;
    }

    .mobilePayFeatures li {
        margin-bottom: 2em;
        position:relative;
    }

    .mobilePayFeatures li:before {
        content: "";
        background: #fff url(/wp-content/themes/patriot-software/images/selected-check.jpg) no-repeat center;
        position: absolute;
        top: -3px;
        left: -38px;
        background-size: 70%;
        border: 2px solid #559933;
        border-radius: 75px;
        height: 25px;
        width: 25px;
    }

    .noFeature:before {
        display:none;
    }
    #testimonialTagline {
        padding: 1em 2em;
    }

    #testimonialTop {
        margin-top: 2em;
    }


    #testimonialHeader span {
        font: 300 18px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .advisor-overview-wrapper {
        margin-top: 0;
    }
    .investor-header {
      margin-top: 0px;
    }
    .rmi-button, .sl-button{
      float: left!important;
      max-width: 100%!important;
    }
    .compareMobileLight {
      float: left;
      display: block;
      background: #f7f7f7;
      width: 96%;
      margin: 5em 0 3em 2%;
      border-top: 5px solid #5c8dc7;
    }
    .compareMobileLightHeader {
      border: 1px solid #eee;
      padding: 1.5em;
    }
    .compareMobileLight h3{
        font: 900 22px 'Lato', Arial, sans-serif;
        color: #5c8dc7;
        text-transform: uppercase;
    }
    .compareMobileLight h4{
        font: 900 42px 'Lato', Arial, sans-serif;
        color: #5c8dc7;
        margin: .25em 0;
    }
    .compareMobileLight h4 span{
        font: 400 18px 'Lato', Arial, sans-serif;
    }
    .compareMobileMedium {
      float: left;
      display: block;
      background: #f7f7f7;
      width: 96%;
      margin: 5em 0 3em 2%;
      border-top: 5px solid #2f5483;
    }
    .compareMobileMediumHeader {
      border: 1px solid #eee;
      padding: 1.5em;
    }
    .compareMobileMedium h3{
        font: 900 22px 'Lato', Arial, sans-serif;
        color: #2f5483;
        text-transform: uppercase;
    }
    .compareMobileMedium h4{
        font: 900 42px 'Lato', Arial, sans-serif;
        color: #2f5483;
        margin: .25em 0;
    }
    .compareMobileMedium h4 span{
        font: 400 18px 'Lato', Arial, sans-serif;
    }
    .compareMobileDark {
      float: left;
      display: block;
      background: #f7f7f7;
      width: 96%;
      margin: 5em 0 3em 2%;
      border-top: 5px solid #041c40;
    }
    .compareMobileDarkHeader {
      border: 1px solid #eee;
      padding: 1.5em;
    }
    .compareMobileDark h3{
        font: 900 22px 'Lato', Arial, sans-serif;
        color: #041c40;
        text-transform: uppercase;
    }
    .compareMobileDark h4{
        font: 900 42px 'Lato', Arial, sans-serif;
        color: #041C40;
        margin: .25em 0;
    }
    .compareMobileDark h4 span{
        font: 400 18px 'Lato', Arial, sans-serif;
    }
    .compareTableMobile{
      width: 100%;
      margin: 0;
      border-left: 1px solid #eee;
      border-right: 1px solid #eee;
    }
    .tableCheck {
      float: left;
      margin: 0 1em;
      width: 25px;
    }
    .tableCheckDetail {
      font-size: 17px;
    }
}

@media all and (min-width: 769px) and (max-width: 769px) {

    .compareFull, .compareBasic, .compareAccounting, .compare1099 {
        float: left;
        width: 100% !important;
    }

}

@media all and (min-width: 769px) and (max-width: 792px) {
    .landing-cta li {
        float: left;
        width: 100%;
        margin-bottom: .5em;
    }

    .landing-cta .ctaBtn {
        float: left;
        width: 100%;
    }
}

@media all and (min-width: 769px) and (max-width: 820px) {
    ul.nav li:nth-child(2) a {
        color: #000;
    }

    #homeCTA {
        padding: 8% 5% 8%;
    }
}

@media all and (min-width: 769px) and (max-width: 1120px) {
    .timeAddOnBlock, .timeAddOnBlock2 {
        width: 34%;
    }

    .hiringAddOnBlock {
        width: 34%;
    }

    .hrAddOnBlock {
        width: 39%;
    }

    .timeAddOnBlock:after {
        content: "";
        border-top: 459px solid #fff;
        border-right: 270px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -270px;
        top: 0;
    }


    .timeAddOnBlock2:after {
        content: "";
        border-top: 459px solid #f7f7f7;
        border-right: 270px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -270px;
        top: 0;
    }

    .hiringAddOnBlock:after {
        content: "";
        border-top: 382px solid #fff;
        border-right: 270px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -270px;
        top: 0;
    }

    .hrAddOnBlock:before {
        content: "";
        border-top: 382px solid #fff;
        border-left: 270px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        left: -270px;
        top: 0;
    }


}

@media all and (min-width: 768px) and (max-width: 1440px) {
    #homeSupportBg {
      min-height: 525px;
  }

}

@media all and (min-width: 768px) and (max-width: 1200px) {
    .homeVideoPrimary {
      width: 96%;
      margin-left: 2%;
      margin-right: 2%;
  }
    .homeVideoSecondary{
      width: 86%;
      margin-left: 7%;
      margin-right: 7%;
      text-align: center;
      margin-top: 3em;
  }
  .video-card {
      min-height: 262px;
  }
  .home-video {
    margin: 0 2em 0 0;
}

}

@media all and (min-width: 769px) {

  #logo img {
    padding: 15px 0 10px 10px;
    margin-top: 0px;
    max-width: none;
}



    .timeAddOnBlock:after, .hiringAddOnBlock:after {
        content: "";
        border-top: 382px solid #fff;
        border-right: 270px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -270px;
        top: 0;
    }

    .timeAddOnBlock2:after {
        content: "";
        border-top: 382px solid #f7f7f7;
        border-right: 270px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -270px;
        top: 0;
    }

    .hrAddOnBlock:before {
        content: "";
        border-top: 382px solid #fff;
        border-left: 270px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        left: -270px;
        top: 0;
    }

    .two-col-left #main-sidebar-container #sidebar,
    .two-col-right #main-sidebar-container #sidebar {
        width: 23.91% !important;
    }

    .about-title,
    .two-col-left #main-sidebar-container #main,
    .two-col-right #main-sidebar-container #main {
        width: 70.89% !important;
    }

    .page-content {
        width: 80.89% !important;
    }

    .two-col-left #main-sidebar-container #product-main #main,
    .two-col-right #main-sidebar-container #product-main #main {
        width: 82% !important;
    }

    .page-template-psi-royalty-program-advisors #main-sidebar-container #product-main #main,
    .page-template-psi-royalty-program-society-partner #main-sidebar-container #product-main #main,
    .page-template-psi-royalty-program-affinity-partner #main-sidebar-container #product-main #main,
    .page-template-psi-royalty-program-business-advocate #main-sidebar-container #product-main #main,
    .page-template-psi-royalty-program-business-consultant #main-sidebar-container #product-main #main,
    .page-template-psi-royalty-program-partner #main-sidebar-container #product-main #main,
    .page-template-psi-royalty-program-faqs #main-sidebar-container #faq-main #main,
    .page-template-psi-services-royalty #main-sidebar-container #main {
        width: 82% !important;
    }


    .page-template-psi-advisor-program-certified-php #main-sidebar-container #product-main #main,
    .page-template-psi-advisor-program-detail-php #main-sidebar-container #product-main #main {
        width: 83% !important;
    }

    .two-col-right #main-sidebar-container #product-main #main.application-main {
        width: 35% !important;
    }

    .two-col-right #main-sidebar-container #product-main #testimonial-main {
        width: 70.89% !important;
        float:right;
        position:relative;
        margin-top:3em;
    }

    .royalty-application-success #main {
        float: left !important;
        margin-left: 17%;
    }

    .two-col-left #main-sidebar-container #product-faq #main,
    .two-col-right #main-sidebar-container #product-faq #main {
        width: 64% !important;
    }

    #tableContentsmain {
        width: 72.89% !important;
        float:right;
        margin-top:1em;
        position:relative;
    }

    #glossaryTerm {
        position:relative;
        width: 65% !important;
        float: right;
        margin-top: 3em;
    }

    #helpHomeWrapper #main {
        float: left !important;
    }

    .two-col-right #helpHomeWrapper #main-sidebar-container #main {
        width: 69% !important;
        margin-right: 7%;
    }

    .page-template-template-affiliates-php #main-sidebar-container #main {
        width: 78% !important;
    }

    /* Fixed Header */
    #header {
        position: fixed;
    }

    #pageHeaderWrapper,
    #productHomeContentWrapper,
    .page-template-default #contentWrapper,
    #pricingContentWrapper  {
        padding-top: 90px;
    }

    #homeCTA,
    #productHeaderWrapper,
    .sbeHeader {
        margin-top: 84px;
    }

    .page-template-template-product-1099-main-php #productHomeContentWrapper,
    .page-template-template-product-bookkeeper-main-php #productHomeContentWrapper,
    .page-template-template-product-hiring-main-php #productHomeContentWrapper,
    .page-template-template-product-hr-main-php #productHomeContentWrapper,
    .page-template-template-product-payroll-main-php #productHomeContentWrapper,
    .page-template-template-product-portal-main-php #productHomeContentWrapper,
    .page-template-template-product-tax-main-php #productHomeContentWrapper,
    .page-template-template-product-time-main-php #productHomeContentWrapper,
    .page-template-template-product-web-main-php #productHomeContentWrapper {
        padding-top: 0;
    }

    /* END Fixed Header */

    .mobileProductDropdown {
        display:none !important;
    }

    .trainingIcons {
        margin: 5em 7.917%;
    }
}

@media all and (min-width: 1220px) {
  #logo img {
      margin-left: -20px;
      padding-left: 0;
  }
}

@media all and (min-width: 769px) and (max-width: 890px) {
    .pricingMore {
        float: left;
        clear: left;
    }
}

@media all and (min-width: 769px) and (max-width: 900px) {

    #pricingRight {
        position: relative;
    }

    #pricingRight {
        width: 100%;
    }

    #pricingRight iframe {
        width: 100%;
        float: left;
        clear: both;
    }

    .two-col-right #main-sidebar-container #main {
        width: 100% !important;
        padding: 0 2em;
    }

    .help-search-block h3 {
        text-align: center;
        float: none;
        margin: 0;
    }

    .help-search-form {
        float: none;
        width: 100%;
        margin: 1em auto;
    }

    #help-search-wrapper, #payroll-help-search-wrapper {
        padding: 2em !important;
        margin: 0 auto 2em;
        box-sizing: border-box;
        -ms-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }

    .help-search-form input {
        width: 95%;
        margin-top: 0;
    }

    .help-search-form #searchsubmit {
        position: absolute;
    }

    .investor-video {
    width: 350px;
    margin: 0 1px 0 1px;
  }
    .video-margin {
      margin-top: -58px;
  }

}

@media all and (min-width: 769px) and (max-width: 1050px) {
    #navigation ul.rss a,
    ul.nav li a {
        font: normal 12px/1em 'Lato', Arial, sans-serif !important;
        padding: .5em 1em !important;
    }

    #callUs {
        padding: 1em 1.4em 0.65em;
    }

    .productQuoteBlock {
        width: 80%;
        float: right;
    }

    #bundledPayrollWrapper,
    #bundledAccountingWrapper {
        padding: 2em;
    }

    .productPageAddOns > ul {
        padding: 0 1em;
    }

    .productPageAddOns #addonTitle h6 {
        width: 40%;
        margin-left: 30%;
    }

    .baseProduct {
        padding:0 2em;
    }

    #productPageTagline {
        padding: 20px 2em 40px;
        margin-left:0;
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    }

    #productPageTagline h1, #productPageTagline h2 {
        width: 60%;
    }

    .priceBlock {
        font: 300 70px 'Lato', Arial, sans-serif !important;
    }

    .priceBlock:before, .priceBlock:after {
        font-size: 28px;
    }

    .fatDropdown > li {
        display: block;
        border-right: none;
        padding: 0 1em;
        margin-bottom: 1em;
    }

    .fatDropdown > li:last-child {
        margin-bottom:0;
    }

    .fatDropdown {
        right: 12em;
    }

    #landing-bottom .readySignUpWrapperLast {
        margin-left: 0 !important;
    }

    #keywordMainLeft {
        padding: 2em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #keywordMainRight h2 {
        width: 100%;
    }

    .homePrice p {
        width:100%;
    }

    .learnMore {
        float: left;
    }

    .pricingMore {
        float: right;
    }
    .compareProductlight h3, .compareProductMedium h3, .compareProductDark h3 {
      font: 900 15px 'Lato', Arial, sans-serif;
    }
    .compareHeaderFirst {
      font: 400 24px/1.25em 'Lato', Arial, sans-serif;
    }
    .compareProductLight h4, .compareProductMedium h4, .compareProductDark h4 {
    font: 900 36px 'Lato', Arial, sans-serif;
    }
    .compareFeaturesNew li {
      font: 400 14px/1em 'Lato', Arial, sans-serif;
    }
}

@media all and (min-width: 770px) and (max-width: 860px)  {
    .employeeNum {
        padding: 1.25em 1em;
    }

    .compareFull, .compareAccounting {
        margin-top: 0 !important;
    }

    .compareAddOn .addOnName {
        font: 900 18px/1.2em 'Lato', Arial, sans-serif;
    }

    .compareFull, .compareBasic, .compareAccounting, .compare1099 {
        float: left;
        width: 100%;
    }
}

@media all and (min-width: 770px) and (max-width: 962px)  {

    .compareAddOn {
        width: 32%;
        margin: 1em 0;
    }

    #addonTitle h6 {
        margin-left: 35%;
        width: 30%;
    }

    #basicPayrollWrapper, #fullServiceWrapper {
        background-size: cover;
        background-position: left;
    }

    .arrow:after {
        background: none;
    }
}

@media all and (min-width: 770px) and (max-width: 1024px)  {

    .product-content, .timeAddOnBlock, .hrAddOnBlock, .hiringAddOnBlock, .timeAddOnBlock2 {
        padding: 4em 2em;
    }

    #productTagline {
        padding: 75px 2em;
    }


    #testimonial3 {
        margin-right: 4%;
    }

    #productCta2 {
        padding: 1em 2em;
    }

    #menu-global-footer>li {
        width: 23%;
    }

    .royalty-block-wrapper {
        background: url(/wp-content/themes/patriot-software/images/royalty-badges-background.jpg) 0 0 no-repeat;
        background-size: cover;
    }
}

@media all and (max-width: 779px) {
    #basicPayroll .product-main-content,
    #fullService .product-main-content {
        width:100%;
    }

    /*#productHeader h1.ppcHeader {
    width: 100%;
    font:700 26px/1.2em 'Lato', Arial, sans-serif !important;
    }*/

    .ppcTestimonialContent {
        width: 100%;
    }

    /*  #ppcTestimonial h2 {
    font:300 2.5em/1.2em 'Lato', arial, sans-serif;
    }*/

    .ppc-blue-button {
        width:90%;
        font:400 17px/1.2em 'Lato', arial, sans-serif;
    }

    .first-30 {
        width:100%;
    }

    #ppcFinalCta p {
        width:100%;
    }

    .startingAt {
        text-align: left;
    }

    .ppcLearnMore {
        width: 100%;
        margin-top: 0;
        text-align: left;
    }
}


@media all and (max-width: 779px) and (orientation:landscape) {
    #productHeader h1.ppcHeader {
        width: 60%;
    }
    #productHeader h2.ppcHeader {
        width: 60%;
    }
}

@media all and (max-width:799px) {
    #ppcFinalCta h2{
        font: 300 28px/1.2em 'Lato', arial, sans-serif;
    }

    .resources-block {
        float: left;
        width: 90%;
        margin: 0 0 2em 1em;
    }
}



/* R.1 iPad - Portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    #navigation {
        position: fixed;
        width: 30%;
        text-align: center;
        background: #041c40 !important;
        z-index: 99;
        top: 110px;
        right:0px;
    }

    #navigation:after, #navigation:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #productContentWrapper {
        margin-bottom: 0;
    }
    #main {
        padding: 0 2em;
    }

    #pricingRight {
        position: absolute;
        right: 1em;
        top: 20px;
    }

    #pricingRight iframe {
        width: 350px !important;
        height: 193px !important;
    }

    .pricingMore {
        float: left !important;
        clear: left !important;
    }

    #pricingLeft h2 {
        width:100% !important;
    }

    #product-dropdown-desktop {
        display:none;
    }
    .employeeNum {
        padding: 0.25em 1.5em;
    }

    .comparePrices .employeeNum {
        padding: 0.25em 6em;
    }

    li.addStartsAt, .productPageAddOn li.addStartsAt {
        font: 300 11px/1.2em 'Lato', Arial, sans-serif !important;
        margin-right: .25em !important;
    }

    .compareAddOn {
        padding: 1.25em 1em;
    }

    .compareAddOn ul li:last-child {
        font-size: 14px !important;
        margin-left: .5em !important;
        padding-left: .5em !important;
    }

    .pricingPageWrapper #content {
        margin-top: 2em;
    }

    #pricingHeader {
        padding: 1.5em;
    }

    #pricingTitle {
        float: left;
        width: 100%;
        margin-top: 1em;
    }

    .prodTitle {
        font-size: 14px;
    }

    #productSection {
        margin-left: 2%;
    }

    .addOnName {
        font: 700 18px/1em 'Lato', Arial, sans-serif;
    }

    #additionalInfo {
        margin-left: 2%;
    }
    .homeProduct h3 {
        font: 400 32px/1em 'Lato', Arial, sans-serif;
    }
    .employeeNum {
        padding: 0.25em 3em;
    }

    .comparePrices .compareFull, .comparePrices .compareBasic, .comparePrices .compareAccounting, .comparePrices .compare1099 {
        float: left;
        width: 50%;
    }

    .compareFull, .compareAccounting {
        margin-top: 63px !important;
    }

    .compareAddOn {
        width: 33%;
        margin: 1em 0 0;
    }

    .compareAddOn .addOnName {
        font: 900 18px/1.2em 'Lato', Arial, sans-serif;
    }

    .featuresLeft {
        border-right: 1px solid #dde0ea;
    }

    .timeAddOnBlock, .hrAddOnBlock, .hiringAddOnBlock, .timeAddOnBlock2 {
        width: 60%;
    }

    #timeWrapper {
        background: #fff url(/wp-content/themes/patriot-software/images/payroll-services-time-background.jpg) no-repeat 370px 0;
        background-size: 70%;
    }

    .timeAddOnBlock:after {
        content: "";
        border-top: 331px solid #fff;
        border-right: 90px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -90px;
        top: 0;
    }

    .timeAddOnBlock2:after {
        content: "";
        border-top: 331px solid #f7f7f7;
        border-right: 90px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -90px;
        top: 0;
    }

    #hiringWrapper {
        background: #fff url(/wp-content/themes/patriot-software/images/payroll-services-hiring-background.jpg) no-repeat 380px center;
        background-size: 60%;
    }

    .hiringAddOnBlock:after {
        content: "";
        border-top: 382px solid #fff;
        border-right: 270px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -270px;
        top: 0;
    }

    #hrWrapper {
        background: #fff url(/wp-content/themes/patriot-software/images/payroll-services-hr-background.jpg) no-repeat -120px center;
        background-size: 65%;
    }

    .hrAddOnBlock:before {
        content: "";
        border-top: 382px solid #fff;
        border-left: 270px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        left: -270px;
        top: 0;
    }
    .training-btn {
        position: relative;
        display: inline-block;
        margin: 3em 0;
        max-width: 250px;
    }

    ul.sub-menu {
        display:none;
    }

    #product-dropdown-desktop {
        display: none;
    }

    .mobileProductDropdown li a {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align:left;
    }

    .mobileProductDropdown {
        display:block !important;
        position:absolute !important;
    }

    .zopim.meshim_components_FloatingButton {
        display: none !important;
    }

    #header .nav-toggle {
        display: block !important;
    }

    #blogSidebar {
        width: 100%;
    }

    ul.nav li {
        position: relative;
        float: left;
        zoom: 1;
        list-style: none;
        width: 100%;
    }

    #navigation:before {
        border-width: 15px;
        left: 50%;
        margin-left: -10px;
    }

    #rightSide,
    #leftSide {
        width: 45.1% !important;
    }

    #blogContentWrapper,
    #contentWrapper,
    #helpHomeWrapper,
    #pricingArea {
        margin-bottom: 430px !important;
    }

    #footerWrapper {
        padding: 0 3em;
    }

    #productTitleNoIcon {
        float: left;
        margin: 1em 0;
        width:100%;
        text-align:center;
    }

    .page-template-template-products-page-php #main,
    .page-template-template-products-page-php #main {
        width: 58% !important;
    }

    .archive #sidebar,
    .page-template-template-blog-small-business-expert-home-php #sidebar,
    .single #sidebar {
        margin: 0;
        padding: 0 1em;
        text-align: center;
        float:left;
        width:100% !important;
    }

    #pageHeader {
        text-align:center;
    }

    .productCtaBtn {
        float: left;
        width:100%;
        margin: 4em 0 2em;
    }

    #productIcon {
        margin: -1em 0 -1em 4em;
    }

    #productTitle {
        margin-right:0px;
    }

    #footer-help-article,
    #footer-main-bottom  {
        bottom: 64px;
    }

    #footer-main {
        bottom: 200px;
    }

    .searchWidget,
    .subscribeWidget {
        float: left;
        width: 50%;
        margin: .5em 0;
    }

    .searchform {
        width: 100%;
        float: left;
        margin-top: 0;
    }

    #productHome {
        top: 6em;
        left: 2em;
    }

    .largeGreenBtn {
        top: 18em;
        left: 2em;
    }

    .GreenBtn a,
    .largeGreenBtn a {
        padding: .5em;
    }

    .tryItBox {
        background: #0a225e;
        color: #fff;
        padding: 1em .5em;
        text-align: left;
        position: relative;
        float: left;
        width: 100%;
    }

    .tryItBox span {
        padding: 0;
        position: relative;
        margin-top: 0;
        text-align: center;
        width: 100%;
        float: left;
        margin-bottom: 1em;
    }

    .tryItBtn {
        float: left;
        width: 100%;
        text-align: center;
        padding: 0 !important;
        margin: .5em 0 !important;
        clear: both;
    }

    .tryItBtn a {
        font: normal 24px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .entry .featureList li {
        display: inline-block;
        width: 100%;
        margin: 0 0 0 0;
        float: left;
        min-height: 0;
        padding-left: 0;
    }

    #floatingFAQNav,
    #floatingNav,
    #sideNav {
        border-right: 1px solid #d9d9d9;
        padding: 3em 3em 3em 3em;
    }

    .two-col-left #main-sidebar-container #product-main #main,
    .two-col-right #main-sidebar-container #product-main #main {
        width: 72% !important;
        padding: 0 2em 0 1em;
    }

    .faq p {
        padding: 1.2em 2em;
    }

    .reportsList {
        padding: 0 !important;
    }

    .reportsList li {
        list-style: none !important;
        width: 100%;
        display: inline-block;
        margin: 1em 0;
        min-height: 5em;
        vertical-align: top;
        text-align: center;
        padding: 0 2em;
    }

    .payAddOnList li {
        list-style: none !important;
        width: 50%;
        float: left;
        text-align: center;
        min-height: 16em;
    }

    .flLeft {
        width: 100%;
        padding: 0 2em;

    }

    .mainArticle,
    .moreArticles {
        width: 100%;
    }

    .flRight {
        width: 100%;
    }

    #faqRightSide {
        display: none;
        /*
        float:right;
        width: 70%;
        text-align: center;
        margin-top: 2em;
        clear: both;
        */
    }

    #faq-contact li {
        margin: 0 1em;
        width: 19%;
        display: inline-block;
    }

    .faqContactText {
        display: none;
    }

    .usaMap {
        width: 100%;
        height: 420px;
    }

    #contactTop li {
        display: inline-block;
        width: 32% !important;
        vertical-align: top;
        text-align: center;
    }

    #contactTop a {
        font: normal 14px/1em 'Lato', Arial, sans-serif;
    }

    #contactAddress  {padding: 0 2em; margin-bottom:2em;}

    #contactAddress p {
        float: left;
        font: normal 16px/1.5em 'Lato', Arial, sans-serif;
    }

    #contactImg {
        float: left;
        margin-right: 1em;
        margin-bottom: 0;
    }

    #glossaryTerm,
    .page-template-template-product-payroll-glossary-term-php #main  {
        width:100% !important;
        padding:0 2em;
    }

    .page-template-template-product-payroll-glossary-term-php #floatingSidebar {
        display:none;
    }

    .page-template-template-product-payroll-glossary-term-php #mobileNav {
        width: 100% !important;
        float:left;
        display:block;
        text-align:center;
        margin: 2em 0;
    }

    .page-template-template-product-payroll-glossary-term-php #mobileNav li {
        list-style:none;
    }

    #glossaryNav {
        padding: 0 3em;
    }

    .nav-toggle icon {
        display:block;
    }

    #blogContentWrapper,
    .contactWrapper,
    #contentWrapper,
    #pricingArea,
    #helpHomeWrapper {
        /*margin-bottom:445px !important;*/
        margin-bottom:0px !important;
    }

    #footer-main {
        position: relative;
        bottom: 0;
    }

    #footer-help-article,
    #footer-main-bottom  {
        position: relative;
        bottom: 0;
    }

    #footerWrapper {
        position: relative;
        bottom: 0;
    }

    #productHomeContentWrapper {
        margin-bottom: 0;
    }

    #productHomeContentWrapper {
        margin-bottom: 0;
    }

    .two-col-left #main-sidebar-container #main,
    .two-col-left #main-sidebar-container #product-main #main,
    .two-col-right #main-sidebar-container #main,
    .two-col-right #main-sidebar-container #product-main #main {
        width: 100% !important;
    }

    .productItem {
        padding: 0 2em;
    }

    #floatingSidebar, #floatingFAQNav {
        display: none;
    }

    #mobileNav {
        display: block;
        width: 100%;
        color: #fff;
        text-align: center;
        margin-top: 1em;
        border-top: 1px solid #ccc;
        padding-top: 1em;
        float:left;
    }

    .page-template-template-products-page-php #mobileNav {
        display:none;
    }

    .featureDesc {
        float: left;
        width: 80%;
    }

    #tryItLeft,
    #tryItRight {
        float: left;
        width: 100%;
    }

    #tryItLeft {
        padding:0 2em;
    }

    #sbeLeft {
        width: 49%;
        float: left;
        margin-right: 2%;
        margin-bottom: 1em;
    }

    #sbeRight {
        width: 49%;
        float: left;
    }

    .featuredArticle {
        float: left;
        position: relative;
        margin:0 5px 0 0;
        width: 100%;
    }

    .featuredArticle img {
        max-height: 200px;
    }

    .secondaryArticle {
        width: 100% !important;
        float: left;
        margin:0 0 10px 5px;
        position: relative;
    }

    .blogCategory {
        display: none;
    }

    #main {
        margin-top: 1em;
    }


    #navigation {
        display: none;
    }

    .main-section {
        padding: 0 1em;
    }

    .column-half {
        width: 50% !important;
    }

    .last-half {
        float: left !important;
        margin-left: 5% !important;
        width: 45% !important;
    }


    #product-features .productFeatures {
        margin-top: 1em;
        display: inline-block;
        float: none;
    }

    #product-features .featureDesc {
        float: left;
        width: 100%;
    }

    .ten99DescriptionBlock:before {
        border-top: 190px solid #fff !important;
        border-right: 120px solid transparent !important;
    }

    #pricingRight {
        position: absolute;
        right: 1em;
        top: 20px;
    }

    #pricingRight iframe {
        width: 350px !important;
        height: 193px !important;
    }

    .pricingMore {
        float: left !important;
        clear: left !important;
    }

    #pricingLeft h2 {
        width:100% !important;
    }

    .pricingContent {
        float:right;
        width:50% !important;
    }
    .priceHalf {
        float:left;
        width:44% !important;
        margin-right:1% !important;
    }

    #accountingProductsWrapper {
        margin-bottom: 0;
    }

    #productPageHeader {
        margin-top:0px;
    }

    #bundledPayrollWrapper,
    #bundledAccountingWrapper {
        padding: 2em;
    }

    .productPageAddOns > ul {
        padding: 0 1em;
    }

    .productPageAddOns #addonTitle h6 {
        width: 40%;
        margin-left: 30%;
    }

    .baseProduct {
        width: 100%;
        padding-right: 0%;
        padding:0 2em;
    }

    #productPageTagline {
        padding: 20px 2em 40px;
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    }

    /*
    #productPageTagline h1, #productPageTagline h2 {
        width: 60%;
    }
    */
    .titleCta {
        float: left !important;
        text-align:left;
        width: 100% !important;
    }

    #product-dropdown-desktop {
        display:none;
    }

    .employeeNum {
        padding: 0.25em 1.5em;
    }

    .comparePrices .employeeNum {
        padding: 0.25em 6em;
    }

    .compareBasic .addBtn {
        bottom: 125px !important;
    }

    .compareFull .addBtn {
        bottom: -18px !important;
    }

    #product-features .featureList li {
        width: 100%;
    }

    .productFeatures {
        float:left !important;
    }

    .featureDesc {
        float: left;
        width: 55% !important;
    }

    li.addStartsAt {
        font: 300 10px/1.2em 'Lato', Arial, sans-serif !important;
        margin-right: .25em !important;
    }

    .productPageAddOn .addOnName {
        font: 700 22px/1.2em 'Lato', Arial, sans-serif;
    }

    .homeProduct h3 {
        font: 400 32px/1em 'Lato', Arial, sans-serif;
    }

    #homeContent {
        width: 54% !important;
        padding: 0 1em 0 2em;
    }

    .rightVideoWidget {
        margin-right: 1.5em;
    }

    li.addStartsAt, .productPageAddOn li.addStartsAt {
        font: 300 11px/1.2em 'Lato', Arial, sans-serif !important;
        margin-right: .25em !important;
    }


    .compareAddOn {
        padding: 1.25em 1em;
    }


    .compareAddOn ul li:last-child {
        font-size: 14px !important;
        margin-left: .5em !important;
        padding-left: .5em !important;
    }

    #landing-bottom .ctaBar {
        width: 60%;
    }

    #landing-bottom .readySignUp {
        width: 40%;
    }

    /*
    #keywordSection h1 {
        padding: 1em 2em;
    }
    */
    .help-search-form {
        float: left;
        width: 60%;
        margin-left: 2%;
    }

    .help-search-form input {
        font-size: 16px;
    }

    .page-template-template-help-payroll #content, .page-template-template-help-bookkeeper #content,
    .page-template-template-help-payroll-article #content, .page-template-template-help-bookkeeper-article #content {
        padding: 0 1em;
    }

    .page-template-template-help-payroll #sidebar, .page-template-template-help-bookkeeper #sidebar,
    .page-template-template-help-payroll-article #sidebar, .page-template-template-help-bookkeeper-article #sidebar  {
        width: 100% !important;
    }
}

/* R.2 iPad - Landscape */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .lastDiv {
        margin-bottom: 0;
    }

    #payroll-training-videos-wrapper, #accounting-training-videos-wrapper, .royalty-bottom  {
        margin-bottom: 0;
    }

    .royalty-block-wrapper {
        background: url(/wp-content/themes/patriot-software/images/royalty-badges-background.jpg) 0 0 no-repeat;
        background-size: cover;
    }

    #homeCTA h1,
    #homeCTA h2 {
        text-transform:uppercase;
    }

    #floatingFAQNav,
    #floatingNav,
    #sideNav  {
        border-right: 1px solid #d9d9d9;
        padding: 3em 3em 3em 3em;
    }

    #productHome {
        top: 6em;
        left: 3em;
    }

    #homePageTagline, #productTagline {
        padding: 2em 2.5em;
    }

    #bundledProducts {
        padding: 0 2em;
    }

    #homeContent {
        padding: 0 2em;
    }

    .rightVideoWidget {
        width: 45%;
        margin-right: 1.5em;
    }

    .largeGreenBtn {
        top: 18em;
        left: 3em;
    }

    #productTitleNoIcon {
        float: left;
        margin: 1em 2em;
    }

    #pageHeader .ctaArea {
        margin-right: 2em;
    }

    .three-col-left #main-sidebar-container #sidebar,
    .three-col-left #sidebar-alt, .three-col-middle #main-sidebar-container,
    .three-col-middle #main-sidebar-container #sidebar,
    .three-col-right #main-sidebar-container,
    .three-col-right #main-sidebar-container #main,
    .two-col-left #main-sidebar-container #sidebar,
    .two-col-right #main-sidebar-container #main {
        width: 65% !important;
    }

    .page-template-template-help-payroll #main-sidebar-container #main, .page-template-template-help-bookkeeper #main-sidebar-container #main,
    .page-template-template-help-payroll-article #main-sidebar-container #main, .page-template-template-help-bookkeeper-article #main-sidebar-container #main {
        width: 70.89% !important;
    }

    .help-search-form input {
        font-size: 16px;
    }

    .two-col-left #main-sidebar-container #product-faq #main,
    .two-col-right #main-sidebar-container #product-faq #main {
        width: 70% !important;
    }

    #product-faq {
        float:left;
        width:100%;
        clear:both;
    }

    .faq-page {
        width:100%;
        padding:0 2em 0 0 !important;
        clear:both;
    }

    #faqRightSide {
        display: none;
        /*
        float:right;
        width: 75%;
        text-align: center;
        margin-top: 2em;
        clear: both;
        */
    }

    .two-col-left #main-sidebar-container #product-faq #main, .two-col-right #main-sidebar-container #product-faq #main {
        width: 75% !important;
    }

    .two-col-left #main-sidebar-container #product-main #main,
    .two-col-right #main-sidebar-container #product-main #main {
        width: 75% !important;
    }

    #faq-contact li {
        margin: 0 1em;
        width: 19%;
        display: inline-block;
    }

    .faqContactText {
        display: none;
    }

    #contactAddress {
        padding: 0 2em;
        margin-bottom:5em;
    }

    #contactAddress span {
        margin-top: 0;
    }

    #contactAddress p {
        float: left;
        width: 50%;
    }

    .page-template-template-affiliates-php #main-sidebar-container #main {
        width: 75% !important;
    }

    #glossaryTerm {
        padding-right:3em;
    }

    #blogContentWrapper,
    .contactWrapper,
    #contentWrapper,
    #helpHomeWrapper,
    #pricingArea {
        /*margin-bottom:445px !important;*/
        margin-bottom:0px !important;
    }

    #footer-main {
        position: relative;
        bottom: 0;
    }

    #footer-help-article,
    #footer-main-bottom  {
        position: relative;
        bottom: 0;
    }

    #footerWrapper {
        position: relative;
        bottom: 0;
    }

    #productHomeContentWrapper {
        margin-bottom: 0;
    }

    #productContentWrapper {
        margin-bottom:0px;
    }

    /* NEW PSI HOME TABLET STYLES */
    #homeTagline {
        padding: 60px 0;
    }
    /* END NEW PSI HOME TABLET STYLES */

    #accountingProductsWrapper {
        margin-bottom: 0;
    }

    #productPageTagline {
        padding: 60px 2em 60px;
        margin-left: 0;
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    }

    .baseProduct, #bundledPayrollWrapper,
    #bundledAccountingWrapper {
        padding:2em;
    }

    #keywordContent {
        margin: 40px auto 0;
    }
}

@media only screen and (max-width: 960px) {

    #payroll-training-videos-wrapper, #accounting-training-videos-wrapper {
        height: auto;
        margin-bottom: 0;
    }

    .training-header h2 {
        color: #636363;
        font-weight: normal;
        font-size: 24px;
        width: 100%;
    }

    .training-btn {
        position: relative;
        display: block;
        margin: 3em auto;
        max-width: 306px;
    }
    .noUi-horizontal .noUi-handle {
      width: 120px;
      font-size: 12px;
    }
    .slider-wrapper{
      width: 75%;
      margin-left: 5em;
    }

}

@media only screen and (max-width: 1000px) {
#sbeLeft {
        width: 100%;
        float: left;
        margin-bottom: 1em;
    }

    #sbeRight {
        width: 100%;
        float: right;
    }

    .featuredArticle,
    .secondaryArticle {
        float: left;
        position: relative;
        margin-left: .25em;
        margin-right: .25em;
    }
    .exectrasHeader {
    background: url(/wp-content/uploads/2017/02/exectras-header-sb-alt.jpg) left no-repeat #fff!important;
    min-height: 272px;
    }
    section.grid .three-fifths-home,
    section.grid .two-fifths-home {
        width: 100%;
        text-align: center;
    }
    .two-fifths-home {
      margin-bottom: 25px;
    }
    #productTaglineAlt {
    padding: 35px 10px 0 10px;
    }
    .home-video{
      width: 350px;
      margin: 0 1em!important;
    }
    .homeVideoOverlay {
    margin-top: 59px;
  }
}


}

@media all and (min-width: 1000px) and (max-width: 1120px) {

    .addon-content h3 {
        font: 900 36px/1.2em 'Lato', arial, sans-serif;
    }
    .learnMore {
        font: 400 18px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .timeAddOnBlock, .hrAddOnBlock, .hiringAddOnBlock, .timeAddOnBlock2 {
        margin-left:2em;
    }

    .timeAddOnBlock:after {
        content: "";
        border-top: 349px solid #fff;
        border-right: 210px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -210px;
        top: 0;
    }

    .timeAddOnBlock2:after {
        content: "";
        border-top: 349px solid #f7f7f7;
        border-right: 210px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -210px;
        top: 0;
    }

    .hrAddOnBlock:before {
        content: "";
        border-top: 328px solid #fff;
        border-left: 90px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        left: -90px;
        top: 0;
    }

    .hiringAddOnBlock:after {
        content: "";
        border-top: 318px solid #fff;
        border-right: 90px solid transparent;
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        right: -90px;
        top: 0;
    }

    .arrow:after {
        top: 20px;
    }

}

@media only screen and (min-width: 1000px) and (max-width: 1379px) {

    #sbeLeft {
        width:49.7%;
        float: left;
        margin-bottom: 1em;
    }

    #sbeRight {
        width:49.7%;
        float: right;
    }

    .featuredArticle, .secondaryArticle {
        float: left;
        position: relative;
        margin-left: 0%;
        margin-right: 0%;
        height: 315px;
        overflow: hidden;
    }

}

@media only screen and (min-width: 1150px) and (max-width: 1379px) {
    .investor-video {
    width: 525px;
    margin: 0 5px 0 5px;
}
    .video-margin {
    margin-top: -10px;
}

}
@media only screen and (min-width: 1030px) and (max-width: 1149px) {
    .investor-video {
    width: 475px;
    margin: 0 1px 0 1px;
}
    .video-margin {
    margin-top: -23px;
}

}
@media only screen and (min-width: 901px) and (max-width: 1029px) {
    .investor-video {
    width: 425px;
    margin: 0 1px 0 1px;
}
    .video-margin {
    margin-top: -38px;
}

}

@media only screen and (min-width: 769px) and (max-width: 1020px) {

    #homeContent {
        width: 50% !important;
        float: left;
        margin-top: 3em;
        padding: 0 2em;
    }

    #homePageTagline {
        padding: 2em 2.5em;
    }

    #homePageHeader h1 {
    font: 700 36px/1.2em 'Lato', Arial, sans-serif !important;
    }

    #homePageHeader h2 {
    font: 400 25px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .home-first {
        padding: 2.5em 2.5em 2.5em 2em;
    }

    .home-second {
        padding: 2.5em 2em 2.5em 2.5em;
    }

    .rightVideoWidget {
        margin-right: 3em;
    }

    #patriotHomeHeader {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 84px;
    background: url(/wp-content/uploads/2016/01/patriot-software-header.jpg) no-repeat center top;
    background-size: cover;
    z-index: 4;
}

}

@media only screen and (max-width : 1050px) {

    #training-video-block {
        text-align: center;
        overflow: hidden;
    }

    #training-video-block #videoPlayback {
        margin-top: 1em;
        float: none;
        text-align: center;
        margin: 1em auto;
    }

    #payroll-training-videos-wrapper, #accounting-training-videos-wrapper {
        height: auto;
    }

    #training-video-block #videoNav {
        float: none;
        width: 100%;
        margin: 2em auto;
        max-width: 600px;
    }
}

@media only screen and (max-width: 1199px) {
    .testimonialWidget {
        background: rgba(255,255,255,0.95);
        padding: 2em;
        width: 100%;
        position: relative;
        text-align: left;
        font: normal 16px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .authorImage,
    .authorInfo,
    .authorName {
        float: left;
        width: 75%;
    }

    .authorImage {
        width: 18%;
    }

    .checkmarkList {
        text-align: left;
    }

    .patriotHomeOverlay {
    background: rgba(255,255,255,0.5);
    }

    #payroll3Steps, #payroll3StepsHeader {
        display: none;
    }
    .shadow-overlay {
        margin-bottom: -315px;
        position: absolute;
    }
    .compareFeaturesOffWhite h6 {
        font: 900 14px/1.2em 'Lato', arial, sans-serif;'
        }
}

@media only screen and (min-width: 1200px) {
    .testimonialWidget {
        background: rgba(255,255,255,0.95);
        padding: 4em;
        width: 30%;
        position: relative;
        text-align: left;
        font: normal 16px/1.2em 'Lato', Arial, sans-serif !important;
    }

    .authorImage,
    .authorInfo,
    .authorName {
        float: left;
        width: 75%;
    }

    .authorImage {
        width: 25%;
        max-width: 65px;
    }

}

@media only screen and (min-width: 1380px) {
.investor-video {
    width: 560px;
    margin: 0 20px 0 5px;
}
.video-margin {
    margin-top: 0px;
}
    .featuredArticle img {
        min-width: 685px;
    }

    .blogSearch {
        width: 84.5%;
    }

    #sbeLeft {
        width: 49.5%;
        float: left;
    }

    #sbeRight {
        width: 49.5%;
        float: right;
    }

    .featuredArticle {
        height: 315px;
        overflow: hidden;
    }

    #sbeLeft .featuredArticle {
        float: left;
    }

    #sbeRight .featuredArticle {
        float: right;
    }

}

@media all and (min-width: 769px) and (max-width: 1650px) {

    #ten99Wrapper {
        background: #fff url(/wp-content/themes/patriot-software/images/mobile-accounting-software-1099-background.png) no-repeat right top;
    }

    #accountingSoftwareWrapper {
        background: #fff url(/wp-content/themes/patriot-software/images/mobile-accounting-software-accounting-background.jpg) no-repeat right bottom;
    }

}

@media only screen and (min-width : 1650px) {

    #ten99Wrapper {
        background: #fff url(/wp-content/themes/patriot-software/images/mobile-accounting-software-1099-background.png) no-repeat right top;
    }

    #accountingSoftwareWrapper {
        background: #fff url(/wp-content/themes/patriot-software/images/mobile-accounting-software-accounting-background.jpg) no-repeat right bottom;
    }

    .payroll-video-image {
        background: url(/wp-content/uploads/2015/01/payroll-training-videos.png) top right no-repeat;
        height: 490px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
    }

    .accounting-video-image {
        background: url(/wp-content/uploads/2015/01/accounting-training-videos.png) top right no-repeat;
        height: 490px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
    }
}

@media only screen and (min-width: 1700px) {
    .employeePortal {
        background: #fff url(/wp-content/themes/patriot-software/images/patriot-employee-portal-header.jpg) no-repeat center -70px !important;
        background-size: cover !important;
    }
}
