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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

strong { font-weight: bolder; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.wp-admin *, *::before, *::after { cursor: default !important; }

body { line-height: 1; }

ol, ul { list-style: none; }

.article__descr-text ul { list-style: outside; margin-bottom: 1em; padding-left: 20px; }

.article.about-us .article__footer p { position: absolute; left: 50%; margin-top: 20px; color: #dc6016; font-weight: bold; }

em { font-weight: bold; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before { content: ''; content: none; }

q:after, q:before { content: ''; content: none; }

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

a { text-decoration: none; }

a:hover { text-decoration: none; }

.article__descr-text a:hover { color: #dc6016; }

.icon { font-size: inherit; width: 1em; height: 1em; }

.icon-building { width: 0.95em; height: 1em; fill: #fff; }

.icon-close { width: 1em; height: 1em; fill: initial; }

.icon-left-arrow { width: 1em; height: 1em; fill: initial; }

.icon-menu { width: 1em; height: 1em; fill: initial; }

.icon-message-popup { width: 1em; height: 1em; fill: none; }

.icon-minutemailer { width: 1.29em; height: 1em; fill: #fff; }

.icon-play { width: 1em; height: 1em; fill: initial; }

.icon-right-arrow { width: 1em; height: 1em; fill: initial; }

.icon-smartphone { width: 1em; height: 1em; fill: initial; }

.animated { animation-duration: 1s; animation-fill-mode: both; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }

@media (prefers-reduced-motion) { .animated { animation: unset !important; transition: none !important; } }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 40px, 0); }
  to { opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInUp { animation-name: fadeInUp; }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { animation-name: fadeIn; }

@keyframes fadeInLeft { from { opacity: 0;
    transform: translate3d(-10%, 0, 0); }
  to { opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInLeft { animation-name: fadeInLeft; }

@keyframes fadeInRight { from { opacity: 0;
    transform: translate3d(10%, 0, 0); }
  to { opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInRight { animation-name: fadeInRight; }

@keyframes revealInLeft { from { width: 100%; }
  to { width: 0; } }

.revealInLeft { animation-name: revealInLeft; }

.revealInRight { animation-name: revealInLeft; right: auto; left: 0; }

/* 

====== Zoom effect ======

*/
.mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ }

.mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; -ms-transform: scale(0.8); transform: scale(0.8); }

.mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }

.mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -ms-transform: scale(1); transform: scale(1); }

.mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }

.mfp-zoom-in.mfp-removing .mfp-with-anim { -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }

.mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }

.image-source-link { color: #98c3d1; }

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }

body.fullslide-is-open .slider__nav { opacity: 0; }

body.fullslide-is-open .slider__container { overflow-x: hidden; }

body.fullslide-is-open .slide.content-is-active .deco { position: fixed !important; z-index: 100; }

body.fullslide-is-open .slide:not(.content-is-active) { z-index: -1 !important; }

body.fullslide-is-open .header { opacity: 0; z-index: 4; color: #272727; }

body.fullslide-is-open .header__logo { opacity: 0; height: 100vh; }

body.fullslide-is-open .backlink { opacity: 1; }

#slider { height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; }

#slider .swiper-slide-shadow-left, #slider .swiper-slide-shadow-right { background: rgba(0, 0, 0, 0.3); }

#slider .slider__heading { font-size: 52.5px; line-height: 1.36; font-weight: 600; letter-spacing: 0; color: #ffffff; margin-bottom: 0.6em; text-align: center; }

@media (max-width: 1920px) { #slider .slider__heading { font-size: calc(23.3px + 1.52083vw) ; } }

#slider .slider__nav { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

#slider .slider__nav-btn { position: absolute; z-index: 1; top: calc(50% - 0.5em); width: 1em; height: 1em; font-size: 24px; background: transparent; }

#slider .slider__nav-btn .icon { font-size: 0.8em; fill: #dc6016; }

#slider .slider__nav-btn:after { display: none; }

#slider .slider__nav-btn.left { left: 2.2vw; }

#slider .slider__nav-btn.right { right: 2.2vw; }

#slider .slider__nav-text { height: 40px; display: none; padding: 0 46px; font-size: 20px; color: #dc601679; }

#slider .slide-content { display: none; overflow: hidden; width: 55vw; height: 100%; margin-left: auto; }

#slider .slide-content .article__text { padding-top: 15vh; box-sizing: border-box; }

#slider .content-is-active .article__text { overflow-y: scroll; }

#slider .content-is-active .slide__img img, #slider .content-is-active .slide__title { z-index: 2; }

#slider .content-is-active .deco { z-index: 3; }

#slider .content-is-active .slide-content { display: block; }

#slider .content-is-active .slide__inner:after { opacity: 0; }

.slider__container { overflow: visible !important; }

.slider__container .deco { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-height: 100vh; background-color: #fff; color: #272727; will-change: transform; }

.slide .article__title, .slide .article__descr, .slide .article__footer { opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slide__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; position: relative; height: 70vh; }

.slide__inner .slide__img { position: absolute; width: 100%; max-width: 100vw; height: 100% !important; left: 0; top: 0; }

.slide__inner .slide__img img { position: absolute; width: 100%; max-width: 100vw; height: 100%; object-fit: cover; object-position: center; }

.slide__inner:after { position: absolute; left: 0; top: 0; content: ""; z-index: 2; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); transition: opacity 0.3s ease; }

.slide__inner:hover:after { opacity: 0; }

.slide__title { position: absolute; display: -ms-inline-flexbox; display: inline-flex; left: 30px; bottom: 60px; font-size: 30px; font-weight: 700; line-height: 1.37; padding-right: 15px; /*white-space: nowrap;*/ color: #fff; }

.slide__title_role { font-size: 20px !important; bottom: 30px !important; }


@media (max-width: 1920px) { .slide__title { font-size: calc(18.8px + 0.58333vw) ; } }

.swiper-container { width: 100%; transition: opacity 0.6s ease; }

.swiper-container.loading { opacity: 0; visibility: hidden; }

.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next { -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; }

.slider__nav-btn.swiper-button-disabled { opacity: 0; }

@media only screen and (max-width: 580px) { #slider .slider__title { font-size: 50px; }
  #slider .slider__nav { margin-top: 50px; }
  #slider .slider__nav-btn { font-size: 20px !important; }
  #slider .slider__nav-text { display: -ms-inline-flexbox; display: inline-flex; } }

.header { padding: 1.82vw 5.2vw 1.82vw 11.71vw; }

.header .header__inner > * { z-index: 1; }

.header .navbar { background-color: transparent; padding: 0; }

.header .navbar-collapse { -ms-flex-pack: end; justify-content: flex-end; }

.header .nav-item { position: relative; margin-left: 7.9vw; }

@media only screen and (max-width: 992px) { .header .nav-item { margin-left: 3vw; } 
	.article.about-us .article__footer p { display: none; } }

.header .nav-item.active, .header .nav-item.current-menu-item { color: #dc6016; }

.header .nav-item .dropdown { display: none; padding: 15px; background-color: #6d6e71; position: absolute; left: 0; z-index: 5; }

@media only screen and (max-width: 580px) { .header .nav-item .dropdown { position: static; } }

.header .nav-item .dropdown li { margin: 12px 0; }

.header .nav-item .dropdown a { color: #fff; white-space: nowrap; }

.header .nav-item .dropdown a:hover { color: #dc6016; }

.header .nav-link { font-size: 20px; padding-right: 0 !important; padding-left: 0 !important; }

@media (max-width: 1920px) { .header .nav-link { font-size: calc(16.8px + 0.16667vw) ; } }

.header .nav-link:hover { color: #dc6016; }

.header .navbar-toggler { padding: 0; border: none; outline: none; }

.header .navbar-toggler .icon { fill: #fff; font-size: 25px; }

.header .backlink { opacity: 0; font-size: 18px; color: inherit; }

@media (max-width: 1920px) { .header .backlink { font-size: calc(16.4px + 0.08333vw) ; } }

.header .icon { fill: currentColor; }

.header__logo { position: absolute; left: 0; top: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 6.51vw; padding: 1rem 0 0 0; z-index: 10; }

.header__logo img { display: block; width: 3.65vw; }

.header__horizontal-logo { display: none; }

.header__row { position: static; width: 100%; -ms-flex-pack: end; justify-content: flex-end; }

.header__row > * .navbar-nav { width: 100%; -ms-flex-pack: justify; justify-content: space-between; padding-left: 5.8vw; }

.header__row .nav-item { position: relative; margin-left: 0; }

@media only screen and (max-width: 580px) { #slider { height: auto; }
  .header__logo { display: none; }
  .header { padding: 18px 25px 15px 21px; color: #fff; background-color: #272727 !important; }
  .header .backlink { font-size: 16px; }
  .header__horizontal-logo { display: -ms-flexbox; display: flex; }
  .header__horizontal-logo img { width: 69px; }
  .navbar-toggler { display: -ms-inline-flexbox; display: inline-flex; }
  #navbarNav { position: fixed; top: 0; right: -100vw; width: calc(100vw - 72px); height: 100vh !important; background-color: #dc6016; color: #fff; z-index: 100; transition: all 0.2s ease-in-out; }
  #navbarNav.show { right: 0; }
  #navbarNav .navbar-nav { position: relative; height: 100%; -ms-flex-pack: center; justify-content: center; padding-left: 60px; }
  #navbarNav .nav-item { margin: 5px 0; }
  #navbarNav .nav-item.active, #navbarNav .nav-item.current-menu-item { color: #ffffff; font-weight: 700; }
  #navbarNav .navbar-toggler { position: absolute; right: 20px; top: 20px; }
  #navbarNav .navbar-toggler .icon { font-size: 14px; } }

html, body { box-sizing: border-box; height: 100%; }

*, *::before, *::after { box-sizing: inherit; }

@media only screen and (min-width: 580px) { *, *::before, *::after { cursor: none; } }

img { max-width: 100%; }

:root { font-family: "Darker Grotesque", sans-serif !important; font-size: 18px; font-weight: 400; line-height: normal;}

@media (max-width: 1920px) { :root { font-size: calc(16.4px + 0.08333vw) ; } }

:root * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; }

html, body { width: 100%; }

.main, .main-inner { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.main { position: relative; width: 100%; background-color: #272727; color: #fff; z-index: 1; }

.main.bg-light { background-color: #fff !important; color: #272727; }

.main.bg-light .header__logo { min-height: 130vh; background-color: #272727; }

.main.has-backlink .backlink { opacity: 1; }

.main + .footer { /*z-index: -1;*/ }

footer a:hover { color: #dc6016; }

.main-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; z-index: 1; }

.wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: 100%; overflow: hidden; }

.container { max-width: 1080px; width: 100%; margin: 0 auto; }

.row > * { position: static; }

.section { min-height: 100vh; }

a { color: inherit; outline: none; }

a:hover { color: #303030; }

li.viewpoints.article__list-item a:hover { color: #fff; }

picture source, picture img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.bg-absolute { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.bg-absolute img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }

.circle { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 50%; overflow: hidden; }

.circle img { object-fit: cover; object-position: center; }

.link { font-size: inherit; color: #dc6016; text-decoration: underline; }

.text-underlined { text-decoration: underline; }

.text-bold { font-weight: 700; }

.c-orange { color: #dc6016; }

.only-mobile { display: none !important; }

img { border: 0; }

img:not([src]):not([srcset]) { visibility: hidden; }

.lazyload { animation-name: fade; animation-duration: 1s; }

@keyframes fade { from { opacity: 0; }
  to { opacity: 1; } }

.d-flex { display: -ms-flexbox; display: flex; }

.flex-center { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.btn { position: relative; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 32px; font-size: 12px; line-height: 1; white-space: nowrap; border-radius: 0; }

.btn.primary { box-shadow: 0 1px 2px 0 rgba(17, 14, 59, 0.58); background-color: #0073ea; color: #ffffff; }

.btn.primary:hover { background-color: #0053a9; }

.btn.primary[disabled] { box-shadow: 0 3px 4px 0 rgba(129, 154, 158, 0.3); background-color: #f4f6f7; color: rgba(45, 39, 72, 0.3); }

.btn.empty { height: auto; padding: 0; background-color: transparent; font-weight: normal; box-shadow: none !important; }

.btn.empty:hover { background-color: transparent; }

.btn.bordered { background-color: transparent; box-shadow: none !important; border: 1px solid #dc6016; color: #dc6016; }

.btn.bordered:hover { background-color: #dc6016; color: white; }

.btn.bordered .hover-outer-border { position: absolute; display: inline-block; width: 0; height: 0; border: 1px solid #dc6016; background-color: transparent; transition: all 0.1s ease; pointer-events: none; z-index: 0; opacity: 0; }

.btn.transparent { box-shadow: 0 3px 4px 0 rgba(129, 154, 158, 0.3); background-color: #ffffff; font-weight: 400; }

.btn.transparent .icon { opacity: 0.8; }

.btn.transparent:hover { background-color: #0073ea; color: #fff; }

.btn.transparent:hover .icon { opacity: 1; }

.btn.transparent[disabled] { box-shadow: 0 3px 4px 0 rgba(129, 154, 158, 0.3); background-color: #f4f6f7; color: rgba(45, 39, 72, 0.3); }

.btn.fullwidth { width: 100%; }

.btn.wide { width: 150px; }

.btn.medium { width: 129px; }

.btn.small { width: 105px; }

.btn.xl { height: 36px; font-size: 16px; }

.btn .icon { font-size: 12px; -ms-flex-negative: 0; flex-shrink: 0; fill: currentColor; }

.btn .icon + span { margin-left: 10px; }

.btn span + .icon { margin-left: 10px; }

.footer { background: #272727; color: #fff; padding: 84px 5.2vw 55px 125px; }

.list__title { font-size: 18px; font-weight: 500; color: #dc6016; }

.list__title + .list { margin-top: 20px; }

.list { line-height: 1.25; margin-bottom: 24px; }

.partners { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.partners__company { -ms-flex-negative: 0; flex-shrink: 0; margin: 12px 0; }

.partners__company:not(:first-child) { margin-left: 51px; }

.partners__company img { display: block; }

.partners__company img.myob { height: 24px; }

.partners__company img.ca, .partners__company img.xero, .partners__company img.tmnz { height: 46.5px; }

.partners__company img.smartpayroll { height: 22.5px; }

.first-screen { min-height: 100vh; }

.first-screen .videoposter { position: absolute; height: 100%; margin: 0; }

.first-screen .videoposter .videoposter__play:not(:hover) { color: #7d7d7d; }

.first-screen .first-screen__content { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; z-index: 1; padding: 55px 55px 67px 200px; }

.first-screen .first-screen__content h1 { font-size: 75px; font-weight: 800; line-height: 1; }

@media (max-width: 1920px) { .first-screen .first-screen__content h1 { font-size: calc(27.8px + 2.45833vw) ; } }

.first-screen .first-screen__link { margin-top: 33px; font-size: 20px; color: #dc6016; pointer-events: none; text-transform: uppercase; }

@media (max-width: 1920px) { .first-screen .first-screen__link { font-size: calc(16.8px + 0.16667vw) ; } }

.first-screen + .sticked-foot { display: none !important; }

.article { padding-left: 6.51vw; line-height: 1.35; font-size: 20px; }

@media (max-width: 1920px) { .article { font-size: calc(16.8px + 0.16667vw) ; } }

.article p { margin-bottom: 1em; }

.article.about-us .article__descr { margin-top: 1.5em; }

.article.about-us .article__footer { margin-top: 3vh; }

.article__pic { /*max-height: calc(100vh - 90px);*/ height: 100%; }

.article__pic img { display: block; width: 100%; height: 100%; max-height: calc(100vh - 90px); object-fit: cover; object-position: center; }

.article__text { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 50px 5.26vw 36px 6.56vw; line-height: 1.35; }

.article__descr-text { column-count: 2; column-gap: 1.77vw; font-size: 18px; }

@media (max-width: 1920px) { .article__descr-text { font-size: calc(16.4px + 0.08333vw) ; } }

.article__title { font-size: 52.5px; line-height: 1; margin-bottom: 0.5em; }

@media (max-width: 1920px) { .article__title { font-size: calc(23.3px + 1.52083vw); } 

.article__team_role { font-size: 25px;} }

.article__more { display: -ms-flexbox; display: flex; margin-top: 0.5em; color: #dc6016; font-weight: 600; font-size: 18px; }

@media (max-width: 1920px) { .article__more { font-size: calc(16.4px + 0.08333vw) ; } }

.article__footer { -ms-flex-positive: 1; flex-grow: 1; margin-top: 7vh; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; padding-bottom: 7vh;}

.article__links { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; }

.article__links .link { font-size: 16px; text-decoration: none; }

.article__links a.btn { text-transform: capitalize; text-align: left; -ms-flex-pack: start; justify-content: flex-start; }

.article__list-item .link { display: -ms-flexbox; display: flex; position: relative; margin-top: -1px; padding: 9px 0 12px; }

.article__list-item .link:before, .article__list-item .link:after { content: ""; position: absolute; left: -6.56vw; display: inline-block; width: 2.916vw; height: 1px; background-color: #dc6016; }

.article__list-item .link:after { top: 0; }

.article__list-item .link:before { bottom: 0; }

.article__list-item .link.is-active { font-weight: 600; }

.article__list-item .link.is-active:after { height: 2px; width: 11.14vw; }

.article__list-item .link.is-active:before { height: 2px; width: 14.12vw; }

.article__list-item .link.is-active .icon-right-arrow { visibility: visible; }

.article__list-item .link .icon-right-arrow { visibility: hidden; position: absolute; top: 0; bottom: 0; left: -4vw; font-size: 14px; margin: auto; fill: currentColor; }

.about-us__title { font-size: 40px; font-weight: 400; }

@media (max-width: 1920px) { .about-us__title { font-size: calc(20.8px + 1vw) ; } }

.article__scroll-down { font-size: 57px; margin-left: -0.4em; }

.article__scroll-down, .article__scroll-down img { display: -ms-flexbox; display: flex; width: 1em; height: 1em; margin: auto;}

@media (max-width: 1920px) { .article__scroll-down { font-size: calc(24.2px + 1.70833vw) ; } }

.article__scroll-down .only-mobile { font-size: 20px; color: #dc601679; }

.article--member .article__pic img { box-shadow: 8px 8px 16px #00000029; }

.article--member .article__title { font-size: 60px; }

.contact { padding-top: 10vh; padding-right: 5.2vw; }

.contact a:hover { color: #dc6016; }

.contact .row-icon { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; width: 6vw; min-width: 64px; }

.contact .row-icon + div { -ms-flex-positive: 1; flex-grow: 1; }

.contact .row-icon .icon { font-size: 22px; fill: #fff; }

.contact .article__scroll-down { margin: -0.1em 0 0 -0.2em; }

.contact .form-control { height: auto; padding: 0; color: #fff; background-color: transparent; border: none; border-bottom: 1px solid #fff; border-radius: 0; font-size: 20px; }

.contact .form-control:-ms-input-placeholder { color: #b2b2b2; font-size: inherit; }

.contact .form-control::placeholder { color: #b2b2b2; font-size: inherit; }

.contact textarea.form-control { background-attachment: local; background-image: repeating-linear-gradient(transparent, transparent 30px, #fff 30px, #fff 31px, transparent 31px); line-height: 30px; }

.contact textarea.form-control:focus { outline: none !important; box-shadow: none; }

.contact button[type="submit"] { font-weight: 600; -ms-flex-pack: start; justify-content: flex-start; font-size: 16px; }

.contact__row { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin-bottom: 3em; }

.contact-map { display: -ms-flexbox; display: flex; margin-top: 2vh; }

.contact-map img { max-width: 100%; }

.map-canvas { height: 554px; width: 100%; }

.videoposter { position: relative; left: 0; top: 0; width: 100%; height: 580px; max-height: 100vh; margin: 35px 0; }

.videoposter video { display: none; }

.videoposter > * { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.videoposter.video-playing img { opacity: 0; }

.videoposter.video-playing video { display: -ms-flexbox; display: flex; }

.videoposter__play { position: absolute; z-index: 10; top: 0; bottom: 0; margin: auto; left: calc(50vw - 1em / 2); display: -ms-inline-flexbox; display: inline-flex; color: #fff; font-size: 43.5px; display: inline-flex; width: 1em; height: 1em !important; }

.videoposter__play:hover { color: #dc6016; }

.videoposter__play .icon { font-size: inherit; fill: currentColor; }

.sticked-foot { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 18px 20px; font-size: 25px; background: #dc6016; color: #fff; }

.sticked-foot .icon { fill: currentColor; }

#cursorFX { display: -ms-flexbox; display: flex; position: absolute; border-radius: 100px; color: #dc6016; border: 1px solid #dc6016; transition-timing-function: linear; z-index: 10; pointer-events: none; width: 30px; height: 30px; position: fixed; top: 0; left: 0; z-index: 100; pointer-events: none; will-change: transform; }

#cursorFX.active { border-radius: 0px; }

#cursorFX.active:after { display: none; }

#cursorFX:after { content: ""; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 15px; height: 15px; background-color: currentColor; border-radius: 100px; }

@media only screen and (max-width: 579px) { #cursorFX { display: none; visibility: hidden; } }

.sbd { position: fixed; z-index: 10; right: -300px; top: 0; height: 100vh; width: 300px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 100vw; transition: all 0.3s ease; opacity: 0.6; }

.sbd .sbd__inner { width: 100%; height: 100%; padding: 48px 28px 24px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; background-color: #dc6016; font-size: 16px; color: #fff; z-index: 10; }

.sbd.is-opened { right: 0; opacity: 1; }

.sbd .form-group { margin-bottom: 1.5em; }

.sbd .form-control { height: 32px; border-radius: 0; background-color: transparent; }

.sbd .form-control, .sbd .form-control:-ms-input-placeholder { color: #fff; font-size: 14px; }

.sbd .form-control, .sbd .form-control::placeholder { color: #fff; font-size: 14px; }

.sbd__close { position: absolute; top: 24px; right: 24px; width: 20px; height: 20px; }

.sbd__close .icon { font-size: 14px; fill: #fff; }

.sbd__form { margin-top: 5vh; }

.sbd__submit { margin-top: 7vh; display: block; width: 100%; height: 32px; font-size: 16px; color: #dc6016; -ms-flex-pack: start; justify-content: flex-start; text-align: left; }

@media only screen and (max-width: 580px) { .first-screen .first-screen__content { padding: 24px; }
  .first-screen .first-screen__content h1 { font-size: 40px; }
  .first-screen .videoposter__play { font-size: 40px; }
  .first-screen .first-screen__link { font-size: 16px; }
  .article { padding-left: 0; }
  .article__pic { max-height: 70vh; }
  .article__pic img { max-height: 70vh; }
  .article__text { padding: 30px 20px; }
  .article__descr-text { column-count: 1; }
  .article__title, .about-us__title { min-height: 1px; font-size: 40px; margin-bottom: 0.725em; } }

@media only screen and (max-width: 580px) and (max-width: 1920px) { .article__title, .about-us__title { font-size: calc(20.8px + 1vw) ; } }

@media only screen and (max-width: 580px) { .article__footer { margin-top: 45px; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; }
  .article__footer .article__links + .btn.bordered { margin-top: 50px; }
  .article__list-item .link { padding: 5px 0 7px 7vw; font-size: 18px; }
  .article__list-item .link:before, .article__list-item .link:after { content: ""; left: -20px; width: 8vw; }
  .article__list-item .link.is-active:after { width: 34.13vw; }
  .article__list-item .link.is-active:before { width: 87.2vw; }
  .article__list-item .link .icon-right-arrow { left: 0; font-size: 14px; }
  .article__scroll-down { font-size: 20px; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 1em 0 0 0; -ms-flex-align: center; align-items: center; }
  .footer { padding: 32px 20px 110px; }
  .partners { -ms-flex-pack: justify; justify-content: space-between; }
  .partners__company:not(:first-child) { margin-left: 26px; }
  .partners__company img { display: block; }
  .partners__company img.myob { height: 19px; }
  .partners__company img.ca, .partners__company img.xero, .partners__company img.tmnz { height: 36px; }
  .partners__company img.smartpayroll { height: 17px; }
  .contact { padding: 25vh 20px 7vh; font-size: 16px; line-height: 1; }
  .contact .contact__row { margin-bottom: 23px; }
  .contact .row-icon .icon { font-size: 16px; }
  .contact .article__scroll-down { display: none; }
  .contact .form-control, .contact .form-control:-ms-input-placeholder { font-size: 16px; }
  .contact .form-control, .contact .form-control::placeholder { font-size: 16px; }
  .map-canvas { height: 527px; }
  .only-mobile { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

/*# sourceMappingURL=app.css.map */