https://info.genscape.com/e/10452/52bf4-701b-4bc3-824c-54db0b756/7hnrgl/851606911?h=MuvvvkzXJZ2M_PSECSX1y12eV-P_ZyuJNtEvmBf4axE

Last Checked: Sep 09, 2019, 03:16 EDT

IP Address: 35.174.150.168
ASN #: AS14618 AMAZON-AES - Amazon.com, Inc., US
Location: Data unavailable.
URL Reputation:
  • Unknown This URL is not identified as malicious in the PhishTank Database.
  • Unknown PhishCheck thinks this URL is likely not a phish.
  • Warning OpenPhish: URL found in feed.

Other submissions on 35.174.150.168:

  • https://go.thoughtspot.com/e/710713/2019-06-27/lk9b/16677063?h=6iXqaerA7v4zUmlHmsJUo3GmiFC7t0RT8RjHWDQoegc

  • https://go.thoughtspot.com/r/710713/1/17356009/open/1

  • http://go.pardot.com/e/120702/9-email-Kaleidoscope-6-27-2019/93km46/408480459?h=AXViOpBD-GPf5Rf_VjLjHekfq9YrXypdemt1OmpOf4M

  • http://go.pardot.com/e/698843/2019-06-30/5zpd/9772993?h=tD4y5m38UwKI2h0ac9N8si0DVUR3hJEvPBogRptlxiM

  • http://go.hk-hkp.com/e/213222/r-MHPTJK5/66vh2/180775263

  • https://go.demandbase.net/e/540432/2FNLLu5/n27wj/328889713?h=t22EY_R4GfG9HoRf4euZB11tXixiHRMFgR9VwNkTq0c

  • http://go.pardot.com/unsubscribe/u/698843/982a59715724bdcca3e47a58e22a5cbfe811d32deaed4762a7479c23e26b6fe0/11957181]

  • http://go.pardot.com/unsubscribe/u/698843/982a59715724bdcca3e47a58e22a5cbfe811d32deaed4762a7479c23e26b6fe0/11957181

  • https://wvw.unitedrentals.com/e/49172/2019-08-21/fh9c9p/612226652?h=etHZRT8N3Q4JoPZQYpVGusSCVoLqGcOSItCSiyanzPs

  • http://web.polyphaser.com/

Other submissions on genscape.com:

  • https://info.genscape.com/e/10452/52bf4-701b-4bc3-824c-54db0b756/7hnrgl/852811397?h=EL1ThPRzr-hsWZ7Le_fkZ063nn3m8Nwp-Udf40HB2_4

Previous checks:

                               Domain Name: genscape.com
Registry Domain ID: 10957380_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2019-07-24T20:48:58Z
Creation Date: 1999-10-04T15:23:54Z
Registrar Registration Expiration Date: 2023-09-06T08:26:23Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: abuse@godaddy.com
Registrar Abuse Contact Phone: +1.4806242505
Domain Status: clientTransferProhibited http://www.icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited http://www.icann.org/epp#clientUpdateProhibited
Domain Status: clientRenewProhibited http://www.icann.org/epp#clientRenewProhibited
Domain Status: clientDeleteProhibited http://www.icann.org/epp#clientDeleteProhibited
Registrant Organization: Genscape, Inc.
Registrant State/Province: Indiana
Registrant Country: US
Registrant Email: Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=genscape.com
Admin Email: Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=genscape.com
Tech Email: Select Contact Domain Holder link at https://www.godaddy.com/whois/results.aspx?domain=genscape.com
Name Server: NS-1446.AWSDNS-52.ORG
Name Server: NS-2004.AWSDNS-58.CO.UK
Name Server: NS-538.AWSDNS-03.NET
Name Server: NS-97.AWSDNS-12.COM
DNSSEC: unsigned
URL of the ICANN WHOIS Data Problem Reporting System: http://wdprs.internic.net/
>>> Last update of WHOIS database: 2019-09-09T07:00:00Z <<<

For more information on Whois status codes, please visit https://www.icann.org/resources/pages/epp-status-codes-2014-06-16-en

Notes: 

IMPORTANT: Port43 will provide the ICANN-required minimum data set per 
ICANN Temporary Specification, adopted 17 May 2018. 
Visit https://whois.godaddy.com to look up contact data for domains 
not covered by GDPR policy.

The data contained in GoDaddy.com, LLC's WhoIs database,
while believed by the company to be reliable, is provided "as is"
with no guarantee or warranties regarding its accuracy.  This
information is provided for the sole purpose of assisting you
in obtaining information about domain name registration records.
Any use of this data for any other purpose is expressly forbidden without the prior written
permission of GoDaddy.com, LLC.  By submitting an inquiry,
you agree to these terms of usage and limitations of warranty.  In particular,
you agree not to use this data to allow, enable, or otherwise make possible,
dissemination or collection of this data, in part or in its entirety, for any
purpose, such as the transmission of unsolicited advertising and
and solicitations of any kind, including spam.  You further agree
not to use this data to enable high volume, automated or robotic electronic
processes designed to collect or compile this data for any purpose,
including mining this data for your own personal or commercial purposes. 

Please note: the registrant of the domain name is specified
in the "registrant" section.  In most cases, GoDaddy.com, LLC 
is not the registrant of domain names listed in this database.

                             
  • GET
    HTTP/1.1
    301 Moved Permanently

    https://info.genscape.com/e/10452/52bf4-701b-4bc3-824c-54db0b756/7hnrgl/851606911?h=MuvvvkzXJZ2M_PSECSX1y12eV-P_ZyuJNtEvmBf4axE

  • GET
    HTTP/1.1
    200 OK

    https://crayonstew.org/69f52bf4-701b-4bc3-824c-54db0b756

  • GET
    HTTP/1.1
    200 OK

    https://crayonstew.org/69f52bf4-701b-4bc3-824c-54db0b756_files/animate.css

  • GET
    HTTP/1.1
    200 OK

    https://crayonstew.org/69f52bf4-701b-4bc3-824c-54db0b756_files/hover-min.css

  • GET
    HTTP/1.1
    200 OK

    https://crayonstew.org/69f52bf4-701b-4bc3-824c-54db0b756_files/slick-theme.css

  • GET
    HTTP/1.1
    200 OK

    https://crayonstew.org/69f52bf4-701b-4bc3-824c-54db0b756_files/magnific-popup.css

  • GET
    HTTP/1.1
    200 OK

    https://crayonstew.org/69f52bf4-701b-4bc3-824c-54db0b756_files/font-awesome.css

  • GET
    HTTP/1.1
    200 OK

    https://crayonstew.org/69f52bf4-701b-4bc3-824c-54db0b756_files/slick.css

  • GET
    HTTP/1.1
    200 OK

    https://crayonstew.org/69f52bf4-701b-4bc3-824c-54db0b756_files/bootstrap.css

  • GET
    HTTP/1.1
    200 OK

    https://crayonstew.org/69f52bf4-701b-4bc3-824c-54db0b756_files/kangaroo.css

  • GET
    HTTP/2.0
    200

    https://fonts.googleapis.com/css?family=Lato:300,400,700

  • GET
    HTTP/2.0
    200

    https://fonts.googleapis.com/css?family=Lobster

  • GET
    HTTP/2.0
    200

    https://www.hubdoc.com/apple-touch-icon-144-precomposed.png

  • GET
    HTTP/2.0
    200

    https://www.hubdoc.com/favicon.ico

  • GET
    HTTP/2.0
    404

    https://www.hubdoc.com/less/font-awesome.min.css

  • GET
    HTTP/2.0
    200

    https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2

  • https://info.genscape.com/e/10452/52bf4-701b-4bc3-824c-54db0b756/7hnrgl/851606911?h=MuvvvkzXJZ2M_PSECSX1y12eV-P_ZyuJNtEvmBf4axE https://crayonstew.org/69f52bf4-701b-4bc3-824c-54db0b756
<html class="skrollr skrollr-desktop no-touch"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">

        <title>Hubdoc: Document Collection &amp; Management Software | Hubdoc</title>
        <meta name="description" content="Hubdoc gets your key financial docs in one place, automatically. Say goodbye to chasing documents &amp; data entry. Say hello to increased productivity &amp; automation.">
        <meta name="keywords" content="Bills, Statements, Receipts, paperless, Manage bills, bills online, Bank accounts, organize bills, pay bills">
    
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">

    <!-- Favicons -->
    <link rel="shortcut icon" href="https://www.hubdoc.com/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://www.hubdoc.com/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://www.hubdoc.com/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://www.hubdoc.com/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="https://www.hubdoc.com/apple-touch-icon-57-precomposed.png">

    <!-- CSS -->
        <link href="69f52bf4-701b-4bc3-824c-54db0b756_files/animate.css" rel="stylesheet" type="text/css">
        <link href="69f52bf4-701b-4bc3-824c-54db0b756_files/slick.css" rel="stylesheet" type="text/css">
        <link href="69f52bf4-701b-4bc3-824c-54db0b756_files/slick-theme.css" rel="stylesheet" type="text/css">
        <link href="69f52bf4-701b-4bc3-824c-54db0b756_files/bootstrap.css" rel="stylesheet" type="text/css">
        <link href="69f52bf4-701b-4bc3-824c-54db0b756_files/font-awesome.css" rel="stylesheet" type="text/css">
        <link href="69f52bf4-701b-4bc3-824c-54db0b756_files/magnific-popup.css" rel="stylesheet" type="text/css">
        <link href="69f52bf4-701b-4bc3-824c-54db0b756_files/hover-min.css" rel="stylesheet" type="text/css">
        <link href="69f52bf4-701b-4bc3-824c-54db0b756_files/kangaroo.css" rel="stylesheet" type="text/css">

        <link href="https://www.hubdoc.com/less/styles.less" media="(min-width: 768px)" rel="stylesheet/less" type="text/css"><style type="text/css" media="(min-width: 768px)" id="less:less-styles">@charset "UTF-8";
@import "https://www.hubdoc.com/less/font-awesome.min.css";
@import "https://fonts.googleapis.com/css?family=Lato:300,400,700";
@import "https://fonts.googleapis.com/css?family=Lobster";
.nav li a.selected,
.nav-text li a.selected,
.nav div a.selected,
.nav-text div a.selected,
.nav li a:hover,
.nav-text li a:hover,
.nav div a:hover,
.nav-text div a:hover {
  color: #3abbed!important;
}
/*------------------------------------------------------------------
[Contact Us Stylesheet]

Project:    Hubdoc
Version:    1.0.0
Last change:    7.10.15
Primary use:    Marketing Website
-------------------------------------------------------------------*/
/* Fonts */
/*------------------------------------------------------------------
[Table of contents]

1. Page Loader (Spinner)
2. Landing Page - Top

/*------------------------------------------------------------------
# [Color codes]

# Hubdoc Pale Blue #dbeefa
# Hubdoc Light Blue #3abbed
# Hubdoc Blue #2b5e91
# Hubdoc Dark Blue #16345f
# Hubdoc Light Orange #f8b23d
# Hubdoc Orange #ff9f2e
# Hubdoc Dark Orange #bf6e1d
# Hubdoc Light Red #f66655
# Hubdoc Red #e00004
# Hubdoc Dark Red #a60003
# Hubdoc Dark White #f3f3f3
# Hubdoc Light Grey #ebeaec
# Hubdoc Grey #bcbcbc
# Hubdoc Dark Grey #727272
# Hubdoc Pale Green #b3e0d1
# Hubdoc Light Green #4bbc9c
# Hubdoc Green #36896d
# Hubdoc Dark Green #114431

# */
/*------------------------------------------------------------------
[Typography]

Headers:            Lobster;
Sub-Headings: 		Lato;
Text: 				Lato;

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[Footer/Nav Styles]
-------------------------------------------------------------------*/
html,
body {
  font-family: lato;
  background: #FFF;
  margin: 0;
  padding: 0;
  width: 100% !important;
  height: 100% !important;
}
.try-free-nav.inner-text:hover {
  color: #FFF!important;
}
.nav-text div a {
  text-decoration: none !important;
}
.nav-text div {
  display: inline-block !important;
}
.nav-text-bottom div {
  display: inline-block !important;
}
.dropdown {
  z-index: 100000 !important;
}
.dropdown-style {
  font-family: Lato !important;
  color: #2d5c91 !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
}
.locale-dropdown-style {
  margin: 5px;
}
.dropdown-text:hover {
  color: #3abbed !important;
}
.dropdown-table {
  display: table;
}
#locale-dropdown-regular {
  left: -76px;
  top: -125px;
}
/* Main Navigation Panel */
#hub-nav {
  display: block;
  width: 100%;
  height: 73px;
  position: fixed;
  background-color: #fff;
  z-index: 10000;
  border-bottom: solid #ebeaeb 1px;
}
#left-nav {
  display: inline-block;
  width: 60%;
  padding: 16px 0px 13px 13px;
}
#right-nav {
  display: inline-block;
  width: 39%;
  padding: 13px 13px 13px 0px;
}
@media (max-width: 1100px) and (min-width: 992px) {
  #left-nav {
    width: 55%;
  }
  #right-nav {
    width: 44%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  #left-nav {
    width: 60%;
  }
  #right-nav {
    width: 39%;
  }
}
.nav-text {
  display: inline-block;
  font-family: Lato;
  color: #2d5c91;
  font-size: 12.5px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.dropdown-bottom {
  display: inline-block;
}
.inner-text {
  margin-left: 15px;
}
.inner-text:hover {
  text-decoration: none;
  color: #3abbed;
}
.login {
  padding: 10px 30px;
  color: #FFF;
  border-radius: 5px;
  background-color: #2d5c91;
}
.login:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #3abbed;
}
.try-free-nav {
  padding: 10px 30px;
  color: #FFF;
  border-radius: 5px;
  background-color: #4bbc9c;
}
.try-free-nav:hover {
  color: #FFF!important;
  text-decoration: none;
  background-color: #67C6AB;
}
/* Footer */
#footer {
  background-color: #ebeaeb;
}
/* Footer */
.footer-title {
  font-family: Lato;
  color: #2d5c91;
  font-size: 20px;
  font-weight: 900;
  line-height: 25px;
}
.footer-text {
  font-family: Lato;
  color: #2d5c91;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.col-sm-12 {
  padding: 0 !important;
}
.row {
  margin: 0 !important;
}
.footer-text:hover {
  color: #3abbed;
}
.footer-line-bottom {
  height: 1px;
  margin-top: 25px;
  background-color: #2d5c91;
}
.footer-inc {
  font-family: Lato;
  color: #2d5c91;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
}
.footer-button {
  font-family: Lato;
  color: #2d5c91;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-right: 15px;
}
.footer-button:hover {
  color: #3abbed;
  text-decoration: none;
}
.footer-row-bottom {
  padding: 14px 0;
}
@media (max-width: 991px) {
  #page-top {
    height: auto!important;
    width: auto !important;
  }
  /* Footer */
  #footer {
    background-color: #ebeaeb;
  }
  /* Footer */
  .footer-title {
    font-family: Lato;
    color: #2d5c91;
    font-size: 18px;
    font-weight: 900;
    line-height: 25px;
  }
  .footer-text {
    font-family: Lato;
    color: #2d5c91;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }
  .footer-text:hover {
    color: #3abbed;
  }
  .footer-line-bottom {
    height: 1px;
    margin-top: 25px;
    background-color: #2d5c91;
  }
  .footer-inc {
    font-family: Lato;
    color: #2d5c91;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
  }
  .footer-button {
    font-family: Lato;
    color: #2d5c91;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    padding-right: 15px;
  }
  .footer-button:hover {
    color: #3abbed;
    text-decoration: none;
  }
  .footer-row-bottom {
    padding: 14px 0;
  }
}
.about #footer,
.billcom #footer,
.box #footer,
.jobs #footer,
.partners #footer,
.privacy-policy #footer,
.security-policy #footer,
.terms #footer,
.quickbooks #footer,
.xero #footer,
.xeropromo #footer {
  background-color: #ffffff;
}
.how-it-works #footer {
  background-color: #41c3bc;
}
.how-it-works .footer-title a,
.how-it-works .footer-text a:hover {
  color: #f7f0d0!important;
}
.how-it-works .footer-text a {
  color: #2b5e91!important;
}
ul {
  margin: 0 !important;
  padding: 0 !important;
}
form label {
  display: none;
}
/* Sub Navigation Panel */
#subnav {
  display: block;
  width: 100%;
  height: 56px;
  position: fixed;
  margin-top: 73px;
  z-index: 999;
  background-color: #3abbed;
  overflow: hidden;
}
.center-nav {
  display: inline-block;
  white-space: nowrap;
}
.subnav-text {
  display: inline-block;
  margin: 10px 1vw;
  font-family: Lato;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .center-nav {
    width: 80%;
  }
  .subnav-text {
    margin: 10px 4vw 10px 1vw;
  }
}
@media (max-width: 991px) {
  .center-nav {
    width: 100%;
  }
}
.subnav-text:hover {
  text-decoration: none;
  color: #16345f;
  font-weight: 400;
}
.cookieNotice {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 60px;
  line-height: 60px;
  z-index: 100001;
}
.cookieNotice .cookieNoticeMessage,
.cookieNotice a {
  font-size: 14px;
  display: inline-block;
  color: white;
}
.main-container .cookieNotice {
  z-index: 1;
}
.cookieNotice .cookieNoticeMessage {
  background: #04355B;
  width: 100%;
}
.cookieNotice .confirmCookies {
  margin-left: 40px;
  background-color: #4bbc9c;
}
.cookieNoticeBottomBuffer {
  height: 60px;
}
.hidden-element {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
/*------------------------------------------------------------------
    [about]
-------------------------------------------------------------------*/
body.about {
  /*.mail-button:hover {
  	background-color: #f8b23d;
  	border: none;
  	border-radius: 5px;
  }*/
  /*.twitter-button:hover {
  	background-color: #3abbed;
  	border: none;
  	border-radius: 5px;
  }*/
  /*.linkedin-button:hover {
  	background-color: #0077b5;
  	border: none;
  	border-radius: 5px;
  }*/
  /* Sweep To Right */
  /* Sweep To Right */
  /* Sweep To Right */
}
body.about .button a {
  text-decoration: none !important;
}
body.about .container-inner {
  text-align: left;
}
body.about #main-section {
  width: 100%;
  background: url(https://www.hubdoc.com/images/about/about-mural.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.about .title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 78px;
  font-weight: 400;
}
body.about .col-sm-3 {
  text-align: left;
}
body.about .left-neg-pad {
  margin-left: -30px;
  padding-right: 0px !important;
}
body.about .manifesto {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0 20px 20px;
  display: inline-block;
}
@media (min-width: 992px) {
  body.about #main-section {
    height: 1050px;
    padding-top: 103px;
  }
  body.about .title {
    font-family: lobster;
    font-size: 78px;
    font-weight: 400;
  }
  body.about .subtitle {
    font-family: Lato;
    color: #034A76;
    font-size: 15px;
    font-weight: 350;
    line-height: 1.2;
    width: 450px;
  }
  body.about .work-title {
    font-family: lobster;
    color: #40b9ec;
    font-size: 85px;
    font-weight: 400;
    margin-left: -20px;
  }
  body.about .work-subtitle {
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    width: 380px;
  }
  body.about .person-image {
    width: 150px;
    height: 170px;
    background-image: url(https://www.hubdoc.com/images/about/bio-photos.gif);
    background-size: 666px;
    background-repeat: no-repeat;
  }
  body.about .jamiem {
    background-position: -54px -32px;
  }
  body.about .jamies {
    background-position: -258px -32px;
  }
  body.about .daves {
    background-position: -462px -32px;
  }
  body.about .davem {
    background-position: -54px -245px;
  }
  body.about .yoseph {
    background-position: -258px -245px;
  }
  body.about .tasso {
    background-position: -462px -245px;
  }
  body.about .bridget {
    background-position: -54px -460px;
  }
  body.about .fil {
    background-position: -258px -460px;
  }
  body.about .matt {
    background-position: -462px -460px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.about #main-section {
    height: 850px;
    padding-top: 73px;
  }
  body.about .title {
    font-family: lobster;
    font-size: 60px;
    font-weight: 400;
  }
  body.about .subtitle {
    font-family: Lato;
    color: #034A76;
    font-size: 15px;
    font-weight: 350;
    line-height: 18px;
    width: 350px;
  }
  body.about .work-title {
    font-family: lobster;
    color: #40b9ec;
    font-size: 60px;
    font-weight: 400;
    margin-left: -20px;
  }
  body.about .work-subtitle {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    width: 280px;
  }
  body.about .circle_green {
    background-color: #4bbc9c;
    border-radius: 50%;
    width: 120px;
    height: 120px;
  }
  body.about .circle_blue {
    background-color: #3abbed;
    border-radius: 50%;
    width: 120px;
    height: 120px;
  }
  body.about .circle_red {
    background-color: #f66655;
    border-radius: 50%;
    width: 120px;
    height: 120px;
  }
  body.about .circle_orange {
    background-color: #f8b23d;
    border-radius: 50%;
    width: 120px;
    height: 120px;
  }
}
body.about .people-cont {
  border-bottom: solid #ebeaeb 2px;
  padding: 30px 0;
}
body.about .person-name {
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  font-weight: 900;
}
body.about .person-title {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  font-weight: 400;
}
body.about .person-desc {
  font-family: Lato;
  color: #717171;
  font-size: 16px;
  font-weight: 300;
}
body.about .button-wrapper {
  margin: 20px 0;
}
body.about .social {
  margin-top: 5px;
}
body.about .mail-button {
  border: solid #ebeaeb 2px;
  padding: 5px 65px;
  border-radius: 5px;
  color: #f8b23d;
  font-size: 20px;
}
body.about .twitter-button {
  border: solid #ebeaeb 2px;
  padding: 5px 65px;
  border-radius: 5px;
  color: #3abbed;
  font-size: 20px;
}
body.about .linkedin-button {
  border: solid #ebeaeb 2px;
  padding: 5px 65px;
  border-radius: 5px;
  color: #0077b5;
  font-size: 20px;
}
body.about #work {
  background-color: #ebeaeb;
}
body.about .work-back {
  background-image: url(https://www.hubdoc.com/images/about/about-bottom.png);
  background-repeat: no-repeat;
  background-size: 480px;
  background-position: right bottom;
  padding: 45px 0;
}
body.about .button {
  vertical-align: middle;
  margin-top: 50px;
  margin-bottom: 30px;
}
body.about .jobs {
  padding: 15px 80px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
body.about .jobs:hover {
  color: #fff;
  background-color: #00cea5;
}
body.about .hvr-sweep-to-right-mail {
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
body.about .hvr-sweep-to-right-mail:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 5px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f8b23d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
body.about .hvr-sweep-to-right-mail:hover,
body.about .hvr-sweep-to-right:focus,
body.about .hvr-sweep-to-right:active {
  color: white;
}
body.about .hvr-sweep-to-right-mail:hover:before,
body.about .hvr-sweep-to-right:focus:before,
body.about .hvr-sweep-to-right-mail:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
body.about .hvr-sweep-to-right-twitter {
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
body.about .hvr-sweep-to-right-twitter:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 5px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3abbed;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
body.about .hvr-sweep-to-right-twitter:hover,
body.about .hvr-sweep-to-right:focus,
body.about .hvr-sweep-to-right:active {
  color: white;
}
body.about .hvr-sweep-to-right-twitter:hover:before,
body.about .hvr-sweep-to-right:focus:before,
body.about .hvr-sweep-to-right-twitter:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
body.about .hvr-sweep-to-right-linkedin {
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
body.about .hvr-sweep-to-right-linkedin:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 5px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0077b5;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
body.about .hvr-sweep-to-right-linkedin:hover,
body.about .hvr-sweep-to-right:focus,
body.about .hvr-sweep-to-right:active {
  color: white;
}
body.about .hvr-sweep-to-right-linkedin:hover:before,
body.about .hvr-sweep-to-right:focus:before,
body.about .hvr-sweep-to-right-linkedin:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*------------------------------------------------------------------
	[addons]
-------------------------------------------------------------------*/
body.addons #main-section {
  height: 600px;
  background-color: #ebeaeb;
  padding-top: 73px;
}
@media (max-width: 991px) and (min-width: 768px) {
  body.addons #main-section {
    padding-top: 0;
    height: 525px;
  }
}
body.addons .robo-back {
  background: url(https://www.hubdoc.com/images/addons/robot.png) no-repeat left bottom;
  -webkit-background-size: 50%;
  -o-background-size: 50%;
  -moz-background-size: 50%;
  background-size: 50%;
  height: 500px;
}
body.addons .text-cont {
  width: 50%;
  text-align: left;
  padding-top: 100px;
}
body.addons .title-1 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 120px;
  line-height: 100px;
}
body.addons .title-2 {
  margin-top: -12px;
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 70px;
  line-height: 70px;
}
body.addons .subtext {
  margin-top: 25px;
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  font-weight: 400;
}
body.addons .how-button {
  padding: 15px 40px;
  margin: 15px 0;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  line-height: 95px;
}
body.addons .how-button:hover {
  color: #fff;
  background-color: #00cea5;
}
body.addons .icon {
  width: 20%;
  display: inline-block;
  font-size: 40px;
  vertical-align: top;
}
body.addons .icon-title {
  width: 70%;
  display: inline-block;
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  font-weight: 700;
}
body.addons .cred {
  color: red;
}
body.addons .corange {
  color: #f8b23d;
}
body.addons .cblue {
  color: #3abbed;
}
body.addons .icon-desc {
  font-family: Lato;
  color: #717171;
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0;
}
body.addons .row-margin {
  padding-top: 50px;
}
body.addons #apps {
  margin-top: 40px;
}
body.addons .title-apps {
  font-family: lobster;
  color: #40b9ec;
  font-size: 62px;
  font-weight: 400;
}
body.addons .add-button {
  padding: 15px 30px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  line-height: 75px;
}
body.addons .add-button:hover {
  color: #fff;
  background-color: #00cea5;
}
body.addons .logo {
  width: 45%;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -70px;
  left: auto;
  right: 70px;
}
body.addons .box-logo {
  width: 45%;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -38px;
  left: auto;
  right: 65px;
}
body.addons .bill-logo {
  width: 70%;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: auto;
  right: 37px;
}
body.addons .box-text {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  font-weight: 400;
  border-top: solid #ebeaeb 2px;
  padding: 20px 0;
}
body.addons .app-box {
  width: 40%;
  height: 525px;
  vertical-align: top;
  padding: 10px 20px;
  margin: 25px;
  border: solid #ebeaeb 2px;
}
body.addons .logo-div {
  position: relative;
  display: block;
  height: 250px;
}
body.addons .app-button {
  margin: 5px 0;
}
body.addons .app-button a {
  text-decoration: none !important;
}
body.addons .bk {
  display: block;
}
body.addons .ibk {
  display: inline-block;
}
body.addons .app-invisible {
  font-family: Lato;
  font-size: 18px;
  font-weight: 300;
  color: #717171;
  margin: 20px 0 50px 0;
}
@media (min-width: 992px) {
  body.addons .logo {
    right: 85px;
  }
  body.addons .box-logo {
    right: 90px;
  }
  body.addons .app-box {
    height: 500px;
  }
}
body.billcom .title-text {
  line-height: 24px!important;
}
@media (min-width: 992px) {
  body.billcom {
    /*------------------------------------------------------------------
    	[Video Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Questions Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Slider Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.billcom #main-section {
    background: #ebeaeb;
    padding-top: 73px;
    height: 600px;
  }
  body.billcom .add-on-back {
    width: 900px;
    padding-top: 50px;
    position: absolute;
  }
  body.billcom .title-1 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 45px;
  }
  body.billcom .title-2 {
    margin-top: -10px;
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 110px;
    line-height: 70px;
  }
  body.billcom .title-text {
    margin-top: 13px;
    font-family: Lato;
    color: #717171;
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
  }
  body.billcom #connect {
    height: 570px;
    padding-top: 180px;
  }
  body.billcom .logo-cont {
    display: block;
  }
  body.billcom .logo-inline {
    display: inline-block;
    vertical-align: middle;
  }
  body.billcom .logo {
    width: 77px;
  }
  body.billcom .logo-support {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
  }
  body.billcom .logo-support-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.billcom .button {
    display: inline-block;
    vertical-align: middle;
    padding-left: 110px;
  }
  body.billcom .try-free {
    padding: 15px 55px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
  }
  body.billcom .try-free:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.billcom .divider {
    height: 8px;
    margin: 25px 0 30px 0;
    background-color: #ebeaeb;
  }
  body.billcom .col-sm-4 {
    padding: 0 !important;
  }
  body.billcom .info-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    transform: scaleX(1);
  }
  body.billcom .icon-info {
    display: block;
    margin-bottom: 20px;
  }
  body.billcom .icon-text {
    display: inline-block;
    vertical-align: middle;
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.billcom .icon-div {
    width: 60px;
    margin-left: 25px;
    display: inline-block;
    vertical-align: top;
  }
  body.billcom .file-icon {
    display: inline-block;
    color: #f9b13c;
    font-size: 40px;
  }
  body.billcom .usd-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.billcom .puzzle-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.billcom .magic-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.billcom #video {
    background-color: #ebeaeb;
    height: 1150px;
    padding-top: 40px;
  }
  body.billcom .video-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 60px;
    line-height: 80px;
  }
  body.billcom .video-text {
    font-family: Lato;
    color: #717171;
    font-size: 20.04px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.billcom .video-frame {
    margin: 50px 0 70px 0;
  }
  body.billcom .testimonials {
    display: block;
  }
  body.billcom .col-sm-6 {
    padding: 0 !important;
  }
  body.billcom .what-qb-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 50px;
    line-height: 65px;
  }
  body.billcom .what-qb-title-2 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 70px;
    line-height: 55px;
  }
  body.billcom .what-qb-text {
    font-family: Lato;
    color: #717171;
    line-height: 22px;
    font-size: 20.04px;
    font-weight: 400;
  }
  body.billcom .icon-info-2 {
    display: block;
    margin-bottom: 10px;
  }
  body.billcom .icon-div-2 {
    width: 60px;
    display: inline-block;
  }
  body.billcom .cloud-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.billcom .archive-icon {
    display: inline-block;
    color: #f9b23c;
    font-size: 40px;
  }
  body.billcom .users-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.billcom .rocket-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.billcom .divider-white {
    height: 4px;
    margin: 25px 0 25px 0;
    background-color: #FFF;
  }
  body.billcom .qb-icon {
    display: inline-block;
    width: 45px;
  }
  body.billcom .support-questions {
    padding-top: 25px;
  }
  body.billcom .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 70px;
    font-weight: 400;
  }
  body.billcom .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    line-height: 21px;
    font-weight: 300;
  }
  body.billcom .bottom-button {
    margin-top: 25px;
  }
  body.billcom .questions-section {
    padding-top: 31px;
  }
  body.billcom .questions-button {
    padding: 12px 70px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.billcom .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.billcom .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.billcom #question-pic {
    overflow: hidden;
  }
  body.billcom .questions-back {
    height: 321px;
    bottom: 0;
    overflow: hidden;
  }
  body.billcom .mySlider {
    outline: none !important;
    margin-top: 25px;
    width: 419px;
    height: 305px;
  }
  body.billcom .rating {
    width: 40%;
  }
  body.billcom .example-right {
    outline: none !important;
    position: relative;
    width: 100%;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.billcom .author {
    margin: 10px 0 10px 0;
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 300;
  }
  body.billcom .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.billcom {
    /*------------------------------------------------------------------
    	[Main Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Video Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Questions Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Slider Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.billcom #main-section {
    background: #ebeaeb;
    padding-top: 73px;
    height: 520px;
  }
  body.billcom .add-on-back {
    width: 760px;
    padding-top: 50px;
    position: absolute;
  }
  body.billcom .title-1 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 45px;
  }
  body.billcom .title-2 {
    margin-top: -5px;
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 100px;
    line-height: 50px;
  }
  body.billcom .title-text {
    font-family: Lato;
    color: #717171;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
  }
  body.billcom #connect {
    height: 570px;
    padding-top: 180px;
  }
  body.billcom .logo-cont {
    display: block;
  }
  body.billcom .logo-inline {
    display: inline-block;
    vertical-align: middle;
  }
  body.billcom .logo {
    width: 57px;
  }
  body.billcom .logo-support {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
  }
  body.billcom .logo-support-text {
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.billcom .button {
    display: inline-block;
    vertical-align: middle;
    padding-left: 110px;
  }
  body.billcom .try-free {
    padding: 15px 35px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
  }
  body.billcom .try-free:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.billcom .divider {
    height: 8px;
    margin: 25px 0 30px 0;
    background-color: #ebeaeb;
  }
  body.billcom .col-sm-4 {
    padding: 0 !important;
  }
  body.billcom .info-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    transform: scaleX(1);
  }
  body.billcom .icon-info {
    display: block;
    margin-bottom: 25px;
  }
  body.billcom .icon-text {
    display: inline-block;
    vertical-align: middle;
    font-family: Lato;
    color: #717171;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.billcom .icon-div {
    width: 30px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
  }
  body.billcom .file-icon {
    display: inline-block;
    color: #f9b13c;
    font-size: 30px;
  }
  body.billcom .usd-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 30px;
  }
  body.billcom .puzzle-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 30px;
  }
  body.billcom .magic-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 30px;
  }
  body.billcom #video {
    background-color: #ebeaeb;
    height: 1054px;
    padding-top: 20px;
  }
  body.billcom .video-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 50px;
  }
  body.billcom .video-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.billcom .video-frame {
    margin: 30px 0 70px 0;
  }
  body.billcom .testimonials {
    display: block;
  }
  body.billcom .col-sm-6 {
    padding: 0 !important;
  }
  body.billcom .what-qb-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 40px;
    line-height: 55px;
  }
  body.billcom .what-qb-title-2 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 60px;
    line-height: 55px;
  }
  body.billcom .what-qb-text {
    font-family: Lato;
    color: #717171;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
  }
  body.billcom .icon-info-2 {
    display: block;
    margin-bottom: 10px;
  }
  body.billcom .icon-div-2 {
    width: 60px;
    display: inline-block;
  }
  body.billcom .cloud-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.billcom .archive-icon {
    display: inline-block;
    color: #f9b23c;
    font-size: 40px;
  }
  body.billcom .users-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.billcom .rocket-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.billcom .divider-white {
    height: 4px;
    margin: 25px 0 25px 0;
    background-color: #FFF;
  }
  body.billcom .qb-icon {
    display: inline-block;
    width: 45px;
  }
  body.billcom .support-questions {
    padding-top: 25px;
  }
  body.billcom .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 55px;
    font-weight: 400;
  }
  body.billcom .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
  }
  body.billcom .bottom-button {
    margin-top: 25px;
  }
  body.billcom .questions-section {
    padding-top: 31px;
  }
  body.billcom .questions-button {
    padding: 12px 30px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.billcom .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.billcom .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.billcom #question-pic {
    overflow: hidden;
  }
  body.billcom .questions-back {
    height: 280px;
    bottom: 0;
    overflow: hidden;
  }
  body.billcom .mySlider {
    outline: none !important;
    margin-top: 25px;
    width: 350px;
    height: 305px;
  }
  body.billcom .rating {
    width: 40%;
  }
  body.billcom .example-right {
    outline: none !important;
    position: relative;
    width: 100%;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.billcom .author {
    margin: 15px 0 15px 0;
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 300;
  }
  body.billcom .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
body.box .title-text {
  line-height: 24px!important;
}
@media (min-width: 992px) {
  body.box {
    /*------------------------------------------------------------------
    	[Main Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Video Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Questions Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Slider Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.box #main-section {
    background: #ebeaeb;
    padding-top: 73px;
    height: 600px;
  }
  body.box .title-padding {
    padding: 50px 0;
  }
  body.box .add-on-back {
    width: 900px;
    position: absolute;
  }
  body.box .title-2 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 130px;
    line-height: 50px;
  }
  body.box .title-3 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 100px;
    line-height: 100px;
  }
  body.box .title-text {
    font-family: Lato;
    color: #717171;
    font-size: 23px;
    font-weight: 400;
    line-height: 20px;
  }
  body.box #connect {
    height: 460px;
    padding-top: 180px;
  }
  body.box .logo-cont {
    display: block;
  }
  body.box .logo-inline {
    display: inline-block;
    vertical-align: top;
  }
  body.box .logo {
    width: 100px;
  }
  body.box .logo-support {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
  }
  body.box .logo-support-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.box .button {
    display: inline-block;
    vertical-align: middle;
    padding-left: 150px;
  }
  body.box .try-free {
    padding: 15px 55px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
  }
  body.box .try-free:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.box .divider {
    height: 8px;
    margin: 25px 0 30px 0;
    background-color: #ebeaeb;
  }
  body.box .col-sm-4 {
    padding: 0 !important;
  }
  body.box .info-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    transform: scaleX(1);
  }
  body.box .icon-info {
    display: block;
    margin-bottom: 20px;
  }
  body.box .icon-text {
    display: inline-block;
    vertical-align: middle;
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.box .icon-div {
    width: 60px;
    margin-left: 25px;
    display: inline-block;
    vertical-align: top;
  }
  body.box .file-icon {
    display: inline-block;
    color: #f9b13c;
    font-size: 40px;
  }
  body.box .usd-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.box .puzzle-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.box .magic-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.box #video {
    background-color: #ebeaeb;
    height: 381px;
    padding-top: 60px;
  }
  body.box .video-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 75px;
    line-height: 80px;
  }
  body.box .video-text {
    font-family: Lato;
    color: #717171;
    font-size: 20.04px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.box .video-frame {
    margin: 50px 0 70px 0;
  }
  body.box .testimonials {
    display: block;
  }
  body.box .col-sm-6 {
    padding: 0 !important;
  }
  body.box .what-qb-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 70px;
    line-height: 65px;
  }
  body.box .what-qb-text {
    font-family: Lato;
    color: #717171;
    line-height: 22px;
    font-size: 20.04px;
    font-weight: 400;
  }
  body.box .icon-info-2 {
    display: block;
    margin-bottom: 10px;
  }
  body.box .icon-div-2 {
    width: 60px;
    display: inline-block;
  }
  body.box .cloud-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.box .archive-icon {
    display: inline-block;
    color: #f9b23c;
    font-size: 40px;
  }
  body.box .users-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.box .rocket-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.box .divider-white {
    height: 4px;
    margin: 25px 0 25px 0;
    background-color: #FFF;
  }
  body.box .qb-icon {
    display: inline-block;
    width: 45px;
  }
  body.box .support-questions {
    padding-top: 25px;
  }
  body.box .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 70px;
    font-weight: 400;
  }
  body.box .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    line-height: 21px;
    font-weight: 300;
  }
  body.box .bottom-button {
    margin-top: 25px;
  }
  body.box .questions-button {
    padding: 12px 70px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.box .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.box .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.box #question-pic {
    overflow: hidden;
  }
  body.box .questions-back {
    height: 321px;
    bottom: 0;
    overflow: hidden;
  }
  body.box .mySlider {
    outline: none !important;
    margin-top: 25px;
    width: 419px;
    height: 305px;
  }
  body.box .rating {
    width: 40%;
  }
  body.box .example-right {
    outline: none !important;
    position: relative;
    width: 100%;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.box .author {
    margin: 10px 0 10px 0;
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 300;
  }
  body.box .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.box {
    /*------------------------------------------------------------------
    	[Main Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Video Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Questions Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Slider Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.box #main-section {
    background: #ebeaeb;
    padding-top: 73px;
    height: 520px;
  }
  body.box .title-padding {
    padding: 50px 0;
  }
  body.box .add-on-back {
    width: 760px;
    padding-top: 50px;
    position: absolute;
  }
  body.box .title-1 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 60px;
  }
  body.box .title-2 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 100px;
    line-height: 50px;
  }
  body.box .title-3 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 70px;
    line-height: 100px;
  }
  body.box .title-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
  }
  body.box #connect {
    height: 460px;
    padding-top: 200px;
  }
  body.box .logo-cont {
    display: block;
  }
  body.box .logo-inline {
    display: inline-block;
    vertical-align: top;
  }
  body.box .logo {
    width: 77px;
  }
  body.box .logo-support {
    display: inline-block;
    padding-left: 30px;
    vertical-align: middle;
  }
  body.box .logo-support-text {
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.box .button {
    display: inline-block;
    vertical-align: middle;
    padding-left: 150px;
  }
  body.box .try-free {
    padding: 15px 35px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
  }
  body.box .try-free:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.box .divider {
    height: 8px;
    margin: 25px 0 30px 0;
    background-color: #ebeaeb;
  }
  body.box .col-sm-4 {
    padding: 0 !important;
  }
  body.box .info-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    transform: scaleX(1);
  }
  body.box .icon-info {
    display: block;
    margin-bottom: 25px;
  }
  body.box .icon-text {
    display: inline-block;
    vertical-align: middle;
    font-family: Lato;
    color: #717171;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.box .icon-div {
    width: 30px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
  }
  body.box .file-icon {
    display: inline-block;
    color: #f9b13c;
    font-size: 30px;
  }
  body.box .usd-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 30px;
  }
  body.box .puzzle-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 30px;
  }
  body.box .magic-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 30px;
  }
  body.box #video {
    background-color: #ebeaeb;
    height: 331px;
    padding-top: 20px;
  }
  body.box .video-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 50px;
  }
  body.box .video-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.box .video-frame {
    margin: 30px 0 70px 0;
  }
  body.box .testimonials {
    display: block;
  }
  body.box .col-sm-6 {
    padding: 0 !important;
  }
  body.box .what-qb-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 60px;
    line-height: 55px;
  }
  body.box .what-qb-text {
    font-family: Lato;
    color: #717171;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
  }
  body.box .icon-info-2 {
    display: block;
    margin-bottom: 10px;
  }
  body.box .icon-div-2 {
    width: 60px;
    display: inline-block;
  }
  body.box .cloud-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.box .archive-icon {
    display: inline-block;
    color: #f9b23c;
    font-size: 40px;
  }
  body.box .users-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.box .rocket-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.box .divider-white {
    height: 4px;
    margin: 25px 0 25px 0;
    background-color: #FFF;
  }
  body.box .qb-icon {
    display: inline-block;
    width: 45px;
  }
  body.box .support-questions {
    padding-top: 25px;
  }
  body.box .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 55px;
    font-weight: 400;
  }
  body.box .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
  }
  body.box .bottom-button {
    margin-top: 25px;
  }
  body.box .questions-section {
    padding-top: 31px;
  }
  body.box .questions-button {
    padding: 12px 30px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.box .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.box .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.box #question-pic {
    overflow: hidden;
  }
  body.box .questions-back {
    bottom: 0;
    width: 410px;
    overflow: hidden;
  }
  body.box .mySlider {
    outline: none !important;
    margin-top: 25px;
    width: 350px;
    height: 305px;
  }
  body.box .rating {
    width: 40%;
  }
  body.box .example-right {
    outline: none !important;
    position: relative;
    width: 100%;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.box .author {
    margin: 15px 0 15px 0;
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 300;
  }
  body.box .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
body.contact #main-section,
body.support-request #main-section {
  padding-top: 100px;
  padding-bottom: 120px;
  background-color: #ebeaeb !important;
  background: url(https://www.hubdoc.com/images/contact/background.png) no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.contact .title,
body.support-request .title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 68px;
  font-weight: 400;
}
body.contact .form-title,
body.support-request .form-title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 58px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 25px;
}
body.contact .message-status,
body.support-request .message-status {
  font-family: Lato;
  color: #40b9ec;
  font-weight: 10;
  text-align: center;
  margin-top: 5px;
}
body.contact .google-maps,
body.support-request .google-maps {
  position: relative;
  height: 400px;
  overflow: hidden;
}
body.contact .google-maps iframe,
body.support-request .google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 400px !important;
}
body.contact #address,
body.support-request #address {
  padding: 50px 0;
}
body.contact .address-text,
body.support-request .address-text {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}
body.contact a,
body.support-request a {
  text-decoration: none !important;
}
body.contact .contact-form,
body.support-request .contact-form {
  width: 100%;
  height: 460px;
}
body.contact .blockk,
body.support-request .blockk {
  display: block;
  margin: 10px;
}
body.contact form input,
body.support-request form input {
  width: 100%;
  border: none;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
  margin: 10px 0;
}
body.contact .contact-message,
body.support-request .contact-message {
  height: 170px;
  vertical-align: top;
  width: 100%;
  border: none;
  background-color: #fff;
  border-radius: 5px;
  resize: none;
  padding: 5px;
  margin: 10px 0;
}
body.contact .submit-button,
body.support-request .submit-button {
  background-color: #4bbc9c;
  color: #FFF;
  text-size: 20px;
  width: 100%;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 300;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.contact .contact-img,
body.support-request .contact-img {
  position: absolute;
  width: 250px;
  right: 50%;
  margin-right: -500px;
  top: 146px;
}
@media (min-width: 768px) {
  body.contact,
  body.support-request {
    height: 700px;
  }
}
body.home {
  /* Bob */
  /*------------------------------------------------------------------
    	[How It Works Section Styles]
    -------------------------------------------------------------------*/
  /*
     * Serrated Border - a zig-zag triangle border with linear gradient
     */
}
@media (min-width: 1400px) {
  body.home #main-section {
    background: url(https://www.hubdoc.com/images/home/back-2x.gif) no-repeat;
  }
}
body.home #main-section {
  background: url(https://www.hubdoc.com/images/home/back.gif) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center bottom;
  background-color: #ebeaeb;
  height: 600px;
  padding-top: 73px;
}
body.home .robot {
  position: absolute;
  margin-top: -20px;
}
body.home .robot-class {
  width: 333px;
}
body.home .title-1 {
  margin-top: 122px;
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 82px;
  line-height: 50px;
}
body.home .title-2 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 55px;
}
body.home .subtitle {
  font-family: Lato;
  color: #717171;
  font-size: 24.5px;
  line-height: 30px;
  font-weight: 300;
  margin: 15px 0 70px 0;
}
body.home .blockk {
  display: block;
}
body.home .inline-blockk {
  display: inline-block;
}
body.home .video-button {
  background-color: #50bd9c;
  padding: 15px 40px;
  border-radius: 5px;
  font-family: Lato;
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  line-height: 20px;
}
body.home .video-button:hover {
  background-color: #7ECFB8;
}
body.home .try-button {
  background-color: #50bd9c;
  padding: 15px 30px;
  border-radius: 5px;
  margin-left: 30px;
  font-family: Lato;
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  line-height: 20px;
  outline: none !important;
}
body.home .try-button:hover {
  background-color: #7ECFB8;
}
body.home a {
  outline: none !important;
}
@-webkit-keyframes hvrr-bob {
  0% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
  }
  50% {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }
  100% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}
@keyframes hvrr-bob {
  0% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
  }
  50% {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }
  100% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}
@-webkit-keyframes hvrr-bob-float {
  100% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}
@keyframes hvrr-bob-float {
  100% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}
body.home .hvrr-bob {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
body.home #in-between {
  height: 175px;
  padding-top: 25px;
  margin-bottom: 100px;
}
body.home .page-arrow {
  width: 24px;
  margin-top: 60px;
}
body.home #how-it-works {
  z-index: 1;
}
body.home .shadow {
  width: 197px;
  vertical-align: bottom;
  margin-top: 50px;
  padding-left: 10px;
}
body.home .connections-title {
  font-family: Lato;
  color: #bbbbbb;
  font-size: 18px;
  font-weight: 300;
}
body.home .xero-logo {
  width: 54px;
  margin: 15px 10px 0 0;
}
body.home .qb-logo {
  width: 54px;
  margin: 15px 10px 0 0;
}
body.home .box-logo {
  width: 74px;
  margin: 15px 10px 0 0;
}
body.home .app-logo {
  width: 111px;
  margin-right: 10px;
}
body.home .how-title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 62px;
  font-weight: 400;
  line-height: 62px;
}
body.home .how-subtitle {
  font-family: Lato;
  color: #717171;
  font-size: 30px;
  font-weight: 400;
}
body.home .how-pic {
  width: 70%;
}
body.home .how-caption {
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  font-weight: 400;
  position: relative;
  z-index: 200;
}
body.home .how-row {
  padding: 80px 0;
}
body.home #import {
  padding-top: 80px;
  height: 1409px;
  background: url(https://www.hubdoc.com/images/home/import-back.png) no-repeat #ebeaeb;
  -webkit-background-size: 100%;
  -mox-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  position: relative;
  z-index: 2;
}
body.home .import-text {
  font-family: Lato;
  color: #717171;
  font-size: 30px;
  font-weight: 400;
  line-height: 20px;
}
body.home .import-pic {
  width: 50%;
  margin-bottom: 20px;
}
body.home .import-people {
  margin-top: -75px;
  width: 85%;
  z-index: 100;
  position: relative;
}
body.home .papers-img {
  margin-top: -170px;
  width: 95%;
  z-index: 101;
  position: relative;
}
body.home .import-ppl-div {
  position: relative;
}
body.home .abs-row {
  position: absolute;
  top: 150px;
  display: block;
  z-index: 200;
}
body.home .b1 {
  display: inline-block;
  width: 30%;
}
body.home .b2 {
  display: inline-block;
  width: 30%;
  margin: 0 25px;
}
body.home .b3 {
  display: inline-block;
  width: 30%;
}
body.home .abs-text-l {
  position: absolute;
  top: 25px;
  left: 140px;
  z-index: 201;
  font-family: Lato;
  color: #717171;
  font-size: 34px;
  font-weight: 400;
}
body.home .abs-text-r {
  position: absolute;
  top: 25px;
  right: 100px;
  z-index: 201;
  font-family: Lato;
  color: #717171;
  font-size: 34px;
  font-weight: 400;
}
body.home #explain {
  padding: 150px 0 50px 0;
  height: 440px;
}
body.home .explain-txt {
  font-family: Lato;
  color: #717171;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  padding: 0 30px;
}
@media (min-width: 992px) {
  body.home {
    /*------------------------------------------------------------------
    	[Testimonials Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.home #testimonials {
    padding-top: 100px;
    background-color: #ebeaeb;
    height: 720px;
  }
  body.home .testi {
    font-family: lobster;
    color: #40b9ec;
    font-size: 96px;
    font-weight: 400;
    line-height: 11.671px;
  }
  body.home .testi-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    line-height: 70px;
    font-weight: 400;
  }
  body.home .break-size {
    line-height: 10px;
  }
  body.home .testi-text-inner {
    font-family: Lato;
    color: #717171;
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
  }
  body.home .mySlider {
    outline: none !important;
    margin-top: 40px;
    width: 750px;
  }
  body.home .rating {
    width: 200px;
  }
  body.home .example-right {
    outline: none !important;
    border: none;
    position: relative;
    width: 700px;
    height: 340px;
    margin: 0;
    padding: 0 50px 0 50px;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.home .example-right + p {
    margin: 15px 25px 2em 0px;
    font-family: Lato;
    color: #717171;
    font-size: 22px;
    font-weight: 300;
    vertical-align: middle;
  }
  body.home .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.home {
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.home .support-title {
    font-size: 80px!important;
  }
  body.home #testimonials {
    padding-top: 60px;
    background-color: #ebeaeb;
    height: 720px;
  }
  body.home .testi {
    font-family: lobster;
    color: #40b9ec;
    font-size: 96px;
    font-weight: 400;
    line-height: 100px;
  }
  body.home .testi-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    line-height: 70px;
    font-weight: 400;
  }
  body.home .testi-text-inner {
    font-family: Lato;
    color: #717171;
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
  }
  body.home .mySlider {
    outline: none !important;
    margin-top: 40px;
    width: 550px;
  }
  body.home .rating {
    width: 200px;
  }
  body.home .example-right {
    outline: none !important;
    border: none;
    position: relative;
    width: 500px;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.home .example-right + p {
    margin: 15px 0 2em 100px;
    font-family: Lato;
    color: #717171;
    font-size: 22px;
    font-weight: 300;
  }
  body.home .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
body.home #support {
  height: 1000px;
  padding: 50px 0;
  margin-bottom: 50px!important;
}
body.home .support-with {
  font-family: Lato;
  color: #717171;
  font-size: 20px;
  font-weight: 300;
  line-height: 0;
  padding-right: 450px;
  margin-bottom: 25px;
}
body.home .support-title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 105px;
  font-weight: 400;
  line-height: 60px;
  margin-bottom: 15px;
}
body.home .support-back {
  margin-top: 30px;
  width: 95%;
}
body.home .my-row-2 {
  margin-top: 25px;
  display: block;
}
body.home .r1 {
  display: inline-block;
  padding-right: 76px;
}
body.home .r2 {
  display: inline-block;
  padding: 0 63px;
  border-left: solid 2px #ebeaeb;
  border-right: solid 2px #ebeaeb;
}
body.home .r3 {
  display: inline-block;
  padding-left: 76px;
}
body.home .twitter-icon {
  font-size: 70px;
  color: #3abbed;
}
body.home .mail-icon {
  font-size: 70px;
  color: #f8b23d;
}
body.home .phone-icon {
  font-size: 70px;
  color: #4bbc9c;
}
body.home .contact-text {
  font-family: Lato;
  color: #717171;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 991px) and (min-width: 768px) {
  body.home {
    /*------------------------------------------------------------------
    	[How It Works Section Styles]
    -------------------------------------------------------------------*/
  }
  body.home #import {
    height: 1200px;
  }
  body.home #explain {
    padding: 100px 0 50px 0;
    height: 440px;
  }
  body.home .abs-row {
    top: 100px;
  }
  body.home #support {
    height: 840px;
  }
  body.home #main-section {
    height: 500px;
  }
  body.home .robot-class {
    width: 263px;
  }
  body.home .title-1 {
    margin-top: 100px;
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 62px;
    line-height: 50px;
  }
  body.home .title-2 {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 42px;
  }
  body.home .subtitle {
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    margin: 15px 0 50px 0;
  }
  body.home .video-button {
    background-color: #50bd9c;
    padding: 15px 35px;
    border-radius: 5px;
    font-family: Lato;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
  }
  body.home .try-button {
    background-color: #50bd9c;
    padding: 15px 25px;
    border-radius: 5px;
    margin-left: 30px;
    font-family: Lato;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
  }
  body.home #in-between {
    height: 125px;
    padding-top: 25px;
    margin-bottom: 100px;
  }
  body.home .page-arrow {
    width: 24px;
    margin-top: 60px;
  }
  body.home #how-it-works {
    height: 440px;
  }
  body.home .shadow {
    width: 197px;
    vertical-align: bottom;
    margin-top: 50px;
    padding-left: 10px;
  }
  body.home .connections-title {
    font-family: Lato;
    color: #bbbbbb;
    font-size: 18px;
    font-weight: 300;
  }
  body.home .xero-logo {
    width: 44px;
    margin: 15px 10px 0 0;
  }
  body.home .qb-logo {
    width: 44px;
    margin: 15px 10px 0 0;
  }
  body.home .box-logo {
    width: 64px;
    margin: 15px 10px 0 0;
  }
  body.home .app-logo {
    width: 91px;
    margin-right: 10px;
  }
  body.home .abs-text-l {
    left: 100px;
  }
  body.home .abs-text-r {
    right: 60px;
  }
}
body.home .serrated-bottom {
  color: #ebeaeb;
  text-align: center;
}
body.home .serrated-bottom {
  position: relative;
  padding-bottom: 32px;
}
body.home .serrated-bottom:after {
  bottom: 0px;
  background-position: left bottom;
  background: -webkit-linear-gradient(-45deg, #ebeaeb 16px, transparent 0), -webkit-linear-gradient(45deg, #ebeaeb 16px, transparent 0);
  background: linear-gradient(-45deg, #ebeaeb 16px, transparent 0), linear-gradient(45deg, #ebeaeb 16px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 32px;
  background-repeat: repeat-x;
  background-size: 32px 32px;
}
body.home .serrated-top {
  background: #FFF;
  text-align: center;
}
body.home .serrated-top {
  position: relative;
  padding-top: 32px;
}
body.home .serrated-top:before {
  top: 0px;
  background-position: left top;
  background: -webkit-linear-gradient(-135deg, #ebeaeb 16px, transparent 0), -webkit-linear-gradient(135deg, #ebeaeb 16px, transparent 0);
  background: linear-gradient(-135deg, #ebeaeb 16px, transparent 0), linear-gradient(135deg, #ebeaeb 16px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 32px;
  background-repeat: repeat-x;
  background-size: 32px 32px;
}
body.home #signup {
  margin: 0 auto !important;
  background: #FFF;
  text-align: center;
  width: 620px;
  padding: 20px 0;
}
body.home .signup-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 42px;
}
body.home input {
  background-color: #ebeaeb;
  text-align: left;
  padding: 10px 80px 10px 20px;
  margin: 10px 10px !important;
  border-radius: 10px;
  border: none !important;
}
body.home .terms-link {
  color: #4bbc9c;
  font-size: 18px;
  font-weight: 400;
  font-family: lato;
  text-decoration: none;
}
body.home .terms-link:hover {
  text-decoration: none;
}
body.home .checkbox-text {
  font-family: lato;
  font-size: 18px;
  font-weight: 400;
  color: #717171;
}
body.home .button-text {
  font-family: lato;
  font-size: 14px;
  font-weight: 400;
  color: #717171;
}
body.home .privacy-link {
  color: #4bbc9c;
  font-size: 14px;
  font-weight: 400;
  font-family: lato;
  text-decoration: none;
}
body.home .privacy-link:hover {
  text-decoration: none;
}
body.home .sign-up-button {
  font-family: Lato;
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
  background-color: #4bbc9c;
  padding: 10px 20px;
  border-radius: 5px;
  line-height: 50px;
  outline: none !important;
}
body.home .sign-up-button:hover {
  text-decoration: none;
  background-color: #7ECFB8;
}
body.home .button-submit {
  margin: 0 0 0 20px;
}
body.home .fa-shield {
  font-size: 24px !important;
  margin-right: 10px;
}
body.home .ssl-text {
  vertical-align: middle;
  font-family: Lato;
  font-size: 14px;
  color: #717171;
  line-height: 14px;
}
body.how-it-works {
  /* Snap & Send Paperwork */
  /* Auto-Pilot Bills and Statements */
  /* Export Docs & Collaborate */
  /* Security Section */
  /* Audit-proof Business */
  /* Built to Travel */
  /* Magnifying Glass */
  /*Lets create the magnifying glass*/
  /*To solve overlap bug at the edges during magnification*/
}
body.how-it-works #scan-and-save {
  width: 100%;
  background-color: #ebeaec;
  height: 610px;
  padding-top: 123px;
}
body.how-it-works .scan-title {
  position: absolute;
  margin-left: 63px;
  margin-top: 79px;
}
body.how-it-works .scan-subtext {
  position: absolute;
  font-family: Lato;
  font-size: 20px;
  color: #717171;
  line-height: 25px;
  margin-top: 233px;
  margin-left: 63px;
}
body.how-it-works .scan-icons {
  position: absolute;
  margin-top: 365px;
  margin-left: 63px;
}
body.how-it-works #snap-info {
  width: 100%;
  background-color: #FFF;
  height: 310px;
}
body.how-it-works .cust-container {
  width: 100%;
}
body.how-it-works .info-snap {
  width: 33%;
  float: left;
}
body.how-it-works .snap-thumb-phone {
  position: absolute;
  padding: 57px 12px;
}
body.how-it-works .snap-thumb-mail {
  position: absolute;
  padding: 63px 322px;
}
body.how-it-works .snap-thumb-cloud {
  position: absolute;
  padding: 57px 643px;
}
body.how-it-works .snap-info {
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
body.how-it-works .scan-thumb-phone {
  position: absolute;
  padding-top: 55px;
}
body.how-it-works .scan-thumb-mail {
  position: absolute;
  padding-top: 62px;
  padding-left: 9px;
}
body.how-it-works .scan-thumb-cloud {
  position: absolute;
  padding-top: 58px;
  padding-left: 25px;
}
body.how-it-works .pos-phone-info {
  position: relative;
  padding-top: 48px;
  padding-left: 43px;
}
body.how-it-works .pos-mail-info {
  position: relative;
  padding-top: 47px;
  padding-left: 66px;
}
body.how-it-works .pos-cloud-info {
  position: relative;
  padding-top: 46px;
  padding-left: 87px;
}
body.how-it-works .info-font {
  font-family: lato;
  color: #717171;
  font-size: 16px;
  font-weight: 300;
  line-height: 10px;
}
body.how-it-works .phone-info {
  position: relative;
  padding-top: 15px;
}
body.how-it-works .mail-info {
  position: relative;
  padding-top: 17px;
  padding-left: 7px;
}
body.how-it-works .cloud-info {
  position: relative;
  padding-top: 18px;
  padding-left: 25px;
}
body.how-it-works .how-button {
  padding: 20px 55px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}
body.how-it-works .how-button:hover {
  color: #fff;
  background-color: #00cea5;
}
body.how-it-works .popup-link {
  text-decoration: none !important;
}
body.how-it-works #auto-pilot {
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/how-it-works/auto-pilot/papers.jpg);
  background-color: #ebeaec;
  background-repeat: no-repeat;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  height: 1000px;
}
body.how-it-works .auto-back-cont {
  height: 1200px;
}
body.how-it-works .img-back {
  position: relative;
  z-index: 100;
}
body.how-it-works .back-export {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
body.how-it-works .title-auto {
  padding-top: 100px;
  position: relative;
  z-index: 101;
}
body.how-it-works .auto-title-text {
  font-family: Lato;
  color: #717171;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}
body.how-it-works .auto-divide {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.how-it-works .auto-row {
  position: absolute;
  padding-left: 15px;
  padding-top: 20px;
}
body.how-it-works .auto-info-title {
  position: relative;
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
body.how-it-works .auto-l {
  padding-left: 60px;
  padding-top: 10px;
}
body.how-it-works .auto-r {
  padding-left: 70px;
  padding-top: 10px;
}
body.how-it-works .auto-info-text {
  font-family: Lato;
  color: #717171;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
body.how-it-works .auto-text-l {
  padding-top: 15px;
  padding-left: 12px;
}
body.how-it-works .auto-text-r {
  padding-top: 15px;
  padding-left: 20px;
}
body.how-it-works #export-docs {
  background-color: #ebeaec;
  border-color: #ebeaec;
  width: 100%;
  height: 805px;
  padding: 200px 0 50px 0;
}
body.how-it-works .export-title {
  position: absolute;
}
body.how-it-works .export-text-pos {
  position: relative;
  padding-top: 220px;
}
body.how-it-works .export-title-text {
  font-family: Lato;
  color: #717171;
  font-size: 20.04px;
  font-weight: 400;
  line-height: 20px;
}
body.how-it-works .export-speak {
  position: absolute;
  padding-top: 25px;
}
body.how-it-works .xero-icon {
  position: absolute;
  padding-left: 50px;
}
body.how-it-works .qb-icon {
  position: absolute;
  padding-left: 26px;
}
body.how-it-works .box-icon {
  position: absolute;
  padding: 5px 0 0 20px;
}
body.how-it-works .box-sm {
  width: 90px;
}
body.how-it-works #export-text {
  padding: 50px 0;
}
body.how-it-works .export-sync-icon {
  position: absolute;
  padding-top: 15px;
  padding-left: 5px;
}
body.how-it-works .export-collab-icon {
  position: absolute;
  padding-top: 15px;
  padding-left: 12px;
}
body.how-it-works .export-cloud-icon {
  position: absolute;
  padding-top: 15px;
  padding-left: 20px;
}
body.how-it-works .export-speak-bubble {
  width: 610px;
}
body.how-it-works .icon-table {
  width: 500px;
  height: 130px;
}
body.how-it-works .export-info {
  position: relative;
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
body.how-it-works .export-l {
  padding-left: 60px;
}
body.how-it-works .export-c {
  padding-left: 65px;
}
body.how-it-works .export-r {
  padding-left: 80px;
}
body.how-it-works .robot-head {
  padding-right: 63px;
}
body.how-it-works .robot-body {
  padding-right: 100px;
}
body.how-it-works .export-info-text {
  font-family: Lato;
  color: #717171;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
body.how-it-works .export-text-l {
  padding-top: 17px;
  padding-left: 6px;
}
body.how-it-works .export-text-c {
  padding-top: 17px;
  padding-left: 12px;
}
body.how-it-works .export-text-r {
  padding-top: 17px;
  padding-left: 22px;
}
body.how-it-works #secure {
  height: 1050px;
}
body.how-it-works .security-back {
  position: absolute;
  padding: 260px 0 0 80px;
}
body.how-it-works .security-title {
  padding-top: 55px;
}
body.how-it-works .security-line {
  padding-top: 30px;
}
body.how-it-works .security-bank-icon {
  position: absolute;
  padding-top: 42px;
  padding-left: 20px;
}
body.how-it-works .security-bank-title {
  position: relative;
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
  padding: 40px 0 0 85px;
}
body.how-it-works .security-bank-text {
  position: relative;
  font-family: Lato;
  color: #717171;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding: 25px 0 0 20px;
}
body.how-it-works .security-eye-icon {
  position: absolute;
  padding: 40px 0 0 20px;
}
body.how-it-works .security-eye-title {
  position: relative;
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  padding: 25px 0 0 85px;
}
body.how-it-works .security-eye-text {
  font-family: Lato;
  color: #717171;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding: 18px 0 0 20px;
}
body.how-it-works #audit {
  height: 868px;
  background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url(https://www.hubdoc.com/images/how-it-works/audit/audit-back.png);
}
body.how-it-works .audit-title {
  padding-top: 55px;
}
body.how-it-works .audit-text {
  font-family: Lato;
  color: #717171;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 8px;
}
body.how-it-works .audit-line {
  padding-top: 15px;
}
body.how-it-works .audit-sync-icon {
  position: absolute;
  padding-top: 50px;
}
body.how-it-works .audit-search-icon {
  position: absolute;
  padding: 40px 0 0 10px;
}
body.how-it-works .audit-search-title {
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  padding: 40px 0 0 75px;
}
body.how-it-works .audit-search-text {
  font-family: Lato;
  color: #717171;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  padding: 16px 0 0 12px;
}
body.how-it-works .audit-sync-title {
  font-family: Lato;
  line-height: 30px;
  color: #717171;
  font-size: 24px;
  font-weight: 700;
  padding: 38px 0 0 68px;
}
body.how-it-works .audit-sync-text {
  font-family: Lato;
  color: #717171;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  padding: 18px 0 0 2px;
}
body.how-it-works .man-bins {
  height: 1100px;
  position: absolute;
  background-image: url(https://www.hubdoc.com/images/how-it-works/audit/man-with-bins.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover cover;
}
body.how-it-works #travel {
  height: 678px;
  margin-top: 270px;
  background-image: url(https://www.hubdoc.com/images/how-it-works/travel/travel-back.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 1680px 678px;
  background-color: #ffffff;
}
body.how-it-works .travel-title {
  padding-top: 50px;
}
body.how-it-works .travel-text {
  font-family: Lato;
  color: #717171;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  padding-top: 27px;
}
body.how-it-works .travel-apple {
  padding-top: 50px;
}
body.how-it-works .travel-google {
  padding-top: 20px;
}
body.how-it-works .man-boat {
  position: absolute;
}
body.how-it-works .magnify {
  width: 356px;
  margin-top: 48px;
  margin-left: 605px;
  position: absolute;
}
body.how-it-works .large {
  width: 175px;
  height: 175px;
  position: absolute;
  border-radius: 100%;
  /*Multiple box shadows to achieve the glass effect*/
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  /*Lets load up the large image first*/
  background: url(https://www.hubdoc.com/images/how-it-works/scan-and-save/binary.png) no-repeat;
  /*hide the glass by default*/
  display: none;
}
body.how-it-works .small {
  display: block;
}
@media (max-width: 991px) {
  body.how-it-works {
    /* Snap & Send Paperwork */
    /* Auto-Pilot Bills and Statements */
    /* Export Docs & Collaborate */
    /* Security Section */
    /* Audit-proof Business */
    /* Built to Travel */
  }
  body.how-it-works #page-top {
    height: auto!important;
    width: auto !important;
  }
  body.how-it-works #scan-and-save {
    width: 100%;
    padding-top: 90px;
    background-color: #ebeaec;
    height: 510px;
  }
  body.how-it-works .scan-title {
    position: absolute;
    width: 350px;
  }
  body.how-it-works .scan-subtext {
    position: absolute;
    font-family: Lato;
    font-size: 15px;
    color: #717171;
    line-height: 15px;
    margin-top: 200px;
  }
  body.how-it-works .scan-icons {
    position: absolute;
    margin-top: 285px;
    margin-left: 63px;
  }
  body.how-it-works #snap-info {
    width: 100%;
    background-color: #FFF;
    height: 250px;
  }
  body.how-it-works .cust-container {
    width: 100%;
  }
  body.how-it-works .scan-bill-sm {
    position: absolute;
    padding: 75px 0 0 450px;
  }
  body.how-it-works .info-snap {
    width: 33%;
    float: left;
  }
  body.how-it-works .snap-info {
    font-family: Lato;
    color: #717171;
    font-size: 17.5px;
    font-weight: 700;
    line-height: 20px;
  }
  body.how-it-works .scan-thumb-phone {
    position: absolute;
  }
  body.how-it-works .scan-thumb-mail {
    position: absolute;
  }
  body.how-it-works .scan-thumb-cloud {
    position: absolute;
  }
  body.how-it-works .pos-phone-info {
    position: relative;
    padding-top: 58px;
    padding-left: 43px;
  }
  body.how-it-works .pos-mail-info {
    position: relative;
    padding-top: 57px;
    padding-left: 66px;
  }
  body.how-it-works .pos-cloud-info {
    position: relative;
    padding-top: 56px;
    padding-left: 87px;
  }
  body.how-it-works .info-font {
    font-family: lato;
    color: #717171;
    font-size: 12px;
    font-weight: 300;
    line-height: 10px;
  }
  body.how-it-works .phone-info {
    position: relative;
    padding-top: 15px;
  }
  body.how-it-works .mail-info {
    position: relative;
    padding-top: 17px;
    padding-left: 7px;
  }
  body.how-it-works .cloud-info {
    position: relative;
    padding-top: 18px;
    padding-left: 25px;
  }
  body.how-it-works .how-button {
    padding: 10px 40px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  body.how-it-works .how-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.how-it-works .popup-link {
    text-decoration: none !important;
  }
  body.how-it-works #auto-pilot {
    width: 100%;
    background-image: url(https://www.hubdoc.com/images/how-it-works/auto-pilot/papers.jpg);
    background-color: #ebeaec;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    height: 900px;
    margin-top: -100px;
  }
  body.how-it-works .auto-back-cont {
    height: 1200px;
  }
  body.how-it-works .img-back {
    position: relative;
    z-index: 100;
  }
  body.how-it-works .back-export {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100px;
  }
  body.how-it-works .title-auto {
    padding-top: 100px;
    position: relative;
    z-index: 101;
  }
  body.how-it-works .auto-title {
    width: 450px;
    padding-top: 50px;
  }
  body.how-it-works .auto-title-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 15px;
  }
  body.how-it-works .auto-divide {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  body.how-it-works .auto-row {
    position: absolute;
    padding-left: 15px;
  }
  body.how-it-works .auto-info-title {
    position: relative;
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
  }
  body.how-it-works .auto-l {
    padding-left: 60px;
    padding-top: 25px;
  }
  body.how-it-works .auto-r {
    padding-left: 70px;
    padding-top: 25px;
  }
  body.how-it-works .auto-info-text {
    font-family: Lato;
    color: #717171;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
  }
  body.how-it-works .auto-text-l {
    padding-top: 30px;
    padding-left: 12px;
  }
  body.how-it-works .auto-text-r {
    padding-top: 25px;
    padding-left: 20px;
  }
  body.how-it-works #export-docs {
    background-color: #ebeaec;
    border-color: #ebeaec;
    width: 100%;
    height: 760px;
  }
  body.how-it-works .export-title {
    position: absolute;
  }
  body.how-it-works #export-text {
    margin-top: -170px;
  }
  body.how-it-works .export-text-pos {
    position: relative;
    padding-top: 220px;
  }
  body.how-it-works .export-title-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.how-it-works .export-speak {
    position: absolute;
    padding-top: 10px;
  }
  body.how-it-works .robot-head {
    width: 250px;
    padding: 100px 0 0;
  }
  body.how-it-works .robot-body {
    width: 200px;
    padding: 10px 30px 0 0;
  }
  body.how-it-works .xero-icon {
    position: absolute;
    padding-left: 25px;
  }
  body.how-it-works .qb-icon {
    position: absolute;
    padding-left: 20px;
  }
  body.how-it-works .box-icon {
    position: absolute;
    padding-left: 10px;
  }
  body.how-it-works .xero-sm {
    width: 100px;
  }
  body.how-it-works .qb-sm {
    width: 100px;
  }
  body.how-it-works .box-sm {
    width: 65px;
  }
  body.how-it-works .export-info-row {
    padding-top: 175px;
  }
  body.how-it-works .export-sync-icon {
    position: absolute;
  }
  body.how-it-works .export-collab-icon {
    position: absolute;
  }
  body.how-it-works .export-cloud-icon {
    position: absolute;
  }
  body.how-it-works .export-info {
    position: relative;
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    padding-top: 15px;
  }
  body.how-it-works .icon-table {
    width: 450px;
    height: 75px;
  }
  body.how-it-works .export-l {
    padding-left: 60px;
  }
  body.how-it-works .export-c {
    padding-left: 65px;
  }
  body.how-it-works .export-r {
    padding-left: 80px;
  }
  body.how-it-works .export-speak-bubble {
    width: 500px;
  }
  body.how-it-works .export-info-text {
    font-family: Lato;
    color: #717171;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
  }
  body.how-it-works .export-text-l {
    padding-top: 17px;
    padding-left: 6px;
  }
  body.how-it-works .export-text-c {
    padding-top: 17px;
    padding-left: 12px;
  }
  body.how-it-works .export-text-r {
    padding-top: 17px;
    padding-left: 22px;
  }
  body.how-it-works #secure {
    height: 900px;
  }
  body.how-it-works .security-back {
    position: absolute;
    padding: 325px 0 0;
    width: 450px;
  }
  body.how-it-works .security-title {
    padding-top: 55px;
  }
  body.how-it-works .security-line {
    padding-top: 30px;
  }
  body.how-it-works .security-bank-icon {
    position: absolute;
    padding-top: 35px;
    padding-left: 20px;
  }
  body.how-it-works .security-bank-title {
    position: relative;
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    padding: 40px 0 0 85px;
  }
  body.how-it-works .security-bank-text {
    position: relative;
    font-family: Lato;
    color: #717171;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    padding: 25px 0 0 20px;
  }
  body.how-it-works .security-eye-icon {
    position: absolute;
    padding: 30px 0 0 20px;
  }
  body.how-it-works .security-eye-title {
    position: relative;
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    padding: 25px 0 0 85px;
  }
  body.how-it-works .security-eye-text {
    font-family: Lato;
    color: #717171;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    padding: 18px 0 0 20px;
  }
  body.how-it-works #audit {
    height: 868px;
    background-size: 100% 871px;
    background-repeat: no-repeat;
    background-image: url(https://www.hubdoc.com/images/how-it-works/audit/audit-back.png);
  }
  body.how-it-works .audit-title {
    padding-top: 55px;
    width: 700px;
  }
  body.how-it-works .audit-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 8px;
  }
  body.how-it-works .audit-line {
    padding-top: 15px;
    width: 760px;
  }
  body.how-it-works .audit-sync-icon {
    position: absolute;
    padding-top: 35px;
  }
  body.how-it-works .how-audit-row {
    padding-left: 75px;
    padding-top: 50px;
  }
  body.how-it-works .audit-search-icon {
    position: absolute;
    padding: 30px 0 0 10px;
  }
  body.how-it-works .audit-search-title {
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    padding: 40px 0 0 75px;
  }
  body.how-it-works .audit-search-text {
    font-family: Lato;
    color: #717171;
    font-size: 12px;
    line-height: 19px;
    font-weight: 400;
    padding: 16px 0 0 12px;
  }
  body.how-it-works .audit-sync-title {
    font-family: Lato;
    line-height: 20px;
    color: #717171;
    font-size: 18px;
    font-weight: 700;
    padding: 38px 0 0 68px;
  }
  body.how-it-works .audit-sync-text {
    font-family: Lato;
    color: #717171;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    padding: 18px 0 0 2px;
  }
  body.how-it-works .man-bins {
    height: 1050px;
    position: absolute;
    background-image: url(https://www.hubdoc.com/images/how-it-works/audit/man-with-bins.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
  }
  body.how-it-works #travel {
    height: 678px;
    background-image: url(https://www.hubdoc.com/images/how-it-works/travel/travel-back.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 1680px 678px;
    background-color: #ffffff;
  }
  body.how-it-works .travel-title {
    padding-top: 50px;
  }
  body.how-it-works .travel-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    padding-top: 27px;
  }
  body.how-it-works .travel-apple {
    padding-top: 50px;
  }
  body.how-it-works .travel-google {
    padding-top: 20px;
  }
  body.how-it-works .man-boat {
    position: absolute;
    width: 450px;
    padding-top: 175px;
  }
  body.how-it-works .anchor {
    visibility: hidden;
    height: 1000px;
    display: block;
    margin-top: -100px;
  }
}
body.jobs .jobs-header {
  background-image: url("https://www.hubdoc.com/images/jobs/jobs-top.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #ebeaeb;
  padding-top: 130px;
  padding-bottom: 40px;
}
body.jobs h2 {
  color: #717171;
  font-size: 24px;
  font-weight: bold;
}
body.jobs h3 {
  color: #717171;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  margin-top: 8px;
}
body.jobs p {
  color: #717171;
  font-family: Lato;
  font-weight: 300;
}
body.jobs .button {
  padding: 10px 30px;
  color: #fff;
  border-radius: 5px;
  background-color: #4bbc9c;
}
body.jobs .join-us {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 0 15px;
  display: inline-block;
  max-width: 50%;
}
body.jobs .greenhouse-container {
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
}
body.jobs #why {
  padding-top: 30px;
  padding-bottom: 30px;
}
body.jobs #contact {
  padding-bottom: 60px;
}
body.jobs #contact .container-inner {
  border-top: 1px solid #ebeaeb;
}
body.jobs .title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 60px;
  font-weight: 400;
}
body.jobs .subtitle {
  font-family: Lato;
  color: #717171;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 300;
  margin-bottom: 25px;
}
body.jobs .icon {
  font-size: 24px;
}
body.jobs .why-hubdoc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.jobs .why-hubdoc-list li {
  font-family: Lato;
  color: #717171;
  font-weight: 300;
  position: relative;
  margin-bottom: 15px;
  padding-left: 38px;
}
body.jobs .why-hubdoc-list .icon {
  text-align: center;
  width: 26px;
  margin-right: 12px;
  position: absolute;
  top: 5px;
  left: 0;
}
body.jobs .benefits .icon {
  top: -3px;
}
body.jobs .fa-users {
  color: #f66655;
}
body.jobs .fa-comment {
  color: #4bbc9c;
}
body.jobs .fa-trophy {
  color: #f8b23d;
}
body.jobs .fa-graduation-cap {
  color: #3abbed;
}
body.jobs .fa-heart {
  color: red;
}
body.jobs .fa-bicycle {
  color: #3abbed;
}
body.jobs .fa-heartbeat {
  color: red;
}
body.jobs .fa-suitcase {
  color: #4bbc9c;
}
body.jobs .fa-plane {
  color: #f66655;
}
body.jobs .fa-beer {
  color: #f8b23d;
}
body.jobs .fa-coffee {
  color: #bf6e1d;
}
body.jobs .fa-child {
  color: #f66655;
}
body.jobs .fa-pie-chart {
  color: #4bbc9c;
}
body.jobs .fa-clock-o {
  color: #2b5e91;
}
body.jobs .fa-cutlery {
  color: #727272;
}
body.jobs .fa-puzzle-piece {
  color: #e00004;
}
body.jobs .social-link {
  font-size: 31px;
  margin-right: 20px;
}
body.jobs .fa-twitter {
  color: #26a0f1;
}
body.jobs .fa-facebook {
  color: #3b5998;
}
body.jobs .fa-linkedin {
  color: #0077b5;
}
body.jobs #footer {
  background-color: #ebeaeb;
}
body.partners .title-2 {
  margin-top: -12px;
}
body.partners .subtitle {
  margin-top: 62px;
  line-height: 24px!important;
}
body.partners .outside-modal-close {
  opacity: 0.5;
}
body.partners .outside-modal-close:hover {
  opacity: 1;
}
body.partners .demo-button-nav {
  padding: 7px 20px;
  border-radius: 5px;
  border: 2px #FFF solid;
  vertical-align: top;
}
body.partners .region {
  max-width: 100%;
}
body.partners .region-name {
  text-align: center;
  font-size: 20px;
  color: grey;
}
body.partners .region-option {
  padding-top: 10px;
  transition: background-color 0.1s;
  cursor: pointer;
  border-radius: 5px;
}
body.partners .region-option:hover {
  background-color: #dcdcdc;
}
body.partners .no-data-entry {
  position: relative;
}
@media (min-width: 992px) {
  body.partners {
    /* Bob */
    /*------------------------------------------------------------------
    	[Stay Updated Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[No Data Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Testimonials Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
    /*------------------------------------------------------------------
    	[Support Styles]
    -------------------------------------------------------------------*/
  }
  body.partners #top {
    padding-top: 129px;
    width: 100%;
  }
  body.partners #page-title {
    height: 535px;
    background-image: url(https://www.hubdoc.com/images/partners/ellipse.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 580px;
  }
  body.partners #top-page {
    padding-top: 20px;
    height: 100%;
  }
  body.partners .accountant {
    display: block;
  }
  body.partners .shadow {
    width: 252px;
    margin-right: 90px;
    margin-bottom: 20px;
  }
  body.partners .acc-left {
    width: 58%;
    display: inline-block;
    vertical-align: top;
  }
  body.partners .acc-right {
    width: 41%;
    margin-top: 40px;
    display: inline-block;
    vertical-align: top;
  }
  body.partners .acc-img {
    width: 338px;
  }
  body.partners .title-1 {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 130px;
  }
  body.partners .title-2 {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 70px;
    line-height: 0px;
  }
  body.partners .subtitle {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
  }
  body.partners .demo-button {
    padding: 16px 0;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    width: 345px;
    text-align: center;
    display: inline-block;
  }
  body.partners .demo-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  @-webkit-keyframes hvrr-bob {
    0% {
      -webkit-transform: translateY(-24px);
      transform: translateY(-24px);
    }
    50% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
    100% {
      -webkit-transform: translateY(-24px);
      transform: translateY(-24px);
    }
  }
  @keyframes hvrr-bob {
    0% {
      -webkit-transform: translateY(-24px);
      transform: translateY(-24px);
    }
    50% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
    100% {
      -webkit-transform: translateY(-24px);
      transform: translateY(-24px);
    }
  }
  @-webkit-keyframes hvrr-bob-float {
    100% {
      -webkit-transform: translateY(-24px);
      transform: translateY(-24px);
    }
  }
  @keyframes hvrr-bob-float {
    100% {
      -webkit-transform: translateY(-24px);
      transform: translateY(-24px);
    }
  }
  body.partners .hvrr-bob {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
  }
  body.partners #stay-updated {
    height: 960px;
    padding-top: 15px;
    background-color: #ebeaeb;
  }
  body.partners .my-row {
    display: block;
  }
  body.partners .reload-i {
    font-size: 40px;
    vertical-align: middle;
    color: #40b9ec;
    display: inline-block;
  }
  body.partners .tree-i {
    font-size: 40px;
    vertical-align: middle;
    color: #50bd9c;
    display: inline-block;
  }
  body.partners .trophy-i {
    font-size: 40px;
    vertical-align: middle;
    color: #f7b23d;
    display: inline-block;
  }
  body.partners .row-1 {
    padding-left: .5vw;
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    font-weight: 400;
    line-height: 25px;
    vertical-align: middle;
    display: inline-block;
  }
  body.partners .container-inner-inner {
    width: 620px;
    height: 100%;
  }
  body.partners .top-inner-margin {
    margin-top: 100px;
  }
  body.partners .update-back {
    height: 1010px;
    background-image: url(https://www.hubdoc.com/images/partners/updates_back.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 90%;
  }
  body.partners .update-title-1 {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 60px;
    line-height: 50px;
  }
  body.partners .update-title-2 {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 130px;
    line-height: 120px;
  }
  body.partners .update-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
  }
  body.partners .watch-button {
    padding: 14px 85px;
    margin: 5px;
    line-height: 50px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
  }
  body.partners .watch-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.partners #no-data {
    padding-top: 40px;
    height: 870px;
  }
  body.partners .my-block {
    margin-top: 115px;
    display: block;
  }
  body.partners .data-left {
    vertical-align: top;
    width: 50%;
    height: 510px;
    display: inline-block;
  }
  body.partners .data-right {
    vertical-align: top;
    width: 49%;
    display: inline-block;
    height: 510px;
    background-image: url(https://www.hubdoc.com/images/partners/data-robot.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 95%;
  }
  body.partners .data-title-1 {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 69px;
    line-height: 90px;
  }
  body.partners .data-title-2 {
    font-family: lobster;
    line-height: 80px;
    color: #40b9ec;
    font-weight: 400;
    font-size: 125px;
  }
  body.partners .data-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
  }
  body.partners .last-r-buffer {
    margin-top: 35px;
  }
  body.partners .eye-i {
    font-size: 40px;
    vertical-align: middle;
    color: #f46155;
    display: inline-block;
  }
  body.partners .check-i {
    font-size: 40px;
    vertical-align: middle;
    color: #50bd9c;
    display: inline-block;
  }
  body.partners .cloud-i {
    font-size: 40px;
    vertical-align: middle;
    color: #40b9ec;
    display: inline-block;
  }
  body.partners .qb-logo {
    width: 139px;
    position: absolute;
    top: 39px;
    right: 282px;
  }
  body.partners .xero-logo {
    width: 144px;
    position: absolute;
    top: 102px;
    right: 131px;
  }
  body.partners #testimonials {
    overflow: hidden;
    padding-top: 130px;
    background-color: #ebeaeb;
    height: 750px;
  }
  body.partners .testi {
    font-family: lobster;
    color: #40b9ec;
    font-size: 96px;
    font-weight: 400;
    line-height: 11.671px;
  }
  body.partners .testi-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    line-height: 70px;
    font-weight: 400;
  }
  body.partners .break-size {
    line-height: 10px;
  }
  body.partners .testi-text-inner {
    font-family: Lato;
    color: #717171;
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
  }
  body.partners .mySlider {
    outline: none !important;
    margin-top: 40px;
    width: 750px;
  }
  body.partners .rating {
    width: 200px;
  }
  body.partners .example-right {
    outline: none !important;
    border: none;
    position: relative;
    width: 700px;
    height: 340px;
    margin: 0;
    padding: 0 50px 0 50px;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.partners .example-right + p {
    margin: 15px 25px 2em 0px;
    font-family: Lato;
    color: #717171;
    font-size: 22px;
    font-weight: 300;
    vertical-align: middle;
  }
  body.partners .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
  body.partners #support {
    background-color: #ebeaeb;
    padding-top: 80px;
    height: 1000px;
  }
  body.partners .support-pics {
    margin-top: 20px;
  }
  body.partners .supp_1 {
    width: 322px;
    margin-bottom: 10px;
  }
  body.partners .supp_2 {
    width: 257px;
    margin-bottom: 20px;
  }
  body.partners .supp_3 {
    width: 255px;
    margin-bottom: 20px;
  }
  body.partners .support-title-1 {
    font-family: Lato;
    color: #40b9ec;
    font-size: 27px;
    font-weight: 700;
    transform: scaleX(1);
  }
  body.partners .support-title-2 {
    font-family: Lato;
    color: #51bd9c;
    font-size: 27px;
    font-weight: 700;
    transform: scaleX(1);
  }
  body.partners .support-title-3 {
    font-family: Lato;
    color: #f2cb8a;
    font-size: 27px;
    font-weight: 700;
    transform: scaleX(1);
  }
  body.partners .support-text-1 {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.partners .support-text-2 {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.partners .support-text-3 {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.partners .support-questions {
    padding-top: 40px;
  }
  body.partners .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 70px;
    font-weight: 400;
  }
  body.partners .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    line-height: 21px;
    font-weight: 400;
  }
  body.partners .bottom-button {
    margin-top: 25px;
  }
  body.partners .questions-section {
    padding-top: 31px;
  }
  body.partners .questions-button {
    padding: 12px 65px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.partners .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.partners .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.partners #question-pic {
    overflow: hidden;
  }
  body.partners .questions-back {
    height: 348px;
    bottom: 0;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.partners {
    /*------------------------------------------------------------------
    	[Title Styles]
    -------------------------------------------------------------------*/
    /* Bob */
    /*------------------------------------------------------------------
    	[Stay Updated Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[No Data Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Testimonials Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
    /*------------------------------------------------------------------
    	[Support Styles]
    -------------------------------------------------------------------*/
  }
  body.partners #top {
    padding-top: 129px;
    width: 100%;
  }
  body.partners #page-title {
    height: 465px;
    background-image: url(https://www.hubdoc.com/images/partners/ellipse.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 400px;
  }
  body.partners #top-page {
    padding-top: 20px;
    height: 100%;
  }
  body.partners .accountant {
    display: block;
  }
  body.partners .acc-left {
    width: 58%;
    display: inline-block;
    vertical-align: top;
  }
  body.partners .shadow {
    width: 222px;
    margin-right: 70px;
    margin-bottom: 20px;
  }
  body.partners .acc-right {
    width: 41%;
    margin-top: 50px;
    display: inline-block;
    vertical-align: top;
  }
  body.partners .acc-img {
    width: 268px;
  }
  body.partners .title-1 {
    margin-top: -25px;
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 110px;
  }
  body.partners .title-2 {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 50px;
    line-height: 0px;
  }
  body.partners .subtitle {
    font-family: Lato;
    color: #717171;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
  }
  body.partners .demo-button {
    padding: 14px 0;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    width: 300px;
    text-align: center;
    display: inline-block;
  }
  body.partners .demo-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  @-webkit-keyframes hvrr-bob {
    0% {
      -webkit-transform: translateY(-12px);
      transform: translateY(-12px);
    }
    50% {
      -webkit-transform: translateY(12px);
      transform: translateY(12px);
    }
    100% {
      -webkit-transform: translateY(-12px);
      transform: translateY(-12px);
    }
  }
  @keyframes hvrr-bob {
    0% {
      -webkit-transform: translateY(-12px);
      transform: translateY(-12px);
    }
    50% {
      -webkit-transform: translateY(12px);
      transform: translateY(12px);
    }
    100% {
      -webkit-transform: translateY(-12px);
      transform: translateY(-12px);
    }
  }
  @-webkit-keyframes hvrr-bob-float {
    100% {
      -webkit-transform: translateY(-240px);
      transform: translateY(-240px);
    }
  }
  @keyframes hvrr-bob-float {
    100% {
      -webkit-transform: translateY(-240px);
      transform: translateY(-240px);
    }
  }
  body.partners .hvrr-bob {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
  }
  body.partners #stay-updated {
    height: 800px;
    padding-top: 15px;
    background-color: #ebeaeb;
  }
  body.partners .my-row {
    display: block;
  }
  body.partners .reload-i {
    font-size: 40px;
    vertical-align: middle;
    color: #40b9ec;
    display: inline-block;
  }
  body.partners .tree-i {
    font-size: 40px;
    vertical-align: middle;
    color: #50bd9c;
    display: inline-block;
  }
  body.partners .trophy-i {
    font-size: 40px;
    vertical-align: middle;
    color: #f7b23d;
    display: inline-block;
  }
  body.partners .row-1 {
    padding-left: .5vw;
    font-family: Lato;
    color: #717171;
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    vertical-align: middle;
    display: inline-block;
  }
  body.partners .container-inner-inner {
    width: 520px;
    height: 100%;
  }
  body.partners .top-inner-margin {
    margin-top: 70px;
  }
  body.partners .update-back {
    height: 820px;
    background-image: url(https://www.hubdoc.com/images/partners/updates_back.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 90%;
  }
  body.partners .update-title-1 {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 54px;
    line-height: 50px;
  }
  body.partners .update-title-2 {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 110px;
    line-height: 100px;
  }
  body.partners .update-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.partners .watch-button {
    padding: 14px 60px;
    margin: 5px;
    line-height: 50px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
  }
  body.partners .watch-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.partners #no-data {
    padding-top: 40px;
    height: 770px;
  }
  body.partners .my-block {
    margin-top: 115px;
    display: block;
  }
  body.partners .data-left {
    vertical-align: top;
    width: 50%;
    height: 420px;
    display: inline-block;
  }
  body.partners .data-right {
    vertical-align: top;
    width: 49%;
    display: inline-block;
    height: 420px;
    background-image: url(https://www.hubdoc.com/images/partners/data-robot.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 95%;
  }
  body.partners .data-title-1 {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 59px;
    line-height: 90px;
  }
  body.partners .data-title-2 {
    font-family: lobster;
    line-height: 50px;
    color: #40b9ec;
    font-weight: 400;
    font-size: 110px;
  }
  body.partners .data-text {
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
  }
  body.partners .last-r-buffer {
    margin-top: 35px;
  }
  body.partners .eye-i {
    font-size: 40px;
    vertical-align: middle;
    color: #f46155;
    display: inline-block;
  }
  body.partners .check-i {
    font-size: 40px;
    vertical-align: middle;
    color: #50bd9c;
    display: inline-block;
  }
  body.partners .cloud-i {
    font-size: 40px;
    vertical-align: middle;
    color: #40b9ec;
    display: inline-block;
  }
  body.partners .qb-logo {
    width: 119px;
    position: absolute;
    top: 45px;
    right: 205px;
  }
  body.partners .xero-logo {
    width: 124px;
    position: absolute;
    top: 102px;
    right: 80px;
  }
  body.partners #testimonials {
    padding-top: 30px;
    background-color: #ebeaeb;
    height: 660px;
  }
  body.partners .testi {
    font-family: lobster;
    color: #40b9ec;
    font-size: 96px;
    font-weight: 400;
    line-height: 100px;
  }
  body.partners .testi-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    line-height: 70px;
    font-weight: 400;
  }
  body.partners .testi-text-inner {
    font-family: Lato;
    color: #717171;
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
  }
  body.partners .mySlider {
    outline: none !important;
    margin-top: 40px;
    width: 550px;
  }
  body.partners .rating {
    width: 200px;
  }
  body.partners .example-right {
    outline: none !important;
    border: none;
    position: relative;
    width: 500px;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.partners .example-right + p {
    margin: 15px 0 2em 100px;
    font-family: Lato;
    color: #717171;
    font-size: 22px;
    font-weight: 300;
  }
  body.partners .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
  body.partners #support {
    background-color: #ebeaeb;
    padding-top: 140px;
    height: 1055px;
  }
  body.partners .left-neg-margin {
    margin-left: -20px;
  }
  body.partners .supp_1 {
    width: 262px;
    margin-bottom: 10px;
  }
  body.partners .supp_2 {
    width: 200px;
    margin-bottom: 30px;
  }
  body.partners .supp_3 {
    width: 195px;
    margin-bottom: 35px;
  }
  body.partners .support-title-1 {
    font-family: Lato;
    color: #40b9ec;
    font-size: 22px;
    font-weight: 700;
    transform: scaleX(1);
  }
  body.partners .support-title-2 {
    font-family: Lato;
    color: #51bd9c;
    font-size: 22px;
    font-weight: 700;
    transform: scaleX(1);
  }
  body.partners .support-title-3 {
    font-family: Lato;
    color: #f2cb8a;
    font-size: 22px;
    font-weight: 700;
    transform: scaleX(1);
  }
  body.partners .support-text-1 {
    font-family: Lato;
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.partners .support-text-2 {
    font-family: Lato;
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.partners .support-text-3 {
    font-family: Lato;
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.partners .support-questions {
    padding-top: 40px;
  }
  body.partners .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 60px;
    font-weight: 400;
  }
  body.partners .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
  }
  body.partners .bottom-button {
    margin-top: 25px;
  }
  body.partners .questions-section {
    padding-top: 31px;
  }
  body.partners .questions-button {
    padding: 12px 30px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.partners .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.partners .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.partners #question-pic {
    overflow: hidden;
  }
  body.partners .questions-back {
    height: 348px;
    bottom: 0;
    overflow: hidden;
  }
}
body.pricing {
  /* Perspective Scroll */
  /*@media (min-width: 1366px) {
    .quotes {
    	width: 1280px;
    }
    .ipad {
    	width: 348px;
    }
    .ipad-innards {
    	margin-top: -500px;
    }
    }
    @media (min-width: 1024px) and (max-width: 1365px) {
    .quotes {
    	width: 992px;
    }
    .ipad {
    	width: 342px;
    }
    .ipad-innards {
    	margin-top: -492px;
    }
    }
    @media (min-width: 768px) and (max-width: 1023px) {
    .quotes {
    	width: 766px;
    }
    .ipad {
    	width: 339px;
    }
    .ipad-innards {
    	margin-top: -488px;
    }
    }*/
  /*---------------------------*/
  /*
     * Receipt #1
     */
  /*
     * Receipt #2
     */
  /*
     * Receipt #3
     */
  /*
     * Receipt #4
     */
  /*
     * Receipt #5
     */
  /*
     * Receipt #6
     */
  /*
     * Receipt #7
     */
  /*
     * Try Button Bottom
     */
  /*
     * Serrated Border - a zig-zag triangle border with linear gradient
     */
  /*
     * Pricing display
     */
}
body.pricing #main-section {
  width: 100%;
  background-color: #ebeaeb;
}
body.pricing .mobile-title-pricing {
  padding-top: 50px;
}
body.pricing .quotes {
  background-color: #ebeaeb;
  display: block;
}
body.pricing button.try-free {
  min-width: 205px;
}
@media (min-width: 1920px) {
  body.pricing {
    /* iPad & Scrolling Cards */
  }
  body.pricing .page-title {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 160px;
    line-height: 0px;
    padding-top: 150px;
  }
  body.pricing .page-subtitle {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 32px;
    line-height: 0px;
    padding-left: 680px;
    padding-top: 75px;
  }
  body.pricing .quotes {
    width: 1080px;
  }
  body.pricing .ipad {
    width: 500px;
  }
  body.pricing .ipad-innards {
    margin-top: -720px;
    padding-right: 50px;
  }
  body.pricing .card-div {
    margin-top: -795px;
  }
  body.pricing #innards {
    position: absolute;
    width: 500px;
    height: 705px;
    top: 0px;
    right: 0px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  body.pricing {
    /* iPad & Scrolling Cards */
  }
  body.pricing .page-title {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 135px;
    line-height: 20px;
    padding-top: 150px;
  }
  body.pricing .page-subtitle {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 28px;
    padding-left: 580px;
    line-height: 0;
    padding-top: 60px;
  }
  body.pricing .quotes {
    width: 920px;
  }
  body.pricing .ipad {
    width: 420px;
  }
  body.pricing .ipad-innards {
    margin-top: -605px;
  }
  body.pricing .card-div {
    margin-top: -645px;
  }
  body.pricing #innards {
    position: absolute;
    width: 420px;
    height: 592.5px;
    top: 0px;
    right: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  body.pricing {
    /* iPad & Scrolling Cards */
  }
  body.pricing .page-title {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 110px;
    line-height: 20px;
    padding-top: 130px;
  }
  body.pricing .page-subtitle {
    font-family: lobster;
    color: #40b9ec;
    font-weight: 400;
    font-size: 22px;
    line-height: 0;
    padding-left: 480px;
    padding-top: 45px;
  }
  body.pricing .quotes {
    width: 766px;
  }
  body.pricing .ipad {
    width: 339px;
  }
  body.pricing .ipad-innards {
    margin-top: -488px;
  }
  body.pricing .card-div {
    margin-top: -550px;
  }
  body.pricing #innards {
    position: absolute;
    width: 339px;
    height: 480px;
    top: 0px;
    right: 0px;
  }
}
body.pricing .ipad-innards {
  position: absolute;
}
body.pricing .ipad-div {
  width: 50%;
  display: inline-block;
  background: #ebeaeb;
}
body.pricing .card-div {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  padding: 5px;
}
body.pricing .receipt-back {
  background: #FFF;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
}
body.pricing .receipt-back-bottom {
  border-top: 1px dashed #ddd;
  background: #FFF;
}
body.pricing .receipt-1 {
  opacity: 0.2;
  padding: 15px;
  width: 100%;
}
body.pricing .one-title {
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}
body.pricing .eye-i {
  color: #ebeaeb;
  font-size: 24px;
}
body.pricing .papers-1 {
  width: 100%;
  padding: 10px;
}
body.pricing .checkmark-1 {
  color: #4bbc9c;
  margin: 5px;
  font-size: 24px;
}
body.pricing .check-text {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  font-weight: 400;
}
body.pricing .col-1-left {
  margin-right: 10%;
  display: inline-block;
}
body.pricing .col-1-right {
  display: inline-block;
}
body.pricing .receipt-2 {
  opacity: 0.2;
  padding: 15px;
  width: 100%;
}
body.pricing .row-2 {
  width: 100%;
  display: block;
}
body.pricing .row-2-l {
  display: inline-block;
  width: 40%;
  padding: 3vw 0 3vw 0;
}
@media (min-width: 1920px) {
  body.pricing .uni-2 {
    color: #fd6f6b;
    font-size: 122px;
  }
  body.pricing .file-2 {
    color: #fec36e;
    font-size: 122px;
  }
}
body.pricing .row-2-r {
  display: inline-block;
  width: 40%;
}
@media (min-width: 1440px) and (max-width: 1919px) {
  body.pricing .uni-2 {
    color: #fd6f6b;
    font-size: 92px;
  }
  body.pricing .file-2 {
    color: #fec36e;
    font-size: 92px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  body.pricing .uni-2 {
    color: #fd6f6b;
    font-size: 72px;
  }
  body.pricing .file-2 {
    color: #fec36e;
    font-size: 72px;
  }
}
body.pricing .row-2-text {
  font-family: Lato;
  color: #717171;
  font-size: 17px;
  font-weight: 400;
}
body.pricing .receipt-3 {
  opacity: 0.2;
  padding: 15px;
  width: 100%;
}
body.pricing .row-logo {
  width: 70%;
  margin: 2vw 0 2vw 0;
}
body.pricing .receipt-4 {
  opacity: 0.2;
  padding: 15px;
  width: 100%;
}
body.pricing .row-logo-4 {
  width: 90%;
  padding: 5px;
}
body.pricing .row-4-l {
  display: inline-block;
  width: 49%;
  padding: 10px;
  margin: 50px 0 50px 0;
}
body.pricing .row-4-r {
  display: inline-block;
  width: 49%;
  padding: 10px;
  margin: 50px 0 50px 0;
}
body.pricing .receipt-5 {
  opacity: 0.2;
  padding: 15px;
  width: 100%;
}
body.pricing .encrypt-text {
  font-family: Lato;
  color: #717171;
  font-size: 12px;
  font-weight: 400;
}
body.pricing .receipt-6 {
  opacity: 0.2;
  padding: 15px;
  width: 100%;
}
@media (min-width: 1920px) {
  body.pricing .users-2 {
    color: #2cc4a6;
    font-size: 122px;
  }
  body.pricing .heart-2 {
    color: #fc6e6a;
    font-size: 122px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  body.pricing .users-2 {
    color: #2cc4a6;
    font-size: 92px;
  }
  body.pricing .heart-2 {
    color: #fc6e6a;
    font-size: 92px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  body.pricing .users-2 {
    color: #2cc4a6;
    font-size: 72px;
  }
  body.pricing .heart-2 {
    color: #fc6e6a;
    font-size: 72px;
  }
}
body.pricing .receipt-7 {
  opacity: 0.2;
  padding: 15px;
  width: 100%;
}
@media (min-width: 1920px) {
  body.pricing .cloud-2 {
    color: #40b9ec;
    font-size: 122px;
  }
  body.pricing .box-logo {
    width: 122px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  body.pricing .cloud-2 {
    color: #40b9ec;
    font-size: 92px;
  }
  body.pricing .box-logo {
    width: 92px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  body.pricing .cloud-2 {
    color: #40b9ec;
    font-size: 72px;
  }
  body.pricing .box-logo {
    width: 72px;
  }
}
body.pricing .try-end {
  margin: 20px 0;
}
@media (min-width: 1920px) {
  body.pricing .try-end {
    background-color: #ebeaeb;
    padding: 5px;
  }
  body.pricing .try-end-ipad {
    background-color: #ebeaeb;
    padding: 15px 15px 15px 45px;
    width: 550px;
  }
  body.pricing .try-free-i {
    padding: 20px 84px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 5px;
  }
  body.pricing .try-free {
    padding: 20px 90px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 10px 10px 0;
  }
  body.pricing button.try-free {
    margin-top: 0px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  body.pricing .try-end {
    background-color: #ebeaeb;
    padding: 5px;
  }
  body.pricing .try-end-ipad {
    width: 420px;
    padding-top: 5px;
  }
  body.pricing .try-free-i {
    padding: 11px 58px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 10px 10px 0;
  }
  body.pricing .try-free {
    padding: 15px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  body.pricing .try-end {
    background-color: #ebeaeb;
    padding: 5px;
  }
  body.pricing .try-end-ipad {
    padding: 15px 0 15px 0;
    width: 339px;
  }
  body.pricing .try-free-i {
    padding: 15px 34px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
  }
  body.pricing .try-free {
    padding: 13px 20px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
  }
}
body.pricing .try-free:hover {
  color: #fff;
  background-color: #00cea5;
}
body.pricing .price {
  width: 25%;
  margin-left: 10px;
}
body.pricing .serrated-bottom {
  color: #ebeaeb;
  text-align: center;
}
body.pricing .serrated-bottom {
  position: relative;
  padding-bottom: 32px;
}
body.pricing .serrated-bottom:after {
  bottom: 0px;
  background-position: left bottom;
  background: -webkit-linear-gradient(-45deg, #ebeaeb 16px, transparent 0), -webkit-linear-gradient(45deg, #ebeaeb 16px, transparent 0);
  background: linear-gradient(-45deg, #ebeaeb 16px, transparent 0), linear-gradient(45deg, #ebeaeb 16px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 32px;
  background-repeat: repeat-x;
  background-size: 32px 32px;
}
body.pricing .serrated-top {
  background: #FFF;
  text-align: center;
}
body.pricing .serrated-top {
  position: relative;
  padding-top: 32px;
}
body.pricing .serrated-top:before {
  top: 0px;
  background-position: left top;
  background: -webkit-linear-gradient(-135deg, #ebeaeb 16px, transparent 0), -webkit-linear-gradient(135deg, #ebeaeb 16px, transparent 0);
  background: linear-gradient(-135deg, #ebeaeb 16px, transparent 0), linear-gradient(135deg, #ebeaeb 16px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 32px;
  background-repeat: repeat-x;
  background-size: 32px 32px;
}
body.pricing .ipad-1,
body.pricing .ipad-2,
body.pricing .ipad-3,
body.pricing .ipad-4,
body.pricing .ipad-5,
body.pricing .ipad-6,
body.pricing .ipad-7 {
  max-width: 100%;
  background-size: 100%;
  background-image: url(https://www.hubdoc.com/images/pricing/sprite.png);
}
body.pricing .ipad-1 {
  background-position: 0 0%;
  background-size: 100%;
}
body.pricing .ipad-2 {
  background-position: 0 16.666667%;
  background-size: 100%;
}
body.pricing .ipad-3 {
  background-position: 0 33.333333%;
  background-size: 100%;
}
body.pricing .ipad-4 {
  background-position: 0 50%;
  background-size: 100%;
}
body.pricing .ipad-5 {
  background-position: 0 66.666667%;
  background-size: 100%;
}
body.pricing .ipad-6 {
  background-position: 0 83.333333%;
  background-size: 100%;
}
body.pricing .ipad-7 {
  background-position: 0 100%;
  background-size: 100%;
}
body.pricing .try-free-div {
  margin: 5px;
  font-size: 32px;
}
@media (min-width: 992px) {
  body.pricing .support-questions {
    padding-top: 40px;
  }
  body.pricing .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 70px;
    font-weight: 400;
  }
  body.pricing .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    line-height: 19px;
    font-weight: 400;
  }
  body.pricing .bottom-button {
    margin-top: 25px;
  }
  body.pricing .questions-section {
    padding-top: 31px;
  }
  body.pricing .questions-button {
    padding: 12px 65px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.pricing .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.pricing .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.pricing #question-pic {
    overflow: hidden;
  }
  body.pricing .questions-back {
    height: 348px;
    bottom: 0;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.pricing .support-questions {
    padding-top: 40px;
  }
  body.pricing .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 60px;
    font-weight: 400;
  }
  body.pricing .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
  }
  body.pricing .bottom-button {
    margin-top: 25px;
  }
  body.pricing .questions-section {
    padding-top: 31px;
  }
  body.pricing .questions-button {
    padding: 12px 30px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.pricing .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.pricing .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.pricing #question-pic {
    overflow: hidden;
  }
  body.pricing .questions-back {
    height: 348px;
    bottom: 0;
    overflow: hidden;
  }
}
body.pricing .pricing-display {
  font-family: Lato;
  font-style: bold;
  color: #717171;
}
body.pricing .pricing-number {
  font-size: 32px;
}
@media (max-width: 767px) {
  body.pricing .pricing-number {
    font-size: 9.1vw;
  }
}
body.pricing .pricing-number-smaller-font {
  font-size: 28px;
}
@media (max-width: 767px) {
  body.pricing .pricing-number-smaller-font {
    font-size: 7.2vw;
  }
}
body.pricing .pricing-currency {
  font-size: 16px;
}
@media (max-width: 767px) {
  body.pricing .pricing-currency {
    font-size: 5.5vw;
  }
}
body.pricing .pricing-subheader {
  font-size: 10px;
  vertical-align: top;
}
@media (max-width: 767px) {
  body.pricing .pricing-subheader {
    font-size: 2.4vw;
  }
}
body.pricing .pricing-div {
  display: inline-flex;
}
@media (max-width: 767px) {
  body.pricing .pricing-div-top {
    display: inline-flex !important;
  }
}
body.pricing .pricing-number-div {
  text-align: left;
  min-width: 125px;
  margin-top: 0.3vw;
}
@media (max-width: 767px) {
  body.pricing .pricing-number-div {
    width: 50%;
    padding-top: 5vw;
    padding-left: 2vw;
  }
}
body.privacy-policy #sec-1,
body.terms #sec-1 {
  padding-top: 98px;
  background-color: #ebeaeb!important;
}
body.privacy-policy .div,
body.terms .div {
  border-bottom: solid 2px #FFF;
  padding: 25px 0;
}
body.privacy-policy .title,
body.terms .title,
body.privacy-policy li::before,
body.terms li::before {
  font-family: lobster;
  color: #40b9ec;
  font-size: 60px;
  font-weight: 400;
  line-height: 50px;
  padding-bottom: 20px;
  margin-top: 30px;
}
body.privacy-policy .text,
body.terms .text {
  font-family: Lato;
  font-size: 16px;
  color: #717171;
  font-weight: 400;
}
body.privacy-policy .italic,
body.terms .italic {
  font-style: italic;
}
body.privacy-policy .bold,
body.terms .bold {
  font-weight: bold;
}
body.privacy-policy u,
body.terms u {
  font-family: Lato;
  font-size: 16px;
  color: #2abe9c;
  font-weight: 900;
}
body.privacy-policy u a,
body.terms u a {
  color: inherit;
}
body.privacy-policy .link,
body.terms .link {
  font-family: Lato;
  font-size: 16px;
  color: #2abe9c;
  font-weight: 900;
}
body.privacy-policy .header,
body.terms .header,
body.privacy-policy li > ol > li::before,
body.terms li > ol > li::before {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  line-height: 13px;
  font-weight: 900;
}
body.privacy-policy .icon,
body.terms .icon {
  vertical-align: top;
  width: 5%;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
}
body.privacy-policy .icon-desc,
body.terms .icon-desc {
  width: 94%;
  display: inline-block;
  margin: 3px 0;
}
body.privacy-policy .fa-user,
body.terms .fa-user {
  color: #3abbed;
}
body.privacy-policy .fa-folder-open,
body.terms .fa-folder-open {
  color: #f8b23d;
}
body.privacy-policy .fa-cloud-upload,
body.terms .fa-cloud-upload {
  color: red;
}
body.privacy-policy .fa-envelopee,
body.terms .fa-envelopee {
  color: #f8b23d;
}
body.privacy-policy .fa-check,
body.terms .fa-check {
  color: #4bbc9c;
}
body.privacy-policy .fa-comment,
body.terms .fa-comment {
  color: #3abbed;
}
body.privacy-policy .fa-phonee,
body.terms .fa-phonee {
  color: #4bbc9c;
}
body.privacy-policy .img-trust,
body.terms .img-trust {
  width: 100px;
}
body.privacy-policy .try-div,
body.terms .try-div {
  margin: 50px 0;
}
body.privacy-policy .try-free,
body.terms .try-free {
  padding: 15px 30px;
  border-radius: 5px;
  color: #FFF;
  font-size: 24px;
  background-color: #4bbc9c;
}
body.privacy-policy .try-free:hover,
body.terms .try-free:hover {
  background-color: #7FCFB8;
}
body.privacy-policy ul,
body.terms ul,
body.privacy-policy ol,
body.terms ol {
  padding-left: 20px!important;
}
body.privacy-policy ol,
body.terms ol {
  list-style: none;
  counter-reset: item;
  padding-left: 0px!important;
}
body.privacy-policy ol li,
body.terms ol li {
  counter-increment: item;
  border-bottom: solid 2px #FFF;
}
body.privacy-policy ol li:before,
body.terms ol li:before {
  margin-right: 2px;
  content: counters(item, ".") ".";
  display: inline-block;
}
body.privacy-policy li > ol,
body.terms li > ol {
  padding-left: 10px!important;
}
body.privacy-policy li > ol li,
body.terms li > ol li {
  counter-increment: item;
  border-bottom: solid 0px #FFF;
}
body.privacy-policy li > ol li:before,
body.terms li > ol li:before {
  content: counters(item, ".") " ";
  padding-bottom: 0px;
  margin-top: 0px;
}
body.privacy-policy li > ol > li > ol,
body.terms li > ol > li > ol {
  padding-left: 20px!important;
}
body.privacy-policy li > ol > li > ol li,
body.terms li > ol > li > ol li {
  list-style-type: lower-alpha;
  counter-increment: item;
  border-bottom: solid 0px #FFF;
  content: "(" counter(item, lower-alpha) ")";
}
body.privacy-policy li > ol > li > ol li:before,
body.terms li > ol > li > ol li:before {
  content: "";
  margin-top: 0px;
}
body.privacy-policy .div-split,
body.terms .div-split {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
body.privacy-policy .text-split,
body.terms .text-split {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 0px 10px;
}
li body.privacy-policy::before,
li body.terms::before {
  margin: 0px;
}
body.privacy-policy .space,
body.terms .space {
  margin-top: 20px;
}
body.security-policy #sec-1 {
  padding-top: 98px;
  background-color: #ebeaeb!important;
}
body.security-policy .div {
  border-bottom: solid 2px #FFF;
  padding: 25px 0;
}
body.security-policy .title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 60px;
  font-weight: 400;
  line-height: 50px;
  padding-bottom: 20px;
}
body.security-policy .text {
  font-family: Lato;
  font-size: 16px;
  color: #717171;
  font-weight: 400;
}
body.security-policy u {
  font-family: Lato;
  font-size: 16px;
  color: #2abe9c;
  font-weight: 900;
}
body.security-policy u a {
  color: inherit;
}
body.security-policy .link {
  font-family: Lato;
  font-size: 16px;
  color: #2abe9c;
  font-weight: 900;
}
body.security-policy .header {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  line-height: 13px;
  font-weight: 900;
}
body.security-policy .icon {
  vertical-align: top;
  width: 5%;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
}
body.security-policy .icon-desc {
  width: 94%;
  display: inline-block;
  margin: 3px 0;
}
body.security-policy .fa-user {
  color: #3abbed;
}
body.security-policy .fa-folder-open {
  color: #f8b23d;
}
body.security-policy .fa-cloud-upload {
  color: red;
}
body.security-policy .fa-envelopee {
  color: #f8b23d;
}
body.security-policy .fa-check {
  color: #4bbc9c;
}
body.security-policy .fa-comment {
  color: #3abbed;
}
body.security-policy .fa-phonee {
  color: #4bbc9c;
}
body.security-policy .img-trust {
  width: 100px;
}
body.security-policy .try-div {
  margin: 50px 0;
}
body.security-policy .try-free {
  padding: 15px 30px;
  border-radius: 5px;
  color: #FFF;
  font-size: 24px;
  background-color: #4bbc9c;
}
body.security-policy .try-free:hover {
  background-color: #7FCFB8;
}
body.security-policy ul,
body.security-policy ol {
  padding-left: 20px!important;
}
body.quickbooks .title-text {
  margin-top: 25px;
  line-height: 24px!important;
}
body.quickbooks .title-2 {
  margin-top: -12px;
}
@media (min-width: 992px) {
  body.quickbooks {
    /*------------------------------------------------------------------
    	[Video Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Questions Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Slider Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.quickbooks #main-section {
    background: #ebeaeb;
    padding-top: 73px;
    height: 600px;
  }
  body.quickbooks .add-on-back {
    width: 900px;
    padding-top: 50px;
    position: absolute;
  }
  body.quickbooks .title-1 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 80px;
  }
  body.quickbooks .title-2 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 90px;
    line-height: 50px;
  }
  body.quickbooks .title-text {
    font-family: Lato;
    color: #717171;
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
  }
  body.quickbooks #connect {
    height: 570px;
    padding-top: 180px;
  }
  body.quickbooks .logo-cont {
    display: block;
  }
  body.quickbooks .logo-inline {
    display: inline-block;
    vertical-align: middle;
  }
  body.quickbooks .logo {
    width: 77px;
  }
  body.quickbooks .logo-support {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
  }
  body.quickbooks .logo-support-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.quickbooks .button {
    display: inline-block;
    vertical-align: middle;
    padding-left: 110px;
  }
  body.quickbooks .try-free {
    padding: 15px 55px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
  }
  body.quickbooks .try-free:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.quickbooks .divider {
    height: 8px;
    margin: 25px 0 30px 0;
    background-color: #ebeaeb;
  }
  body.quickbooks .col-sm-4 {
    padding: 0 !important;
  }
  body.quickbooks .info-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    transform: scaleX(1);
  }
  body.quickbooks .icon-info {
    display: block;
    margin-bottom: 20px;
  }
  body.quickbooks .icon-text {
    display: inline-block;
    vertical-align: middle;
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.quickbooks .icon-div {
    width: 60px;
    margin-left: 25px;
    display: inline-block;
    vertical-align: top;
  }
  body.quickbooks .file-icon {
    display: inline-block;
    color: #f9b13c;
    font-size: 40px;
  }
  body.quickbooks .usd-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.quickbooks .puzzle-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.quickbooks .magic-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.quickbooks #video {
    background-color: #ebeaeb;
    height: 1780px;
    padding-top: 40px;
  }
  body.quickbooks .video-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 60px;
    line-height: 80px;
  }
  body.quickbooks .video-text {
    font-family: Lato;
    color: #717171;
    font-size: 20.04px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.quickbooks .video-frame {
    margin: 50px 0 70px 0;
  }
  body.quickbooks .testimonials {
    display: block;
  }
  body.quickbooks .col-sm-6 {
    padding: 0 !important;
  }
  body.quickbooks .what-qb-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 70px;
    line-height: 65px;
  }
  body.quickbooks .what-qb-text {
    font-family: Lato;
    color: #717171;
    line-height: 22px;
    font-size: 20.04px;
    font-weight: 400;
  }
  body.quickbooks .icon-info-2 {
    display: block;
    margin-bottom: 10px;
  }
  body.quickbooks .icon-div-2 {
    width: 60px;
    display: inline-block;
  }
  body.quickbooks .cloud-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.quickbooks .archive-icon {
    display: inline-block;
    color: #f9b23c;
    font-size: 40px;
  }
  body.quickbooks .users-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.quickbooks .rocket-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.quickbooks .divider-white {
    height: 4px;
    margin: 25px 0 25px 0;
    background-color: #FFF;
  }
  body.quickbooks .qb-icon {
    display: inline-block;
    width: 45px;
  }
  body.quickbooks .support-questions {
    padding-top: 25px;
  }
  body.quickbooks .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 70px;
    font-weight: 400;
  }
  body.quickbooks .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    line-height: 21px;
    font-weight: 300;
  }
  body.quickbooks .bottom-button {
    margin-top: 25px;
  }
  body.quickbooks .questions-section {
    padding-top: 31px;
  }
  body.quickbooks .questions-button {
    padding: 12px 70px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.quickbooks .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.quickbooks .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.quickbooks #question-pic {
    overflow: hidden;
  }
  body.quickbooks .questions-back {
    height: 321px;
    bottom: 0;
    overflow: hidden;
  }
  body.quickbooks .mySlider {
    outline: none !important;
    margin-top: 25px;
    width: 419px;
    height: 305px;
  }
  body.quickbooks .rating {
    width: 40%;
  }
  body.quickbooks .example-right {
    outline: none !important;
    position: relative;
    width: 100%;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.quickbooks .author {
    margin: 10px 0 10px 0;
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 300;
  }
  body.quickbooks .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.quickbooks {
    /*------------------------------------------------------------------
    	[Main Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Video Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Questions Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Slider Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.quickbooks #main-section {
    background: #ebeaeb;
    padding-top: 73px;
    height: 520px;
  }
  body.quickbooks .add-on-back {
    width: 760px;
    padding-top: 50px;
    position: absolute;
  }
  body.quickbooks .title-1 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 60px;
  }
  body.quickbooks .title-2 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 70px;
    line-height: 50px;
  }
  body.quickbooks .title-text {
    font-family: Lato;
    color: #717171;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
  }
  body.quickbooks #connect {
    height: 570px;
    padding-top: 180px;
  }
  body.quickbooks .logo-cont {
    display: block;
  }
  body.quickbooks .logo-inline {
    display: inline-block;
    vertical-align: middle;
  }
  body.quickbooks .logo {
    width: 57px;
  }
  body.quickbooks .logo-support {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
  }
  body.quickbooks .logo-support-text {
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.quickbooks .button {
    display: inline-block;
    vertical-align: middle;
    padding-left: 110px;
  }
  body.quickbooks .try-free {
    padding: 15px 35px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
  }
  body.quickbooks .try-free:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.quickbooks .divider {
    height: 8px;
    margin: 25px 0 30px 0;
    background-color: #ebeaeb;
  }
  body.quickbooks .col-sm-4 {
    padding: 0 !important;
  }
  body.quickbooks .info-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    transform: scaleX(1);
  }
  body.quickbooks .icon-info {
    display: block;
    margin-bottom: 25px;
  }
  body.quickbooks .icon-text {
    display: inline-block;
    vertical-align: middle;
    font-family: Lato;
    color: #717171;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.quickbooks .icon-div {
    width: 30px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
  }
  body.quickbooks .file-icon {
    display: inline-block;
    color: #f9b13c;
    font-size: 30px;
  }
  body.quickbooks .usd-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 30px;
  }
  body.quickbooks .puzzle-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 30px;
  }
  body.quickbooks .magic-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 30px;
  }
  body.quickbooks #video {
    background-color: #ebeaeb;
    height: 1683px;
    padding-top: 20px;
  }
  body.quickbooks .video-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 50px;
  }
  body.quickbooks .video-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.quickbooks .video-frame {
    margin: 30px 0 70px 0;
  }
  body.quickbooks .testimonials {
    display: block;
  }
  body.quickbooks .col-sm-6 {
    padding: 0 !important;
  }
  body.quickbooks .what-qb-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 60px;
    line-height: 55px;
  }
  body.quickbooks .what-qb-text {
    font-family: Lato;
    color: #717171;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
  }
  body.quickbooks .icon-info-2 {
    display: block;
    margin-bottom: 10px;
  }
  body.quickbooks .icon-div-2 {
    width: 60px;
    display: inline-block;
  }
  body.quickbooks .cloud-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.quickbooks .archive-icon {
    display: inline-block;
    color: #f9b23c;
    font-size: 40px;
  }
  body.quickbooks .users-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.quickbooks .rocket-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.quickbooks .divider-white {
    height: 4px;
    margin: 25px 0 25px 0;
    background-color: #FFF;
  }
  body.quickbooks .qb-icon {
    display: inline-block;
    width: 45px;
  }
  body.quickbooks .support-questions {
    padding-top: 25px;
  }
  body.quickbooks .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 55px;
    font-weight: 400;
  }
  body.quickbooks .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
  }
  body.quickbooks .bottom-button {
    margin-top: 25px;
  }
  body.quickbooks .questions-section {
    padding-top: 31px;
  }
  body.quickbooks .questions-button {
    padding: 12px 30px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.quickbooks .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.quickbooks .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.quickbooks #question-pic {
    overflow: hidden;
  }
  body.quickbooks .questions-back {
    height: 280px;
    bottom: 0;
    overflow: hidden;
  }
  body.quickbooks .mySlider {
    outline: none !important;
    margin-top: 25px;
    width: 350px;
    height: 305px;
  }
  body.quickbooks .rating {
    width: 40%;
  }
  body.quickbooks .example-right {
    outline: none !important;
    position: relative;
    width: 100%;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.quickbooks .author {
    margin: 15px 0 15px 0;
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 300;
  }
  body.quickbooks .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
body.xeropartner {
  font-family: Lato;
}
body.xeropartner nav {
  top: 0;
}
body.xeropartner .hidden {
  display: none;
}
body.xeropartner .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.xeropartner .big-btn:hover {
  background-color: #00cea5;
}
body.xeropartner .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.xeropartner .partner-heading {
  margin-top: 30px;
  min-height: 600px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #85b6df;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2400px) {
  body.xeropartner .partner-heading {
    min-height: 800px;
  }
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text {
  width: 50%;
  font-family: Lato;
  color: white;
  text-shadow: none;
}
@media (min-width: 2400px) {
  body.xeropartner .partner-heading #xero-hubdoc-partner-text {
    padding-left: 10%;
  }
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text h3 {
  font-size: 2.5em;
  font-weight: 600;
  margin-left: 30%;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-top: 20px;
  margin-left: 30%;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button {
  padding: 0 20px 0 0;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button button {
  width: 150px;
  padding: 15px;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button {
  padding-top: 0;
  font-weight: bold;
  font-size: 20px;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-logo {
  height: 300px;
  width: 50%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-robot.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 35%;
}
@media (min-width: 2400px) {
  body.xeropartner .partner-heading #xero-hubdoc-partner-logo {
    padding-right: 20%;
    height: 400px;
  }
}
body.xeropartner h1 {
  width: 855px;
}
body.xeropartner .circle-image {
  height: 130px;
  left: -31px;
  top: -50px;
  position: absolute;
}
body.xeropartner .arrow-image {
  height: 200px;
  top: 7px;
  left: -65px;
  position: absolute;
}
body.xeropartner .under-arrow {
  bottom: -175px;
  position: absolute;
}
body.xeropartner .crossout {
  position: relative;
  display: inline-block;
}
body.xeropartner .xero-hubdoc-partner-features {
  min-height: 500px;
  background-color: #e6ffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 2400px) {
  body.xeropartner .xero-hubdoc-partner-features {
    min-height: 600px;
  }
}
body.xeropartner .xero-hubdoc-partner-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.xeropartner .xero-hubdoc-partner-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 100px;
}
body.xeropartner .xero-hubdoc-partner-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.xeropartner .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
  padding-top: 20px;
  text-align: center;
}
@media (min-width: 1800px) and (max-width: 3400px) {
  body.xeropartner .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
    font-size: 18px;
  }
}
@media (min-width: 3401px) {
  body.xeropartner .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
    font-size: 20px;
  }
}
body.xeropartner .xero-hubdoc-partner-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartner .xero-hubdoc-partner-promo {
  min-height: 700px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-hubdoc-promo-background.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (min-width: 2400px) {
  body.xeropartner .xero-hubdoc-partner-promo {
    min-height: 700px;
  }
}
@media (max-width: 1400px) {
  body.xeropartner .xero-hubdoc-partner-promo {
    background-size: auto;
  }
}
body.xeropartner .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
  width: 700px;
  position: absolute;
  top: 168px;
  margin-top: 100px;
}
@media (min-width: 2400px) {
  body.xeropartner .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
    width: 1000px;
  }
}
body.xeropartner .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
  color: #00d4ea;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.xeropartner .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
    font-size: 35px;
  }
}
body.xeropartner .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
  text-align: center;
}
@media (min-width: 240px) {
  body.xeropartner .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
    font-size: 20px;
  }
}
body.xeropartner .xero-hubdoc-partner-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartner .xero-hubdoc-partner-security h3 {
  color: #00d4ea;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.xeropartner .xero-hubdoc-partner-security h3 {
    font-size: 35px;
  }
}
body.xeropartner .xero-hubdoc-partner-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 50px;
}
body.xeropartner .xero-hubdoc-partner-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.xeropartner .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
  font-size: 17px;
}
@media (min-width: 2400px) {
  body.xeropartner .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
    font-size: 18px;
  }
}
body.xeropartner .xero-hubdoc-partner-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartner .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  body.xeropartner .form {
    width: 1000px;
  }
}
body.xeropartner .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.xeropartner .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.xeropartner .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.xeropartner .form .form-section {
  display: inline-block;
  vertical-align: top;
}
body.xeropartner .form .form-left {
  width: 55%;
}
body.xeropartner .form .form-right {
  width: 44%;
}
body.xeropartner .form .xeropromo-logo {
  margin-bottom: 30px;
  height: 179px;
  width: 310px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xeropromo_logo.png);
  background-size: 310px 179px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.xeropartner .form .xeropromo-perk {
  margin: 0 0 20px 0;
}
body.xeropartner .form .xeropromo-perk i {
  width: 40px;
  font-size: 25px;
  text-align: center;
}
body.xeropartner .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xeropartner .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xeropartner .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xeropartner .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropartner .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xeropartner .form .xeropromo-perk span {
  width: 325px;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.xeropartner .form form input[type=text],
body.xeropartner .form form input[type=password],
body.xeropartner .form form select {
  display: block;
  width: 335px;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.xeropartner .form form select {
  height: 44px;
  color: #aaa;
}
body.xeropartner .form #enroll-success {
  display: none;
}
body.xeropartner .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.xeropartner .form .checkbox-field {
  font-size: 17px;
  text-align: left;
  padding-top: 10px;
  width: 355px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
body.xeropartner .form .checkbox-field input {
  margin-right: 5px;
}
body.xeropartner .form .create-account {
  margin: 15px 0;
  width: 355px;
}
body.xeropartner .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.xeropartner .form .activity,
body.xeropartner .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.xeropartner .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
  width: 355px;
  margin: 0px auto;
}
body.xeropartner .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.xeropartner .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.xeropartner .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.xeropartner .form .password-requirement span {
  display: inline-block;
  width: 90%;
  text-align: left;
}
body.xeropartner .form .password-requirement > * {
  vertical-align: top;
}
body.xeropartner .form .form-field {
  margin: 15px auto;
}
body.xeropartner .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.xeropartner .form .form-field.error#toc {
  border: none;
}
body.xeropartner .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
  text-align: center;
}
body.xeropartner .xero-hubdoc-partner-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
  align-self: center;
  height: 35px;
}
@media (min-width: 2400px) {
  body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
    height: 45px;
  }
}
body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box {
  width: 40%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
  font-size: 1.25em;
  width: 80%;
}
@media (min-width: 2400px) {
  body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
    font-size: 1.75em;
  }
}
body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 30%;
}
@media (min-width: 2400px) {
  body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
    font-size: 20px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xeropartner .partner-heading {
    height: 550px;
  }
  body.xeropartner h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.xeropartner h1 .top {
    display: block;
    font-size: 70px;
  }
  body.xeropartner h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.xeropartner .tab {
  overflow: hidden;
  background-color: white;
}
body.xeropartner .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.xeropartner #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.xeropartner .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.xeropartner .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.xeropartner .tab button:not(.active):hover {
  background-color: lightgray;
}
body.xeropartner .tabcontent {
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.xeropartner .promo-details {
  padding: 0px 15px;
}
body.xeropartner .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xeropartner .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.xeropartner .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.xeropartner .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.xeropartneraustralia {
  font-family: Lato;
}
body.xeropartneraustralia nav {
  top: 0;
}
body.xeropartneraustralia .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.xeropartneraustralia .big-btn:hover {
  background-color: #00cea5;
}
body.xeropartneraustralia .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.xeropartneraustralia .partner-heading {
  margin-top: 30px;
  min-height: 600px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #85b6df;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .partner-heading {
    min-height: 800px;
  }
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text {
  width: 50%;
  font-family: Lato;
  color: white;
  text-shadow: none;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text {
    padding-left: 20%;
  }
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text h3 {
  font-size: 2.5em;
  font-weight: 600;
  margin-left: 30%;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-top: 20px;
  margin-left: 30%;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button {
  padding: 0 20px 0 0;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button button {
  width: 150px;
  padding: 15px;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button {
  padding-top: 0;
  font-weight: bold;
  font-size: 20px;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-logo {
  height: 300px;
  width: 50%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-robot.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 35%;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-logo {
    padding-right: 20%;
    height: 400px;
  }
}
body.xeropartneraustralia h1 {
  width: 855px;
}
body.xeropartneraustralia .xero-hubdoc-partner-features {
  min-height: 500px;
  background-color: #e6ffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-features {
    min-height: 600px;
  }
}
body.xeropartneraustralia .xero-hubdoc-partner-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 100px;
}
body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
  padding-top: 20px;
  text-align: center;
}
@media (min-width: 1800px) and (max-width: 3400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
    font-size: 18px;
  }
}
@media (min-width: 3401px) {
  body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
    font-size: 20px;
  }
}
body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartneraustralia .xero-hubdoc-partner-promo {
  min-height: 500px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-hubdoc-promo-background.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-promo {
    min-height: 600px;
  }
}
@media (max-width: 1400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-promo {
    background-size: auto;
  }
}
body.xeropartneraustralia .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
  width: 700px;
  margin-top: 100px;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
    width: 1000px;
  }
}
body.xeropartneraustralia .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
  color: #00d4ea;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
    font-size: 35px;
  }
}
body.xeropartneraustralia .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
  text-align: center;
}
@media (min-width: 240px) {
  body.xeropartneraustralia .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
    font-size: 20px;
  }
}
body.xeropartneraustralia .xero-hubdoc-partner-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-security h3 {
  color: #00d4ea;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-security h3 {
    font-size: 35px;
  }
}
body.xeropartneraustralia .xero-hubdoc-partner-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 50px;
}
body.xeropartneraustralia .xero-hubdoc-partner-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.xeropartneraustralia .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
  font-size: 17px;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
    font-size: 18px;
  }
}
body.xeropartneraustralia .xero-hubdoc-partner-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartneraustralia .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
  width: 773px;
}
body.xeropartneraustralia .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.xeropartneraustralia .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.xeropartneraustralia .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.xeropartneraustralia .form .form-section {
  display: inline-block;
  vertical-align: top;
}
body.xeropartneraustralia .form .form-left {
  width: 55%;
}
body.xeropartneraustralia .form .form-right {
  width: 44%;
}
body.xeropartneraustralia .form .xeropromo-logo {
  margin-bottom: 30px;
  height: 179px;
  width: 310px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xeropromo_logo.png);
  background-size: 310px 179px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.xeropartneraustralia .form .xeropromo-perk {
  margin: 0 0 20px 0;
}
body.xeropartneraustralia .form .xeropromo-perk i {
  width: 40px;
  font-size: 25px;
  text-align: center;
}
body.xeropartneraustralia .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xeropartneraustralia .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xeropartneraustralia .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xeropartneraustralia .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropartneraustralia .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xeropartneraustralia .form .xeropromo-perk span {
  width: 325px;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.xeropartneraustralia .form form input[type=text],
body.xeropartneraustralia .form form input[type=password],
body.xeropartneraustralia .form form select {
  display: block;
  width: 335px;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.xeropartneraustralia .form form select {
  height: 44px;
  color: #aaa;
}
body.xeropartneraustralia .form #enroll-success {
  display: none;
}
body.xeropartneraustralia .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.xeropartneraustralia .form .checkbox-field {
  font-size: 17px;
}
body.xeropartneraustralia .form .checkbox-field input {
  margin-right: 5px;
}
body.xeropartneraustralia .form .create-account {
  margin: 15px 0;
  width: 100%;
}
body.xeropartneraustralia .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.xeropartneraustralia .form .activity,
body.xeropartneraustralia .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.xeropartneraustralia .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
}
body.xeropartneraustralia .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.xeropartneraustralia .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.xeropartneraustralia .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.xeropartneraustralia .form .password-requirement span {
  display: inline-block;
  width: 90%;
}
body.xeropartneraustralia .form .password-requirement > * {
  vertical-align: top;
}
body.xeropartneraustralia .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.xeropartneraustralia .form .form-field.error#toc {
  border: none;
}
body.xeropartneraustralia .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
}
body.xeropartneraustralia .xero-hubdoc-partner-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
  align-self: center;
  height: 35px;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
    height: 45px;
  }
}
body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box {
  width: 40%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
  font-size: 1.25em;
  width: 80%;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
    font-size: 1.75em;
  }
}
body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 30%;
}
@media (min-width: 2400px) {
  body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
    font-size: 20px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xeropartneraustralia .partner-heading {
    height: 550px;
  }
  body.xeropartneraustralia h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.xeropartneraustralia h1 .top {
    display: block;
    font-size: 70px;
  }
  body.xeropartneraustralia h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.xeropartneraustralia .tab {
  overflow: hidden;
  background-color: white;
}
body.xeropartneraustralia .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.xeropartneraustralia #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.xeropartneraustralia #form-container {
  transition: all 250ms linear;
}
body.xeropartneraustralia .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.xeropartneraustralia .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.xeropartneraustralia .tab button:not(.active):hover {
  background-color: lightgray;
}
body.xeropartneraustralia .tabcontent {
  display: none;
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.xeropartneraustralia .promo-details {
  padding: 0px 15px;
}
body.xeropartneraustralia .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xeropartneraustralia .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.xeropartneraustralia .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.xeropartneraustralia .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.xeropartneraustralia i {
  width: 40px;
  font-size: 25px;
  text-align: center;
}
body.xeropartneraustralia i.fa-certificate {
  color: #f5af49;
}
body.xeropartneraustralia i.fa-phone {
  color: #4bb9e7;
}
body.xeropartneraustralia i.fa-gift {
  color: #ee6559;
}
body.xeropartneraustralia i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropartneraustralia i.fa-shield {
  color: #bcbbbb;
}
body.xeropartneruk {
  font-family: Lato;
}
body.xeropartneruk nav {
  top: 0;
}
body.xeropartneruk .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.xeropartneruk .big-btn:hover {
  background-color: #00cea5;
}
body.xeropartneruk .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.xeropartneruk .partner-heading {
  margin-top: 30px;
  min-height: 600px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #85b6df;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2400px) {
  body.xeropartneruk .partner-heading {
    min-height: 800px;
  }
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text {
  width: 50%;
  font-family: Lato;
  color: white;
  text-shadow: none;
}
@media (min-width: 2400px) {
  body.xeropartneruk .partner-heading #xero-hubdoc-partner-text {
    padding-left: 20%;
  }
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text h3 {
  font-size: 2.5em;
  font-weight: 600;
  margin-left: 30%;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-top: 20px;
  margin-left: 30%;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button {
  padding: 0 20px 0 0;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button button {
  width: 150px;
  padding: 15px;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button {
  padding-top: 0;
  font-weight: bold;
  font-size: 20px;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-logo {
  height: 300px;
  width: 50%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-robot.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 35%;
}
@media (min-width: 2400px) {
  body.xeropartneruk .partner-heading #xero-hubdoc-partner-logo {
    padding-right: 20%;
    height: 400px;
  }
}
body.xeropartneruk h1 {
  width: 855px;
}
body.xeropartneruk .xero-hubdoc-partner-features {
  min-height: 500px;
  background-color: #e6ffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 2400px) {
  body.xeropartneruk .xero-hubdoc-partner-features {
    min-height: 600px;
  }
}
body.xeropartneruk .xero-hubdoc-partner-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 100px;
}
body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
  padding-top: 20px;
  text-align: center;
}
@media (min-width: 1800px) and (max-width: 3400px) {
  body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
    font-size: 18px;
  }
}
@media (min-width: 3401px) {
  body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
    font-size: 20px;
  }
}
body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartneruk .xero-hubdoc-partner-promo {
  min-height: 500px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-hubdoc-promo-background.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2400px) {
  body.xeropartneruk .xero-hubdoc-partner-promo {
    min-height: 600px;
  }
}
@media (max-width: 1400px) {
  body.xeropartneruk .xero-hubdoc-partner-promo {
    background-size: auto;
  }
}
body.xeropartneruk .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
  width: 700px;
  margin-top: 100px;
}
@media (min-width: 2400px) {
  body.xeropartneruk .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
    width: 1000px;
  }
}
body.xeropartneruk .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
  color: #00d4ea;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.xeropartneruk .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
    font-size: 35px;
  }
}
body.xeropartneruk .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
  text-align: center;
}
@media (min-width: 240px) {
  body.xeropartneruk .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
    font-size: 20px;
  }
}
body.xeropartneruk .xero-hubdoc-partner-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartneruk .xero-hubdoc-partner-security h3 {
  color: #00d4ea;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.xeropartneruk .xero-hubdoc-partner-security h3 {
    font-size: 35px;
  }
}
body.xeropartneruk .xero-hubdoc-partner-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 50px;
}
body.xeropartneruk .xero-hubdoc-partner-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.xeropartneruk .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
  font-size: 17px;
}
@media (min-width: 2400px) {
  body.xeropartneruk .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
    font-size: 18px;
  }
}
body.xeropartneruk .xero-hubdoc-partner-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartneruk .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
  width: 773px;
}
body.xeropartneruk .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.xeropartneruk .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.xeropartneruk .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.xeropartneruk .form .form-section {
  display: inline-block;
  vertical-align: top;
}
body.xeropartneruk .form .form-left {
  width: 55%;
}
body.xeropartneruk .form .form-right {
  width: 44%;
}
body.xeropartneruk .form .xeropromo-logo {
  margin-bottom: 30px;
  height: 179px;
  width: 310px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xeropromo_logo.png);
  background-size: 310px 179px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.xeropartneruk .form .xeropromo-perk {
  margin: 0 0 20px 0;
}
body.xeropartneruk .form .xeropromo-perk i {
  width: 40px;
  font-size: 25px;
  text-align: center;
}
body.xeropartneruk .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xeropartneruk .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xeropartneruk .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xeropartneruk .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropartneruk .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xeropartneruk .form .xeropromo-perk span {
  width: 325px;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.xeropartneruk .form form input[type=text],
body.xeropartneruk .form form input[type=password],
body.xeropartneruk .form form select {
  display: block;
  width: 335px;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.xeropartneruk .form form select {
  height: 44px;
  color: #aaa;
}
body.xeropartneruk .form #enroll-success {
  display: none;
}
body.xeropartneruk .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.xeropartneruk .form .checkbox-field {
  font-size: 17px;
}
body.xeropartneruk .form .checkbox-field input {
  margin-right: 5px;
}
body.xeropartneruk .form .create-account {
  margin: 15px 0;
  width: 100%;
}
body.xeropartneruk .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.xeropartneruk .form .activity,
body.xeropartneruk .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.xeropartneruk .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
}
body.xeropartneruk .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.xeropartneruk .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.xeropartneruk .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.xeropartneruk .form .password-requirement span {
  display: inline-block;
  width: 90%;
}
body.xeropartneruk .form .password-requirement > * {
  vertical-align: top;
}
body.xeropartneruk .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.xeropartneruk .form .form-field.error#toc {
  border: none;
}
body.xeropartneruk .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
}
body.xeropartneruk .xero-hubdoc-partner-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
  align-self: center;
  height: 35px;
}
@media (min-width: 2400px) {
  body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
    height: 45px;
  }
}
body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box {
  width: 40%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
  font-size: 1.25em;
  width: 80%;
}
@media (min-width: 2400px) {
  body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
    font-size: 1.75em;
  }
}
body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 30%;
}
@media (min-width: 2400px) {
  body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
    font-size: 20px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xeropartneruk .partner-heading {
    height: 550px;
  }
  body.xeropartneruk h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.xeropartneruk h1 .top {
    display: block;
    font-size: 70px;
  }
  body.xeropartneruk h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.xeropartneruk .tab {
  overflow: hidden;
  background-color: white;
}
body.xeropartneruk .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.xeropartneruk #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.xeropartneruk #form-container {
  transition: all 250ms linear;
}
body.xeropartneruk .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.xeropartneruk .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.xeropartneruk .tab button:not(.active):hover {
  background-color: lightgray;
}
body.xeropartneruk .tabcontent {
  display: none;
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.xeropartneruk .promo-details {
  padding: 0px 15px;
}
body.xeropartneruk .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xeropartneruk .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.xeropartneruk .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.xeropartneruk .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.xeropartneruk i {
  width: 40px;
  font-size: 25px;
  text-align: center;
}
body.xeropartneruk i.fa-certificate {
  color: #f5af49;
}
body.xeropartneruk i.fa-phone {
  color: #4bb9e7;
}
body.xeropartneruk i.fa-gift {
  color: #ee6559;
}
body.xeropartneruk i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropartneruk i.fa-shield {
  color: #bcbbbb;
}
body.partnerpromotion {
  font-family: Lato;
}
body.partnerpromotion nav {
  top: 0;
}
body.partnerpromotion .region {
  max-width: 100%;
}
body.partnerpromotion .region-name {
  text-align: center;
  font-size: 20px;
  color: grey;
}
body.partnerpromotion .region-option {
  padding-top: 10px;
  transition: background-color 0.1s;
  cursor: pointer;
  border-radius: 5px;
}
body.partnerpromotion .region-option:hover {
  background-color: #dcdcdc;
}
body.partnerpromotion .modal-title,
body.partnerpromotion .region-name {
  font-family: lato;
  text-shadow: none;
}
body.partnerpromotion #schedule-demo-modal {
  text-align: center;
}
body.partnerpromotion .col-sm-3 {
  width: 20%;
}
body.partnerpromotion .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.partnerpromotion .big-btn:hover {
  background-color: #00cea5;
}
body.partnerpromotion .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.partnerpromotion .partner-heading {
  margin-top: 30px;
  min-height: 600px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #85b6df;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2400px) {
  body.partnerpromotion .partner-heading {
    min-height: 800px;
  }
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text {
  width: 35%;
  font-family: Lato;
  color: white;
  text-shadow: none;
}
@media (min-width: 2400px) {
  body.partnerpromotion .partner-heading #xero-hubdoc-partner-text {
    padding-left: 10%;
  }
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text h3 {
  font-size: 2.5em;
  font-weight: 600;
  margin-left: 30%;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-top: 20px;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button {
  padding: 0 20px 0 0;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button button {
  width: 150px;
  padding: 15px;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button {
  padding-top: 0;
  font-weight: bold;
  font-size: 20px;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-logo {
  height: 300px;
  width: 50%;
  background-image: url(https://www.hubdoc.com/images/partnerpromotion/xero-partner-robot-bubble.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 35%;
}
@media (min-width: 2400px) {
  body.partnerpromotion .partner-heading #xero-hubdoc-partner-logo {
    padding-right: 20%;
    height: 400px;
  }
}
body.partnerpromotion h1 {
  width: 855px;
}
body.partnerpromotion .xero-hubdoc-partner-features {
  min-height: 500px;
  background-color: #e6ffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 2400px) {
  body.partnerpromotion .xero-hubdoc-partner-features {
    min-height: 600px;
  }
}
body.partnerpromotion .xero-hubdoc-partner-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 100px;
}
body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
  padding-top: 20px;
  text-align: center;
}
@media (min-width: 1800px) and (max-width: 3400px) {
  body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
    font-size: 18px;
  }
}
@media (min-width: 3401px) {
  body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
    font-size: 20px;
  }
}
body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.partnerpromotion .offer-form-options-feedback {
  margin: auto;
  width: 335px;
}
body.partnerpromotion .circle-image {
  height: 130px;
  left: -31px;
  top: -50px;
  position: absolute;
}
body.partnerpromotion .arrow-image {
  height: 200px;
  top: 7px;
  left: -65px;
  position: absolute;
}
body.partnerpromotion .under-arrow {
  bottom: -175px;
  position: absolute;
}
body.partnerpromotion .crossout {
  position: relative;
  display: inline-block;
}
body.partnerpromotion .xero-hubdoc-partner-promo {
  min-height: 700px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-hubdoc-promo-background.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (min-width: 2400px) {
  body.partnerpromotion .xero-hubdoc-partner-promo {
    min-height: 700px;
  }
}
@media (max-width: 1400px) {
  body.partnerpromotion .xero-hubdoc-partner-promo {
    background-size: auto;
  }
}
body.partnerpromotion .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
  width: 700px;
  position: absolute;
  top: 260px;
}
@media (min-width: 2400px) {
  body.partnerpromotion .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
    width: 1000px;
  }
}
body.partnerpromotion .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
  color: #00d4ea;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.partnerpromotion .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
    font-size: 35px;
  }
}
body.partnerpromotion .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
  text-align: center;
}
@media (min-width: 240px) {
  body.partnerpromotion .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
    font-size: 20px;
  }
}
body.partnerpromotion .xero-hubdoc-partner-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.partnerpromotion .xero-hubdoc-partner-security h3 {
  color: #00d4ea;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.partnerpromotion .xero-hubdoc-partner-security h3 {
    font-size: 35px;
  }
}
body.partnerpromotion .xero-hubdoc-partner-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 50px;
}
body.partnerpromotion .xero-hubdoc-partner-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.partnerpromotion .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
  font-size: 17px;
}
@media (min-width: 2400px) {
  body.partnerpromotion .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
    font-size: 18px;
  }
}
body.partnerpromotion .xero-hubdoc-partner-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.partnerpromotion .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  body.partnerpromotion .form {
    width: 1000px;
  }
}
body.partnerpromotion .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.partnerpromotion .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.partnerpromotion .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.partnerpromotion .form .form-section {
  display: inline-block;
  vertical-align: top;
}
body.partnerpromotion .form .form-left {
  width: 55%;
}
body.partnerpromotion .form .form-right {
  width: 44%;
  margin-top: 95px;
}
body.partnerpromotion .form .xeropromo-logo {
  margin-bottom: 30px;
  height: 179px;
  width: 310px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xeropromo_logo.png);
  background-size: 310px 179px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.partnerpromotion .form .xeropromo-perk {
  margin: 0 0 20px 0;
}
body.partnerpromotion .form .xeropromo-perk i {
  width: 40px;
  font-size: 25px;
  text-align: center;
}
body.partnerpromotion .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.partnerpromotion .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.partnerpromotion .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.partnerpromotion .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.partnerpromotion .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.partnerpromotion .form .xeropromo-perk span {
  width: 325px;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.partnerpromotion .form form input[type=text],
body.partnerpromotion .form form input[type=password],
body.partnerpromotion .form form select {
  display: block;
  width: 335px;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.partnerpromotion .form form select {
  height: 44px;
  color: #aaa;
}
body.partnerpromotion .form #enroll-success {
  display: none;
}
body.partnerpromotion .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.partnerpromotion .form .checkbox-field {
  font-size: 17px;
}
body.partnerpromotion .form .checkbox-field input {
  margin-right: 5px;
}
body.partnerpromotion .form .create-account {
  margin: 15px auto;
  width: 335px;
  display: block;
}
body.partnerpromotion .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.partnerpromotion .form .activity,
body.partnerpromotion .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.partnerpromotion .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
}
body.partnerpromotion .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.partnerpromotion .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.partnerpromotion .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.partnerpromotion .form .password-requirement span {
  display: inline-block;
  width: 90%;
}
body.partnerpromotion .form .password-requirement > * {
  vertical-align: top;
}
body.partnerpromotion .form .form-field {
  margin: 15px auto;
}
body.partnerpromotion .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.partnerpromotion .form .form-field.error#toc {
  border: none;
}
body.partnerpromotion .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
  text-align: center;
}
body.partnerpromotion .xero-hubdoc-partner-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
  align-self: center;
  height: 35px;
}
@media (min-width: 2400px) {
  body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
    height: 45px;
  }
}
body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box {
  width: 40%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
  font-size: 1.25em;
  width: 80%;
}
@media (min-width: 2400px) {
  body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
    font-size: 1.75em;
  }
}
body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 30%;
}
@media (min-width: 2400px) {
  body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
    font-size: 20px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.partnerpromotion .partner-heading {
    height: 550px;
  }
  body.partnerpromotion h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.partnerpromotion h1 .top {
    display: block;
    font-size: 70px;
  }
  body.partnerpromotion h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.partnerpromotion .tab {
  overflow: hidden;
  background-color: white;
}
body.partnerpromotion .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.partnerpromotion #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.partnerpromotion #form-container {
  transition: all 250ms linear;
}
body.partnerpromotion .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.partnerpromotion .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.partnerpromotion .tab button:not(.active):hover {
  background-color: lightgray;
}
body.partnerpromotion .tabcontent {
  display: none;
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.partnerpromotion .promo-details {
  padding: 0px 15px;
}
body.partnerpromotion .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.partnerpromotion .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.partnerpromotion .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.partnerpromotion .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.partnerpromotion .robot-speech-bubble-text {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: black;
  text-shadow: none;
  font-family: lato;
}
body.xerosignup {
  font-family: Lato;
}
body.xerosignup nav {
  top: 0;
}
body.xerosignup .hidden {
  display: none;
}
body.xerosignup .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.xerosignup .big-btn:hover {
  background-color: #00cea5;
}
body.xerosignup .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.xerosignup .promo-title {
  text-align: left;
  margin: 25px 0px;
}
body.xerosignup .promo-instructions {
  margin: 30px 0px;
}
body.xerosignup .promo-instructions h4 {
  font-weight: 100;
}
body.xerosignup li::before {
  font-size: 200px;
}
body.xerosignup .partner-heading {
  margin-top: 70px;
  min-height: 1050px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #18355F;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text {
  font-family: Lato;
  color: white;
  text-shadow: none;
}
@media (min-width: 2400px) {
  body.xerosignup .partner-heading #xero-hubdoc-partner-text {
    padding-left: 10%;
  }
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text h3 {
  font-size: 2.5em;
  font-weight: 600;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-top: 20px;
  margin-left: 30%;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button {
  padding: 0 20px 0 0;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button button {
  width: 150px;
  padding: 15px;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-logo {
  height: 250px;
  width: 50%;
  margin: auto;
  background-image: url(https://www.hubdoc.com/images/xerosignup/xero-partner-robot.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 35%;
}
@media (min-width: 2400px) {
  body.xerosignup .partner-heading #xero-hubdoc-partner-logo {
    padding-right: 20%;
    height: 400px;
  }
}
body.xerosignup h1 {
  width: 855px;
}
body.xerosignup #play-video-button {
  padding-top: 0 !important;
  font-weight: bold !important;
  font-size: 25px !important;
  margin: 25px 0px !important;
}
body.xerosignup #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
  margin-bottom: 1px;
}
body.xerosignup .circle-image {
  height: 130px;
  left: -31px;
  top: -50px;
  position: absolute;
}
body.xerosignup .arrow-image {
  height: 200px;
  top: 7px;
  left: -65px;
  position: absolute;
}
body.xerosignup .under-arrow {
  bottom: -175px;
  position: absolute;
}
body.xerosignup .crossout {
  position: relative;
  display: inline-block;
}
body.xerosignup .promo-instructions-list {
  font-weight: bold;
  padding-inline-start: 15px;
  font-size: 17px;
}
body.xerosignup .xero-hubdoc-partner-features {
  min-height: 500px;
  background-color: #e6ffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 2400px) {
  body.xerosignup .xero-hubdoc-partner-features {
    min-height: 600px;
  }
}
body.xerosignup .xero-hubdoc-partner-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.xerosignup .xero-hubdoc-partner-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 100px;
}
body.xerosignup .xero-hubdoc-partner-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.xerosignup .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
  padding-top: 20px;
  text-align: center;
}
@media (min-width: 1800px) and (max-width: 3400px) {
  body.xerosignup .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
    font-size: 18px;
  }
}
@media (min-width: 3401px) {
  body.xerosignup .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
    font-size: 20px;
  }
}
body.xerosignup .xero-hubdoc-partner-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.xerosignup .xero-hubdoc-partner-promo {
  min-height: 700px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-hubdoc-promo-background.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (min-width: 2400px) {
  body.xerosignup .xero-hubdoc-partner-promo {
    min-height: 700px;
  }
}
@media (max-width: 1400px) {
  body.xerosignup .xero-hubdoc-partner-promo {
    background-size: auto;
  }
}
body.xerosignup .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
  width: 700px;
  position: absolute;
  top: 168px;
  margin-top: 100px;
}
@media (min-width: 2400px) {
  body.xerosignup .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
    width: 1000px;
  }
}
body.xerosignup .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
  color: #00d4ea;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.xerosignup .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
    font-size: 35px;
  }
}
body.xerosignup .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
  text-align: center;
}
@media (min-width: 240px) {
  body.xerosignup .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
    font-size: 20px;
  }
}
body.xerosignup .xero-hubdoc-partner-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xerosignup .xero-hubdoc-partner-security h3 {
  color: #00d4ea;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.xerosignup .xero-hubdoc-partner-security h3 {
    font-size: 35px;
  }
}
body.xerosignup .xero-hubdoc-partner-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 50px;
}
body.xerosignup .xero-hubdoc-partner-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.xerosignup .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
  font-size: 17px;
}
@media (min-width: 2400px) {
  body.xerosignup .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
    font-size: 18px;
  }
}
body.xerosignup .xero-hubdoc-partner-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.xerosignup .disclaimer {
  margin: 100px auto;
  width: 80%;
  max-width: 1000px;
}
body.xerosignup .robot-logo-and-text {
  margin: auto;
  margin-left: 15%;
  margin-top: 150px;
  width: 50%;
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xerosignup .robot-logo-and-text {
    margin: 60px auto auto 10%;
  }
}
body.xerosignup .form {
  width: 50%;
  margin-right: 10%;
  font-family: lato;
  text-shadow: none;
}
@media (min-width: 1024px) {
  body.xerosignup .form {
    width: 1000px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xerosignup .form {
    margin-right: 5%;
  }
}
body.xerosignup .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.xerosignup .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.xerosignup .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.xerosignup .form .form-section {
  display: inline-block;
  vertical-align: top;
}
body.xerosignup .form .form-left {
  width: 55%;
}
body.xerosignup .form .xeropromo-logo {
  margin-bottom: 30px;
  height: 179px;
  width: 310px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xeropromo_logo.png);
  background-size: 310px 179px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.xerosignup .form .xeropromo-perk {
  margin: 0 0 20px 0;
}
body.xerosignup .form .xeropromo-perk i {
  width: 40px;
  font-size: 25px;
  text-align: center;
}
body.xerosignup .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xerosignup .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xerosignup .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xerosignup .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xerosignup .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xerosignup .form .xeropromo-perk span {
  width: 325px;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.xerosignup .form form input[type=text],
body.xerosignup .form form input[type=password],
body.xerosignup .form form select {
  display: block;
  width: 335px;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.xerosignup .form form select {
  height: 44px;
}
body.xerosignup .form #enroll-success {
  display: none;
}
body.xerosignup .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.xerosignup .form .checkbox-field {
  font-size: 17px;
  text-align: left;
  padding-top: 10px;
  width: 335px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  color: white !important;
}
body.xerosignup .form .checkbox-field input {
  margin-right: 5px;
}
body.xerosignup .form .create-account {
  margin: 15px 0;
  width: 335px;
}
body.xerosignup .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.xerosignup .form .activity,
body.xerosignup .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.xerosignup .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
  width: 355px;
  margin: 0px auto;
}
body.xerosignup .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.xerosignup .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.xerosignup .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.xerosignup .form .password-requirement span {
  display: inline-block;
  width: 90%;
  text-align: left;
}
body.xerosignup .form .password-requirement > * {
  vertical-align: top;
}
body.xerosignup .form .form-field {
  color: black;
  margin: 15px auto;
}
body.xerosignup .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.xerosignup .form .form-field.error#toc {
  border: none;
}
body.xerosignup .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
  text-align: center;
}
body.xerosignup .xero-hubdoc-partner-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
  align-self: center;
  height: 35px;
}
@media (min-width: 2400px) {
  body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
    height: 45px;
  }
}
body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box {
  width: 40%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
  font-size: 1.25em;
  width: 80%;
}
@media (min-width: 2400px) {
  body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
    font-size: 1.75em;
  }
}
body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 30%;
}
@media (min-width: 2400px) {
  body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
    font-size: 20px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xerosignup .partner-heading {
    height: 1150px;
  }
  body.xerosignup h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.xerosignup h1 .top {
    display: block;
    font-size: 70px;
  }
  body.xerosignup h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.xerosignup .tab {
  overflow: hidden;
  background-color: white;
}
body.xerosignup .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.xerosignup #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.xerosignup .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.xerosignup .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.xerosignup .tab button:not(.active):hover {
  background-color: lightgray;
}
body.xerosignup .tabcontent {
  border-top: none;
  margin-top: 5px;
  animation: fadeEffect 1s;
}
body.xerosignup .promo-details {
  padding: 0px 15px;
}
body.xerosignup .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xerosignup .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.xerosignup .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.xerosignup .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.xerosignup .tell-about-self-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  z-index: 100002;
}
body.xerosignup .tell-about-self {
  display: flex;
  position: fixed;
  width: 560px;
  text-align: center;
  height: 300px;
  top: 30%;
  margin-left: 50%;
  left: -280px;
  z-index: 100003;
  background-color: #1C5C95;
  border-radius: 25px;
}
body.xerosignup .tell-about-self-buttons {
  margin-top: 30px;
}
body.xerosignup .tell-about-self-button {
  margin: 10px auto;
  padding: 12px 30px;
  font-size: 17px;
  width: 300px;
}
body.xerosignup .tell-about-self-title {
  color: white;
  margin-top: 35px;
}
body.xerosignup .tell-about-self-image {
  height: 200px;
}
body.xerosignup .tell-about-self-image-wrapper {
  width: 30%;
  margin: auto auto auto 9%;
}
body.xeropromo {
  font-family: Lato;
  /*------------------------------------------------------------------
        [Testimonials Styles]
    -------------------------------------------------------------------*/
}
body.xeropromo .mobile {
  display: none;
}
body.xeropromo .desktop {
  display: block;
}
body.xeropromo nav {
  top: 0;
}
body.xeropromo .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.xeropromo .big-btn:hover {
  background-color: #00cea5;
}
body.xeropromo .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.xeropromo .heading {
  margin-top: 73px;
  height: 632px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xeropromo_banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-color: #85b6df;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
}
body.xeropromo h1 {
  margin: 0 auto;
  margin-bottom: -68px;
  padding-top: 40px;
  display: block;
  width: 855px;
}
body.xeropromo h1 .top {
  display: block;
  font-size: 90px;
}
body.xeropromo h1 .bottom {
  display: block;
  font-size: 58px;
}
body.xeropromo #enrolled-login {
  width: 100%;
  margin-bottom: 15px;
}
body.xeropromo #thank-you-for-enrolling {
  margin-top: 0px;
}
body.xeropromo #xero-hubdoc-logo {
  margin: 0 auto;
  height: 266px;
  position: relative;
  top: 150px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xero_hubdoc_logo.png);
  background-size: contain;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.xeropromo #xero-hubdoc-text {
  font-family: Lato;
  color: #034A76;
  text-shadow: none;
  margin: 0 auto;
  position: relative;
  top: 150px;
  text-align: center;
}
body.xeropromo #xero-hubdoc-text h1 {
  font-size: 50px;
  font-weight: 600;
}
body.xeropromo #xero-hubdoc-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
@media only screen and (max-width: 992px) {
  body.xeropromo #xero-hubdoc-text h1 {
    font-size: 30px;
    font-weight: 600;
  }
  body.xeropromo #xero-hubdoc-text div {
    font-weight: 300;
    padding-top: 50px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  body.xeropromo #xero-hubdoc-text h1 {
    font-size: 20px;
    font-weight: 600;
  }
  body.xeropromo #xero-hubdoc-text div {
    font-weight: 300;
    padding-top: 30px;
    font-size: 20px;
  }
}
body.xeropromo #xero-hubdoc-text #play-video-button {
  padding-top: 25px;
  font-weight: bold;
  font-size: 20px;
}
body.xeropromo #xero-hubdoc-text #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
@media only screen and (max-width: 992px) {
  body.xeropromo #xero-hubdoc-logo {
    height: 80px;
    top: 100px;
  }
  body.xeropromo #xero-hubdoc-text {
    top: 100px;
  }
}
@media only screen and (max-width: 768px) {
  body.xeropromo #xero-hubdoc-logo {
    height: 60px;
    top: 50px;
  }
  body.xeropromo #xero-hubdoc-text {
    top: 50px;
  }
}
body.xeropromo .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
  width: 773px;
}
body.xeropromo .form .form-section {
  display: inline-block;
  vertical-align: top;
}
body.xeropromo .form .form-left {
  width: 55%;
}
body.xeropromo .form .form-right {
  width: 44%;
}
body.xeropromo .form .xeropromo-logo {
  margin-bottom: 30px;
  height: 179px;
  width: 310px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xeropromo_logo.png);
  background-size: 310px 179px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.xeropromo .form .xeropromo-perk {
  margin: 0 0 20px 0;
}
body.xeropromo .form .xeropromo-perk i {
  width: 40px;
  font-size: 25px;
  text-align: center;
}
body.xeropromo .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xeropromo .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xeropromo .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xeropromo .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropromo .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xeropromo .form .xeropromo-perk span {
  width: 325px;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.xeropromo .form form input[type=text],
body.xeropromo .form form input[type=password],
body.xeropromo .form form select {
  display: block;
  width: 335px;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.xeropromo .form form select {
  height: 44px;
  color: #aaa;
}
body.xeropromo .form #enroll-success {
  display: none;
}
body.xeropromo .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.xeropromo .form .checkbox-field {
  font-size: 17px;
}
body.xeropromo .form .checkbox-field input {
  margin-right: 5px;
}
body.xeropromo .form .create-account {
  margin: 15px 0;
  width: 100%;
}
body.xeropromo .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.xeropromo .form .activity,
body.xeropromo .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.xeropromo .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
}
body.xeropromo .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.xeropromo .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.xeropromo .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.xeropromo .form .password-requirement span {
  display: inline-block;
  width: 90%;
}
body.xeropromo .form .password-requirement > * {
  vertical-align: top;
}
body.xeropromo .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.xeropromo .form .form-field.error#toc {
  border: none;
}
body.xeropromo .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
}
body.xeropromo .why-hubdoc {
  margin: 0 auto;
  margin-bottom: 70px;
  width: 980px;
  text-align: center;
}
body.xeropromo .why-hubdoc .big-btn {
  margin: 0 auto;
  margin-top: 40px;
}
body.xeropromo .why-hubdoc h2 {
  display: inline-block;
  font-family: lobster;
  color: #39baee;
  font-size: 80px;
  margin-bottom: 35px;
}
body.xeropromo .why-hubdoc .row-top {
  margin-bottom: 25px!important;
}
body.xeropromo .why-hubdoc .why-hd-item {
  display: inline-block;
  vertical-align: top;
  color: #727272;
  width: 265px;
  margin-right: 25px;
  text-align: left;
}
body.xeropromo .why-hubdoc .why-hd-item:last-child {
  margin-right: 0;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top {
  position: relative;
  margin-bottom: 15px;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  font-size: 35px;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.xeropromo-logo {
  height: 50px;
  width: 50px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xero_logo.png);
  background-size: 41px 41px;
  background-repeat: no-repeat;
  background-position: center left;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.fa-paper-plane {
  color: #f5af49;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.fa-ban {
  position: absolute;
  top: -11px;
  left: 3px;
  color: #ee6559;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.fa-keyboard-o {
  color: #727272;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.fa-magic {
  color: #2f608f;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.fa-rocket {
  color: #ee6559;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top h3 {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  font-weight: bold;
  font-size: 20px;
  width: 210px;
}
body.xeropromo .hubdoc-video {
  height: 646px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropromo/bke_video.jpg);
  background-size: 1680px 646px;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #eaeaec;
}
@media (min-width: 992px) {
  body.xeropromo .xeropromo-perk span.offer-text {
    width: 360px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xeropromo .heading {
    height: 500px;
  }
  body.xeropromo h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.xeropromo h1 .top {
    display: block;
    font-size: 70px;
  }
  body.xeropromo h1 .bottom {
    display: block;
    font-size: 43px;
  }
  body.xeropromo #xeropromo-laptop {
    height: 439px;
    width: 600px;
    background-image: url(https://www.hubdoc.com/images/xeropromo/laptop_xero.png);
    background-size: 600px 439px;
  }
  body.xeropromo .form {
    width: 670px;
  }
  body.xeropromo .form .xeropromo-perk span {
    width: 275px;
  }
  body.xeropromo .form form input[type=text],
  body.xeropromo .form form input[type=password],
  body.xeropromo .form form select {
    width: 295px;
  }
  body.xeropromo .form .create-account,
  body.xeropromo .form .enroll {
    padding-left: 40px;
    padding-right: 40px;
  }
  body.xeropromo .why-hubdoc {
    width: 780px;
  }
  body.xeropromo .why-hubdoc .why-hd-item {
    width: 240px;
  }
  body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i {
    width: 38px;
    font-size: 30px;
  }
  body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.xeropromo-logo {
    height: 40px;
    width: 40px;
    background-image: url(https://www.hubdoc.com/images/xeropromo/xero_logo.png);
    background-size: 33px 33px;
    background-repeat: no-repeat;
    background-position: center left;
  }
  body.xeropromo .why-hubdoc .why-hd-item .why-hd-top h3 {
    font-size: 18px;
    width: 190px;
  }
}
@media (min-width: 992px) {
  body.xeropromo {
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.xeropromo #testimonials {
    padding-top: 100px;
    background-color: #ebeaeb;
    height: 720px;
  }
  body.xeropromo .testi {
    font-family: lobster;
    color: #40b9ec;
    font-size: 96px;
    font-weight: 400;
    line-height: 11.671px;
  }
  body.xeropromo .testi-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    line-height: 70px;
    font-weight: 400;
  }
  body.xeropromo .break-size {
    line-height: 10px;
  }
  body.xeropromo .testi-text-inner {
    font-family: Lato;
    color: #717171;
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
  }
  body.xeropromo .mySlider {
    outline: none !important;
    margin-top: 40px;
    width: 750px;
  }
  body.xeropromo .rating {
    width: 200px;
  }
  body.xeropromo .example-right {
    outline: none !important;
    border: none;
    position: relative;
    width: 700px;
    height: 340px;
    margin: 0;
    padding: 0 50px 0 50px;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.xeropromo .example-right + p {
    margin: 15px 25px 2em 0px;
    font-family: Lato;
    color: #717171;
    font-size: 22px;
    font-weight: 300;
    vertical-align: middle;
  }
  body.xeropromo .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.xeropromo {
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.xeropromo .support-title {
    font-size: 80px!important;
  }
  body.xeropromo #testimonials {
    padding-top: 60px;
    background-color: #ebeaeb;
    height: 720px;
  }
  body.xeropromo .testi {
    font-family: lobster;
    color: #40b9ec;
    font-size: 96px;
    font-weight: 400;
    line-height: 100px;
  }
  body.xeropromo .testi-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    line-height: 70px;
    font-weight: 400;
  }
  body.xeropromo .testi-text-inner {
    font-family: Lato;
    color: #717171;
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
  }
  body.xeropromo .mySlider {
    outline: none !important;
    margin-top: 40px;
    width: 550px;
  }
  body.xeropromo .rating {
    width: 200px;
  }
  body.xeropromo .example-right {
    outline: none !important;
    border: none;
    position: relative;
    width: 500px;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.xeropromo .example-right + p {
    margin: 15px 0 2em 100px;
    font-family: Lato;
    color: #717171;
    font-size: 22px;
    font-weight: 300;
  }
  body.xeropromo .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
body.xeropromo #questions {
  background-color: #ebeaeb;
}
@media (min-width: 992px) {
  body.xeropromo .support-questions {
    padding-top: 40px;
  }
  body.xeropromo .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 70px;
    font-weight: 400;
  }
  body.xeropromo .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    line-height: 19px;
    font-weight: 400;
  }
  body.xeropromo .bottom-button {
    margin-top: 25px;
  }
  body.xeropromo .questions-section {
    padding-top: 31px;
  }
  body.xeropromo .questions-button {
    padding: 12px 65px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.xeropromo .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.xeropromo .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.xeropromo #question-pic {
    overflow: hidden;
  }
  body.xeropromo .questions-back {
    height: 348px;
    bottom: 0;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.xeropromo .support-questions {
    padding-top: 40px;
  }
  body.xeropromo .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 60px;
    font-weight: 400;
  }
  body.xeropromo .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
  }
  body.xeropromo .bottom-button {
    margin-top: 25px;
  }
  body.xeropromo .questions-section {
    padding-top: 31px;
  }
  body.xeropromo .questions-button {
    padding: 12px 30px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.xeropromo .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.xeropromo .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.xeropromo #question-pic {
    overflow: hidden;
  }
  body.xeropromo .questions-back {
    height: 348px;
    bottom: 0;
    overflow: hidden;
  }
}
body.xeropromo .tab {
  overflow: hidden;
  background-color: white;
}
body.xeropromo .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.xeropromo #form-container {
  transition: all 250ms linear;
}
body.xeropromo .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.xeropromo .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.xeropromo .tab button:not(.active):hover {
  background-color: lightgray;
}
body.xeropromo .tabcontent {
  display: none;
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.xeropromo .promo-details {
  padding: 0px 15px;
}
body.xeropromo .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xeropromo .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.xeropromo .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.xeropromo .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.xero .title-text {
  line-height: 24px!important;
}
@media (min-width: 992px) {
  body.xero {
    /*------------------------------------------------------------------
    	[Video Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Questions Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Slider Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.xero #main-section {
    background: #ebeaeb;
    padding-top: 73px;
    height: 600px;
  }
  body.xero .title-padding {
    padding: 50px 0;
  }
  body.xero .add-on-back {
    width: 900px;
    position: absolute;
  }
  body.xero .title-2 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 80px;
    line-height: 50px;
  }
  body.xero .title-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
  }
  body.xero #connect {
    height: 570px;
    padding-top: 180px;
  }
  body.xero .logo-cont {
    display: block;
  }
  body.xero .logo-inline {
    display: inline-block;
    vertical-align: middle;
  }
  body.xero .logo {
    width: 77px;
  }
  body.xero .logo-support {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
  }
  body.xero .logo-support-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.xero .button {
    display: inline-block;
    vertical-align: middle;
    padding-left: 110px;
  }
  body.xero .try-free {
    padding: 15px 55px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
  }
  body.xero .try-free:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.xero .divider {
    height: 8px;
    margin: 25px 0 30px 0;
    background-color: #ebeaeb;
  }
  body.xero .col-sm-4 {
    padding: 0 !important;
  }
  body.xero .info-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    transform: scaleX(1);
  }
  body.xero .icon-info {
    display: block;
    margin-bottom: 20px;
  }
  body.xero .icon-text {
    display: inline-block;
    vertical-align: middle;
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.xero .icon-div {
    width: 60px;
    margin-left: 25px;
    display: inline-block;
    vertical-align: top;
  }
  body.xero .file-icon {
    display: inline-block;
    color: #f9b13c;
    font-size: 40px;
  }
  body.xero .usd-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.xero .puzzle-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.xero .magic-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.xero #video {
    background-color: #ebeaeb;
    height: 1799px;
    padding-top: 60px;
  }
  body.xero .video-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 75px;
    line-height: 80px;
  }
  body.xero .video-text {
    font-family: Lato;
    color: #717171;
    font-size: 20.04px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.xero .video-frame {
    margin: 50px 0 70px 0;
  }
  body.xero .testimonials {
    display: block;
  }
  body.xero .col-sm-6 {
    padding: 0 !important;
  }
  body.xero .what-qb-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 70px;
    line-height: 65px;
  }
  body.xero .what-qb-text {
    font-family: Lato;
    color: #717171;
    line-height: 22px;
    font-size: 20.04px;
    font-weight: 400;
  }
  body.xero .icon-info-2 {
    display: block;
    margin-bottom: 10px;
  }
  body.xero .icon-div-2 {
    width: 60px;
    display: inline-block;
  }
  body.xero .cloud-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.xero .archive-icon {
    display: inline-block;
    color: #f9b23c;
    font-size: 40px;
  }
  body.xero .users-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.xero .rocket-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.xero .divider-white {
    height: 4px;
    margin: 25px 0 25px 0;
    background-color: #FFF;
  }
  body.xero .qb-icon {
    display: inline-block;
    width: 45px;
  }
  body.xero .support-questions {
    padding-top: 25px;
  }
  body.xero .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 70px;
    font-weight: 400;
  }
  body.xero .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    line-height: 21px;
    font-weight: 300;
  }
  body.xero .bottom-button {
    margin-top: 25px;
  }
  body.xero .questions-button {
    padding: 12px 70px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.xero .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.xero .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.xero #question-pic {
    overflow: hidden;
  }
  body.xero .questions-back {
    height: 321px;
    bottom: 0;
    overflow: hidden;
  }
  body.xero .mySlider {
    outline: none !important;
    margin-top: 25px;
    width: 419px;
    height: 305px;
  }
  body.xero .rating {
    width: 40%;
  }
  body.xero .example-right {
    outline: none !important;
    position: relative;
    width: 100%;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.xero .author {
    margin: 10px 0 10px 0;
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    font-weight: 300;
  }
  body.xero .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xero {
    /*------------------------------------------------------------------
    	[Main Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Video Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Questions Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[Slider Page Styles]
    -------------------------------------------------------------------*/
    /*------------------------------------------------------------------
    	[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.xero #main-section {
    background: #ebeaeb;
    padding-top: 73px;
    height: 520px;
  }
  body.xero .title-padding {
    padding: 50px 0;
  }
  body.xero .add-on-back {
    width: 760px;
    padding-top: 50px;
    position: absolute;
  }
  body.xero .title-1 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 60px;
  }
  body.xero .title-2 {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 70px;
    line-height: 50px;
  }
  body.xero .title-text {
    font-family: Lato;
    color: #717171;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
  }
  body.xero #connect {
    height: 570px;
    padding-top: 180px;
  }
  body.xero .logo-cont {
    display: block;
  }
  body.xero .logo-inline {
    display: inline-block;
    vertical-align: middle;
  }
  body.xero .logo {
    width: 57px;
  }
  body.xero .logo-support {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
  }
  body.xero .logo-support-text {
    font-family: Lato;
    color: #717171;
    font-size: 18px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.xero .button {
    display: inline-block;
    vertical-align: middle;
    padding-left: 110px;
  }
  body.xero .try-free {
    padding: 15px 35px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
  }
  body.xero .try-free:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.xero .divider {
    height: 8px;
    margin: 25px 0 30px 0;
    background-color: #ebeaeb;
  }
  body.xero .col-sm-4 {
    padding: 0 !important;
  }
  body.xero .info-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    transform: scaleX(1);
  }
  body.xero .icon-info {
    display: block;
    margin-bottom: 25px;
  }
  body.xero .icon-text {
    display: inline-block;
    vertical-align: middle;
    font-family: Lato;
    color: #717171;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    transform: scaleX(1);
  }
  body.xero .icon-div {
    width: 30px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
  }
  body.xero .file-icon {
    display: inline-block;
    color: #f9b13c;
    font-size: 30px;
  }
  body.xero .usd-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 30px;
  }
  body.xero .puzzle-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 30px;
  }
  body.xero .magic-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 30px;
  }
  body.xero #video {
    background-color: #ebeaeb;
    height: 1683px;
    padding-top: 20px;
  }
  body.xero .video-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 50px;
  }
  body.xero .video-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    transform: scale(1, 0.998);
  }
  body.xero .video-frame {
    margin: 30px 0 70px 0;
  }
  body.xero .testimonials {
    display: block;
  }
  body.xero .col-sm-6 {
    padding: 0 !important;
  }
  body.xero .what-qb-title {
    color: #40b9ec;
    font-weight: 400;
    font-family: lobster;
    font-size: 60px;
    line-height: 55px;
  }
  body.xero .what-qb-text {
    font-family: Lato;
    color: #717171;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
  }
  body.xero .icon-info-2 {
    display: block;
    margin-bottom: 10px;
  }
  body.xero .icon-div-2 {
    width: 60px;
    display: inline-block;
  }
  body.xero .cloud-icon {
    display: inline-block;
    color: #3bbff4;
    font-size: 40px;
  }
  body.xero .archive-icon {
    display: inline-block;
    color: #f9b23c;
    font-size: 40px;
  }
  body.xero .users-icon {
    display: inline-block;
    color: #50bd9c;
    font-size: 40px;
  }
  body.xero .rocket-icon {
    display: inline-block;
    color: #f7675a;
    font-size: 40px;
  }
  body.xero .divider-white {
    height: 4px;
    margin: 25px 0 25px 0;
    background-color: #FFF;
  }
  body.xero .qb-icon {
    display: inline-block;
    width: 45px;
  }
  body.xero .support-questions {
    padding-top: 25px;
  }
  body.xero .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 55px;
    font-weight: 400;
  }
  body.xero .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
  }
  body.xero .bottom-button {
    margin-top: 25px;
  }
  body.xero .questions-section {
    padding-top: 31px;
  }
  body.xero .questions-button {
    padding: 12px 30px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.xero .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.xero .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.xero #question-pic {
    overflow: hidden;
  }
  body.xero .questions-back {
    bottom: 0;
    width: 410px;
    overflow: hidden;
  }
  body.xero .mySlider {
    outline: none !important;
    margin-top: 25px;
    width: 350px;
    height: 305px;
  }
  body.xero .rating {
    width: 40%;
  }
  body.xero .example-right {
    outline: none !important;
    position: relative;
    width: 100%;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.xero .author {
    margin: 15px 0 15px 0;
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 300;
  }
  body.xero .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
</style>
        <link href="https://www.hubdoc.com/less/styles-responsive.less" media="(max-width: 767px)" rel="stylesheet/less" type="text/css"><style type="text/css" media="(max-width: 767px)" id="less:less-styles-responsive">@charset "UTF-8";
@import "https://www.hubdoc.com/less/font-awesome.min.css";
@import "https://fonts.googleapis.com/css?family=Lato:300,400,700";
@import "https://fonts.googleapis.com/css?family=Lobster";
.nav li a.selected,
.nav-text li a.selected,
.nav div a.selected,
.nav-text div a.selected,
.nav li a:hover,
.nav-text li a:hover,
.nav div a:hover,
.nav-text div a:hover {
  color: #3abbed!important;
}
/*------------------------------------------------------------------
[Master Stylesheet]

Project:    Hubdoc
Version:    1.0.0
Last change:    7.10.15
Primary use:    Marketing Website
-------------------------------------------------------------------*/
/* Fonts */
/*------------------------------------------------------------------
[Table of contents]

1. Page Loader (Spinner)
2. Landing Page - Top

/*------------------------------------------------------------------
# [Color codes]

# Hubdoc Pale Blue #dbeefa
# Hubdoc Light Blue #3abbed
# Hubdoc Blue #2b5e91
# Hubdoc Dark Blue #16345f
# Hubdoc Light Orange #f8b23d
# Hubdoc Orange #ff9f2e
# Hubdoc Dark Orange #bf6e1d
# Hubdoc Light Red #f66655
# Hubdoc Red #e00004
# Hubdoc Dark Red #a60003
# Hubdoc Dark White #f3f3f3
# Hubdoc Light Grey #ebeaec
# Hubdoc Grey #bcbcbc
# Hubdoc Dark Grey #727272
# Hubdoc Pale Green #b3e0d1
# Hubdoc Light Green #4bbc9c
# Hubdoc Green #36896d
# Hubdoc Dark Green #114431

# */
/*------------------------------------------------------------------
[Typography]

Headers:            Lobster;
Sub-Headings:       Lato;
Text:               Lato;

-------------------------------------------------------------------*/
.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
html,
body {
  height: 100%;
  overflow: auto;
}
#page-top {
  height: 100% !important;
}
/*------------------------------------------------------------------
    [Pricing Responsive Styles]
-------------------------------------------------------------------*/
/* Footer */
#footer {
  background-color: #ebeaeb;
  height: auto !important;
}
.footer-text {
  margin: 10vw;
  font-family: Lato;
  color: #16325f;
  font-size: 4vw;
  font-weight: 400;
  line-height: 15px;
  text-transform: uppercase;
}
.footer-text:hover {
  color: #3abbed;
}
.twitter-m {
  color: #63b3f0;
  margin: 10px;
}
.facebook-m {
  color: #445ea7;
  margin: 10px;
}
.youtube-m {
  color: #d00022;
  margin: 10px;
}
.linkedin-m {
  color: #1285be;
  margin: 10px;
}
#bottom-footer {
  background-color: #16345f;
  height: auto !important;
}
.footer-text-b {
  margin: 10vw;
  font-family: Lato;
  color: #40b9ec;
  font-size: 4vw;
  font-weight: 400;
  line-height: 15px;
  text-transform: uppercase;
}
.footer-text-c {
  font-family: Lato;
  color: #ffffff;
  font-size: 3vw;
  margin: 10vw 10vw 2vw 10vw;
  font-weight: 300;
}
.footer-text-d {
  color: #337ab7;
  margin: 1vw;
}
.dropdown-menu {
  left: 5%;
  width: 90%;
  top: -17vh;
}
.locale-dropdown-style {
  margin: 10px;
  left: 5%;
  width: 90%;
}
.about #footer,
.addons #footer,
.billcom #footer,
.box #footer,
.jobs #footer,
.partners #footer,
.privacy-policy #footer,
.security-policy #footer,
.terms #footer,
.quickbooks #footer,
.pricing #footer,
.xero #footer {
  background-color: #ffffff;
}
.how-it-works #footer {
  background-color: #41c3bc;
}
.how-it-works .footer-title a,
.how-it-works .footer-text a:hover {
  color: #f7f0d0!important;
}
.how-it-works .footer-text a {
  color: #2b5e91!important;
}
.cookieNotice {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 100001;
}
.cookieNotice .cookieNoticeMessage,
.cookieNotice a {
  display: inline-block;
  color: white;
}
.main-container .cookieNotice {
  z-index: 1;
}
.cookieNotice .cookieNoticeMessage {
  background: #04355B;
  width: 100%;
}
.cookieNotice .confirmCookies {
  margin: 10px 0px;
  font-size: 16px;
  background-color: #4bbc9c;
}
.cookieNoticeBottomBuffer {
  height: 104px;
}
.hidden-element {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
/*------------------------------------------------------------------
	[about]
-------------------------------------------------------------------*/
body.about .container {
  width: 100% !important;
}
body.about .container-inner {
  width: 90% !important;
}
body.about #main-section {
  padding: 83px 0 100vw 0;
  background-color: #ebeaeb;
  background: url(https://www.hubdoc.com/images/about/mobile-header.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.about .title {
  font-family: lobster;
  color: #FFF;
  font-size: 15vw;
  font-weight: 400;
}
body.about .subtitle {
  font-family: lato;
  color: #034A76;
  text-align: center;
  font-size: 4vw;
  font-weight: 400;
  line-height: 4vw;
  width: 80%;
}
body.about .people-cont {
  padding: 20px 10px;
  border-bottom: solid #ebeaeb 2px;
}
body.about .pic-circle {
  padding: 15px 0;
  text-align: center;
}
body.about .left-neg-pad {
  text-align: center;
}
body.about .person-name {
  font-family: Lato;
  color: #717171;
  font-size: 24px;
  font-weight: 900;
}
body.about .person-title {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  font-weight: 400;
}
body.about .person-desc {
  font-family: Lato;
  color: #717171;
  font-size: 14px;
  font-weight: 300;
}
body.about .social {
  display: block;
  margin-top: 5px;
  margin-left: 15px;
}
body.about .button-wrapper {
  margin: 20px 0;
  display: inline-block;
}
body.about .mail-button {
  border: solid #ebeaeb 2px;
  padding: 8px 25px;
  border-radius: 5px;
  color: #f8b23d;
  font-size: 30px;
}
body.about .twitter-button {
  border: solid #ebeaeb 2px;
  padding: 8px 25px;
  border-radius: 5px;
  color: #3abbed;
  font-size: 30px;
}
body.about .linkedin-button {
  border: solid #ebeaeb 2px;
  padding: 8px 25px;
  border-radius: 5px;
  color: #0077b5;
  font-size: 30px;
}
body.about #work {
  background-color: #ebeaeb;
  text-align: center;
}
body.about .work-back {
  text-align: center;
}
body.about .button {
  vertical-align: middle;
  margin-top: 50px;
  margin-bottom: 30px;
}
body.about .jobs {
  padding: 15px 80px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
body.about .work-title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 60px;
  font-weight: 400;
  margin-left: -20px;
}
body.about .work-subtitle {
  font-family: Lato;
  color: #717171;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}
body.about .bottom-img {
  width: 100%;
}
body.about .col-sm-3 {
  width: 100%;
}
body.about .circle_green {
  background-color: #4bbc9c;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;
}
body.about .circle_blue {
  background-color: #3abbed;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;
}
body.about .circle_red {
  background-color: #f66655;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;
}
body.about .circle_orange {
  background-color: #f8b23d;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;
}
/*------------------------------------------------------------------
	[addons]
-------------------------------------------------------------------*/
body.addons #main-section {
  background-color: #ebeaeb;
  padding-top: 100px;
}
body.addons .text-cont {
  text-align: right;
}
body.addons .title-1 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 24vw;
  line-height: 16vw;
}
body.addons .title-2 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 12vw;
  line-height: 10vw;
}
body.addons .robot-div {
  margin-top: 30px;
  text-align: center;
  position: relative;
}
body.addons .robot-m {
  width: 90%;
  margin-top: -30vw;
}
body.addons #subtitle-section {
  background-color: #FFF;
  margin-top: -15vw;
  padding-top: 20vw;
}
body.addons .subtitle {
  width: 90%;
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 300;
}
body.addons .try-div {
  margin: 5vw 2vw;
  padding: 5vw 10vw;
  background-color: #4bbc9c;
  color: #FFF;
  border-radius: 5px;
  font-size: 5vw;
}
body.addons #addons {
  background-color: #ebeaeb;
  padding-top: 20vw;
  background-image: url(https://www.hubdoc.com/images/addons/gears.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center -150px;
}
body.addons .gears {
  background-image: url(https://www.hubdoc.com/images/addons/gears.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center bottom -150px;
  padding-bottom: 20vw;
}
body.addons .app-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 12vw;
}
body.addons .white-box {
  background-color: #FFF;
  margin: 6vw 3vw;
  padding: 5vw;
}
body.addons .logo {
  width: 25vw;
  margin: 5vw;
}
body.addons .logo-desc {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
}
body.addons .learn-div {
  margin: 5vw;
  padding: 5vw 10vw;
  background-color: #4bbc9c;
  color: #FFF !important;
  font-size: 5vw;
  border-radius: 5px;
}
body.addons .learn-more {
  text-decoration: none !important;
  color: #FFF !important;
}
body.billcom {
  /*------------------------------------------------------------------
		[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
	-------------------------------------------------------------------*/
  /* display of quote author (alternatively use a class on the element following the blockquote) */
  /* creates the triangle */
}
body.billcom #main-section {
  background-color: #ebeaeb;
  padding-top: 64px;
}
body.billcom .title {
  position: relative;
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 14vw;
  font-size: 15vw;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 45vw;
}
body.billcom .back-img-m {
  position: absolute;
  width: 100%;
}
body.billcom #connect {
  padding-top: 8vw;
}
body.billcom .logo-support-text {
  font-family: Lato;
  color: #717171;
  font-size: 6vw;
  font-weight: 300;
  line-height: 5vw;
}
body.billcom .button-margins {
  margin: 8vw 0 8vw 0;
}
body.billcom .demo-button {
  padding: 5vw 10vw;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 6.5vw;
  line-height: 10vw;
  font-weight: 300;
}
body.billcom .demo-button:hover {
  color: #fff;
  background-color: #00cea5;
}
body.billcom #video {
  background-color: #ebeaeb;
  padding-bottom: 5vw;
}
body.billcom .logos {
  display: block;
}
body.billcom .qb-logo {
  width: 30vw;
  margin: 10vw 1vw;
  display: inline-block;
}
body.billcom .apps-logo {
  width: 30vw;
  margin: 10vw 1vw;
  display: inline-block;
}
body.billcom .subtext {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 400;
  transform: scaleX(1);
}
body.billcom .divider {
  margin: 10vw 0 7vw 0;
  background-color: #B1B1B1;
  height: 1vw;
}
body.billcom .row {
  padding: 2.5vw 0 !important;
}
body.billcom .icon-text {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  line-height: 3vw;
  font-weight: 400;
  vertical-align: top;
}
body.billcom .file-icon {
  vertical-align: top;
  color: #f9b13c;
  font-size: 10vw;
}
body.billcom .usd-icon {
  vertical-align: top;
  color: #50bd9c;
  font-size: 10vw;
}
body.billcom .puzzle-icon {
  vertical-align: top;
  color: #f7675a;
  font-size: 10vw;
}
body.billcom .magic-icon {
  vertical-align: top;
  color: #3bbff4;
  font-size: 10vw;
}
body.billcom #integrate {
  padding-top: 10vw;
}
body.billcom .title-int-1 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 10vw;
  line-height: 12vw;
}
body.billcom .title-int-2 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 20vw;
  line-height: 15vw;
}
body.billcom .subtext-int {
  font-family: Lato;
  color: #717171;
  font-size: 4.5vw;
  line-height: 5.5vw;
  font-weight: 300;
  margin: 5vw 0;
}
body.billcom .video-frame {
  margin-bottom: 5vw;
}
body.billcom #what-is-qb {
  background-color: #ebeaeb;
  padding-top: 10vw;
  padding-bottom: 5vw;
}
body.billcom .what-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 18vw;
  line-height: 17vw;
}
body.billcom .what-subtext {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 400;
  margin: 5vw;
}
body.billcom .divider-2 {
  margin: 0 0 3vw 0;
  background-color: #FFF;
  height: 1vw;
}
body.billcom .qb-icon {
  width: 10vw;
}
body.billcom #testi-mobile {
  padding: 5vw 0;
  background-color: #ebeaeb;
}
body.billcom .testi-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 10vw;
  font-size: 15vw;
  margin-top: 25px;
}
body.billcom .testi-text-inner {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
}
body.billcom .mySlider {
  outline: none !important;
  margin-top: 4vw;
  width: 80%;
}
body.billcom .rating {
  width: 40%;
}
body.billcom .example-right {
  outline: none !important;
  position: relative;
  width: 100%;
  margin: 0;
  background: #FFF;
  /* default background for browsers without gradient support */
}
body.billcom .author {
  margin: 3vw 0 5vw 0;
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
}
body.billcom .example-right:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50px;
  border-width: 0 30px 40px 0px;
  border-style: solid;
  border-color: transparent #FFF;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
body.billcom #try {
  background-color: #ebeaeb;
  padding-top: 10vw;
}
body.billcom .try-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 20vw;
  font-size: 15vw;
}
body.billcom .try-subtext {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 5vw;
  font-weight: 300;
}
body.billcom .try-credit {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
  margin: 5vw 0;
}
body.billcom .bottom-back {
  width: 100%;
}
body.billcom .button-margins-2 {
  margin: 8vw 0 0vw 0;
}
body.box {
  /*------------------------------------------------------------------
		[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
	-------------------------------------------------------------------*/
  /* display of quote author (alternatively use a class on the element following the blockquote) */
  /* creates the triangle */
}
body.box #main-section {
  background-color: #ebeaeb;
  padding-top: 85px;
}
body.box .xero-title {
  line-height: 20vw;
  font-size: 25vw;
}
body.box .title {
  position: relative;
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 14vw;
  font-size: 15vw;
  margin-top: 25px;
  margin-bottom: 45vw;
}
body.box .back-img-m {
  position: absolute;
  width: 100%;
}
body.box #connect {
  padding-top: 40vw;
}
body.box .logo-support-text {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 300;
  line-height: 5vw;
}
body.box .button-margins {
  margin: 8vw 0 8vw 0;
}
body.box .demo-button {
  padding: 5vw 10vw;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 6.5vw;
  line-height: 10vw;
  font-weight: 300;
}
body.box .demo-button:hover {
  color: #fff;
  background-color: #00cea5;
}
body.box #video {
  background-color: #ebeaeb;
  padding-bottom: 5vw;
}
body.box .logos {
  display: block;
}
body.box .qb-logo {
  width: 30vw;
  margin: 10vw 1vw;
  display: inline-block;
}
body.box .apps-logo {
  width: 30vw;
  margin: 10vw 1vw;
  display: inline-block;
}
body.box .subtext {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 400;
  transform: scaleX(1);
}
body.box .divider {
  margin: 10vw 0 7vw 0;
  background-color: #B1B1B1;
  height: 1vw;
}
body.box .row {
  padding: 2.5vw 0 !important;
}
body.box .icon-text {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  line-height: 5vw;
  font-weight: 350;
  vertical-align: top;
}
body.box .file-icon {
  vertical-align: top;
  color: #f9b13c;
  font-size: 10vw;
}
body.box .usd-icon {
  vertical-align: top;
  color: #50bd9c;
  font-size: 10vw;
}
body.box .puzzle-icon {
  vertical-align: top;
  color: #f7675a;
  font-size: 10vw;
}
body.box .magic-icon {
  vertical-align: top;
  color: #3bbff4;
  font-size: 10vw;
}
body.box #integrate {
  padding-top: 10vw;
}
body.box .title-int-1 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 10vw;
  line-height: 12vw;
}
body.box .title-int-2 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 15vw;
  line-height: 15vw;
}
body.box .subtext-int {
  font-family: Lato;
  color: #717171;
  font-size: 4.5vw;
  line-height: 5.5vw;
  font-weight: 300;
  margin: 5vw 0;
}
body.box .video-frame {
  margin-bottom: 5vw;
}
body.box #what-is-qb {
  background-color: #ebeaeb;
  padding-top: 10vw;
  padding-bottom: 5vw;
}
body.box .what-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 14vw;
  line-height: 17vw;
}
body.box .what-subtext {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
  margin: 5vw;
}
body.box .divider-2 {
  margin: 0 0 3vw 0;
  background-color: #FFF;
  height: 1vw;
}
body.box .qb-icon {
  width: 10vw;
}
body.box #testi-mobile {
  padding: 5vw 0;
  background-color: #ebeaeb;
}
body.box .testi-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 10vw;
  font-size: 15vw;
  margin-top: 25px;
}
body.box .testi-text-inner {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
}
body.box .mySlider {
  outline: none !important;
  margin-top: 4vw;
  width: 80%;
}
body.box .rating {
  width: 40%;
}
body.box .example-right {
  outline: none !important;
  position: relative;
  width: 100%;
  margin: 0;
  background: #FFF;
  /* default background for browsers without gradient support */
}
body.box .author {
  margin: 3vw 0 5vw 0;
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
}
body.box .example-right:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50px;
  border-width: 0 40px 40px 0px;
  border-style: solid;
  border-color: transparent #DAD8DA;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
body.box #try {
  background-color: #ebeaeb;
  padding-top: 10vw;
}
body.box .try-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 20vw;
  font-size: 15vw;
}
body.box .try-subtext {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 5vw;
  font-weight: 300;
}
body.box .try-credit {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
  margin: 5vw 0;
}
body.box .bottom-back {
  width: 100%;
}
body.box .button-margins-2 {
  margin: 8vw 0 0vw 0;
}
body.contact #main-section {
  padding: 100px 0 50px 0;
  background-color: #ebeaeb;
}
body.contact a {
  text-decoration: none;
}
body.contact .contact-form {
  text-align: center;
}
body.contact .title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 10vw;
  font-size: 68px;
  font-weight: 400;
  padding: 20px 0;
  text-align: center;
}
body.contact .form-title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 58px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 25px;
  text-align: center;
}
body.contact .google-maps iframe {
  width: 100% !important;
  height: 250px !important;
}
body.contact .address-text {
  text-align: center;
}
body.contact #address {
  padding: 50px 0;
}
body.contact .address-text {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}
body.contact .blockk {
  display: block;
  margin: 10px;
  text-align: center;
}
body.contact form input {
  margin: 10px;
  width: 80%;
  border: none;
  background-color: #FFF;
  border-radius: 5px;
  padding: 10px;
}
body.contact .contact-message {
  height: 150px;
  margin: 10px;
  vertical-align: top;
  width: 80%;
  border: none;
  background-color: #FFF;
  border-radius: 5px;
  resize: none;
  padding: 5px;
}
body.contact .submit-button {
  background-color: #4bbc9c;
  color: #FFF;
  text-size: 20px;
  padding: 10px 34%;
  font-size: 20px;
  font-weight: 300;
  border: none;
  outline: none;
  border-radius: 5px;
  margin: 10px;
}
body.home {
  /*------------------------------------------------------------------
		[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
	-------------------------------------------------------------------*/
  /* display of quote author (alternatively use a class on the element following the blockquote) */
  /* creates the triangle */
}
body.home #testimonials {
  padding: 10vw 0 5vw 0;
  overflow: hidden;
  background-color: #ebeaeb;
}
body.home .testi {
  font-family: lobster;
  color: #40b9ec;
  font-size: 15vw;
  font-weight: 400;
  line-height: 15vw;
}
body.home .testi-text {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 400;
}
body.home .testi-text-inner {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
}
body.home .mySlider {
  outline: none !important;
  margin-top: 4vw;
  width: 80%;
  position: relative;
  z-index: 100;
}
body.home .rating {
  width: 40%;
}
body.home .example-right {
  outline: none !important;
  border: none;
  position: relative;
  width: 100%;
  margin: 0;
  background: #FFF;
  /* default background for browsers without gradient support */
}
body.home .author {
  margin: 3vw 0 6vw 0;
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
}
body.home .example-right:after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 50px;
  border-width: 0 50px 50px 0px;
  border-style: solid;
  border-color: transparent #FFF;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
body.home #main-section {
  background-color: #ebeaeb;
  padding: 100px 0;
  background-image: url(https://www.hubdoc.com/images/home/mobile-bottom.png);
  background-repeat: no-repeat;
  background-position: center bottom !important;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
body.home .mobile-top {
  width: 100%;
  background-color: #ebeaeb;
  z-index: 1;
  margin: -75px 0;
}
body.home .abs-pos {
  position: absolute;
}
body.home .title-1 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 18vw;
  line-height: 100%;
  position: relative;
  z-index: 2;
}
body.home .title-2 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 13vw;
  line-height: 100%;
  position: relative;
  z-index: 2;
}
body.home .title-3 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 9vw;
  line-height: 100%;
  position: relative;
  z-index: 2;
}
body.home .subtitle {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 300;
  position: relative;
  z-index: 2;
}
body.home .video-button {
  background-color: #50bd9c;
  padding: 15px 40px;
  border-radius: 5px;
  font-family: Lato;
  color: #ffffff;
  font-size: 6vw;
  font-weight: 300;
}
body.home .try-button {
  background-color: #50bd9c;
  padding: 15px 30px;
  border-radius: 5px;
  font-family: Lato;
  color: #ffffff;
  font-size: 6vw;
  font-weight: 300;
}
body.home .vid-m {
  margin: 10vw 0;
}
body.home .vid-m,
body.home .try-m {
  width: 80%;
}
body.home #in-between {
  padding: 15px 0;
}
body.home .connections-title {
  font-family: Lato;
  color: #bbbbbb;
  font-size: 4vw;
  font-weight: 300;
}
body.home .logo-row {
  display: block;
}
body.home .logo {
  display: inline-block;
  width: 10%;
  margin: 5px 4px;
}
body.home .billcom-logo {
  display: inline-block;
  width: 10%;
  margin: 5px 4px;
}
body.home .box-logo {
  display: inline-block;
  width: 15%;
  margin: 5px 4px;
}
body.home .right-f {
  float: right;
}
body.home .how-title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 13vw;
  font-weight: 400;
}
body.home .how-subtitle {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 400;
  padding: 0 10px;
}
body.home .blockk {
  display: block;
}
body.home .how-inline-blockk {
  display: inline-block;
  width: 48%;
  padding: 20px;
}
body.home .how-img {
  width: 100%;
  position: relative;
  z-index: 100;
}
body.home .img-text-m {
  margin: 2vw 0;
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
  position: relative;
  z-index: 200;
}
body.home #import {
  background-color: #ebeaeb;
  background-repeat: no-repeat;
  background-position: center bottom 25% !important;
  -o-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-1.png);
  /* fallback */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-1.png), -webkit-gradient(linear, left top, left bottom, from(#ebeaeb), to(#ffffff));
  /* Saf4+, Chrome */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-1.png), -webkit-linear-gradient(top, #ebeaeb, #ffffff);
  /* Chrome 10+, Saf5.1+ */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-1.png), -moz-linear-gradient(top, #ebeaeb, #ffffff);
  /* FF3.6+ */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-1.png), -o-linear-gradient(top, #ebeaeb, #ffffff);
  /* Opera 11.10+ */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-1.png), linear-gradient(to bottom, #ebeaeb, #ffffff);
  /* W3C */
  padding: 25px 0;
}
body.home .import-title {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  width: 60%;
  font-weight: 300;
}
body.home .how-inline-blockk-1 {
  display: inline-block;
  width: 47.5%;
  padding: 20px;
}
body.home .how-inline-blockk-2 {
  display: inline-block;
  width: 44%;
  padding: 20px;
}
body.home .how-inline-blockk-3 {
  display: inline-block;
  width: 38%;
  padding: 0 20px;
}
body.home .paper-m {
  width: 100%;
  margin-top: -150px;
  position: relative;
  z-index: 10;
}
body.home .robo-pipe {
  width: 93%;
  margin: 0 -15px;
}
body.home .robo-text {
  font-family: Lato;
  color: #737373;
  font-size: 4.5vw;
  line-height: 5vw;
  width: 70%;
  font-weight: 300;
  padding-top: 5%;
}
body.home #lady-m {
  background-color: #ebeaeb;
  background-repeat: no-repeat;
  background-position: center bottom 55% !important;
  -o-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-2.png);
  /* fallback */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-2.png), -webkit-gradient(linear, left top, left bottom, from(#ebeaeb), to(#ffffff));
  /* Saf4+, Chrome */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-2.png), -webkit-linear-gradient(top, #ebeaeb, #ffffff);
  /* Chrome 10+, Saf5.1+ */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-2.png), -moz-linear-gradient(top, #ebeaeb, #ffffff);
  /* FF3.6+ */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-2.png), -o-linear-gradient(top, #ebeaeb, #ffffff);
  /* Opera 11.10+ */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-2.png), linear-gradient(to bottom, #ebeaeb, #ffffff);
  /* W3C */
  padding: 25px 0;
}
body.home .bubble-2 {
  width: 80%;
}
body.home .speak-bubble {
  width: 100%;
}
body.home .lady-pic {
  width: 80%;
}
body.home .man-pic {
  width: 60%;
}
body.home #man-m {
  background-color: #ebeaeb;
  background-repeat: no-repeat;
  background-position: center bottom 60% !important;
  -o-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-3.png);
  /* fallback */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-3.png), -webkit-gradient(linear, left top, left bottom, from(#ebeaeb), to(#ffffff));
  /* Saf4+, Chrome */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-3.png), -webkit-linear-gradient(top, #ebeaeb, #ffffff);
  /* Chrome 10+, Saf5.1+ */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-3.png), -moz-linear-gradient(top, #ebeaeb, #ffffff);
  /* FF3.6+ */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-3.png), -o-linear-gradient(top, #ebeaeb, #ffffff);
  /* Opera 11.10+ */
  background-image: url(https://www.hubdoc.com/images/home/mobile-back-3.png), linear-gradient(to bottom, #ebeaeb, #ffffff);
  /* W3C */
  padding: 25px 0;
}
body.home #support {
  padding: 25px 0;
}
body.home .with {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
  width: 60%;
}
body.home .support-title {
  width: 90%;
  font-family: lobster;
  color: #40b9ec;
  font-size: 15vw;
  line-height: 15vw;
  font-weight: 400;
}
body.home .support-back {
  width: 80%;
  margin: 10px 0;
}
body.home .my-row-2 {
  display: block;
}
body.home .r1 {
  padding-right: 4vw;
  vertical-align: top;
  display: inline-block;
}
body.home .r2 {
  padding: 0 4vw;
  vertical-align: top;
  display: inline-block;
  border-left: solid 2px #ebeaeb;
  border-right: solid 2px #ebeaeb;
}
body.home .r3 {
  padding-left: 4vw;
  vertical-align: top;
  display: inline-block;
}
body.home .twitter-icon {
  font-size: 10vw;
  color: #3abbed;
}
body.home .mail-icon {
  font-size: 10vw;
  color: #f8b23d;
}
body.home .phone-icon {
  font-size: 10vw;
  color: #4bbc9c;
}
body.home .contact-text {
  font-family: Lato;
  color: #717171;
  font-size: 3vw;
  font-weight: 300;
}
html,
body {
  overflow: visible;
}
body.how-it-works {
  /* Scan and Save Paperwork */
  /* Auto-Pilot YOUR LIFE */
  /* Export Docs */
  /* Safety Section */
  /* Audit Section */
  /* Travel Section */
  /* Footer */
}
body.how-it-works #scan-and-save {
  padding-top: 100px;
  background-color: #ebeaeb;
}
body.how-it-works .scan-title-m {
  width: 80%;
}
body.how-it-works .bill-scan-m {
  width: 80%;
  padding: 25px 0 25px 0;
}
body.how-it-works #snap-info {
  padding: 25px 0 25px 0;
}
body.how-it-works .scan-text-m {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  line-height: 5vw;
  font-weight: 200;
  width: 80%;
}
body.how-it-works .snap-m {
  margin: 20px;
  width: 18%;
}
body.how-it-works .auto-pilot-mobile {
  width: 100%;
  z-index: 2;
  position: relative;
}
body.how-it-works .auto-back-m {
  width: 100%;
  position: absolute;
  background-color: #ebeaeb;
  z-index: 1;
}
body.how-it-works .auto-back-img-m {
  width: 100%;
}
body.how-it-works .auto-cont-m {
  width: 80%;
  padding-top: 75px;
}
body.how-it-works .stop-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 15vw;
  font-size: 20vw;
}
body.how-it-works .online-m {
  font-family: lobster;
  color: #40b9ec;
  font-size: 10vw;
  font-weight: 200;
  line-height: 10vw;
}
body.how-it-works .auto-explain-m {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 5vw;
  font-weight: 200;
  margin: 15vw 0 15vw 0;
}
body.how-it-works .auto-m {
  margin: 5vw 5vw 5vw 5vw;
  width: 25%;
}
body.how-it-works #export-docs {
  background-color: #ebeaeb;
}
body.how-it-works .export-img-m {
  width: 80%;
  margin-top: 25px;
  padding-top: 100vw;
}
body.how-it-works .f1-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 10vw;
  line-height: 5vw;
}
body.how-it-works .f2-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 30vw;
  line-height: 10vw;
}
body.how-it-works .f3-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 7vw;
  line-height: 4vw;
}
body.how-it-works #filler-4 {
  display: none;
}
body.how-it-works .export-robot-m {
  width: 90%;
}
body.how-it-works #mobile-export-info {
  padding: 25px 0 25px 0;
  background-color: #FFF;
}
body.how-it-works .export-info-m {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 200;
}
body.how-it-works .export-m {
  margin: 20px;
  width: 18%;
}
body.how-it-works #secure {
  padding-top: 25px;
  background: linear-gradient(0deg, #ffffff 30%, #ebeaeb 70%);
}
body.how-it-works .f4-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 20vw;
  line-height: 20vw;
}
body.how-it-works .f5-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 20vw;
  line-height: 12vw;
}
body.how-it-works .f6-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 20vw;
  line-height: 4vw;
}
body.how-it-works .dude-m {
  width: 80%;
}
body.how-it-works .sec-m {
  width: 20%;
  margin: 20px;
}
body.how-it-works .background-audit {
  background-image: url(https://www.hubdoc.com/images/how-it-works/mobile/audit-back-mobile.png), linear-gradient(0deg, #ffffff 30%, #ebeaeb 70%);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center 20%;
}
body.how-it-works .audit-back-m {
  width: 100% !important;
  padding: 0 !important;
}
body.how-it-works .audit-m {
  margin: 50px;
  position: absolute;
}
body.how-it-works .f7-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 20vw;
  line-height: 15vw;
}
body.how-it-works .f8-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 20vw;
  line-height: 15vw;
}
body.how-it-works .f9-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 10vw;
  line-height: 15vw;
}
body.how-it-works .man-bins-m {
  width: 100%;
  position: relative;
  margin-top: 150px;
}
body.how-it-works .audit-text-m {
  margin: 25px;
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 200;
}
body.how-it-works #travel {
  background: linear-gradient(0deg, #41c3bc 50%, #ebeaeb 50%);
}
body.how-it-works .f10-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 300;
  font-size: 17vw;
  line-height: 15vw;
}
body.how-it-works .f11-m {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 28vw;
  line-height: 15vw;
}
body.how-it-works .travel-title-m {
  margin: 50px 20px 0 20px;
}
body.how-it-works .man-boat-m {
  width: 100%;
  margin: 0 !important;
}
body.how-it-works .travel-text-m {
  font-family: Lato;
  color: #16325f;
  font-size: 4vw;
  font-weight: 600;
  margin: 20px;
}
body.how-it-works .tr-but-m {
  margin: 10px;
}
body.how-it-works #footer {
  background-color: #ebeaeb;
  height: auto !important;
}
body.how-it-works .footer-text {
  margin: 10vw;
  font-family: Lato;
  color: #16325f;
  font-size: 4vw;
  font-weight: 400;
  line-height: 15px;
  text-transform: uppercase;
}
body.how-it-works .footer-text:hover {
  color: #3abbed;
}
body.how-it-works .twitter-m {
  color: #63b3f0;
  margin: 10px;
}
body.how-it-works .facebook-m {
  color: #445ea7;
  margin: 10px;
}
body.how-it-works .youtube-m {
  color: #d00022;
  margin: 10px;
}
body.how-it-works .linkedin-m {
  color: #1285be;
  margin: 10px;
}
body.how-it-works #bottom-footer {
  background-color: #16345f;
  height: auto !important;
}
body.how-it-works .footer-text-b {
  margin: 10vw;
  font-family: Lato;
  color: #40b9ec;
  font-size: 4vw;
  font-weight: 400;
  line-height: 15px;
  text-transform: uppercase;
}
body.how-it-works .footer-text-c {
  font-family: Lato;
  color: #ffffff;
  font-size: 3vw;
  margin: 10vw 10vw 2vw 10vw;
  font-weight: 300;
  line-height: 10px;
}
body.jobs .jobs-header {
  padding-top: 73px;
  background-color: #ebeaeb;
}
body.jobs h2 {
  color: #717171;
  font-family: Lato;
  font-size: 24px;
  font-weight: bold;
}
body.jobs h3 {
  color: #717171;
  font-family: Lato;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  margin-top: 8px;
}
body.jobs p {
  color: #717171;
  font-family: Lato;
}
body.jobs .button {
  padding: 10px 30px;
  color: #fff;
  border-radius: 5px;
  background-color: #4bbc9c;
}
body.jobs .join-us {
  padding: 0 15px;
  display: inline-block;
}
body.jobs #why {
  padding-top: 30px;
  padding-bottom: 30px;
}
body.jobs #contact {
  padding-bottom: 60px;
}
body.jobs #contact .container-inner {
  border-top: 1px solid #ebeaeb;
}
body.jobs .title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 60px;
  font-weight: 400;
}
body.jobs .subtitle {
  font-family: Lato;
  color: #717171;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 300;
  margin-bottom: 25px;
}
body.jobs .icon {
  font-size: 24px;
}
body.jobs .why-hubdoc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.jobs .why-hubdoc-list li {
  font-family: Lato;
  color: #717171;
  font-weight: 300;
  position: relative;
  margin-bottom: 15px;
  padding-left: 38px;
}
body.jobs .why-hubdoc-list .icon {
  text-align: center;
  width: 26px;
  margin-right: 12px;
  position: absolute;
  top: 3px;
  left: 0;
}
body.jobs .benefits .icon {
  top: -3px;
}
body.jobs .fa-users {
  color: #f66655;
}
body.jobs .fa-comment {
  color: #4bbc9c;
}
body.jobs .fa-trophy {
  color: #f8b23d;
}
body.jobs .fa-graduation-cap {
  color: #3abbed;
}
body.jobs .fa-heart {
  color: red;
}
body.jobs .fa-bicycle {
  color: #3abbed;
}
body.jobs .fa-heartbeat {
  color: red;
}
body.jobs .fa-suitcase {
  color: #4bbc9c;
}
body.jobs .fa-plane {
  color: #f66655;
}
body.jobs .fa-beer {
  color: #f8b23d;
}
body.jobs .fa-coffee {
  color: #bf6e1d;
}
body.jobs .fa-child {
  color: #f66655;
}
body.jobs .fa-pie-chart {
  color: #4bbc9c;
}
body.jobs .fa-clock-o {
  color: #2b5e91;
}
body.jobs .fa-cutlery {
  color: #727272;
}
body.jobs .fa-puzzle-piece {
  color: #e00004;
}
body.jobs .social-link {
  font-size: 31px;
  margin-right: 20px;
}
body.jobs .fa-twitter {
  color: #26a0f1;
}
body.jobs .fa-facebook {
  color: #3b5998;
}
body.jobs .fa-linkedin {
  color: #0077b5;
}
body.jobs #footer {
  background-color: #ebeaeb;
}
body.partners {
  /*------------------------------------------------------------------
		[Stay Updated Styles]
	-------------------------------------------------------------------*/
  /*------------------------------------------------------------------
		[No Data Styles]
	-------------------------------------------------------------------*/
  /*------------------------------------------------------------------
		[Testimonials Styles]
	-------------------------------------------------------------------*/
  /*------------------------------------------------------------------
		[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
	-------------------------------------------------------------------*/
  /* display of quote author (alternatively use a class on the element following the blockquote) */
  /* creates the triangle */
  /*------------------------------------------------------------------
		[Support Styles]
	-------------------------------------------------------------------*/
  /*------------------------------------------------------------------
		[Questions Styles]
	-------------------------------------------------------------------*/
}
body.partners #top {
  margin-top: 70px;
}
body.partners .m-title-2 {
  margin-top: 20vw;
}
body.partners #page-title-m {
  height: 130vw;
  background-color: #ebeaeb;
  background-image: url(https://www.hubdoc.com/images/partners/ellipse.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 90%;
}
body.partners .title-1 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 22vw;
}
body.partners .title-2 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 12vw;
  line-height: 0px;
}
body.partners .accountant {
  width: 70%;
  margin-top: 5vw;
}
body.partners .subtitle {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 5vw;
  font-weight: 400;
}
body.partners .sub-m {
  margin-bottom: 10vw;
}
body.partners .demo-button {
  padding: 5vw 0;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 6.5vw;
  line-height: 10vw;
  font-weight: 300;
  width: 94%;
  display: inline-block;
  text-align: center;
}
body.partners .demo-button:hover {
  color: #fff;
  background-color: #00cea5;
}
body.partners .reload-i {
  font-size: 15vw;
  vertical-align: middle;
  color: #40b9ec;
  line-height: 8vw;
  display: inline-block;
}
body.partners .tree-i {
  font-size: 15vw;
  vertical-align: middle;
  color: #50bd9c;
  line-height: 8vw;
  display: inline-block;
}
body.partners .trophy-i {
  font-size: 15vw;
  vertical-align: middle;
  color: #f7b23d;
  line-height: 8vw;
  display: inline-block;
}
body.partners .row-1 {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 400;
  line-height: 6vw;
  vertical-align: middle;
  padding-left: 3vw;
  display: inline-block;
}
body.partners .row-1-1 {
  margin: 3vw 0 5vw 0;
}
body.partners .row-cont {
  display: block;
  margin: 7vw 0 3vw 0;
  padding: 0 10vw 0 10vw;
}
body.partners #stay-updated {
  background-color: #ebeaeb;
  padding: 7vw 0 5vw 0;
}
body.partners .update-title-1 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 9vw;
  line-height: 8vw;
}
body.partners .update-title-2 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 18vw;
  line-height: 15vw;
}
body.partners .update-m-back {
  width: 100%;
  margin: 5vw 0 3vw 0;
}
body.partners .update-text {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 400;
  line-height: 5vw;
}
body.partners .watch-button-m {
  margin: 10vw 0 5vw 0;
}
body.partners #no-data {
  padding: 10vw 0 7vw 0;
}
body.partners .data-title-1 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 13vw;
  line-height: 10vw;
}
body.partners .data-title-2 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 27vw;
  line-height: 20vw;
}
body.partners .robot-m-back {
  width: 95%;
}
body.partners .eye-i {
  font-size: 15vw;
  vertical-align: middle;
  line-height: 8vw;
  display: inline-block;
  color: #f46155;
}
body.partners .check-i {
  font-size: 15vw;
  vertical-align: middle;
  line-height: 8vw;
  display: inline-block;
  color: #50bd9c;
}
body.partners .cloud-i {
  font-size: 15vw;
  vertical-align: middle;
  line-height: 8vw;
  display: inline-block;
  color: #40b9ec;
}
body.partners #testimonials {
  padding: 10vw 0 5vw 0;
  overflow: hidden;
  background-color: #ebeaeb;
}
body.partners .testi {
  font-family: lobster;
  color: #40b9ec;
  font-size: 15vw;
  font-weight: 400;
  line-height: 15vw;
}
body.partners .testi-text {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 400;
}
body.partners .testi-text-inner {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
}
body.partners .mySlider {
  outline: none !important;
  margin-top: 4vw;
  width: 80%;
}
body.partners .rating {
  width: 40%;
}
body.partners .example-right {
  outline: none !important;
  border: none;
  position: relative;
  width: 100%;
  margin: 0;
  background: #FFF;
  /* default background for browsers without gradient support */
}
body.partners .author {
  margin: 3vw 0 6vw 0;
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
}
body.partners .example-right:after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 50px;
  border-width: 0 50px 50px 0px;
  border-style: solid;
  border-color: transparent #FFF;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
body.partners #support {
  padding: 7vw 0 7vw 0;
}
body.partners .supp_1 {
  margin: 5vw 0 5vw 0;
  width: 88%;
}
body.partners .supp_2 {
  margin: 5vw 0 5vw 0;
  width: 70%;
}
body.partners .supp_3 {
  margin: 5vw 0 5vw 0;
  width: 70%;
}
body.partners .support-title-1 {
  font-family: Lato;
  color: #40b9ec;
  font-size: 6vw;
  font-weight: 700;
  transform: scaleX(1);
}
body.partners .support-title-2 {
  font-family: Lato;
  color: #51bd9c;
  font-size: 6vw;
  font-weight: 700;
  transform: scaleX(1);
}
body.partners .support-title-3 {
  font-family: Lato;
  color: #f2cb8a;
  font-size: 6vw;
  font-weight: 700;
  transform: scaleX(1);
}
body.partners #questions {
  background-color: #ebeaeb;
  padding-top: 7vw;
}
body.partners .questions {
  font-family: lobster;
  color: #40b9ec;
  font-size: 75px;
  font-weight: 400;
}
body.partners .questions-text {
  font-family: Lato;
  color: #737373;
  font-size: 4.5vw;
  font-weight: 300;
}
body.partners .q-button {
  padding: 5vw 16vw;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 6.5vw;
  line-height: 25vw;
  font-weight: 300;
}
body.partners .q-button:hover {
  color: #fff;
  background-color: #00cea5;
}
body.partners .questions-back {
  width: 90%;
}
body.pricing {
  /*
	 * Serrated Border - a zig-zag triangle border with linear gradient
	 */
  /*
     * Pricing display
     */
}
body.pricing #main-section {
  padding-top: 100px;
  padding-right: 25px;
  background-color: #ebeaeb;
}
body.pricing .card-div .receipt-back {
  opacity: 1;
}
body.pricing .quotes {
  padding-left: 25px;
}
body.pricing .quotes article {
  width: 100%;
}
body.pricing .mobile-title-pricing {
  margin: 2vw 0 5vw 0;
}
body.pricing .page-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 100;
  font-size: 23vw;
  line-height: 22vw;
  padding-left: 5vw;
  background-color: #ebeaeb;
}
body.pricing .page-subtitle {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 100;
  line-height: 5vw;
  margin-bottom: 7vw;
  font-size: 6.4vw;
  padding-left: 5vw;
}
body.pricing .left-col {
  width: 49%;
  padding-right: 1vw;
  display: inline-block;
  background-color: #ebeaeb;
}
body.pricing .right-col {
  width: 50%;
  padding-left: 1vw;
  display: inline-block;
  background-color: #ebeaeb;
}
body.pricing .ipad-div {
  position: fixed;
  vertical-align: middle;
}
body.pricing .ipad-sec {
  width: 50%;
  position: absolute;
  float: left;
}
body.pricing .ipad {
  height: 37vw;
}
body.pricing .ipad-test {
  margin-left: 22vw;
}
body.pricing .try-free {
  display: block;
  padding: 3.5vw 8%;
  margin-top: 1.5vw;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 5vw;
  font-weight: 400;
  margin: 10px 10px 10px 0;
}
body.pricing .try-free:hover {
  color: #fff;
  background-color: #00cea5;
}
body.pricing .price {
  display: block;
  width: 20vw;
  margin-bottom: 10px;
}
body.pricing .receipt {
  width: 75%;
}
body.pricing .receipt-top {
  width: 100%;
}
body.pricing .receipt-bottom {
  margin-top: -5px;
  width: 100%;
}
body.pricing .receipt-back {
  background: #FFF;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
}
body.pricing .receipt-1 {
  margin-top: 5px;
  opacity: 1;
  background: #FFF;
  padding: 15px;
  width: 100%;
}
body.pricing .one-title {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 400;
}
body.pricing .eye-i {
  color: #ebeaeb;
  font-size: 5vw;
}
body.pricing .papers-1 {
  width: 100%;
  padding: 2vw;
}
body.pricing .checkmark-1 {
  color: #4bbc9c;
  margin: .5vw;
  font-size: 5vw;
}
body.pricing .check-text {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 400;
}
body.pricing .col-1-left {
  display: inline-block;
  width: 40%;
}
body.pricing .col-1-right {
  display: inline-block;
  width: 35%;
}
body.pricing .encrypt-text {
  font-family: Lato;
  color: #717171;
  font-size: 12px;
  font-weight: 400;
}
body.pricing .receipt-2 {
  opacity: 1;
  background: #FFF;
  padding: 15px;
  width: 100%;
}
body.pricing .row-2 {
  width: 100%;
  display: block;
}
body.pricing .row-2-l {
  display: inline-block;
  width: 40%;
  padding: 2vw;
}
body.pricing .row-2-r {
  display: inline-block;
  width: 40%;
  padding: 2vw;
}
body.pricing .uni-2 {
  color: #fd6f6b;
  font-size: 12vw;
}
body.pricing .file-2 {
  color: #fec36e;
  font-size: 12vw;
}
body.pricing .row-2-text {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 400;
}
body.pricing .receipt-3 {
  padding: 15px;
  width: 100%;
  opacity: 1;
  background: #FFF;
}
body.pricing .row-logo {
  width: 70%;
  margin: 3vw;
}
body.pricing .box-logo {
  padding-bottom: 3vw;
}
body.pricing .mobile-title {
  background-color: #ebeaeb;
}
body.pricing .title-pic-m {
  width: 80%;
  margin-top: 25px;
}
body.pricing .receipt-4 {
  padding: 15px;
  width: 100%;
  opacity: 1;
  background: #FFF;
}
body.pricing .row-logo-4 {
  width: 20vw;
  margin: 1vw;
}
body.pricing .row-4-l {
  display: inline-block;
  width: 49%;
  padding: 2vw 0 2vw 0;
}
body.pricing .row-4-r {
  display: inline-block;
  width: 49%;
  padding: 2vw 0 2vw 0;
}
body.pricing .receipt-5 {
  padding: 15px;
  width: 100%;
  opacity: 1;
  background: #FFF;
}
body.pricing .receipt-6 {
  padding: 15px;
  width: 100%;
  opacity: 1;
  background: #FFF;
}
body.pricing .users-2 {
  color: #2cc4a6;
  font-size: 12vw;
}
body.pricing .heart-2 {
  color: #fc6e6a;
  font-size: 12vw;
}
body.pricing .receipt-7 {
  padding: 15px;
  width: 100%;
  opacity: 1;
  background: #FFF;
}
body.pricing .cloud-2 {
  color: #40b9ec;
  font-size: 12vw;
}
body.pricing .bottom-credit {
  font-family: Lato;
  color: #717171;
  font-size: 1vw;
  font-weight: 400;
  padding: 0 7vw;
  line-height: 0px;
}
body.pricing .fmi {
  font-family: Lato;
  font-size: 1vw;
  font-weight: 400;
  color: #717171;
  padding-top: 1.5vw;
}
body.pricing .fmi-link {
  color: #50bd9c;
  text-decoration: underline;
}
body.pricing .try-end {
  background-color: #ebeaeb;
  vertical-align: middle;
}
body.pricing .try-end-spacing {
  padding: 5vw 0 6.5vw 0;
}
body.pricing .call-action-m {
  font-family: Lato;
  color: #717171;
  font-size: 25px;
  font-weight: 200;
}
body.pricing .try-free-2 {
  padding: 1vw 3vw;
  margin-top: 1.5vw;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 1vw;
  font-weight: 400;
  margin: 10px 10px 10px 0;
}
body.pricing .try-free-2:hover {
  color: #fff;
  background-color: #00cea5;
}
body.pricing .try-free-ipad {
  margin: 2vw 0 0 25vw;
  position: relative;
}
body.pricing .price-2 {
  width: 5vw;
  margin: 5px;
}
body.pricing .img-one {
  position: absolute;
}
body.pricing .serrated-bottom {
  color: #ebeaeb;
  text-align: center;
}
body.pricing .serrated-bottom {
  position: relative;
  padding-bottom: 32px;
}
body.pricing .serrated-bottom:after {
  bottom: 0px;
  background-position: left bottom;
  background: -webkit-linear-gradient(-45deg, #ebeaeb 16px, transparent 0), -webkit-linear-gradient(45deg, #ebeaeb 16px, transparent 0);
  background: linear-gradient(-45deg, #ebeaeb 16px, transparent 0), linear-gradient(45deg, #ebeaeb 16px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 32px;
  background-repeat: repeat-x;
  background-size: 32px 32px;
}
body.pricing .serrated-top {
  background: #FFF;
  text-align: center;
}
body.pricing .serrated-top {
  position: relative;
  padding-top: 32px;
}
body.pricing .serrated-top:before {
  top: 0px;
  background-position: left top;
  background: -webkit-linear-gradient(-135deg, #ebeaeb 16px, transparent 0), -webkit-linear-gradient(135deg, #ebeaeb 16px, transparent 0);
  background: linear-gradient(-135deg, #ebeaeb 16px, transparent 0), linear-gradient(135deg, #ebeaeb 16px, transparent 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 32px;
  background-repeat: repeat-x;
  background-size: 32px 32px;
}
body.pricing .pricing-display {
  font-family: Lato;
  font-style: bold;
  color: #717171;
}
body.pricing .pricing-number {
  font-size: 32px;
}
@media (max-width: 767px) {
  body.pricing .pricing-number {
    font-size: 9.1vw;
  }
}
body.pricing .pricing-number-smaller-font {
  font-size: 28px;
}
@media (max-width: 767px) {
  body.pricing .pricing-number-smaller-font {
    font-size: 7.2vw;
  }
}
body.pricing .pricing-currency {
  font-size: 16px;
}
@media (max-width: 767px) {
  body.pricing .pricing-currency {
    font-size: 5.5vw;
  }
}
body.pricing .pricing-subheader {
  font-size: 10px;
  vertical-align: top;
}
@media (max-width: 767px) {
  body.pricing .pricing-subheader {
    font-size: 2.4vw;
  }
}
body.pricing .pricing-div {
  display: inline-flex;
}
@media (max-width: 767px) {
  body.pricing .pricing-div-top {
    display: inline-flex !important;
  }
}
@media (max-width: 767px) {
  body.pricing .pricing-number-div {
    width: 50%;
    padding-top: 5vw;
    padding-left: 2vw;
  }
}
body.privacy-policy #sec-1,
body.terms #sec-1 {
  padding-top: 98px;
  background-color: #ebeaeb!important;
}
body.privacy-policy .container-inner,
body.terms .container-inner {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
body.privacy-policy .div,
body.terms .div {
  border-bottom: solid 2px #FFF;
  padding: 25px 0;
}
body.privacy-policy .title,
body.terms .title,
body.privacy-policy li::before,
body.terms li::before {
  font-family: lobster;
  color: #40b9ec;
  font-size: 50px;
  font-weight: 400;
  line-height: 40px;
  padding-bottom: 20px;
  word-wrap: break-word;
  margin-top: 30px;
}
body.privacy-policy .text,
body.terms .text {
  font-family: Lato;
  font-size: 16px;
  color: #717171;
  font-weight: 400;
}
body.privacy-policy .italic,
body.terms .italic {
  font-style: italic;
}
body.privacy-policy .bold,
body.terms .bold {
  font-weight: bold;
}
body.privacy-policy u,
body.terms u {
  font-family: Lato;
  font-size: 16px;
  color: #2abe9c;
  font-weight: 900;
}
body.privacy-policy .header,
body.terms .header,
body.privacy-policy li > ol > li::before,
body.terms li > ol > li::before {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  line-height: 13px;
  font-weight: 900;
}
body.privacy-policy .icon,
body.terms .icon {
  vertical-align: top;
  width: 5%;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
}
body.privacy-policy .icon-desc,
body.terms .icon-desc {
  width: 94%;
  display: inline-block;
  margin: 3px 0;
}
body.privacy-policy .fa-user,
body.terms .fa-user {
  color: #3abbed;
}
body.privacy-policy .fa-folder-open,
body.terms .fa-folder-open {
  color: #f8b23d;
}
body.privacy-policy .fa-cloud-upload,
body.terms .fa-cloud-upload {
  color: red;
}
body.privacy-policy .fa-envelope,
body.terms .fa-envelope {
  color: #f8b23d;
}
body.privacy-policy .fa-check,
body.terms .fa-check {
  color: #4bbc9c;
}
body.privacy-policy .fa-comment,
body.terms .fa-comment {
  color: #3abbed;
}
body.privacy-policy .fa-phone,
body.terms .fa-phone {
  color: #4bbc9c;
}
body.privacy-policy .img-trust,
body.terms .img-trust {
  width: 100px;
}
body.privacy-policy .try-div,
body.terms .try-div {
  margin: 50px 0;
}
body.privacy-policy .try-free,
body.terms .try-free {
  padding: 15px 30px;
  border-radius: 5px;
  color: #FFF;
  font-size: 24px;
  background-color: #4bbc9c;
}
body.privacy-policy .try-free:hover,
body.terms .try-free:hover {
  background-color: #7FCFB8;
}
body.privacy-policy .link,
body.terms .link {
  font-family: Lato;
  font-size: 16px;
  color: #2abe9c;
  font-weight: 900;
}
body.privacy-policy ul,
body.terms ul,
body.privacy-policy ol,
body.terms ol {
  padding-left: 20px!important;
}
body.privacy-policy ol,
body.terms ol {
  list-style: none;
  counter-reset: item;
  padding-left: 0px!important;
  margin-top: 20px;
}
body.privacy-policy ol li,
body.terms ol li {
  counter-increment: item;
  border-bottom: solid 2px #FFF;
}
body.privacy-policy ol li:before,
body.terms ol li:before {
  margin-right: 2px;
  content: counters(item, ".") ".";
  display: inline-block;
  padding-bottom: 0px;
}
body.privacy-policy li > ol,
body.terms li > ol {
  padding-left: 10px!important;
}
body.privacy-policy li > ol li,
body.terms li > ol li {
  counter-increment: item;
  border-bottom: solid 0px #FFF;
}
body.privacy-policy li > ol li:before,
body.terms li > ol li:before {
  content: counters(item, ".") " ";
  padding-bottom: 0px;
  margin-top: 0px;
}
body.privacy-policy li > ol font,
body.terms li > ol font {
  border-top: 20px;
}
body.privacy-policy li > ol > li > ol,
body.terms li > ol > li > ol {
  padding-left: 20px!important;
}
body.privacy-policy li > ol > li > ol li,
body.terms li > ol > li > ol li {
  list-style-type: lower-alpha;
  counter-increment: item;
  border-bottom: solid 0px #FFF;
  content: "(" counter(item, lower-alpha) ")";
}
body.privacy-policy li > ol > li > ol li:before,
body.terms li > ol > li > ol li:before {
  content: "";
  margin-top: 0px;
}
body.privacy-policy .div-split,
body.terms .div-split {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
body.privacy-policy .text-split,
body.terms .text-split {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 0px 10px;
}
li body.privacy-policy::before,
li body.terms::before {
  margin: 0px;
}
body.privacy-policy .space-responsive,
body.terms .space-responsive {
  margin-top: 20px;
}
body.security-policy #sec-1 {
  padding-top: 98px;
  background-color: #ebeaeb!important;
}
body.security-policy .container-inner {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
body.security-policy .div {
  border-bottom: solid 2px #FFF;
  padding: 25px 0;
}
body.security-policy .title {
  font-family: lobster;
  color: #40b9ec;
  font-size: 50px;
  font-weight: 400;
  line-height: 40px;
  padding-bottom: 20px;
  word-wrap: break-word;
}
body.security-policy .text {
  font-family: Lato;
  font-size: 16px;
  color: #717171;
  font-weight: 400;
}
body.security-policy u {
  font-family: Lato;
  font-size: 16px;
  color: #2abe9c;
  font-weight: 900;
}
body.security-policy .header {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  line-height: 13px;
  font-weight: 900;
}
body.security-policy .icon {
  vertical-align: top;
  width: 5%;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
}
body.security-policy .icon-desc {
  width: 94%;
  display: inline-block;
  margin: 3px 0;
}
body.security-policy .fa-user {
  color: #3abbed;
}
body.security-policy .fa-folder-open {
  color: #f8b23d;
}
body.security-policy .fa-cloud-upload {
  color: red;
}
body.security-policy .fa-envelope {
  color: #f8b23d;
}
body.security-policy .fa-check {
  color: #4bbc9c;
}
body.security-policy .fa-comment {
  color: #3abbed;
}
body.security-policy .fa-phone {
  color: #4bbc9c;
}
body.security-policy .img-trust {
  width: 100px;
}
body.security-policy .try-div {
  margin: 50px 0;
}
body.security-policy .try-free {
  padding: 15px 30px;
  border-radius: 5px;
  color: #FFF;
  font-size: 24px;
  background-color: #4bbc9c;
}
body.security-policy .try-free:hover {
  background-color: #7FCFB8;
}
body.security-policy .link {
  font-family: Lato;
  font-size: 16px;
  color: #2abe9c;
  font-weight: 900;
}
body.quickbooks {
  /*------------------------------------------------------------------
		[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
	-------------------------------------------------------------------*/
  /* display of quote author (alternatively use a class on the element following the blockquote) */
  /* creates the triangle */
}
body.quickbooks #main-section {
  background-color: #ebeaeb;
  padding-top: 85px;
}
body.quickbooks .title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 14vw;
  font-size: 15vw;
  margin-top: 25px;
  margin-bottom: 45vw;
}
body.quickbooks .back-img-m {
  position: absolute;
  width: 100%;
}
body.quickbooks #connect {
  padding-top: 32vw;
}
body.quickbooks .logo-support-text {
  font-family: Lato;
  color: #717171;
  font-size: 6vw;
  font-weight: 300;
  line-height: 5vw;
}
body.quickbooks .button-margins {
  margin: 8vw 0 8vw 0;
}
body.quickbooks .demo-button {
  padding: 5vw 10vw;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 6.5vw;
  line-height: 10vw;
  font-weight: 300;
}
body.quickbooks .demo-button:hover {
  color: #fff;
  background-color: #00cea5;
}
body.quickbooks #video {
  background-color: #ebeaeb;
  padding-bottom: 5vw;
}
body.quickbooks .logos {
  display: block;
}
body.quickbooks .qb-logo {
  width: 30vw;
  margin: 10vw 1vw;
  display: inline-block;
}
body.quickbooks .apps-logo {
  width: 30vw;
  margin: 10vw 1vw;
  display: inline-block;
}
body.quickbooks .subtext {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 400;
  transform: scaleX(1);
}
body.quickbooks .divider {
  margin: 10vw 0 7vw 0;
  background-color: #B1B1B1;
  height: 1vw;
}
body.quickbooks .row {
  padding: 2.5vw 0 !important;
}
body.quickbooks .icon-text {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  line-height: 3vw;
  font-weight: 400;
  vertical-align: top;
}
body.quickbooks .file-icon {
  vertical-align: top;
  color: #f9b13c;
  font-size: 10vw;
}
body.quickbooks .usd-icon {
  vertical-align: top;
  color: #50bd9c;
  font-size: 10vw;
}
body.quickbooks .puzzle-icon {
  vertical-align: top;
  color: #f7675a;
  font-size: 10vw;
}
body.quickbooks .magic-icon {
  vertical-align: top;
  color: #3bbff4;
  font-size: 10vw;
}
body.quickbooks #integrate {
  padding-top: 10vw;
}
body.quickbooks .title-int-1 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 10vw;
  line-height: 12vw;
}
body.quickbooks .title-int-2 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 20vw;
  line-height: 15vw;
}
body.quickbooks .subtext-int {
  font-family: Lato;
  color: #717171;
  font-size: 4.5vw;
  line-height: 5.5vw;
  font-weight: 300;
  margin: 5vw 0;
}
body.quickbooks .video-frame {
  margin-bottom: 5vw;
}
body.quickbooks #what-is-qb {
  background-color: #ebeaeb;
  padding-top: 10vw;
  padding-bottom: 5vw;
}
body.quickbooks .what-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 18vw;
  line-height: 17vw;
}
body.quickbooks .what-subtext {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 400;
  margin: 5vw;
}
body.quickbooks .divider-2 {
  margin: 0 0 3vw 0;
  background-color: #FFF;
  height: 1vw;
}
body.quickbooks .qb-icon {
  width: 10vw;
}
body.quickbooks #testi-mobile {
  padding: 5vw 0;
  background-color: #ebeaeb;
}
body.quickbooks .testi-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 10vw;
  font-size: 15vw;
  margin-top: 25px;
}
body.quickbooks .testi-text-inner {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
}
body.quickbooks .mySlider {
  outline: none !important;
  margin-top: 4vw;
  width: 80%;
}
body.quickbooks .rating {
  width: 40%;
}
body.quickbooks .example-right {
  outline: none !important;
  position: relative;
  width: 100%;
  margin: 0;
  background: #FFF;
  /* default background for browsers without gradient support */
}
body.quickbooks .author {
  margin: 3vw 0 5vw 0;
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
}
body.quickbooks .example-right:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50px;
  border-width: 0 30px 40px 0px;
  border-style: solid;
  border-color: transparent #FFF;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
body.quickbooks #try {
  background-color: #ebeaeb;
}
body.quickbooks .try-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 20vw;
  font-size: 15vw;
}
body.quickbooks .try-subtext {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 5vw;
  font-weight: 300;
}
body.quickbooks .try-credit {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
  margin: 5vw 0;
}
body.quickbooks .bottom-back {
  width: 100%;
}
body.quickbooks .button-margins-2 {
  margin: 8vw 0 0vw 0;
}
body.xeropartner {
  font-family: Lato;
}
body.xeropartner nav {
  top: 0;
}
body.xeropartner .hidden {
  display: none;
}
body.xeropartner .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.xeropartner .big-btn:hover {
  background-color: #00cea5;
}
body.xeropartner .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.xeropartner .partner-heading {
  margin-top: 30px;
  height: 550px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #85b6df;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text {
  font-family: Lato;
  color: white;
  text-shadow: none;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 50%;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text h3 {
  font-size: 2.5em;
  font-weight: 600;
}
@media (max-width: 480px) {
  body.xeropartner .partner-heading #xero-hubdoc-partner-text h3 {
    font-size: 26px;
  }
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 0;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button {
  padding: 10px 20px 0 0;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button button {
  width: 150px;
  padding: 15px;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button {
  padding-top: 10px;
  font-weight: bold;
  font-size: 20px;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
body.xeropartner .partner-heading #xero-hubdoc-partner-logo {
  display: none;
  margin: 0 auto;
  position: relative;
  top: 150px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-robot.png);
  background-size: contain;
  height: 50%;
  width: 49%;
  background-repeat: no-repeat;
  background-position: 35%;
}
body.xeropartner h1 {
  width: 80%;
}
body.xeropartner .offer-form-options-feedback {
  margin: auto;
}
body.xeropartner .circle-image {
  position: absolute;
  height: 100px;
  top: -40px;
  right: -35px;
}
body.xeropartner .arrow-image {
  position: absolute;
  height: 200px;
  bottom: -179px;
  right: -89px;
}
body.xeropartner .under-arrow {
  top: 230px;
  position: absolute;
}
body.xeropartner .crossout {
  position: relative;
  display: inline-block;
}
body.xeropartner .xero-hubdoc-partner-features {
  min-height: 500px;
  background-color: #e6ffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
body.xeropartner .xero-hubdoc-partner-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.xeropartner .xero-hubdoc-partner-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap;
}
body.xeropartner .xero-hubdoc-partner-features .features-wrapper:last-child {
  padding-bottom: 20px;
}
body.xeropartner .xero-hubdoc-partner-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  margin: 30px 30px 0 30px;
}
body.xeropartner .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
  padding-top: 10px;
  text-align: center;
}
body.xeropartner .xero-hubdoc-partner-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartner .xero-hubdoc-partner-promo {
  height: 500px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-hubdoc-promo-background.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
body.xeropartner .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
  width: 80%;
  text-align: center;
  position: absolute;
  top: 20px;
}
body.xeropartner .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
  color: #00e6e6;
  font-weight: bold;
}
body.xeropartner .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
  text-align: center;
  position: absolute;
}
body.xeropartner .xero-hubdoc-partner-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartner .xero-hubdoc-partner-security h3 {
  color: #00e6e6;
  font-weight: bold;
}
body.xeropartner .xero-hubdoc-partner-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
body.xeropartner .xero-hubdoc-partner-security .security-wrapper:last-child {
  padding-bottom: 20px;
}
body.xeropartner .xero-hubdoc-partner-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  margin: 0 30px 10px 30px;
}
body.xeropartner .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
}
body.xeropartner .xero-hubdoc-partner-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartner .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
  width: auto;
  padding: 0 25px;
}
body.xeropartner .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.xeropartner .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.xeropartner .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.xeropartner .form .form-section {
  display: block;
  vertical-align: top;
}
body.xeropartner .form .form-left {
  width: auto;
}
body.xeropartner .form .form-right {
  width: auto;
}
body.xeropartner .form .xeropromo-perk {
  margin: 0;
  margin-bottom: 20px;
}
body.xeropartner .form .xeropromo-perk i {
  width: 10%;
  font-size: 25px;
  text-align: center;
}
body.xeropartner .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xeropartner .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xeropartner .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xeropartner .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropartner .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xeropartner .form .xeropromo-perk span {
  width: 88%;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.xeropartner .form form {
  margin-top: 60px;
}
body.xeropartner .form form input[type=text],
body.xeropartner .form form input[type=password],
body.xeropartner .form form select {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.xeropartner .form form select {
  height: 52px;
  color: #aaa;
}
body.xeropartner .form #enroll-success {
  display: none;
}
body.xeropartner .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.xeropartner .form .checkbox-field {
  font-size: 17px;
  text-align: left;
  padding-top: 10px;
}
body.xeropartner .form .checkbox-field input {
  margin-right: 5px;
}
body.xeropartner .form .create-account {
  margin: 15px 0;
  width: 100%;
}
body.xeropartner .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.xeropartner .form .activity,
body.xeropartner .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.xeropartner .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
}
body.xeropartner .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.xeropartner .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.xeropartner .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.xeropartner .form .password-requirement span {
  display: inline-block;
  width: 90%;
  text-align: left;
}
body.xeropartner .form .password-requirement > * {
  vertical-align: top;
}
body.xeropartner .form .form-field {
  margin: 15px auto;
}
body.xeropartner .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.xeropartner .form .form-field.error#toc {
  border: none;
}
body.xeropartner .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
}
body.xeropartner .xero-hubdoc-partner-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
  align-self: center;
  height: 30px;
  margin-bottom: 20px;
}
body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box {
  width: 60%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
  width: 80%;
}
body.xeropartner .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 20%;
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xeropartner .partner-heading {
    height: 500px;
  }
  body.xeropartner h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.xeropartner h1 .top {
    display: block;
    font-size: 70px;
  }
  body.xeropartner h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.xeropartner .tab {
  overflow: hidden;
  background-color: white;
}
body.xeropartner .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.xeropartner #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.xeropartner .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.xeropartner .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.xeropartner .tab button:not(.active):hover {
  background-color: lightgray;
}
body.xeropartner .tabcontent {
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.xeropartner .promo-details {
  padding: 0px 15px;
}
body.xeropartner .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xeropartner .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.xeropartner .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.xeropartner .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.xeropartneraustralia {
  font-family: Lato;
}
body.xeropartneraustralia nav {
  top: 0;
}
body.xeropartneraustralia .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.xeropartneraustralia .big-btn:hover {
  background-color: #00cea5;
}
body.xeropartneraustralia .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.xeropartneraustralia .partner-heading {
  margin-top: 30px;
  height: 550px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #85b6df;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text {
  font-family: Lato;
  color: white;
  text-shadow: none;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 50%;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text h3 {
  font-size: 2.5em;
  font-weight: 600;
}
@media (max-width: 480px) {
  body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text h3 {
    font-size: 26px;
  }
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 0;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button {
  padding: 10px 20px 0 0;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button button {
  width: 150px;
  padding: 15px;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button {
  padding-top: 10px;
  font-weight: bold;
  font-size: 20px;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
body.xeropartneraustralia .partner-heading #xero-hubdoc-partner-logo {
  display: none;
  margin: 0 auto;
  position: relative;
  top: 150px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-robot.png);
  background-size: contain;
  height: 50%;
  width: 49%;
  background-repeat: no-repeat;
  background-position: 35%;
}
body.xeropartneraustralia h1 {
  width: 80%;
}
body.xeropartneraustralia .xero-hubdoc-partner-features {
  min-height: 500px;
  background-color: #e6ffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap;
}
body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper:last-child {
  padding-bottom: 20px;
}
body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  margin: 30px 30px 0 30px;
}
body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
  padding-top: 10px;
  text-align: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartneraustralia .xero-hubdoc-partner-promo {
  height: 500px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-hubdoc-promo-background.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
  width: 80%;
  text-align: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
  color: #00e6e6;
  font-weight: bold;
}
body.xeropartneraustralia .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
  text-align: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-security h3 {
  color: #00e6e6;
  font-weight: bold;
}
body.xeropartneraustralia .xero-hubdoc-partner-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
body.xeropartneraustralia .xero-hubdoc-partner-security .security-wrapper:last-child {
  padding-bottom: 20px;
}
body.xeropartneraustralia .xero-hubdoc-partner-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  margin: 0 30px 10px 30px;
}
body.xeropartneraustralia .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartneraustralia .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
  width: auto;
  padding: 0 25px;
}
body.xeropartneraustralia .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.xeropartneraustralia .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.xeropartneraustralia .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.xeropartneraustralia .form .form-section {
  display: block;
  vertical-align: top;
}
body.xeropartneraustralia .form .form-left {
  width: auto;
}
body.xeropartneraustralia .form .form-right {
  width: auto;
}
body.xeropartneraustralia .form .xeropromo-perk {
  margin: 0;
  margin-bottom: 20px;
}
body.xeropartneraustralia .form .xeropromo-perk i {
  width: 10%;
  font-size: 25px;
  text-align: center;
}
body.xeropartneraustralia .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xeropartneraustralia .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xeropartneraustralia .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xeropartneraustralia .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropartneraustralia .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xeropartneraustralia .form .xeropromo-perk span {
  width: 88%;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.xeropartneraustralia .form form {
  margin-top: 60px;
}
body.xeropartneraustralia .form form input[type=text],
body.xeropartneraustralia .form form input[type=password],
body.xeropartneraustralia .form form select {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.xeropartneraustralia .form form select {
  height: 52px;
  color: #aaa;
}
body.xeropartneraustralia .form #enroll-success {
  display: none;
}
body.xeropartneraustralia .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.xeropartneraustralia .form .checkbox-field {
  font-size: 17px;
}
body.xeropartneraustralia .form .checkbox-field input {
  margin-right: 5px;
}
body.xeropartneraustralia .form .create-account {
  margin: 15px 0;
  width: 100%;
}
body.xeropartneraustralia .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.xeropartneraustralia .form .activity,
body.xeropartneraustralia .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.xeropartneraustralia .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
}
body.xeropartneraustralia .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.xeropartneraustralia .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.xeropartneraustralia .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.xeropartneraustralia .form .password-requirement span {
  display: inline-block;
  width: 90%;
}
body.xeropartneraustralia .form .password-requirement > * {
  vertical-align: top;
}
body.xeropartneraustralia .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.xeropartneraustralia .form .form-field.error#toc {
  border: none;
}
body.xeropartneraustralia .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
}
body.xeropartneraustralia .xero-hubdoc-partner-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
  align-self: center;
  height: 30px;
  margin-bottom: 20px;
}
body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box {
  width: 60%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
  width: 80%;
}
body.xeropartneraustralia .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 20%;
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xeropartneraustralia .partner-heading {
    height: 500px;
  }
  body.xeropartneraustralia h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.xeropartneraustralia h1 .top {
    display: block;
    font-size: 70px;
  }
  body.xeropartneraustralia h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.xeropartneraustralia .tab {
  overflow: hidden;
  background-color: white;
}
body.xeropartneraustralia .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.xeropartneraustralia #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.xeropartneraustralia .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.xeropartneraustralia .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.xeropartneraustralia .tab button:not(.active):hover {
  background-color: lightgray;
}
body.xeropartneraustralia .tabcontent {
  display: none;
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.xeropartneraustralia .promo-details {
  padding: 0px 15px;
}
body.xeropartneraustralia .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xeropartneraustralia .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.xeropartneraustralia .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.xeropartneraustralia .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.xeropartneruk {
  font-family: Lato;
}
body.xeropartneruk nav {
  top: 0;
}
body.xeropartneruk .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.xeropartneruk .big-btn:hover {
  background-color: #00cea5;
}
body.xeropartneruk .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.xeropartneruk .partner-heading {
  margin-top: 30px;
  height: 550px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #85b6df;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text {
  font-family: Lato;
  color: white;
  text-shadow: none;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 50%;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text h3 {
  font-size: 2.5em;
  font-weight: 600;
}
@media (max-width: 480px) {
  body.xeropartneruk .partner-heading #xero-hubdoc-partner-text h3 {
    font-size: 26px;
  }
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 0;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button {
  padding: 10px 20px 0 0;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button button {
  width: 150px;
  padding: 15px;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button {
  padding-top: 10px;
  font-weight: bold;
  font-size: 20px;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
body.xeropartneruk .partner-heading #xero-hubdoc-partner-logo {
  display: none;
  margin: 0 auto;
  position: relative;
  top: 150px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-robot.png);
  background-size: contain;
  height: 50%;
  width: 49%;
  background-repeat: no-repeat;
  background-position: 35%;
}
body.xeropartneruk h1 {
  width: 80%;
}
body.xeropartneruk .xero-hubdoc-partner-features {
  min-height: 500px;
  background-color: #e6ffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
body.xeropartneruk .xero-hubdoc-partner-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap;
}
body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper:last-child {
  padding-bottom: 20px;
}
body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  margin: 30px 30px 0 30px;
}
body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
  padding-top: 10px;
  text-align: center;
}
body.xeropartneruk .xero-hubdoc-partner-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartneruk .xero-hubdoc-partner-promo {
  height: 500px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-hubdoc-promo-background.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartneruk .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
  width: 80%;
  text-align: center;
}
body.xeropartneruk .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
  color: #00e6e6;
  font-weight: bold;
}
body.xeropartneruk .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
  text-align: center;
}
body.xeropartneruk .xero-hubdoc-partner-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartneruk .xero-hubdoc-partner-security h3 {
  color: #00e6e6;
  font-weight: bold;
}
body.xeropartneruk .xero-hubdoc-partner-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
body.xeropartneruk .xero-hubdoc-partner-security .security-wrapper:last-child {
  padding-bottom: 20px;
}
body.xeropartneruk .xero-hubdoc-partner-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  margin: 0 30px 10px 30px;
}
body.xeropartneruk .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
}
body.xeropartneruk .xero-hubdoc-partner-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.xeropartneruk .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
  width: auto;
  padding: 0 25px;
}
body.xeropartneruk .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.xeropartneruk .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.xeropartneruk .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.xeropartneruk .form .form-section {
  display: block;
  vertical-align: top;
}
body.xeropartneruk .form .form-left {
  width: auto;
}
body.xeropartneruk .form .form-right {
  width: auto;
}
body.xeropartneruk .form .xeropromo-perk {
  margin: 0;
  margin-bottom: 20px;
}
body.xeropartneruk .form .xeropromo-perk i {
  width: 10%;
  font-size: 25px;
  text-align: center;
}
body.xeropartneruk .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xeropartneruk .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xeropartneruk .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xeropartneruk .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropartneruk .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xeropartneruk .form .xeropromo-perk span {
  width: 88%;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.xeropartneruk .form form {
  margin-top: 60px;
}
body.xeropartneruk .form form input[type=text],
body.xeropartneruk .form form input[type=password],
body.xeropartneruk .form form select {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.xeropartneruk .form form select {
  height: 52px;
  color: #aaa;
}
body.xeropartneruk .form #enroll-success {
  display: none;
}
body.xeropartneruk .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.xeropartneruk .form .checkbox-field {
  font-size: 17px;
}
body.xeropartneruk .form .checkbox-field input {
  margin-right: 5px;
}
body.xeropartneruk .form .create-account {
  margin: 15px 0;
  width: 100%;
}
body.xeropartneruk .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.xeropartneruk .form .activity,
body.xeropartneruk .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.xeropartneruk .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
}
body.xeropartneruk .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.xeropartneruk .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.xeropartneruk .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.xeropartneruk .form .password-requirement span {
  display: inline-block;
  width: 90%;
}
body.xeropartneruk .form .password-requirement > * {
  vertical-align: top;
}
body.xeropartneruk .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.xeropartneruk .form .form-field.error#toc {
  border: none;
}
body.xeropartneruk .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
}
body.xeropartneruk .xero-hubdoc-partner-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
  align-self: center;
  height: 30px;
  margin-bottom: 20px;
}
body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box {
  width: 60%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
  width: 80%;
}
body.xeropartneruk .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 20%;
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xeropartneruk .partner-heading {
    height: 500px;
  }
  body.xeropartneruk h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.xeropartneruk h1 .top {
    display: block;
    font-size: 70px;
  }
  body.xeropartneruk h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.xeropartneruk .tab {
  overflow: hidden;
  background-color: white;
}
body.xeropartneruk .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.xeropartneruk #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.xeropartneruk .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.xeropartneruk .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.xeropartneruk .tab button:not(.active):hover {
  background-color: lightgray;
}
body.xeropartneruk .tabcontent {
  display: none;
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.xeropartneruk .promo-details {
  padding: 0px 15px;
}
body.xeropartneruk .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xeropartneruk .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.xeropartneruk .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.xeropartneruk .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.partnerpromotion {
  font-family: Lato;
}
body.partnerpromotion nav {
  top: 0;
}
body.partnerpromotion .region {
  max-width: 264px;
}
body.partnerpromotion .region-name {
  text-align: center;
  font-size: 20px;
  color: grey;
}
body.partnerpromotion .region-option {
  padding-top: 10px;
  transition: background-color 0.1s;
  cursor: pointer;
  border-radius: 5px;
}
body.partnerpromotion .region-option:hover {
  background-color: #dcdcdc;
}
body.partnerpromotion .modal-title,
body.partnerpromotion .region-name {
  font-family: lato;
  text-shadow: none;
}
body.partnerpromotion #schedule-demo-modal {
  text-align: center;
}
body.partnerpromotion .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.partnerpromotion .big-btn:hover {
  background-color: #00cea5;
}
body.partnerpromotion .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.partnerpromotion .partner-heading {
  margin-top: 30px;
  height: 550px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #85b6df;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text {
  font-family: Lato;
  color: white;
  text-shadow: none;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 50%;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text h3 {
  font-size: 2.5em;
  font-weight: 600;
}
@media (max-width: 480px) {
  body.partnerpromotion .partner-heading #xero-hubdoc-partner-text h3 {
    font-size: 26px;
  }
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 0;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button {
  padding: 10px 20px 0 0;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button button {
  width: 150px;
  padding: 15px;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button {
  padding-top: 10px;
  font-weight: bold;
  font-size: 20px;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
body.partnerpromotion .partner-heading #xero-hubdoc-partner-logo {
  display: none;
  margin: 0 auto;
  position: relative;
  top: 150px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-partner-robot.png);
  background-size: contain;
  height: 50%;
  width: 49%;
  background-repeat: no-repeat;
  background-position: 35%;
}
body.partnerpromotion h1 {
  width: 80%;
}
body.partnerpromotion .xero-hubdoc-partner-features {
  min-height: 500px;
  background-color: #e6ffff;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: center;
}
body.partnerpromotion .xero-hubdoc-partner-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap;
}
body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper:last-child {
  padding-bottom: 20px;
}
body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  margin: 30px 30px 0 30px;
}
body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
  padding-top: 10px;
  text-align: center;
}
body.partnerpromotion .xero-hubdoc-partner-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.partnerpromotion .offer-form-options-feedback {
  margin: auto;
}
body.partnerpromotion .circle-image {
  position: absolute;
  height: 100px;
  top: -40px;
  right: -35px;
}
body.partnerpromotion .arrow-image {
  position: absolute;
  height: 200px;
  bottom: -179px;
  right: -89px;
}
body.partnerpromotion .under-arrow {
  top: 360px;
  position: absolute;
}
body.partnerpromotion .crossout {
  position: relative;
  display: inline-block;
}
body.partnerpromotion .robot-with-bubble {
  display: none;
}
body.partnerpromotion .xero-hubdoc-partner-promo {
  height: 850px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-hubdoc-promo-background.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: 62px;
  top: 10vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.partnerpromotion .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
  width: 80%;
  text-align: center;
  position: absolute;
  bottom: 630px;
}
body.partnerpromotion .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
  color: #00e6e6;
  font-weight: bold;
}
body.partnerpromotion .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
  text-align: center;
}
body.partnerpromotion .xero-hubdoc-partner-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.partnerpromotion .xero-hubdoc-partner-security h3 {
  color: #00e6e6;
  font-weight: bold;
}
body.partnerpromotion .xero-hubdoc-partner-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
body.partnerpromotion .xero-hubdoc-partner-security .security-wrapper:last-child {
  padding-bottom: 20px;
}
body.partnerpromotion .xero-hubdoc-partner-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  margin: 0 30px 10px 30px;
}
body.partnerpromotion .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
}
body.partnerpromotion .xero-hubdoc-partner-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.partnerpromotion .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
  width: auto;
  padding: 0 25px;
}
body.partnerpromotion .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.partnerpromotion .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.partnerpromotion .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.partnerpromotion .form .form-section {
  display: block;
  vertical-align: top;
}
body.partnerpromotion .form .form-left {
  width: auto;
}
body.partnerpromotion .form .form-right {
  width: auto;
}
body.partnerpromotion .form .xeropromo-perk {
  margin: 0;
  margin-bottom: 20px;
}
body.partnerpromotion .form .xeropromo-perk i {
  width: 10%;
  font-size: 25px;
  text-align: center;
}
body.partnerpromotion .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.partnerpromotion .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.partnerpromotion .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.partnerpromotion .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.partnerpromotion .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.partnerpromotion .form .xeropromo-perk span {
  width: 88%;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.partnerpromotion .form form {
  margin-top: 60px;
}
body.partnerpromotion .form form input[type=text],
body.partnerpromotion .form form input[type=password],
body.partnerpromotion .form form select {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.partnerpromotion .form form select {
  height: 52px;
  color: #aaa;
}
body.partnerpromotion .form #enroll-success {
  display: none;
}
body.partnerpromotion .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.partnerpromotion .form .checkbox-field {
  font-size: 17px;
}
body.partnerpromotion .form .checkbox-field input {
  margin-right: 5px;
}
body.partnerpromotion .form .create-account {
  margin: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
}
body.partnerpromotion .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.partnerpromotion .form .activity,
body.partnerpromotion .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.partnerpromotion .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
}
body.partnerpromotion .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.partnerpromotion .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.partnerpromotion .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.partnerpromotion .form .password-requirement span {
  display: inline-block;
  width: 90%;
}
body.partnerpromotion .form .password-requirement > * {
  vertical-align: top;
}
body.partnerpromotion .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.partnerpromotion .form .form-field.error#toc {
  border: none;
}
body.partnerpromotion .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
}
body.partnerpromotion .xero-hubdoc-partner-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
  align-self: center;
  height: 30px;
  margin-bottom: 20px;
}
body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box {
  width: 60%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
  width: 80%;
}
body.partnerpromotion .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 20%;
}
@media (max-width: 991px) and (min-width: 768px) {
  body.partnerpromotion .partner-heading {
    height: 500px;
  }
  body.partnerpromotion h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.partnerpromotion h1 .top {
    display: block;
    font-size: 70px;
  }
  body.partnerpromotion h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.partnerpromotion .tab {
  overflow: hidden;
  background-color: white;
}
body.partnerpromotion .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.partnerpromotion #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.partnerpromotion .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.partnerpromotion .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.partnerpromotion .tab button:not(.active):hover {
  background-color: lightgray;
}
body.partnerpromotion .tabcontent {
  display: none;
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.partnerpromotion .promo-details {
  padding: 0px 15px;
}
body.partnerpromotion .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.partnerpromotion .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.partnerpromotion .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.partnerpromotion .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.xerosignup {
  font-family: Lato;
}
body.xerosignup nav {
  top: 0;
}
body.xerosignup .hidden {
  display: none;
}
body.xerosignup .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.xerosignup .big-btn:hover {
  background-color: #00cea5;
}
body.xerosignup .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.xerosignup .partner-heading {
  margin-top: 30px;
  min-height: 1400px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #18355F;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
  display: inline-block;
  flex-direction: row;
  align-items: center;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text {
  font-family: Lato;
  color: white;
  text-shadow: none;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 80%;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text h3 {
  font-size: 2.5em;
  font-weight: 600;
}
@media (max-width: 480px) {
  body.xerosignup .partner-heading #xero-hubdoc-partner-text h3 {
    font-size: 26px;
  }
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 0;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button {
  padding: 10px 20px 0 0;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons .get-hubdoc-button button {
  width: 150px;
  padding: 15px;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button {
  padding-top: 10px;
  font-weight: bold;
  font-size: 20px;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-text .partner-heading-buttons #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
body.xerosignup .partner-heading #xero-hubdoc-partner-logo {
  display: none;
  margin: 0 auto;
  position: relative;
  top: 150px;
  background-image: url(https://www.hubdoc.com/images/xerosignup/xero-partner-robot.png);
  background-size: contain;
  height: 50%;
  width: 49%;
  background-repeat: no-repeat;
  background-position: 35%;
}
body.xerosignup h1 {
  width: 80%;
}
body.xerosignup #offer-form {
  color: black;
}
body.xerosignup .offer-form-options-feedback {
  margin: auto;
}
body.xerosignup .circle-image {
  position: absolute;
  height: 100px;
  top: -40px;
  right: -35px;
}
body.xerosignup .arrow-image {
  position: absolute;
  height: 200px;
  bottom: -179px;
  right: -89px;
}
body.xerosignup .under-arrow {
  top: 230px;
  position: absolute;
}
body.xerosignup .crossout {
  position: relative;
  display: inline-block;
}
body.xerosignup .xero-hubdoc-partner-features {
  min-height: 500px;
  background-color: #e6ffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
body.xerosignup .xero-hubdoc-partner-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.xerosignup .xero-hubdoc-partner-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap;
}
body.xerosignup .xero-hubdoc-partner-features .features-wrapper:last-child {
  padding-bottom: 20px;
}
body.xerosignup .xero-hubdoc-partner-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  margin: 30px 30px 0 30px;
}
body.xerosignup .xero-hubdoc-partner-features .features-wrapper .feature .feature-text {
  padding-top: 10px;
  text-align: center;
}
body.xerosignup .xero-hubdoc-partner-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.xerosignup .xero-hubdoc-partner-promo {
  height: 500px;
  background-image: url(https://www.hubdoc.com/images/xeropartner/xero-hubdoc-promo-background.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
body.xerosignup .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper {
  width: 80%;
  text-align: center;
  position: absolute;
  top: 20px;
}
body.xerosignup .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper h3 {
  color: #00e6e6;
  font-weight: bold;
}
body.xerosignup .xero-hubdoc-partner-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text {
  text-align: center;
  position: absolute;
}
body.xerosignup .xero-hubdoc-partner-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xerosignup .xero-hubdoc-partner-security h3 {
  color: #00e6e6;
  font-weight: bold;
}
body.xerosignup .xero-hubdoc-partner-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
body.xerosignup .xero-hubdoc-partner-security .security-wrapper:last-child {
  padding-bottom: 20px;
}
body.xerosignup .xero-hubdoc-partner-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  margin: 0 30px 10px 30px;
}
body.xerosignup .xero-hubdoc-partner-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
}
body.xerosignup .xero-hubdoc-partner-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.xerosignup .form {
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
  width: auto;
  padding: 0 25px;
  font-family: lato;
  text-shadow: none;
}
body.xerosignup .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.xerosignup .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.xerosignup .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.xerosignup .form .form-section {
  display: block;
  vertical-align: top;
}
body.xerosignup .form .form-left {
  width: auto;
}
body.xerosignup .form .form-right {
  width: auto;
}
body.xerosignup .form .xeropromo-perk {
  margin: 0;
  margin-bottom: 20px;
}
body.xerosignup .form .xeropromo-perk i {
  width: 10%;
  font-size: 25px;
  text-align: center;
}
body.xerosignup .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xerosignup .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xerosignup .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xerosignup .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xerosignup .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xerosignup .form .xeropromo-perk span {
  width: 88%;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.xerosignup .form form {
  margin-top: 60px;
}
body.xerosignup .form form input[type=text],
body.xerosignup .form form input[type=password],
body.xerosignup .form form select {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.xerosignup .form form select {
  height: 52px;
}
body.xerosignup .form #enroll-success {
  display: none;
}
body.xerosignup .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.xerosignup .form .checkbox-field {
  font-size: 17px;
  text-align: left;
  padding-top: 10px;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  color: white;
}
body.xerosignup .form .checkbox-field input {
  margin-right: 5px;
}
body.xerosignup .form .create-account {
  margin: 15px 0;
  width: 100%;
}
body.xerosignup .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.xerosignup .form .activity,
body.xerosignup .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.xerosignup .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
  color: white;
}
body.xerosignup .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.xerosignup .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.xerosignup .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.xerosignup .form .password-requirement span {
  display: inline-block;
  width: 90%;
  text-align: left;
}
body.xerosignup .form .password-requirement > * {
  vertical-align: top;
}
body.xerosignup .form .form-field {
  margin: 15px auto;
}
body.xerosignup .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.xerosignup .form .form-field.error#toc {
  border: none;
}
body.xerosignup .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
}
body.xerosignup .xero-hubdoc-partner-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-star {
  align-self: center;
  height: 30px;
  margin-bottom: 20px;
}
body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box {
  width: 60%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-box .xero-hubdoc-partner-quote-text {
  width: 80%;
}
body.xerosignup .xero-hubdoc-partner-quote .xero-hubdoc-partner-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 20%;
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xerosignup .partner-heading {
    min-height: 500px;
  }
  body.xerosignup h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.xerosignup h1 .top {
    display: block;
    font-size: 70px;
  }
  body.xerosignup h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.xerosignup .tab {
  overflow: hidden;
  background-color: white;
}
body.xerosignup .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.xerosignup #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.xerosignup .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.xerosignup .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.xerosignup .tab button:not(.active):hover {
  background-color: lightgray;
}
body.xerosignup .tabcontent {
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.xerosignup .promo-details {
  padding: 0px 15px;
}
body.xerosignup .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xerosignup .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.xerosignup .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.xerosignup .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.xerosignup .disclaimer {
  margin: 15px auto;
  width: 80%;
}
body.xerosignup .robot-logo-and-text {
  margin: auto;
  margin-top: 100px;
  display: inline-block;
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xerosignup .robot-logo-and-text {
    margin: 60px auto auto 10%;
  }
}
body.xerosignup .promo-title {
  text-align: center;
  margin-bottom: 30px;
}
body.xerosignup .promo-instructions-list {
  padding-left: 2em;
}
body.xerosignup .xero-hubdoc-partner-features-title {
  margin-top: 35px;
  margin-bottom: 15px;
}
body.xerosignup .partner-heading-buttons {
  font-size: 25px;
}
body.xerosignup .fa-play-circle-o {
  font-size: 35px;
  margin-top: 20px;
  margin-bottom: 20px;
}
body.xerosignup #new-to-hubdoc {
  margin-top: -25px;
}
body.xerosignup .tell-about-self-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  z-index: 100002;
}
body.xerosignup .tell-about-self {
  display: block;
  position: fixed;
  width: 90%;
  text-align: center;
  height: 360px;
  top: 30%;
  margin-left: 50%;
  left: -45%;
  z-index: 100003;
  background-color: #1C5C95;
  border-radius: 25px;
}
@media (max-width: 370px) {
  body.xerosignup .tell-about-self {
    height: 400px;
  }
}
body.xerosignup .tell-about-self-buttons {
  margin-top: 10px;
}
body.xerosignup .tell-about-self-button {
  margin: 10px auto;
  padding: 12px 30px;
  font-size: 17px;
  width: 90%;
}
body.xerosignup .tell-about-self-title {
  color: white;
  margin-top: 20px;
}
body.xerosignup .tell-about-self-image {
  height: 140px;
}
body.xerosignup .tell-about-self-image-wrapper {
  margin-left: 0px;
  margin-top: 15px;
}
body.xeropromo {
  font-family: Lato;
  /*------------------------------------------------------------------
        [Testimonials Styles]
    -------------------------------------------------------------------*/
}
body.xeropromo .mobile {
  display: none;
}
body.xeropromo .desktop {
  display: block;
}
body.xeropromo nav {
  top: 0;
}
body.xeropromo .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.xeropromo .big-btn:hover {
  background-color: #00cea5;
}
body.xeropromo .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.xeropromo .heading {
  margin-top: 73px;
  height: 632px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xeropromo_banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-color: #85b6df;
  font-family: lobster;
  color: white;
  text-shadow: #63a0c0 2px 2px;
}
body.xeropromo h1 {
  margin: 0 auto;
  margin-bottom: -68px;
  padding-top: 40px;
  display: block;
  width: 855px;
}
body.xeropromo h1 .top {
  display: block;
  font-size: 90px;
}
body.xeropromo h1 .bottom {
  display: block;
  font-size: 58px;
}
body.xeropromo #enrolled-login {
  width: 100%;
  margin-bottom: 15px;
}
body.xeropromo #thank-you-for-enrolling {
  margin-top: 0px;
}
body.xeropromo #xero-hubdoc-logo {
  margin: 0 auto;
  height: 266px;
  position: relative;
  top: 150px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xero_hubdoc_logo.png);
  background-size: contain;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.xeropromo #xero-hubdoc-text {
  font-family: Lato;
  color: #034A76;
  text-shadow: none;
  margin: 0 auto;
  position: relative;
  top: 150px;
  text-align: center;
}
body.xeropromo #xero-hubdoc-text h1 {
  font-size: 50px;
  font-weight: 600;
}
body.xeropromo #xero-hubdoc-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
@media only screen and (max-width: 992px) {
  body.xeropromo #xero-hubdoc-text h1 {
    font-size: 30px;
    font-weight: 600;
  }
  body.xeropromo #xero-hubdoc-text div {
    font-weight: 300;
    padding-top: 50px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  body.xeropromo #xero-hubdoc-text h1 {
    font-size: 20px;
    font-weight: 600;
  }
  body.xeropromo #xero-hubdoc-text div {
    font-weight: 300;
    padding-top: 30px;
    font-size: 20px;
  }
}
body.xeropromo #xero-hubdoc-text #play-video-button {
  padding-top: 25px;
  font-weight: bold;
  font-size: 20px;
}
body.xeropromo #xero-hubdoc-text #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
@media only screen and (max-width: 992px) {
  body.xeropromo #xero-hubdoc-logo {
    height: 80px;
    top: 100px;
  }
  body.xeropromo #xero-hubdoc-text {
    top: 100px;
  }
}
@media only screen and (max-width: 768px) {
  body.xeropromo #xero-hubdoc-logo {
    height: 60px;
    top: 50px;
  }
  body.xeropromo #xero-hubdoc-text {
    top: 50px;
  }
}
body.xeropromo .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
  width: 773px;
}
body.xeropromo .form .form-section {
  display: inline-block;
  vertical-align: top;
}
body.xeropromo .form .form-left {
  width: 55%;
}
body.xeropromo .form .form-right {
  width: 44%;
}
body.xeropromo .form .xeropromo-logo {
  margin-bottom: 30px;
  height: 179px;
  width: 310px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xeropromo_logo.png);
  background-size: 310px 179px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.xeropromo .form .xeropromo-perk {
  margin: 0 0 20px 0;
}
body.xeropromo .form .xeropromo-perk i {
  width: 40px;
  font-size: 25px;
  text-align: center;
}
body.xeropromo .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xeropromo .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xeropromo .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xeropromo .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropromo .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xeropromo .form .xeropromo-perk span {
  width: 325px;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.xeropromo .form form input[type=text],
body.xeropromo .form form input[type=password],
body.xeropromo .form form select {
  display: block;
  width: 335px;
  margin-bottom: 15px;
  font-size: 16px;
  background-color: #ebeaeb;
  padding: 10px 9px;
  border: none;
  outline: none;
  border-radius: 5px;
}
body.xeropromo .form form select {
  height: 44px;
  color: #aaa;
}
body.xeropromo .form #enroll-success {
  display: none;
}
body.xeropromo .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.xeropromo .form .checkbox-field {
  font-size: 17px;
}
body.xeropromo .form .checkbox-field input {
  margin-right: 5px;
}
body.xeropromo .form .create-account {
  margin: 15px 0;
  width: 100%;
}
body.xeropromo .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.xeropromo .form .activity,
body.xeropromo .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.xeropromo .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
}
body.xeropromo .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.xeropromo .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.xeropromo .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.xeropromo .form .password-requirement span {
  display: inline-block;
  width: 90%;
}
body.xeropromo .form .password-requirement > * {
  vertical-align: top;
}
body.xeropromo .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.xeropromo .form .form-field.error#toc {
  border: none;
}
body.xeropromo .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
}
body.xeropromo .why-hubdoc {
  margin: 0 auto;
  margin-bottom: 70px;
  width: 980px;
  text-align: center;
}
body.xeropromo .why-hubdoc .big-btn {
  margin: 0 auto;
  margin-top: 40px;
}
body.xeropromo .why-hubdoc h2 {
  display: inline-block;
  font-family: lobster;
  color: #39baee;
  font-size: 80px;
  margin-bottom: 35px;
}
body.xeropromo .why-hubdoc .row-top {
  margin-bottom: 25px!important;
}
body.xeropromo .why-hubdoc .why-hd-item {
  display: inline-block;
  vertical-align: top;
  color: #727272;
  width: 265px;
  margin-right: 25px;
  text-align: left;
}
body.xeropromo .why-hubdoc .why-hd-item:last-child {
  margin-right: 0;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top {
  position: relative;
  margin-bottom: 15px;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  font-size: 35px;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.xeropromo-logo {
  height: 50px;
  width: 50px;
  background-image: url(https://www.hubdoc.com/images/xeropromo/xero_logo.png);
  background-size: 41px 41px;
  background-repeat: no-repeat;
  background-position: center left;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.fa-paper-plane {
  color: #f5af49;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.fa-ban {
  position: absolute;
  top: -11px;
  left: 3px;
  color: #ee6559;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.fa-keyboard-o {
  color: #727272;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.fa-magic {
  color: #2f608f;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.fa-rocket {
  color: #ee6559;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top h3 {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  font-weight: bold;
  font-size: 20px;
  width: 210px;
}
body.xeropromo .hubdoc-video {
  height: 646px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropromo/bke_video.jpg);
  background-size: 1680px 646px;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #eaeaec;
}
@media (min-width: 992px) {
  body.xeropromo .xeropromo-perk span.offer-text {
    width: 360px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.xeropromo .heading {
    height: 500px;
  }
  body.xeropromo h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.xeropromo h1 .top {
    display: block;
    font-size: 70px;
  }
  body.xeropromo h1 .bottom {
    display: block;
    font-size: 43px;
  }
  body.xeropromo #xeropromo-laptop {
    height: 439px;
    width: 600px;
    background-image: url(https://www.hubdoc.com/images/xeropromo/laptop_xero.png);
    background-size: 600px 439px;
  }
  body.xeropromo .form {
    width: 670px;
  }
  body.xeropromo .form .xeropromo-perk span {
    width: 275px;
  }
  body.xeropromo .form form input[type=text],
  body.xeropromo .form form input[type=password],
  body.xeropromo .form form select {
    width: 295px;
  }
  body.xeropromo .form .create-account,
  body.xeropromo .form .enroll {
    padding-left: 40px;
    padding-right: 40px;
  }
  body.xeropromo .why-hubdoc {
    width: 780px;
  }
  body.xeropromo .why-hubdoc .why-hd-item {
    width: 240px;
  }
  body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i {
    width: 38px;
    font-size: 30px;
  }
  body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.xeropromo-logo {
    height: 40px;
    width: 40px;
    background-image: url(https://www.hubdoc.com/images/xeropromo/xero_logo.png);
    background-size: 33px 33px;
    background-repeat: no-repeat;
    background-position: center left;
  }
  body.xeropromo .why-hubdoc .why-hd-item .why-hd-top h3 {
    font-size: 18px;
    width: 190px;
  }
}
@media (min-width: 992px) {
  body.xeropromo {
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.xeropromo #testimonials {
    padding-top: 100px;
    background-color: #ebeaeb;
    height: 720px;
  }
  body.xeropromo .testi {
    font-family: lobster;
    color: #40b9ec;
    font-size: 96px;
    font-weight: 400;
    line-height: 11.671px;
  }
  body.xeropromo .testi-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    line-height: 70px;
    font-weight: 400;
  }
  body.xeropromo .break-size {
    line-height: 10px;
  }
  body.xeropromo .testi-text-inner {
    font-family: Lato;
    color: #717171;
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
  }
  body.xeropromo .mySlider {
    outline: none !important;
    margin-top: 40px;
    width: 750px;
  }
  body.xeropromo .rating {
    width: 200px;
  }
  body.xeropromo .example-right {
    outline: none !important;
    border: none;
    position: relative;
    width: 700px;
    height: 340px;
    margin: 0;
    padding: 0 50px 0 50px;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.xeropromo .example-right + p {
    margin: 15px 25px 2em 0px;
    font-family: Lato;
    color: #717171;
    font-size: 22px;
    font-weight: 300;
    vertical-align: middle;
  }
  body.xeropromo .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.xeropromo {
    /* display of quote author (alternatively use a class on the element following the blockquote) */
    /* creates the triangle */
  }
  body.xeropromo .support-title {
    font-size: 80px!important;
  }
  body.xeropromo #testimonials {
    padding-top: 60px;
    background-color: #ebeaeb;
    height: 720px;
  }
  body.xeropromo .testi {
    font-family: lobster;
    color: #40b9ec;
    font-size: 96px;
    font-weight: 400;
    line-height: 100px;
  }
  body.xeropromo .testi-text {
    font-family: Lato;
    color: #717171;
    font-size: 24px;
    line-height: 70px;
    font-weight: 400;
  }
  body.xeropromo .testi-text-inner {
    font-family: Lato;
    color: #717171;
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
  }
  body.xeropromo .mySlider {
    outline: none !important;
    margin-top: 40px;
    width: 550px;
  }
  body.xeropromo .rating {
    width: 200px;
  }
  body.xeropromo .example-right {
    outline: none !important;
    border: none;
    position: relative;
    width: 500px;
    margin: 0;
    background: #FFF;
    /* default background for browsers without gradient support */
  }
  body.xeropromo .example-right + p {
    margin: 15px 0 2em 100px;
    font-family: Lato;
    color: #717171;
    font-size: 22px;
    font-weight: 300;
  }
  body.xeropromo .example-right:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;
    border-width: 0 50px 50px 0px;
    border-style: solid;
    border-color: transparent #FFF;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
  }
}
body.xeropromo #questions {
  background-color: #ebeaeb;
}
@media (min-width: 992px) {
  body.xeropromo .support-questions {
    padding-top: 40px;
  }
  body.xeropromo .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 70px;
    font-weight: 400;
  }
  body.xeropromo .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 20px;
    line-height: 19px;
    font-weight: 400;
  }
  body.xeropromo .bottom-button {
    margin-top: 25px;
  }
  body.xeropromo .questions-section {
    padding-top: 31px;
  }
  body.xeropromo .questions-button {
    padding: 12px 65px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.xeropromo .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.xeropromo .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.xeropromo #question-pic {
    overflow: hidden;
  }
  body.xeropromo .questions-back {
    height: 348px;
    bottom: 0;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.xeropromo .support-questions {
    padding-top: 40px;
  }
  body.xeropromo .questions {
    font-family: lobster;
    color: #40b9ec;
    font-size: 60px;
    font-weight: 400;
  }
  body.xeropromo .questions-text {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
  }
  body.xeropromo .bottom-button {
    margin-top: 25px;
  }
  body.xeropromo .questions-section {
    padding-top: 31px;
  }
  body.xeropromo .questions-button {
    padding: 12px 30px;
    background-color: #50bd9c;
    border-radius: 5px;
    font-family: Lato;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    font-weight: 400;
  }
  body.xeropromo .questions-button:hover {
    color: #fff;
    background-color: #00cea5;
  }
  body.xeropromo .credit-card {
    font-family: Lato;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  body.xeropromo #question-pic {
    overflow: hidden;
  }
  body.xeropromo .questions-back {
    height: 348px;
    bottom: 0;
    overflow: hidden;
  }
}
body.xeropromo .tab {
  overflow: hidden;
  background-color: white;
}
body.xeropromo .tab button {
  border: 1px solid lightgray;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 50%;
  height: 100px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.xeropromo #form-container {
  transition: all 250ms linear;
}
body.xeropromo .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.xeropromo .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.xeropromo .tab button:not(.active):hover {
  background-color: lightgray;
}
body.xeropromo .tabcontent {
  display: none;
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.xeropromo .promo-details {
  padding: 0px 15px;
}
body.xeropromo .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xeropromo .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.xeropromo .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.xeropromo .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.xeropromo {
  /*------------------------------------------------------------------
        [Testimonials Styles]
    -------------------------------------------------------------------*/
  /*------------------------------------------------------------------
        [BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
    -------------------------------------------------------------------*/
  /* display of quote author (alternatively use a class on the element following the blockquote) */
  /* creates the triangle */
}
body.xeropromo .mobile {
  display: block;
}
body.xeropromo .desktop {
  display: none;
}
body.xeropromo .heading {
  margin-top: 64px;
  height: 360px;
}
body.xeropromo h1 {
  padding-top: 25px;
  width: 315px;
  margin-bottom: -15px;
}
body.xeropromo h1 .top {
  font-size: 55px;
  line-height: 55px;
}
body.xeropromo h1 .bottom {
  margin-top: 5px;
  font-size: 23px;
}
body.xeropromo #xeropromo-laptop {
  height: 242px;
  width: 330px;
  background-size: 330px 242px;
}
body.xeropromo .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
  width: auto;
  padding: 0 25px;
}
body.xeropromo .form .xero-logo {
  margin: 0 auto 30px auto;
}
body.xeropromo .form .form-section {
  display: block;
  vertical-align: top;
}
body.xeropromo .form .form-left {
  width: auto;
}
body.xeropromo .form .form-right {
  width: auto;
}
body.xeropromo .form .xeropromo-perk {
  margin: 0;
  margin-bottom: 20px;
}
body.xeropromo .form .xeropromo-perk i {
  width: 10%;
  text-align: center;
}
body.xeropromo .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.xeropromo .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.xeropromo .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.xeropromo .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.xeropromo .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.xeropromo .form .xeropromo-perk span {
  width: 88%;
}
body.xeropromo .form form {
  margin-top: 60px;
}
body.xeropromo .form form input[type=text],
body.xeropromo .form form input[type=password],
body.xeropromo .form form select {
  width: 100%;
  font-size: 23px;
}
body.xeropromo .form form select {
  height: 52px;
}
body.xeropromo .form .password-requirement {
  margin-bottom: 5px;
  font-size: 16px;
}
body.xeropromo .form .password-requirement i {
  font-size: 18px;
}
body.xeropromo .why-hubdoc {
  margin: 0;
  margin-top: 40px;
  margin-bottom: 50px;
  padding: 0 25px;
  width: auto;
  text-align: left;
}
body.xeropromo .why-hubdoc h2 {
  display: block;
  font-size: 60px;
  margin-bottom: 45px;
  text-align: center;
}
body.xeropromo .why-hubdoc .row-top {
  margin-bottom: 0!important;
}
body.xeropromo .why-hubdoc .why-hd-item {
  display: block;
  width: auto;
  margin-right: 0;
  text-align: left;
  margin-bottom: 30px;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top {
  position: relative;
  margin-bottom: 7px;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i {
  display: inline;
  font-size: 25px;
  margin-right: 10px;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top i.xeropromo-logo {
  display: inline-block;
  height: 25px;
  width: 25px;
  background-size: 25px 25px;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-top h3 {
  display: inline;
  font-size: 22px;
}
body.xeropromo .why-hubdoc .why-hd-item .why-hd-bottom {
  font-size: 15px;
}
body.xeropromo .why-hubdoc .big-btn {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
body.xeropromo .hubdoc-video {
  height: 300px;
  width: 100%;
  background-image: url(https://www.hubdoc.com/images/xeropromo/bke_video.jpg);
  background-size: 780px 300px;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #eaeaec;
}
body.xeropromo .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.xeropromo #footer {
  background-color: #ffffff;
}
body.xeropromo #testimonials {
  padding: 10vw 0 5vw 0;
  overflow: hidden;
  background-color: #ebeaeb;
}
body.xeropromo .testi {
  font-family: lobster;
  color: #40b9ec;
  font-size: 15vw;
  font-weight: 400;
  line-height: 15vw;
}
body.xeropromo .testi-text {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 400;
}
body.xeropromo .testi-text-inner {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
}
body.xeropromo .mySlider {
  outline: none !important;
  margin-top: 4vw;
  width: 80%;
}
body.xeropromo .rating {
  width: 40%;
}
body.xeropromo .example-right {
  outline: none !important;
  border: none;
  position: relative;
  width: 100%;
  margin: 0;
  background: #FFF;
  /* default background for browsers without gradient support */
}
body.xeropromo .author {
  margin: 3vw 0 6vw 0;
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
}
body.xeropromo .example-right:after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 50px;
  border-width: 0 50px 50px 0px;
  border-style: solid;
  border-color: transparent #FFF;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
body.xero {
  /*------------------------------------------------------------------
		[BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE]
	-------------------------------------------------------------------*/
  /* display of quote author (alternatively use a class on the element following the blockquote) */
  /* creates the triangle */
}
body.xero #main-section {
  background-color: #ebeaeb;
  padding-top: 85px;
}
body.xero .xero-title {
  line-height: 20vw;
  font-size: 25vw;
}
body.xero .title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 14vw;
  font-size: 15vw;
  margin-top: 25px;
  margin-bottom: 45vw;
}
body.xero .back-img-m {
  position: absolute;
  width: 100%;
}
body.xero #connect {
  padding-top: 32vw;
}
body.xero .logo-support-text {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 300;
  line-height: 5vw;
}
body.xero .button-margins {
  margin: 8vw 0 8vw 0;
}
body.xero .demo-button {
  padding: 5vw 10vw;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 6.5vw;
  line-height: 10vw;
  font-weight: 300;
}
body.xero .demo-button:hover {
  color: #fff;
  background-color: #00cea5;
}
body.xero #video {
  background-color: #ebeaeb;
  padding-bottom: 5vw;
}
body.xero .logos {
  display: block;
}
body.xero .qb-logo {
  width: 30vw;
  margin: 10vw 1vw;
  display: inline-block;
}
body.xero .apps-logo {
  width: 30vw;
  margin: 10vw 1vw;
  display: inline-block;
}
body.xero .subtext {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  font-weight: 400;
  transform: scaleX(1);
}
body.xero .divider {
  margin: 10vw 0 7vw 0;
  background-color: #B1B1B1;
  height: 1vw;
}
body.xero .row {
  padding: 2.5vw 0 !important;
}
body.xero .icon-text {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  line-height: 3vw;
  font-weight: 350;
  vertical-align: top;
}
body.xero .file-icon {
  vertical-align: top;
  color: #f9b13c;
  font-size: 10vw;
}
body.xero .usd-icon {
  vertical-align: top;
  color: #50bd9c;
  font-size: 10vw;
}
body.xero .puzzle-icon {
  vertical-align: top;
  color: #f7675a;
  font-size: 10vw;
}
body.xero .magic-icon {
  vertical-align: top;
  color: #3bbff4;
  font-size: 10vw;
}
body.xero #integrate {
  padding-top: 10vw;
}
body.xero .title-int-1 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 10vw;
  line-height: 12vw;
}
body.xero .title-int-2 {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 15vw;
  line-height: 15vw;
}
body.xero .subtext-int {
  font-family: Lato;
  color: #717171;
  font-size: 4.5vw;
  line-height: 5.5vw;
  font-weight: 300;
  margin: 5vw 0;
}
body.xero .video-frame {
  margin-bottom: 5vw;
}
body.xero #what-is-qb {
  background-color: #ebeaeb;
  padding-top: 10vw;
  padding-bottom: 5vw;
}
body.xero .what-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  font-size: 14vw;
  line-height: 17vw;
}
body.xero .what-subtext {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
  margin: 5vw;
}
body.xero .divider-2 {
  margin: 0 0 3vw 0;
  background-color: #FFF;
  height: 1vw;
}
body.xero .qb-icon {
  width: 10vw;
}
body.xero #testi-mobile {
  padding: 5vw 0;
  background-color: #ebeaeb;
}
body.xero .testi-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 10vw;
  font-size: 15vw;
  margin-top: 25px;
}
body.xero .testi-text-inner {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 6vw;
  font-weight: 500;
}
body.xero .mySlider {
  outline: none !important;
  margin-top: 4vw;
  width: 80%;
}
body.xero .rating {
  width: 40%;
}
body.xero .example-right {
  outline: none !important;
  position: relative;
  width: 100%;
  margin: 0;
  background: #FFF;
  /* default background for browsers without gradient support */
}
body.xero .author {
  margin: 3vw 0 5vw 0;
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
}
body.xero .example-right:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50px;
  border-width: 0 40px 40px 0px;
  border-style: solid;
  border-color: transparent #FFF;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
body.xero #try {
  background-color: #ebeaeb;
  padding-top: 10vw;
}
body.xero .try-title {
  font-family: lobster;
  color: #40b9ec;
  font-weight: 400;
  line-height: 20vw;
  font-size: 15vw;
}
body.xero .try-subtext {
  font-family: Lato;
  color: #717171;
  font-size: 5vw;
  line-height: 5vw;
  font-weight: 300;
}
body.xero .try-credit {
  font-family: Lato;
  color: #717171;
  font-size: 4vw;
  font-weight: 300;
  margin: 5vw 0;
}
body.xero .bottom-back {
  width: 100%;
}
body.xero .button-margins-2 {
  margin: 8vw 0 0vw 0;
}
</style>

<style type="text/css">#zc3c872ee018dce72e0fb63175749815db7b81a43-container{margin:0;padding:0;overflow:hidden;position:absolute;border:none;background-color:transparent}body.logged-in.admin-bar #zc3c872ee018dce72e0fb63175749815db7b81a43-container.HB-Bar.hb-bar-top,body.logged-in.admin-bar #zc3c872ee018dce72e0fb63175749815db7b81a43-container.HB-Slider.hb-top-left,body.logged-in.admin-bar #zc3c872ee018dce72e0fb63175749815db7b81a43-container.HB-Slider.hb-top-right,body.logged-in.admin-bar #pull-down.hb-bar-top,body.logged-in.admin-bar #pull-down.hb-top-left,body.logged-in.admin-bar #pull-down.hb-top-right{z-index:99998!important;top:32px!important}.hellobar#pull-down.hb-animated{animation-duration:1s;-o-animation-duration:1s;-ms-animation-duration:1s;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.hellobar#pull-down{top:-1px;right:10px;padding:3px;z-index:10000002;overflow:hidden;position:absolute;border-radius:0 0 5px 5px;transform:translateY(-40px);-o-transform:translateY(-40px);-ms-transform:translateY(-40px);-moz-transform:translateY(-40px);-webkit-transform:translateY(-40px)}.hellobar#pull-down .hellobar-arrow{cursor:pointer;display:flex;height:11px;opacity:.3;width:11px;filter:flipv;transform:scaleY(-1);-o-transform:scaleY(-1);-ms-transform:scaleY(-1);-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1)}.hellobar#pull-down .hellobar-arrow:hover{opacity:.6}.hellobar#pull-down .hellobar-arrow svg{fill:#fff}.hellobar#pull-down.inverted .hellobar-arrow svg{fill:#3c3e3f}#zc3c872ee018dce72e0fb63175749815db7b81a43-container.hb-animated{animation-duration:.25s;-o-animation-duration:.25s;-ms-animation-duration:.25s;-moz-animation-duration:.25s;-webkit-animation-duration:.25s;animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}@keyframes hb-bounceInDown{0%,60%,75%,90%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);-ms-transition-timing-function:cubic-bezier(.215,.61,.355,1);-moz-transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,-3000px,0);-o-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);-moz-transform:translate3d(0,-3000px,0);-webkit-transform:translate3d(0,-3000px,0)}60%{transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0)}75%{transform:translate3d(0,-40px,0);-o-transform:translate3d(0,-40px,0);-ms-transform:translate3d(0,-40px,0);-moz-transform:translate3d(0,-40px,0);-webkit-transform:translate3d(0,-40px,0)}90%{transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0)}to{transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none}}@-moz-keyframes hb-bounceInDown{0%,60%,75%,90%,to{-moz-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-moz-transform:translate3d(0,-3000px,0)}60%{-moz-transform:translateZ(0)}75%{-moz-transform:translate3d(0,-40px,0)}90%{-moz-transform:translateZ(0)}to{-moz-transform:none}}@-webkit-keyframes hb-bounceInDown{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translateZ(0)}75%{-webkit-transform:translate3d(0,-40px,0)}90%{-webkit-transform:translateZ(0)}to{-webkit-transform:none}}@keyframes hb-bounceInUp{0%,60%,75%,90%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);-ms-transition-timing-function:cubic-bezier(.215,.61,.355,1);-moz-transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,3000px,0);-o-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);-moz-transform:translate3d(0,3000px,0);-webkit-transform:translate3d(0,3000px,0)}60%{transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0)}75%{transform:translate3d(0,40px,0);-o-transform:translate3d(0,40px,0);-ms-transform:translate3d(0,40px,0);-moz-transform:translate3d(0,40px,0);-webkit-transform:translate3d(0,40px,0)}90%{transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0)}to{transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none}}@-moz-keyframes hb-bounceInUp{0%,60%,75%,90%,to{-moz-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-moz-transform:translate3d(0,3000px,0)}60%{-moz-transform:translateZ(0)}75%{-moz-transform:translate3d(0,40px,0)}90%{-moz-transform:translateZ(0)}to{-moz-transform:none}}@-webkit-keyframes hb-bounceInUp{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0)}60%{-webkit-transform:translateZ(0)}75%{-webkit-transform:translate3d(0,40px,0)}90%{-webkit-transform:translateZ(0)}to{-webkit-transform:none}}@keyframes hb-bounceOutUp{0%,to{transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-ms-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in}0%{transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none}to{transform:translate3d(0,-500px,0);-o-transform:translate3d(0,-500px,0);-ms-transform:translate3d(0,-500px,0);-moz-transform:translate3d(0,-500px,0);-webkit-transform:translate3d(0,-500px,0)}}@-moz-keyframes hb-bounceOutUp{0%,to{-moz-transition-timing-function:ease-in}0%{-moz-transform:none}to{-moz-transform:translate3d(0,-500px,0)}}@-webkit-keyframes hb-bounceOutUp{0%,to{-webkit-transition-timing-function:ease-in}0%{-webkit-transform:none}to{-webkit-transform:translate3d(0,-500px,0)}}@keyframes hb-bounceOutDown{0%,to{transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-ms-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in}0%{transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none}to{transform:translate3d(0,500px,0);-o-transform:translate3d(0,500px,0);-ms-transform:translate3d(0,500px,0);-moz-transform:translate3d(0,500px,0);-webkit-transform:translate3d(0,500px,0)}}@-moz-keyframes hb-bounceOutDown{0%,to{-moz-transition-timing-function:ease-in}0%{-moz-transform:none}to{-moz-transform:translate3d(0,500px,0)}}@-webkit-keyframes hb-bounceOutDown{0%,to{-webkit-transition-timing-function:ease-in}0%{-webkit-transform:none}to{-webkit-transform:translate3d(0,500px,0)}}@keyframes hb-bounceInLeft{0%,75%,to{transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-o-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-ms-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-moz-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-webkit-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{transform:translate3d(200%,0,0);-o-transform:translate3d(200%,0,0);-ms-transform:translate3d(200%,0,0);-moz-transform:translate3d(200%,0,0);-webkit-transform:translate3d(200%,0,0)}75%{transform:translate3d(-10%,0,0);-o-transform:translate3d(-10%,0,0);-ms-transform:translate3d(-10%,0,0);-moz-transform:translate3d(-10%,0,0);-webkit-transform:translate3d(-10%,0,0)}to{transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none}}@-moz-keyframes hb-bounceInLeft{0%,75%,to{-moz-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{-moz-transform:translate3d(200%,0,0)}75%{-moz-transform:translate3d(-10%,0,0)}to{-moz-transform:none}}@-webkit-keyframes hb-bounceInLeft{0%,75%,to{-webkit-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{-webkit-transform:translate3d(200%,0,0)}75%{-webkit-transform:translate3d(-10%,0,0)}to{-webkit-transform:none}}@keyframes hb-bounceOutRight{0%,25%,to{transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-o-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-ms-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-moz-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-webkit-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none}25%{transform:translate3d(-10%,0,0);-o-transform:translate3d(-10%,0,0);-ms-transform:translate3d(-10%,0,0);-moz-transform:translate3d(-10%,0,0);-webkit-transform:translate3d(-10%,0,0)}to{transform:translate3d(200%,0,0);-o-transform:translate3d(200%,0,0);-ms-transform:translate3d(200%,0,0);-moz-transform:translate3d(200%,0,0);-webkit-transform:translate3d(200%,0,0)}}@-moz-keyframes hb-bounceOutRight{0%,25%,to{-moz-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{-moz-transform:none}25%{-moz-transform:translate3d(-10%,0,0)}to{-moz-transform:translate3d(200%,0,0)}}@-webkit-keyframes hb-bounceOutRight{0%,25%,to{-webkit-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{-webkit-transform:none}25%{-webkit-transform:translate3d(-10%,0,0)}to{-webkit-transform:translate3d(200%,0,0)}}@keyframes hb-bounceInRight{0%,75%,to{transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-o-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-ms-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-moz-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-webkit-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{transform:translate3d(-200%,0,0);-o-transform:translate3d(-200%,0,0);-ms-transform:translate3d(-200%,0,0);-moz-transform:translate3d(-200%,0,0);-webkit-transform:translate3d(-200%,0,0)}75%{transform:translate3d(10%,0,0);-o-transform:translate3d(10%,0,0);-ms-transform:translate3d(10%,0,0);-moz-transform:translate3d(10%,0,0);-webkit-transform:translate3d(10%,0,0)}to{transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none}}@-moz-keyframes hb-bounceInRight{0%,75%,to{-moz-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{-moz-transform:translate3d(-200%,0,0)}75%{-moz-transform:translate3d(10%,0,0)}to{-moz-transform:none}}@-webkit-keyframes hb-bounceInRight{0%,75%,to{-webkit-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{-webkit-transform:translate3d(-200%,0,0)}75%{-webkit-transform:translate3d(10%,0,0)}to{-webkit-transform:none}}@keyframes hb-bounceOutLeft{0%,25%,to{transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-o-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-ms-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-moz-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255);-webkit-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none}25%{transform:translate3d(10%,0,0);-o-transform:translate3d(10%,0,0);-ms-transform:translate3d(10%,0,0);-moz-transform:translate3d(10%,0,0);-webkit-transform:translate3d(10%,0,0)}to{transform:translate3d(-200%,0,0);-o-transform:translate3d(-200%,0,0);-ms-transform:translate3d(-200%,0,0);-moz-transform:translate3d(-200%,0,0);-webkit-transform:translate3d(-200%,0,0)}}@-moz-keyframes hb-bounceOutLeft{0%,25%,to{-moz-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{-moz-transform:none}25%{-moz-transform:translate3d(10%,0,0)}to{-moz-transform:translate3d(-200%,0,0)}}@-webkit-keyframes hb-bounceOutLeft{0%,25%,to{-webkit-transition-timing-function:cubic-bezier(.65,-.25,.325,1.255)}0%{-webkit-transform:none}25%{-webkit-transform:translate3d(10%,0,0)}to{-webkit-transform:translate3d(-200%,0,0)}}@keyframes hb-fadeIn{0%,to{transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-ms-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in}0%{opacity:0}to{opacity:1}}@-moz-keyframes hb-fadeIn{0%,to{-moz-transition-timing-function:ease-in}0%{opacity:0}to{opacity:1}}@-webkit-keyframes hb-fadeIn{0%,to{-webkit-transition-timing-function:ease-in}0%{opacity:0}to{opacity:1}}@keyframes hb-fadeOut{0%,to{transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-ms-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in}0%{opacity:1}to{opacity:0}}@-moz-keyframes hb-fadeOut{0%,to{-moz-transition-timing-function:ease-in}0%{opacity:1}to{opacity:0}}@-webkit-keyframes hb-fadeOut{0%,to{-webkit-transition-timing-function:ease-in}0%{opacity:1}to{opacity:0}}@keyframes hb-fadeInDown{0%,to{transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-ms-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in}0%{opacity:0;height:110%;margin-top:-5%}to{opacity:1;height:100%;margin-top:0}}@-moz-keyframes hb-fadeInDown{0%,to{-moz-transition-timing-function:ease-in}0%{opacity:0;height:110%;margin-top:-5%}to{opacity:1;height:100%;margin-top:0}}@-webkit-keyframes hb-fadeInDown{0%,to{-webkit-transition-timing-function:ease-in}0%{opacity:0;height:110%;margin-top:-5%}to{opacity:1;height:100%;margin-top:0}}@keyframes hb-fadeOutUp{0%,to{transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-ms-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in}0%{opacity:1;height:100%;margin-top:0}to{opacity:0;height:110%;margin-top:-5%}}@-moz-keyframes hb-fadeOutUp{0%,to{-moz-transition-timing-function:ease-in}0%{opacity:1;height:100%;margin-top:0}to{opacity:0;height:110%;margin-top:-5%}}@-webkit-keyframes hb-fadeOutUp{0%,to{-webkit-transition-timing-function:ease-in}0%{opacity:1;height:100%;margin-top:0}to{opacity:0;height:110%;margin-top:-5%}}.hb-hidden{display:none}body .hb-cu-offer,html .hb-cu-offer{text-align:center!important;padding:2em!important}body .hb-cu-offer a,html .hb-cu-offer a{text-decoration:none!important;box-shadow:none!important}body .hb-cu-offer a:hover,html .hb-cu-offer a:hover{text-decoration:underline!important;box-shadow:none!important}.hb-cu-modal{display:block!important;width:90%!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;font-family:Open Sans,Helvetica,Arial,sans-serif!important;padding:20px!important;text-align:center!important;font-size:13px!important;background-color:#fefefe!important;margin:0!important;border:1px solid #efefef!important;max-width:670px!important}.hb-cu-modal .progress{margin:10px auto 18px!important;width:95%!important}.hb-cu-modal .caption{color:#000!important;border-bottom:1px solid #ccc!important;font-size:10pt!important;padding:8px 0!important;width:85%!important;max-width:520px!important}.hb-cu-modal .caption,.hb-cu-modal .headline{font-family:Open Sans,Helvetica,Arial,sans-serif!important;margin:auto!important}.hb-cu-modal .headline{letter-spacing:0!important;color:#333!important;font-size:18pt!important;font-weight:700!important;padding:30px!important;max-width:500px!important}.hb-cu-modal .form{padding:0 30px!important}.hb-cu-modal input{display:block!important}.hb-cu-modal input,.hb-cu-modal input[type=checkbox]{padding:13px!important;width:100%!important;max-width:450px!important;margin:auto!important;margin-bottom:15px!important;font-size:1.2em!important;color:#201d1d!important;background:#fff!important;border:1pt solid #c9d7dd!important}.hb-cu-modal input[type=checkbox]{display:inline!important}.hb-cu-modal .hb-gdpr-checkboxes{padding:0 67px!important;margin-bottom:15px!important}.hb-cu-modal .hb-gdpr-checkboxes label{text-align:left;margin:0 0 10px;display:flex;align-items:flex-start}.hb-cu-modal .hb-gdpr-checkboxes span{flex:94%}.hb-cu-modal .hb-gdpr-checkboxes .hb-gdpr-checkbox{padding:0!important;width:auto!important;margin:2px 5px 0 0!important;font-size:1.2em!important;color:#201d1d!important;background:#fff!important;border:1pt solid #c9d7dd!important;display:inline!important}.hb-cu-modal .cta{padding:13px!important;width:100%!important;max-width:450px!important;margin:auto!important;margin-bottom:15px!important;font-size:1.2em!important;color:#201d1d!important;display:block!important;color:#fff!important;text-transform:uppercase!important;text-decoration:none!important;font-family:Open Sans,Helvetica,Arial,sans-serif!important;font-weight:700!important;cursor:pointer!important;padding:20px!important;font-size:18px!important;margin-top:5px!important;border:none!important;border-radius:0!important;-webkit-appearance:none!important}.hb-cu-modal .cta:focus{outline:none!important}.hb-cu-modal .spam-disclaimer{font-family:Open Sans,Helvetica,Arial,sans-serif!important;margin-top:8px!important;color:#9c9c9d!important;font-size:14px!important}.hb-cu-modal-container{display:none;position:fixed!important;z-index:9000000!important;padding:0!important;padding-top:100px!important;left:0!important;top:0!important;width:100%!important;height:100%!important;overflow:auto!important;background-color:#000!important;background-color:rgba(0,0,0,.4)!important;box-sizing:content-box!important}#hb-cu-close-button{margin-top:-35px!important;margin-right:-35px!important;float:right!important;width:auto!important;height:auto!important;background:#333!important;border:2px solid #fff!important;-webkit-border-radius:18px!important;-moz-border-radius:18px!important;border-radius:18px!important;box-shadow:none!important;box-sizing:border-box!important;letter-spacing:normal!important;word-spacing:0!important;text-size-adjust:100%!important;padding:7px!important;display:flex!important;justify-content:center!important;align-items:center!important}#hb-cu-close-button svg{fill:transparent!important;stroke:#fff!important;stroke-linecap:round!important;stroke-width:5px!important}</style><style type="text/css" id="less:error-message">.less-error-message ul, .less-error-message li {
list-style-type: none;
margin-right: 15px;
padding: 4px 0;
margin: 0;
}
.less-error-message label {
font-size: 12px;
margin-right: 15px;
padding: 4px 0;
color: #cc7777;
}
.less-error-message pre {
color: #dd6666;
padding: 4px 0;
margin: 0;
display: inline-block;
}
.less-error-message pre.line {
color: #ff0000;
}
.less-error-message h3 {
font-size: 20px;
font-weight: bold;
padding: 15px 0 5px 0;
margin: 0;
}
.less-error-message a {
color: #10a
}
.less-error-message .error {
color: red;
font-weight: bold;
padding-bottom: 2px;
border-bottom: 1px dashed red;
}</style></head>

<body id="page-top" data-target=".navbar-fixed-top" class="home">
 </body></html>

                             

Screenshot: