@charset "UTF-8";
@import "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,
.ownershipterms #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(../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(../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(../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(../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: 392px;
    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: 331px;
    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(../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(../images/home/back-2x.gif) no-repeat;
  }
}
body.home #main-section {
  background: url(../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(../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;
  padding-left: 135px;
}
body.home .r2 {
  display: inline-block;
  padding: 0 63px;
  border-left: 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(../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: 100px 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(../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(../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(../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(../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;
}
body.how-it-works .qb {
  width: 100px;
}
@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(../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(../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(../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(../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.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(../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(../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(../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(../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(../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(../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: 740px;
    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: 620px;
    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: 500px;
    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(../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: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.pricing .try-and-price-container {
  display: 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.ownershipterms #sec-1 {
  padding-top: 98px;
  padding-bottom: 40px;
  background-color: #ebeaeb;
}
body.ownershipterms .title {
  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.ownershipterms .header {
  font-family: Lato;
  color: #717171;
  font-size: 18px;
  line-height: 13px;
  font-weight: 900;
}
body.ownershipterms .text-segment {
  margin-bottom: 20px;
  font-size: 16px;
  color: #717171;
  font-family: lato;
}
body.ownershipterms .list-of-text > * {
  margin-bottom: 20px;
  font-size: 16px;
  color: #717171;
  font-family: lato;
}
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.privacy-policy table.simple,
body.terms table.simple {
  border: 1px #717171 solid;
}
body.privacy-policy table.simple th,
body.terms table.simple th,
body.privacy-policy table.simple td,
body.terms table.simple td {
  padding: 10px;
  border: 1px #717171 solid;
}
body.privacy-policy table.centered,
body.terms table.centered {
  margin: auto;
}
body.security-policy .security-style {
  height: 38em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 3em;
}
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: 100px;
  }
  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: 1021px;
    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: 960px;
    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(../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(../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: 800px;
  background-image: url(../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(../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(../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(../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: 600px;
  background-image: url(../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 .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 .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(../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(../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: 600px;
  background-image: url(../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 .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 .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(../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(../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 .circle-image {
  height: 130px;
  left: -31px;
  top: -50px;
  position: absolute;
}
body.partnerpromotion .signup-prompt {
  text-align: center;
}
body.partnerpromotion .crossout {
  position: relative;
  display: inline-block;
}
body.partnerpromotion .xero-hubdoc-partner-promo {
  min-height: 750px;
  background-image: url(../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: 300px;
}
@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-promo .xero-hubdoc-partner-promo-wrapper .xero-hubdoc-partner-promo-text .xero-hubdoc-partner-promo-padding {
  padding-top: 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 .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 .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.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(../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(../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(../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(../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(../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(../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(../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;
  }
}
body.support {
  font-family: Lato;
}
body.support nav {
  top: 0;
}
body.support .region {
  max-width: 100%;
}
body.support .region-name {
  text-align: center;
  font-size: 20px;
  color: grey;
}
body.support .region-option {
  padding-top: 10px;
  transition: background-color 0.1s;
  cursor: pointer;
  border-radius: 5px;
}
body.support .region-option:hover {
  background-color: #dcdcdc;
}
body.support .modal-title,
body.support .region-name {
  font-family: lato;
  text-shadow: none;
}
body.support #schedule-demo-modal {
  text-align: center;
}
body.support .col-sm-3 {
  width: 20%;
}
body.support .big-btn {
  display: inline-block;
  padding: 15px 67px;
  background-color: #50bd9c;
  border-radius: 5px;
  font-family: Lato;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  border: none;
  outline: none;
}
body.support .big-btn:hover {
  background-color: #00cea5;
}
body.support .big-btn[disabled] {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  background-color: #50bd9c;
}
body.support .support-heading {
  margin-top: 30px;
  min-height: 700px;
  width: 100%;
  background-image: url(../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: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2400px) {
  body.support .support-heading {
    min-height: 800px;
  }
}
body.support .support-heading #xero-hubdoc-support-text {
  width: 45%;
  font-family: Lato;
  color: white;
  text-shadow: none;
}
@media (min-width: 2400px) {
  body.support .support-heading #xero-hubdoc-support-text {
    padding-left: 10%;
  }
}
body.support .support-heading #xero-hubdoc-support-text h2 {
  font-weight: 300;
  text-align: center;
  max-width: 420px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.support .support-heading #xero-hubdoc-support-text h4 {
  text-align: center;
  margin-top: 20px;
  line-height: 25px;
}
body.support .support-heading #xero-hubdoc-support-text h4 a {
  color: #ffffff;
  line-height: 15px;
}
body.support .support-heading #xero-hubdoc-support-text h6 {
  text-align: center;
  margin-top: 20px;
  font-size: 13px;
  line-height: 18px;
}
body.support .support-heading #xero-hubdoc-support-text h6 a {
  color: #ffffff;
  line-height: 15px;
}
body.support .support-heading #xero-hubdoc-support-text div {
  font-weight: 300;
  padding-top: 90px;
  font-size: 20px;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-buttons {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-top: 0px;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-buttons .get-hubdoc-button {
  padding: 0;
  margin: auto;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-buttons .get-hubdoc-button button {
  padding: 5px 20px 5px 20px;
  display: inline-flex;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-buttons .xero-button {
  color: white;
  background: #60bae8;
  text-shadow: none;
  padding-left: 0;
  padding-right: 0;
  width: calc(98%);
  line-height: 23px;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-buttons .xero-button:hover {
  background: #34A8D5;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-buttons .hubdoc-helpdesk-button {
  color: white;
  background: #50bd9c;
  text-shadow: none;
  padding-left: 0;
  padding-right: 0;
  padding: 6px 0px;
  width: calc(98%);
  line-height: 25px;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-buttons .hubdoc-helpdesk-button:hover {
  background-color: #00cea5;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-buttons #play-video-button {
  padding-top: 0;
  font-weight: bold;
  font-size: 20px;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-buttons #play-video-button #play-icon {
  vertical-align: middle;
  font-weight: lighter;
  font-size: 40px;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-logo {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-top: 20px;
}
body.support .support-heading #xero-hubdoc-support-text .support-heading-logo div {
  padding: 0;
  margin: auto;
}
body.support .support-heading #xero-hubdoc-support-logo {
  height: 300px;
  width: 50%;
  background-image: url(../images/partnerpromotion/xero-partner-robot-bubble.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 35%;
}
@media (min-width: 2400px) {
  body.support .support-heading #xero-hubdoc-support-logo {
    padding-right: 20%;
    height: 400px;
  }
}
body.support .support-heading #get-in-touch-hd {
  text-decoration: underline;
}
body.support .support-heading #get-in-touch-hd:hover {
  color: #4abbed;
}
body.support h1 {
  width: 855px;
}
body.support .xero-hubdoc-support-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.support .xero-hubdoc-support-features {
    min-height: 600px;
  }
}
body.support .xero-hubdoc-support-features h1 {
  font-size: 30px;
  font-weight: bold;
}
body.support .xero-hubdoc-support-features .features-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 100px;
}
body.support .xero-hubdoc-support-features .features-wrapper .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.support .xero-hubdoc-support-features .features-wrapper .feature .feature-text {
  padding-top: 20px;
  text-align: center;
}
@media (min-width: 1800px) and (max-width: 3400px) {
  body.support .xero-hubdoc-support-features .features-wrapper .feature .feature-text {
    font-size: 18px;
  }
}
@media (min-width: 3401px) {
  body.support .xero-hubdoc-support-features .features-wrapper .feature .feature-text {
    font-size: 20px;
  }
}
body.support .xero-hubdoc-support-features .features-wrapper .feature .feature-image {
  margin: 0 auto;
  height: 50px;
}
body.support .offer-form-options-feedback {
  margin: auto;
  width: 335px;
}
body.support .circle-image {
  height: 130px;
  left: -31px;
  top: -50px;
  position: absolute;
}
body.support .arrow-image {
  height: 200px;
  top: 7px;
  left: -65px;
  position: absolute;
}
body.support .under-arrow {
  bottom: -175px;
  position: absolute;
}
body.support .crossout {
  position: relative;
  display: inline-block;
}
body.support .xero-hubdoc-support-promo {
  min-height: 700px;
  background-image: url(../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.support .xero-hubdoc-support-promo {
    min-height: 700px;
  }
}
@media (max-width: 1400px) {
  body.support .xero-hubdoc-support-promo {
    background-size: auto;
  }
}
body.support .xero-hubdoc-support-promo .xero-hubdoc-support-promo-wrapper {
  width: 700px;
  position: absolute;
  top: 260px;
}
@media (min-width: 2400px) {
  body.support .xero-hubdoc-support-promo .xero-hubdoc-support-promo-wrapper {
    width: 1000px;
  }
}
body.support .xero-hubdoc-support-promo .xero-hubdoc-support-promo-wrapper h3 {
  color: #00d4ea;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.support .xero-hubdoc-support-promo .xero-hubdoc-support-promo-wrapper h3 {
    font-size: 35px;
  }
}
body.support .xero-hubdoc-support-promo .xero-hubdoc-support-promo-wrapper .xero-hubdoc-support-promo-text {
  text-align: center;
}
@media (min-width: 240px) {
  body.support .xero-hubdoc-support-promo .xero-hubdoc-support-promo-wrapper .xero-hubdoc-support-promo-text {
    font-size: 20px;
  }
}
body.support .xero-hubdoc-support-security {
  min-height: 400px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.support .xero-hubdoc-support-security h3 {
  color: #00d4ea;
  font-weight: bold;
}
@media (min-width: 2400px) {
  body.support .xero-hubdoc-support-security h3 {
    font-size: 35px;
  }
}
body.support .xero-hubdoc-support-security .security-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 50px;
}
body.support .xero-hubdoc-support-security .security-wrapper .security-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 100%;
  margin: 0 30px 0 30px;
}
body.support .xero-hubdoc-support-security .security-wrapper .security-block .security-text {
  padding-top: 40px;
  text-align: center;
  font-size: 17px;
}
@media (min-width: 2400px) {
  body.support .xero-hubdoc-support-security .security-wrapper .security-block .security-text {
    font-size: 18px;
  }
}
body.support .xero-hubdoc-support-security .security-wrapper .security-block .security-image {
  margin: 0 auto;
  height: 50px;
}
body.support .form {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  body.support .form {
    width: 1000px;
  }
}
body.support .form .form-title {
  font-weight: bold;
  color: #00d4ea;
  font-size: 25px;
}
body.support .form .form-title-country-wrapper .form-title-country {
  font-size: 15px;
  font-weight: bold;
}
body.support .form .form-title-country-wrapper .form-title-country-change {
  font-size: 10px;
}
body.support .form .form-section {
  display: inline-block;
  vertical-align: top;
}
body.support .form .form-left {
  width: 55%;
}
body.support .form .form-right {
  width: 44%;
  margin-top: 95px;
}
body.support .form .xeropromo-logo {
  margin-bottom: 30px;
  height: 179px;
  width: 310px;
  background-image: url(../images/xeropromo/xeropromo_logo.png);
  background-size: 310px 179px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.support .form .xeropromo-perk {
  margin: 0 0 20px 0;
}
body.support .form .xeropromo-perk i {
  width: 40px;
  font-size: 25px;
  text-align: center;
}
body.support .form .xeropromo-perk i.fa-certificate {
  color: #f5af49;
}
body.support .form .xeropromo-perk i.fa-phone {
  color: #4bb9e7;
}
body.support .form .xeropromo-perk i.fa-gift {
  color: #ee6559;
}
body.support .form .xeropromo-perk i.fa-graduation-cap {
  color: #2f608f;
}
body.support .form .xeropromo-perk i.fa-shield {
  color: #bcbbbb;
}
body.support .form .xeropromo-perk span {
  width: 325px;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
body.support .form form input[type=text],
body.support .form form input[type=password],
body.support .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.support .form form select {
  height: 44px;
  color: #aaa;
}
body.support .form #enroll-success {
  display: none;
}
body.support .form #enroll-success h2 {
  margin-top: 0;
  font-family: lobster;
  color: #39baee;
  font-size: 30px;
  margin-bottom: 20px;
}
body.support .form .checkbox-field {
  font-size: 17px;
}
body.support .form .checkbox-field input {
  margin-right: 5px;
}
body.support .form .create-account {
  margin: 15px auto;
  width: 335px;
  display: block;
}
body.support .form .enroll {
  margin: 15px 0;
  width: 100%;
}
body.support .form .activity,
body.support .form .activity2 {
  display: none;
  text-align: center;
  color: #50bd9c;
  margin: 15px 0;
}
body.support .form .password-requirement {
  font-size: 13px;
  vertical-align: top;
}
body.support .form .password-requirement i {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  width: 6%;
  font-size: 15px;
}
body.support .form .password-requirement i.fa-check {
  color: #1abc9c;
}
body.support .form .password-requirement i.fa-close {
  color: #ff685f;
}
body.support .form .password-requirement span {
  display: inline-block;
  width: 90%;
}
body.support .form .password-requirement > * {
  vertical-align: top;
}
body.support .form .form-field {
  margin: 15px auto;
}
body.support .form .form-field.error {
  color: #ff685f;
  border: 1px solid #ff685f;
}
body.support .form .form-field.error#toc {
  border: none;
}
body.support .form .form-error {
  display: none;
  color: #ff685f;
  font-weight: bold;
  text-align: center;
}
body.support .xero-hubdoc-support-quote {
  min-height: 500px;
  background-color: #18355F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.support .xero-hubdoc-support-quote .xero-hubdoc-support-quote-star {
  align-self: center;
  height: 35px;
}
@media (min-width: 2400px) {
  body.support .xero-hubdoc-support-quote .xero-hubdoc-support-quote-star {
    height: 45px;
  }
}
body.support .xero-hubdoc-support-quote .xero-hubdoc-support-quote-quotation-mark {
  align-self: baseline;
  margin: 0 0 25px 30%;
  height: 30px;
}
body.support .xero-hubdoc-support-quote .xero-hubdoc-support-quote-box {
  width: 40%;
  height: 200px;
  background-color: white;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.support .xero-hubdoc-support-quote .xero-hubdoc-support-quote-box .xero-hubdoc-support-quote-text {
  font-size: 1.25em;
  width: 80%;
}
@media (min-width: 2400px) {
  body.support .xero-hubdoc-support-quote .xero-hubdoc-support-quote-box .xero-hubdoc-support-quote-text {
    font-size: 1.75em;
  }
}
body.support .xero-hubdoc-support-quote .xero-hubdoc-support-quote-name {
  color: white;
  align-self: baseline;
  margin: 20px 0 0 30%;
}
@media (min-width: 2400px) {
  body.support .xero-hubdoc-support-quote .xero-hubdoc-support-quote-name {
    font-size: 20px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  body.support .support-heading {
    height: 550px;
  }
  body.support h1 {
    margin-bottom: -50px;
    width: 645px;
  }
  body.support h1 .top {
    display: block;
    font-size: 70px;
  }
  body.support h1 .bottom {
    display: block;
    font-size: 43px;
  }
}
body.support .tab {
  overflow: hidden;
  background-color: white;
}
body.support .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.support #form-container {
  transition: all 250ms linear;
  text-align: center;
}
body.support #form-container {
  transition: all 250ms linear;
}
body.support .tab button.active {
  background-color: white;
  border-bottom: none;
}
body.support .tab button:not(.active) {
  background-color: #EBEAEB;
}
body.support .tab button:not(.active):hover {
  background-color: lightgray;
}
body.support .tabcontent {
  display: none;
  border-top: none;
  margin-top: 25px;
  animation: fadeEffect 1s;
}
body.support .promo-details {
  padding: 0px 15px;
}
body.support .promo-details .promotion-expiration {
  color: red;
  font-weight: bold;
}
body.support .try-hubdoc-text {
  font-size: 20px;
  font-weight: bold;
}
body.support .try-hubdoc-free {
  margin-bottom: 0px !important;
}
body.support .bullet-point {
  padding-left: 15px;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.support .robot-speech-bubble-text {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: #18355f;
  text-shadow: none;
  font-family: lato;
  bottom: 245px;
  left: 168px;
  width: 100px;
}
body.support .robot-with-bubble {
  margin-left: 130px;
  height: 300px;
}
body.support .robot-with-bubble img {
  height: 100%;
}
div.support-request {
  min-height: 1000px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div.support-request form {
  width: 550px;
  color: gray;
}
div.support-request form #title {
  margin-top: 20px;
  margin-bottom: 30px;
  color: gray;
  font-size: 30px;
  font-weight: 400;
}
div.support-request form label {
  display: block;
}
div.support-request form input {
  width: 100%;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 25px;
  border-radius: 5px;
  border-color: grey;
  border-width: 1px;
  color: grey;
}
div.support-request form .required:after {
  content: " *";
  color: red;
}
div.support-request form textarea {
  width: 100%;
  height: 150px;
  vertical-align: top;
  resize: none;
  padding: 5px;
  background-color: #FFF;
  border-radius: 5px;
  border-color: grey;
  border-width: 1px;
  color: grey;
}
div.support-request form select {
  height: 40px;
  width: 100%;
  color: grey;
  margin-bottom: 25px;
  border-color: grey;
  border-width: 1px;
  border-radius: 5px;
}
div.support-request form #submitBtn {
  padding: 10px 30px;
  margin-bottom: 0;
  width: 40%;
  float: right;
  color: #FFF;
  border-radius: 5px;
  background-color: #2d5c91;
  font-size: 20px;
}