/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
    background: #fff;
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    color: #333;
    display: block;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    position: relative;
    z-index: 9999
}

.pika-single:after,
.pika-single:before {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);
    position: absolute
}

.pika-lendar {
    float: left;
    margin: 8px;
    width: 240px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-label {
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 5px 3px;
    position: relative;
    z-index: 9999
}

.pika-title select {
    cursor: pointer;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 5px;
    z-index: 9998
}

.pika-next,
.pika-prev {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    border: 0;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 20px;
    white-space: nowrap;
    width: 20px
}

.pika-next:hover,
.pika-prev:hover {
    opacity: 1
}

.is-rtl .pika-next,
.pika-prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    float: left
}

.is-rtl .pika-prev,
.pika-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    float: right
}

.pika-next.is-disabled,
.pika-prev.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-select {
    display: inline-block
}

.pika-table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.pika-table td,
.pika-table th {
    padding: 0;
    width: 14.2857142857%
}

.pika-table th {
    color: #999;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    text-align: center
}

.pika-button {
    background: #f5f5f5;
    border: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: auto;
    line-height: 15px;
    margin: 0;
    outline: none;
    padding: 5px;
    text-align: right;
    width: 100%
}

.pika-week {
    color: #999;
    font-size: 11px
}

.is-today .pika-button {
    color: #3af;
    font-weight: 700
}

.has-event .pika-button,
.is-selected .pika-button {
    background: #3af;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px #178fe5;
    color: #fff;
    font-weight: 700
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #d5e9f7
}

.is-startrange .pika-button {
    background: #6cb31d;
    border-radius: 3px;
    box-shadow: none;
    color: #fff
}

.is-endrange .pika-button {
    background: #3af;
    border-radius: 3px;
    box-shadow: none;
    color: #fff
}

.is-disabled .pika-button {
    color: #999;
    cursor: default;
    opacity: .3;
    pointer-events: none
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3
}

.is-selection-disabled {
    cursor: default;
    pointer-events: none
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    background: #ff8000;
    border-radius: 3px;
    box-shadow: none;
    color: #fff
}

.pika-table abbr {
    border-bottom: none;
    cursor: help
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.is-today .pika-button {
    color: #6ac6b9
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: rgba(106, 198, 185, .3)
}

.has-event .pika-button,
.is-selected .pika-button {
    background: #6ac6b9;
    box-shadow: none
}

.pika-button:hover {
    background: #6ac6b9
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/raleway-regular-webfont.eot);
    src: url(../fonts/raleway-regular-webfont.eot#iefix) format("embedded-opentype"), url(../fonts/raleway-regular-webfont.woff2) format("woff2"), url(../fonts/raleway-regular-webfont.woff) format("woff"), url(../fonts/raleway-regular-webfont.ttf) format("truetype"), url(../images/raleway-regular-webfont.svg#ralewayregular) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/raleway-semibold-webfont.eot);
    src: url(../fonts/raleway-semibold-webfont.eot#iefix) format("embedded-opentype"), url(../fonts/raleway-semibold-webfont.woff2) format("woff2"), url(../fonts/raleway-semibold-webfont.woff) format("woff"), url(../fonts/raleway-semibold-webfont.ttf) format("truetype"), url(../images/raleway-semibold-webfont.svg#ralewaysemibold) format("svg")
}

* {
    box-sizing: border-box
}

body {
    -webkit-font-smoothing: antialiased;
    background: #fafafb;
    background: #3e4243;
    color: #575a5e;
    font-family: Raleway, helvetica, arial;
    font-size: 16px;
    letter-spacing: .05em;
    line-height: 1.5;
    position: relative
}

#wrap {
    background: #fafafb;
    padding-top: 125px
}

a {
    -webkit-text-decoration: none;
    text-decoration: none
}

a,
h1,
h2,
h3 {
    color: #575a5e
}

h1 {
    font-size: 1.25em;
    text-transform: uppercase
}

@media screen and (min-width:769px) {
    h1 {
        font-size: 2em
    }
}

h2 {
    font-size: 1.125em;
    text-transform: uppercase
}

@media screen and (min-width:769px) {
    h2 {
        font-size: 2em
    }
}

h3 {
    font-size: 1.125em
}

@media screen and (min-width:769px) {
    h3 {
        font-size: 1.375em
    }
}

h4 {
    font-size: 1.125em
}

.pt0 {
    padding-top: 0 !important
}

.pt1 {
    padding-top: 1em !important
}

.pt2 {
    padding-top: 2em !important
}

.pt3 {
    padding-top: 3em !important
}

.pt4 {
    padding-top: 4em !important
}

.pt5 {
    padding-top: 5em !important
}

.pt6 {
    padding-top: 6em !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb1 {
    padding-bottom: 1em !important
}

.pb2 {
    padding-bottom: 2em !important
}

.pb3 {
    padding-bottom: 3em !important
}

.pb4 {
    padding-bottom: 4em !important
}

.pb5 {
    padding-bottom: 5em !important
}

.pb6 {
    padding-bottom: 6em !important
}

.pa1 {
    padding: 1em
}

.ph2 {
    padding-left: 2em;
    padding-right: 2em
}

.pv2 {
    padding-bottom: 2em;
    padding-top: 2em
}

.mt05 {
    margin-top: .5em !important
}

.mt1 {
    margin-top: 1em !important
}

.mt2 {
    margin-top: 2em !important
}

.mt3 {
    margin-top: 3em !important
}

.mt4 {
    margin-top: 4em !important
}

.mt5 {
    margin-top: 5em !important
}

.mt6 {
    margin-top: 6em !important
}

.mb1 {
    margin-bottom: 1em !important
}

.mb2 {
    margin-bottom: 2em !important
}

.mb3 {
    margin-bottom: 3em !important
}

.mb4 {
    margin-bottom: 4em !important
}

.mb5 {
    margin-bottom: 5em !important
}

.mb6 {
    margin-bottom: 6em !important
}

.ml1 {
    margin-left: 1em !important
}

.mr0-5 {
    margin-right: .5em !important
}

.mr1 {
    margin-right: 1em !important
}

.fs075 {
    font-size: .75em
}

@media screen and (min-width:769px) {
    .fs125 {
        font-size: 1.25em
    }
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.mb0,
.no-margin-bottom {
    margin-bottom: 0 !important
}

.mb0-25 {
    margin-bottom: .25em !important
}

.strong,
strong {
    font-weight: 500
}

em {
    font-style: italic
}

.content {
    margin: 0 auto;
    max-width: 1040px;
    padding: 2em 1em
}

@media screen and (min-width:769px) {
    .content {
        padding: 50px 40px
    }
}

.small-content {
    margin: 0 auto;
    max-width: 860px;
    padding: 50px
}

.no-padding-top {
    padding-top: 0
}

.no-padding-bottom {
    padding-bottom: 0
}

.white-bg {
    background: #fff
}

.green-bg {
    background: #6ac6b9
}

.green-bg,
.green-bg h1,
.green-bg h2,
.green-bg h3,
.green-bg h4 {
    color: #fff
}

.dark-bg {
    background: rgba(0, 0, 0, .1)
}

.alt-font h1,
.alt-font h2,
.alt-font h3 {
    font-weight: 400
}

p.medium {
    font-size: 1.25em
}

.uppercase {
    text-transform: uppercase
}

@media screen and (min-width:769px) {
    .mobile-only {
        display: none
    }
}

@media screen and (max-width:768px) {
    .desktop-only {
        display: none
    }
}

.row {
    margin-left: -15px
}

.clearfix:after,
.row:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    width: 0
}

.col {
    background-clip: padding-box !important;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    border: solid transparent;
    border-width: 0 0 0 15px;
    box-sizing: border-box;
    float: left
}

.col.padded {
    padding: 0 1em
}

.col.extra-padded {
    padding: 0 2.5em
}

.col.right {
    float: right
}

.col img {
    height: auto;
    max-width: 100%
}

.flex-parent {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-parent,
.flex-parent>div {
    display: -webkit-flex;
    display: flex
}

.span-1 {
    width: 8.3333333333%
}

.span-2 {
    width: 16.6666666667%
}

.span-3 {
    width: 25%
}

.span-4 {
    width: 33.3333333333%
}

.span-5 {
    width: 41.6666666667%
}

.span-6 {
    width: 50%
}

.span-7 {
    width: 58.3333333333%
}

.span-8 {
    width: 66.6666666667%
}

.span-9 {
    width: 75%
}

.span-10 {
    width: 83.3333333333%
}

.span-11 {
    width: 91.6666666667%
}

.span-12 {
    width: 100%
}

.prefix-1 {
    margin-left: 8.3333333333%
}

.prefix-2 {
    margin-left: 16.6666666667%
}

.prefix-3 {
    margin-left: 25%
}

.prefix-4 {
    margin-left: 33.3333333333%
}

.prefix-5 {
    margin-left: 41.6666666667%
}

.prefix-6 {
    margin-left: 50%
}

.prefix-7 {
    margin-left: 58.3333333333%
}

.prefix-8 {
    margin-left: 66.6666666667%
}

.prefix-9 {
    margin-left: 75%
}

.prefix-10 {
    margin-left: 83.3333333333%
}

.prefix-11 {
    margin-left: 91.6666666667%
}

.suffix-2 {
    margin-right: 16.6666666667%
}

.suffix-3 {
    margin-right: 25%
}

.suffix-6 {
    margin-right: 50%
}

@media screen and (max-width:768px) {

    .row,
    .row .col {
        margin-left: 0
    }

    .row .col {
        border-left-width: 0;
        float: none;
        margin-bottom: 1em;
        margin-right: 0;
        width: auto
    }
}

.striked-heading {
    position: relative
}

@media screen and (min-width:769px) {
    .striked-heading span {
        background: #fafafb;
        display: inline-block;
        padding: 0 1em;
        position: relative
    }

    .striked-heading:before {
        background: #eee;
        content: " ";
        display: block;
        height: 2px;
        left: 0;
        margin-top: -2px;
        position: absolute;
        right: 0;
        top: 50%
    }
}

.alternating-rows input {
    margin-bottom: 0
}

@media screen and (min-width:769px) {
    .alternating-rows .row {
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: flex;
        padding-bottom: .5em;
        padding-top: .5em
    }
}

.file-input {
    background: rgba(0, 0, 0, .15);
    cursor: pointer;
    line-height: 1;
    padding: .5em;
    width: auto
}

.file-input[disabled] {
    cursor: not-allowed
}

.pointer {
    cursor: pointer
}

.account-container,
.bg-white {
    background: #fff
}

.account-container,
.bt-green {
    border-top: 1px solid #58a99d
}

.green {
    color: #58a99d
}

.red {
    color: #c66a6a
}

.text-links a {
    color: #58a99d
}

.text-links a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.h3 {
    font-weight: 500
}

.striped-table {
    text-align: left;
    width: 100%
}

.striped-table tr {
    border-bottom: 1px solid #ccc
}

.striped-table th {
    font-weight: 500
}

.striped-table td,
.striped-table th {
    padding: 1em 0
}

input,
select,
textarea {
    -webkit-font-smoothing: antialiased;
    background: #fff;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .15);
    color: #575a5e;
    font-family: Raleway, helvetica, arial;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1.5;
    margin-bottom: 1em;
    outline: 0;
    padding: .5em .8em .4em;
    transition: color .3s, box-shadow .3s;
    width: 100%
}

input[type=email],
input[type=password],
input[type=submit],
input[type=text],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[readonly],
select[readonly],
textarea[readonly] {
    background: #f6f6f6;
    pointer-events: none
}

input[type=file] {
    max-width: 100%
}

input[type=checkbox],
input[type=radio] {
    box-shadow: none;
    width: auto
}

input[type=submit]:disabled {
    opacity: .5;
    pointer-events: none
}

select {
    background-image: url(../images/select.png);
    background-position: right 6px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-right: 2em
}

select.width-auto {
    max-width: 100%;
    width: auto
}

textarea {
    resize: none
}

input:hover,
select:hover,
textarea:hover {
    box-shadow: inset 0 0 0 2px rgba(106, 198, 185, .5)
}

input:focus,
select:focus,
textarea:focus {
    box-shadow: inset 0 0 0 2px #6ac6b9
}

input.error,
select.error,
textarea.error {
    box-shadow: inset 0 0 0 2px #c66a6a
}

.continue-button,
.cta,
.submit-button,
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #6ac6b9;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0 -2px 0 1px rgba(0, 0, 0, .1);
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    letter-spacing: inherit;
    line-height: inherit;
    padding: .8em 1em .7em;
    transition: background .3s
}

.continue-button:hover,
.cta:hover,
.submit-button:hover,
input[type=submit]:hover {
    background: #58a99d
}

.continue-button,
.cta,
.submit-button {
    display: block;
    margin-top: 1em;
    text-align: center;
    width: 100%
}

.continue-button,
.continue-button:hover,
.cta,
.cta:hover,
.submit-button,
.submit-button:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.continue-button[disabled],
.cta[disabled],
.submit-button[disabled] {
    cursor: progress;
    opacity: .5
}

.form-section {
    display: none
}

.form-section.active,
label {
    display: block
}

label {
    color: #575a5e;
    margin-bottom: .25em
}

label input,
label select,
label textarea {
    margin-top: .25em
}

label.error {
    color: #c66a6a;
    margin-bottom: 1em;
    margin-top: -.75em
}

label.rb {
    display: inline-block;
    margin: 0 .25em
}

.form-errors li {
    color: #c66a6a
}

form a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.bas-section,
.optional-section.hidden {
    display: none
}

.bas-section.active {
    display: block
}

.currency-input:before {
    color: #575a5e;
    content: "$";
    display: block;
    font-weight: 500;
    margin-left: .75em;
    margin-top: .6em;
    position: absolute
}

.currency-input input {
    padding-left: 1.5em
}

.percentage-input {
    position: relative
}

.percentage-input:after {
    color: #575a5e;
    content: "%";
    display: block;
    font-weight: 500;
    position: absolute;
    right: .75em;
    top: .5em
}

.field--with-help .percentage-input:after {
    right: 2.5em
}

.percentage-input input {
    padding-right: 1.75em
}

.field--with-help .percentage-input input {
    padding-right: 3.75em
}

.bas-tooltip-wrapper {
    position: relative;
    z-index: 1
}

.bas-tooltip-wrapper-active {
    z-index: 2
}

.bas-tooltip {
    background: #575a5e;
    border: 1px solid #222;
    border-radius: 3px;
    color: #eee;
    font-size: .85em;
    opacity: 0;
    padding: .4em .7em;
    position: absolute;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    transition: all .3s;
    width: 100%
}

.bas-tooltip a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.bas-tooltip.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.bas-tooltip:before {
    background: #575a5e;
    border-left: 1px solid #222;
    border-top: 1px solid #222;
    content: " ";
    display: block;
    height: 12px;
    left: -7px;
    position: absolute;
    top: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 12px
}

.bas-tooltip h4 {
    font-size: 1em;
    font-weight: 500
}

#create-bas-form .col.span-2.text-right {
    padding-top: .55em
}

#bas-lightbox {
    background: rgba(88, 169, 157, .95);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.bas-lightbox-inner {
    color: #f6f6f6;
    margin: 20vh auto 0;
    max-width: 560px;
    padding: 4em 20px 0;
    text-align: center
}

.bas-lightbox-inner h1 {
    color: #f6f6f6
}

.bas-lightbox-inner p {
    font-size: 1.25em;
    margin-top: 1em
}

.form-repeatable-add {
    margin-left: 16.666%
}

.upload-receipts {
    background: #ddd;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .1);
    display: block;
    font-weight: 500;
    padding: .5em .8em .4em;
    text-align: center;
    transition: background .3s
}

.upload-receipts:hover {
    background: #ccc;
    -webkit-text-decoration: none;
    text-decoration: none
}

.receipts-lightbox {
    background: rgba(0, 0, 0, .9);
    bottom: 0;
    display: none;
    left: 0;
    overflow-x: scroll;
    padding: 2em;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99
}

.receipts-lightbox .content {
    background: #f6f6f6;
    position: relative
}

.close-receipts-lightbox {
    background: #bbb;
    color: #f6f6f6;
    font-size: 1.5em;
    height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px
}

.close-receipts-lightbox:hover {
    background: #aaa;
    -webkit-text-decoration: none;
    text-decoration: none
}

.receipts-lightbox .continue-button {
    margin-top: .1em;
    padding: .4em
}

.receipts-lightbox .continue-button.remove-file {
    background: #c66a6a
}

.bas-calculator {
    background: #eaeaea;
    padding: 1em 0;
    position: absolute;
    top: 200px;
    width: 260px;
    z-index: 2
}

.bas-calculator .bas-calculator-title,
.bas-calculator-stats {
    font-size: .85em;
    text-transform: uppercase
}

.bas-calculator .bas-calculator-title {
    color: #6ac6b9;
    display: block
}

.bas-calculator.fixed {
    position: fixed;
    top: 120px
}

.bas-calculator .gst-owed {
    display: block;
    font-size: 2.5em;
    text-align: center
}

@media screen and (max-width:768px) {
    .bas-calculator {
        position: relative;
        top: 0;
        width: auto
    }

    .bas-calculator .col {
        background-clip: padding-box !important;
        -moz-background-clip: padding-box !important;
        -webkit-background-clip: padding-box !important;
        border: solid transparent;
        border-width: 0 0 0 15px;
        box-sizing: border-box;
        float: left
    }

    .bas-calculator .row {
        margin-left: -15px
    }

    .bas-calculator .span-3 {
        width: 25%
    }

    .bas-calculator .span-9 {
        width: 75%
    }
}

.form-file__attached-file {
    display: none
}

.form-file--attached .form-file__attached-file,
.form-file__upload-file {
    display: block
}

.form-file--attached .form-file__upload-file {
    display: none
}

.field {
    position: relative
}

.field--with-help input,
.field--with-help textarea {
    padding-right: 2.5em
}

.field__help-icon {
    border-left: 1px solid rgba(0, 0, 0, .15);
    display: block;
    font-weight: 700;
    height: 1.5em;
    position: absolute;
    right: .125em;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    top: .5em;
    transition: color .3s;
    width: 1.75em;
    z-index: 1
}

label .field__help-icon {
    top: .75em
}

.field__help-icon,
.text-links .field__help-icon {
    color: #575a5e
}

.no-touchevents .field__help-icon:hover {
    color: #6ac6b9;
    -webkit-text-decoration: none;
    text-decoration: none
}

.field-tooltip {
    background: #3e4243;
    bottom: 100%;
    color: #fff;
    display: none;
    font-size: .875em;
    margin-bottom: 12px;
    max-width: 100%;
    padding: .25em .5em;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.field-tooltip.visible {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.field-tooltip:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #3e4243;
    bottom: -8px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: .65em;
    width: 0
}

.field-tooltip a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.login-verification__notice {
    background: #ffcb56;
    border-radius: 3px;
    margin-top: 1em;
    padding: 1em
}

.login-verification__notice a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.g-recaptcha {
    margin-bottom: 1em
}

.show-menu {
    display: none
}

#main-nav {
    background: #fff;
    border-bottom: 1px solid #6ac6b9;
    color: #6ac6b9;
    height: 132px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

body.admin-bar #main-nav {
    top: 32px
}

#main-nav .content {
    padding-bottom: 1.3em;
    padding-top: 1.5em
}

#main-nav .logo {
    border: none;
    display: block;
    float: left
}

#main-nav .logo .img {
    background: url(../../images/logo.png);
    background-size: cover;
    float: left;
    height: 35px;
    margin-right: .5em;
    width: 35px
}

#main-nav .logo h1 {
    color: #6ac6b9;
    float: left;
    font-size: 1.375em;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    margin-top: -2px
}

#main-nav .right {
    float: right;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

#main-nav .right a {
    margin-left: 2.5em
}

#main-nav a {
    border-bottom: 1px solid transparent;
    color: #575a5e
}

#main-nav a:hover {
    color: #6ac6b9
}

@media screen and (max-width:768px) {
    .show-menu {
        display: block;
        float: right;
        height: 18px;
        position: relative;
        width: 30px
    }

    .show-menu:after,
    .show-menu:before {
        content: " "
    }

    .show-menu i {
        top: 8px
    }

    .show-menu:after {
        bottom: 0
    }

    .show-menu i,
    .show-menu:after,
    .show-menu:before {
        background: #6ac6b9;
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        right: 0
    }

    #main-nav.menu-open .show-menu:before {
        top: 9px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #main-nav.menu-open .show-menu:after {
        top: 9px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #main-nav.menu-open .show-menu i {
        opacity: 0
    }

    #main-nav .right {
        clear: both;
        display: none;
        float: none;
        padding-top: .1em
    }

    #main-nav.menu-open {
        height: auto
    }

    #main-nav.menu-open .right {
        display: block
    }

    #main-nav .right a {
        display: block;
        margin: 2em 0 0 1em;
        text-align: center
    }

    #main-nav a:hover {
        border-color: transparent
    }
}

@media screen and (max-width:400px) {
    .page-header {
        padding-top: 56px
    }
}

.persistent-message {
    background: #6ac6b9;
    color: #fff;
    font-weight: 500;
    text-align: center
}

.persistent-message .content {
    max-width: 920px
}

.persistent-message a {
    color: #fff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media screen and (max-width:768px) {
    #site-footer {
        font-size: 10px
    }
}

#site-footer .footer-top {
    background: #565a5d
}

#site-footer .footer-top h5 {
    color: #fff;
    float: left
}

#site-footer .footer-top a {
    color: #fff;
    float: right
}

#site-footer .footer-bottom {
    background: #3e4243;
    color: #6ac6b9
}

#site-footer .footer__social-links {
    text-align: center
}

@media screen and (max-width:768px) {
    #site-footer .footer__social-links {
        margin-top: 2rem
    }
}

@media screen and (min-width:769px) {
    #site-footer .footer__social-links {
        text-align: right
    }
}

#site-footer .footer__social-links a {
    color: #fff;
    display: inline-block;
    margin: 0 .5rem;
    transition: opacity .3s
}

#site-footer .footer__social-links a:hover {
    opacity: .7
}

#site-footer .footer__social-links a:first-child {
    margin-left: 0
}

#site-footer .footer__social-links a:last-child {
    margin-right: 0
}

body.home .small {
    font-size: 14px
}

body.home .small-title {
    font-size: 16px;
    font-weight: 500
}

.home-header {
    background: #fff;
    background-position: 50%;
    background-size: cover;
    min-height: 92vh;
    position: relative
}

@media screen and (min-width:769px) {
    .home-header {
        min-height: 472px;
        background-size: cover;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}

.home-header-content {
    background: rgba(0, 0, 0, .55);
    bottom: 0;
    left: 0;
    padding: 1em 2em 1.5em;
    position: absolute;
    right: 0;
    text-align: center
}

@media screen and (max-width:768px) {
    .home-header-content {
        padding: 1em;
        top: 0
    }
}

@media screen and (min-width:769px) {
    .home-header-content {
        bottom: 4em;
        left: 38%;
        text-align: left
    }
}

.home-header-content,
.home-header-content h1 {
    color: #fff
}

@media screen and (max-width:768px) {
    .home-header-content h1 {
        margin-bottom: 1em
    }
}

@media screen and (max-width:768px) {
    .home-header-content br {
        display: none
    }
}

.home-cta {
    background: #6ac6b9;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 1.125em;
    font-weight: 500;
    padding: 1.05em 4em .95em;
    text-transform: uppercase;
    transition: background .3s, opacity .3s
}

.no-touchevents .home-cta:hover {
    background: #58a99d
}

.green-bg .home-cta {
    background: #fff;
    color: #6ac6b9
}

.no-touchevents .green-bg .home-cta:hover {
    background: #fff;
    opacity: .9
}

@media screen and (min-width:769px) {
    .home-section-features-wrap {
        display: -webkit-flex;
        display: flex
    }

    .home-section-features-wrap>div {
        padding-right: 4em;
        width: 50%
    }
}

.home-section-features-image {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width:768px) {
    .home-section-features-image {
        display: none
    }
}

@media screen and (min-width:769px) {

    .home-section-services-wrap,
    .home-section-testimonials-wrap {
        display: -webkit-flex;
        display: flex;
        margin-left: -15px
    }
}

.home-section-service,
.home-section-testimonial {
    margin-bottom: 15px;
    position: relative
}

@media screen and (min-width:769px) {

    .home-section-service,
    .home-section-testimonial {
        margin-left: 15px;
        width: 100%
    }
}

.home-section-service {
    background: #fff;
    border: 1px solid #ddd;
    padding: 1.5em 1.5em 7em
}

.home-section-service-from {
    color: #6ac6b9;
    display: block;
    font-size: 12px;
    text-align: center
}

.home-section-service-price {
    color: #6ac6b9;
    display: block;
    font-size: 3.25em;
    line-height: 1;
    text-align: center
}

.home-section-service-subtitle {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 12px;
    margin-bottom: 1.5em;
    padding: 1.5em 0;
    text-align: center
}

.home-section-service-copy {
    font-size: 14px
}

.home-section-service .home-cta {
    bottom: 1.5em;
    font-size: 14px;
    left: 1em;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    right: 1em;
    text-align: center
}

.home-section-testimonial {
    background: #fafafb
}

.home-section-testimonial-image {
    background-position: 50%;
    background-size: cover;
    height: 170px
}

.home-section-testimonial-copy {
    padding: 1em 1.5em;
    position: relative
}

.home-section-testimonial-copy:after,
.home-section-testimonial-copy:before {
    background-size: cover;
    content: " ";
    display: block;
    height: 12px;
    position: absolute;
    width: 16px
}

.home-section-testimonial-copy:before {
    background-image: url(../images/quote-open.png);
    left: 4px;
    top: 4px
}

.home-section-testimonial-copy:after {
    background-image: url(../images/quote-close.png);
    bottom: 4px;
    right: 4px
}

.home-section-stat-title {
    font-size: 18px;
    font-weight: 500
}

.account-overlay {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    padding: 4em 1em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2
}

.account-overlay .content {
    background: #f6f6f6;
    max-width: 620px;
    padding: 2em
}

.account-files {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 3em
}

.account-files a {
    display: block;
    padding: 1%;
    width: 25%
}

.account-files a:hover {
    background: #f5f5f5
}

.account-files img {
    display: block;
    margin-bottom: .75em;
    width: 100%
}

.account-files img.pdf {
    margin: 0 auto .75em;
    width: 75%
}

.account-files p {
    word-wrap: break-word;
    font-size: .75em;
    margin-top: .5em
}

.account-withdraw-overlay {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    display: none;
    left: 0;
    padding: 4em 1em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2
}

.account-withdraw-overlay .content {
    background: #f6f6f6;
    max-width: 620px;
    padding: 2em
}

.account-withdraw-overlay-success {
    display: none
}

@media screen and (max-width:768px) {
    .account-files a {
        width: 50%
    }
}

.account-container {
    padding: 1.5em 1em
}

@media screen and (min-width:769px) {
    .account-container {
        padding: 3em 2em
    }
}

.account-nav-link {
    background: #fff;
    display: block;
    font-size: .875em;
    font-weight: 500;
    margin-bottom: 2px;
    padding: 2.3928571429em 1.5em 2.3928571429em 4.2em;
    position: relative;
    transition: background .3s
}

.account-nav-link.is-active {
    background: #6ac6b9;
    color: #fff
}

.no-touchevents .account-nav-link:hover {
    background: #58a99d;
    color: #fff
}

.account-nav-link.is-active .account-nav-link-icon,
.no-touchevents .account-nav-link:hover .account-nav-link-icon {
    background-position-y: 100%
}

.account-nav-link-icon {
    left: 1.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.account-nav-link-icon-account {
    background-image: url(../images/icon-account%402x.png);
    background-size: 24px;
    height: 24px;
    width: 24px
}

.account-nav-link-icon-settings {
    background-image: url(../images/icon-settings%402x.png);
    background-size: 24px;
    height: 24px;
    width: 24px
}

.account-nav-link-icon-password {
    background-image: url(../images/icon-password%402x.png);
    background-size: 19px;
    height: 22px;
    width: 19px
}

.account-nav-link-icon-files {
    background-image: url(../images/icon-files%402x.png);
    background-size: 25px;
    height: 24px;
    width: 25px
}

.account-nav-link-icon-completed {
    background-image: url(../images/icon-completed%402x.png);
    background-size: 22px;
    height: 23px;
    width: 22px
}

.account-update-success {
    color: #58a99d;
    margin-bottom: 2em
}

.account-update-form h3 {
    font-weight: 500;
    margin-bottom: 1em
}

.account-update-form h3:not(:first-child) {
    margin-top: 1em
}

.account-update-form .optional-section,
.account-update-form .postal-details {
    display: block;
    height: auto;
    position: relative;
    transition: opacity .6s;
    width: auto
}

.account-update-form .optional-section.hidden,
.account-update-form .postal-details.hidden {
    opacity: 0
}

.account-share-the-love {
    background: #eee
}

@media screen and (min-width:769px) {
    .account-share-the-love {
        display: -webkit-flex;
        display: flex
    }
}

.account-share-the-love-image {
    background: url(../images/share-the-love.jpg) top no-repeat;
    background-size: cover;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

@media screen and (max-width:768px) {
    .account-share-the-love-image {
        height: 300px
    }
}

@media screen and (min-width:769px) {
    .account-share-the-love-content {
        width: 60%
    }
}

.faq-category-nav {
    display: none;
    margin-bottom: .5em
}

.faq-category-nav.active {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style-type: none
}

.faq-category-nav li {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center
}

.faq-category-nav a {
    background: #f5f5f5;
    display: block;
    padding: .75em 0
}

.faq-category-nav a:hover {
    background: #eee
}

.faq-category-nav a.active {
    background: #6ac6b9;
    color: #fff
}

.faq-category {
    display: none
}

.faq-category.active {
    display: block
}

.faq-category-title {
    border-bottom: 1px solid #6ac6b9;
    cursor: pointer;
    font-size: 1.5em;
    margin-bottom: .5em;
    padding-bottom: .25em;
    padding-top: 1em;
    text-transform: none
}

.faq-category-content {
    display: none;
    padding: 0 1em
}

.faq-category-content ol,
.faq-category-content ul {
    list-style-type: disc;
    margin-bottom: 1em;
    margin-left: 1.1em
}

.faq-category-content ol {
    list-style-type: decimal
}

.faq-category-content p:not(:last-child) {
    margin-bottom: 1em
}

.faq-search-term {
    display: block;
    font-size: 2em;
    margin: 0 auto 1.5em;
    max-width: 700px;
    text-align: center;
    width: 100%
}

.faq-search-results-title {
    display: none;
    margin-bottom: 1em;
    text-align: center
}

.faq-search-results-title.active {
    display: block
}

.faq-search-results {
    display: none
}

.faq-search-results .faq-category-content,
.faq-search-results.active {
    display: block
}

.faq-search-results .faq-category-title {
    cursor: default
}

@media screen and (max-width:768px) {
    .faq-category-nav.active {
        display: block
    }

    .faq-category-title,
    .faq-search-term {
        font-size: 1em
    }
}

.blog-article .entry-title {
    font-size: 1.75em;
    margin-bottom: .5em
}

.blog-article img {
    display: block;
    width: 100%
}

.blog-article .author-image {
    background-position: 50%;
    background-size: cover;
    border-radius: 200px;
    float: left;
    height: 80px;
    margin-right: 1.5em;
    width: 80px
}

.blog-article .entry-meta {
    font-size: 1.125em;
    padding: 1em 1.5em
}

.blog-article .author-name {
    color: #000;
    float: left;
    font-family: Raleway, helvetica, arial;
    font-size: 1.33em;
    margin-bottom: 0;
    margin-top: 1em
}

.blog-article .entry-meta span {
    display: block;
    float: left;
    margin-left: .25em;
    margin-top: 1.64em
}

.blog-article .border-button {
    border-width: 1px;
    display: block;
    float: right;
    margin-top: 1.5em;
    padding: .05em 1.5em
}

.blog-sidebar-item {
    display: block;
    margin-bottom: 1em;
    position: relative
}

.blog-sidebar-item:first-child {
    margin-top: .5em
}

.blog-sidebar-random-post {
    background-position: 50%;
    background-size: cover;
    min-height: 200px;
    padding: 1em
}

.blog-sidebar-random-post h4 {
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, .55)
}

.blog-sidebar-item img {
    display: block;
    width: 100%
}

.blog-sidebar-random-post span {
    border-width: 1px;
    bottom: 1em;
    display: block;
    font-size: 1.125em;
    left: 2em;
    padding: .1em;
    position: absolute;
    right: 2em
}

.next-posts-link {
    height: 0;
    opacity: 0;
    overflow: hidden;
    width: 0
}

@media screen and (max-width:768px) {
    .blog-article .author-image {
        margin-bottom: 1em
    }

    .blog-article .entry-meta span {
        display: none
    }

    .blog-article .border-button {
        clear: both;
        float: none
    }
}

@media screen and (max-width:400px) {
    .blog-article .entry-meta {
        padding-left: 0;
        padding-right: 0
    }

    .blog-article .author-image {
        height: 50px;
        margin-right: 1em;
        width: 50px
    }

    .blog-article .author-name {
        margin-top: .6em
    }
}

.blog-categories.content {
    padding-bottom: 16px;
    padding-top: 16px
}

.blog-categories li {
    display: inline-block;
    margin: 0 1em
}

.blog-categories .cat-item-1 {
    display: none
}

.blog-categories a {
    opacity: .4
}

.blog-categories .current-cat a,
.blog-categories a:hover {
    opacity: 1
}

.blog-entry-header {
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    height: 218px;
    margin-bottom: 16px;
    position: relative
}

.blog-entry-header h1 {
    bottom: 2em;
    color: #fff;
    font-size: 1.125em;
    padding: 160px 16px 0
}

.blog-entry-header h1,
.blog-entry-header h2 {
    left: 0;
    position: absolute;
    right: 0;
    text-shadow: .5px .866px 5px rgba(0, 0, 0, .196)
}

.blog-entry-header h2 {
    bottom: 0;
    color: hsla(0, 0%, 100%, .7);
    font-size: .875em;
    margin: 0;
    padding: 0 16px 10px
}

body.archive a,
body.blog a,
body.single-post a:not(.cta) {
    color: #6ac6b9
}

body.archive article,
body.blog article {
    margin-bottom: 3em
}

.entry-content iframe {
    width: 100%
}

.entry-content p:not(:last-child) {
    margin-bottom: 1em
}

.entry-content h3:not(:last-child) {
    margin-bottom: .5em
}

blockquote {
    background: #f6f5f8;
    border-radius: 3px;
    font-family: Gotham Rounded, helvetica, sans-serif;
    font-size: 1.375em;
    margin-bottom: .72em;
    padding: 1em
}

.blockquote p:last-child {
    margin-bottom: 0
}

.refer-step {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    margin: 2em 0
}

.refer-step img {
    float: left;
    width: 215px
}

.refer-step h4 {
    font-size: 2em;
    margin-left: 2em
}

@media screen and (max-width:768px) {
    .refer-step {
        display: block
    }

    .refer-step img {
        display: block;
        float: none;
        margin: 0 auto
    }

    .refer-step h4 {
        font-size: 1em;
        margin-left: 0;
        margin-top: 1em;
        text-align: center
    }
}

body.page-template-page-tax-return,
body.page-template-page-tax-return #wrap,
body.page-template-page-tax-return .striked-heading span {
    background: #f6f6f6
}

.tax-return-legend-col {
    float: right
}

.tax-return-legend {
    font-size: .875em
}

.tax-return-legend h3 {
    font-size: 1em;
    font-weight: 500
}

.tax-return-legend ul {
    margin-bottom: 1em;
    margin-left: 1em
}

.tax-return-legend ul li.active {
    color: #6ac6b9
}

.tax-return-legend>li.unavailable {
    opacity: .3
}

.tax-return-legend>li:not(.unavailable) h3,
.tax-return-legend>li:not(.unavailable) li {
    cursor: pointer
}

.tax-return-legend>li.active h3 {
    color: #6ac6b9
}

.tax-return-legend>li .hidden {
    display: none
}

.tax-return-form {
    margin-top: 2em
}

.tax-return-form label.error {
    display: none !important
}

.tax-return-form-section {
    display: none
}

.tax-return-form-section h3 {
    font-weight: 500;
    margin-bottom: 1em
}

.tax-return-form-section h3:not(:first-child) {
    margin-top: 1em
}

.tax-return-form .optional-section,
.tax-return-form .postal-details {
    display: block;
    height: auto;
    position: relative;
    transition: opacity .6s;
    width: auto
}

.tax-return-form .optional-section.hidden,
.tax-return-form .postal-details.hidden {
    opacity: 0
}

.tax-return-form .form-repeatable {
    background: rgba(0, 0, 0, .05);
    margin-top: 1em;
    padding: 1em;
    position: relative
}

.tax-return-form .form-repeatable+.form-repeatable {
    margin-top: 2em
}

.tax-return-form .form-repeatable-add {
    display: inline-block;
    margin-left: 1em;
    margin-top: 1em
}

.tax-return-form .form-repeatable-add:before {
    background: #6ac6b9;
    border-radius: 20px;
    color: #fff;
    content: "+";
    display: inline-block;
    font-size: 2em;
    height: 20px;
    line-height: .65;
    margin-right: .25em;
    text-align: center;
    vertical-align: top;
    width: 20px
}

.tax-return-form .form-repeatable-remove {
    display: inline-block
}

.tax-return-form .form-repeatable-remove.is-hidden {
    display: none
}

.tax-return-form .form-repeatable-remove:before {
    background: #a95858;
    border-radius: 20px;
    color: #fff;
    content: "-";
    display: inline-block;
    font-size: 2em;
    height: 20px;
    line-height: .5;
    margin-right: .25em;
    text-align: center;
    vertical-align: top;
    width: 20px
}

.tax-return-form .percentage-input input {
    text-align: left
}

.dialog {
    background: #fafafb;
    margin: 1em;
    max-height: 80vh;
    max-width: 600px;
    overflow: auto;
    padding: 1em;
    text-align: center
}

.dialog-wrapper {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99
}

.dialog-wrapper-inner {
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width:768px) {
    .dialog-content p {
        font-size: .875em
    }
}

.dialog-content-small p {
    font-size: .75em
}

.dialog p:not(:last-child) {
    margin-bottom: 1em
}

body.page-template-page-bas,
body.page-template-page-bas #wrap,
body.page-template-page-bas .striked-heading span,
body.page-template-page-register-an-abn,
body.page-template-page-register-an-abn #wrap,
body.page-template-page-register-an-abn .striked-heading span {
    background: #f6f6f6
}

body.page-template-page-bas .currency-input label.error,
body.page-template-page-bas .percentage-input label.error {
    display: none !important
}

.identity-verification-form-section {
    display: none
}

.identity-verification-form-section h3 {
    font-weight: 500;
    margin-bottom: 1em
}

.identity-verification__help-dialog h3 {
    font-weight: 700;
    margin-top: 2rem
}