/* font css */
@font-face {
  font-family: 'galano-bold';
  src: url("../fonts/galano_grotesque_bold-webfont.woff2") format("woff2"), url("../fonts/galano_grotesque_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'galano-medium';
  src: url("../fonts/galano_grotesque_medium-webfont.woff2") format("woff2"), url("../fonts/galano_grotesque_medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'galano-semibold';
  src: url("../fonts/galano_grotesque_semi_bold-webfont.woff2") format("woff2"), url("../fonts/galano_grotesque_semi_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'galano-regular';
  src: url("../fonts/galano_grotesque-webfont.woff2") format("woff2"), url("../fonts/galano_grotesque-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* base css */
:root {
  font-size: 10px;
}

body {
  color: #212121;
  font-size: 10px;
  line-height: 1.6;
  font-family: 'galano-medium', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a,
button,
p,
span,
li {
  font-size: 1.8rem;
  letter-spacing: 0.03rem;
}

b,
strong {
  font-weight: normal;
  font-family: 'galano-semibold' ,sans-serif;
}

p a,
p span,
a i,
a span,
li span,
li a {
  font-size: 1em;
}

a {
  color: #26c6bc;
  font-family: 'galano-medium' ,sans-serif;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

a:hover,
a:active,
a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
}

p {
  margin-bottom: 1.6rem;
  letter-spacing: 0.05rem;
}

p:last-child {
  margin-bottom: 0;
}

hr {
  margin: 5rem 0;
  border: 0;
  border-top: 1px solid #e8e7e7;
}

/* lists */
ul {
  margin: 0 0 3rem;
  padding: 0 0 0 1.7rem;
}

ul:last-child {
  margin-bottom: 0;
}

/* image */
.img-fluid {
  width: 100%;
  max-width: 100%;
}

.image-container img {
  width: 100%;
  border-radius: 0.3rem;
}

/* stretched link */
.full-box-link:after,
.stretched-link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 2rem;
  line-height: 1.2;
  letter-spacing: 0.03rem;
  font-family: 'galano-bold', sans-serif;
  font-weight: normal;
  color: #181C4B;
}

h1 a, h1 span, h2 a, h2 span, h3 a, h3 span, h4 a, h4 span, h5 a, h5 span, h6 a, h6 span,
.h1 a,
.h1 span, .h2 a, .h2 span, .h3 a, .h3 span, .h4 a, .h4 span, .h5 a, .h5 span, .h6 a, .h6 span {
  font-size: 1em;
  color: inherit;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
  margin-top: 0;
}

h1, .h1 {
  font-size: 3.6rem;
}

h2, .h2 {
  font-size: 3.2rem;
}

h3, .h3 {
  font-size: 2.8rem;
}

h4, .h4 {
  font-size: 2.4rem;
}

h5, .h5 {
  font-size: 2rem;
}

h6, .h6 {
  font-size: 1.8rem;
}

.content-heading {
  margin-bottom: 6rem;
}

.content-heading h1, .content-heading .h1, .content-heading h2, .content-heading .h2, .content-heading h3, .content-heading .h3, .content-heading h4, .content-heading .h4 {
  margin: 0;
}

.content-heading.with-subheading h1, .content-heading.with-subheading .h1, .content-heading.with-subheading h2, .content-heading.with-subheading .h2, .content-heading.with-subheading h3, .content-heading.with-subheading .h3, .content-heading.with-subheading h4, .content-heading.with-subheading .h4 {
  margin: 0 0 3rem;
}

/* buttons */
.btn {
  font-size: 1.6rem;
  padding: 0.9rem 2.5rem 0.9rem;
  border-radius: 0.6rem;
  min-width: 16rem;
  height: 5rem;
  line-height: 1.6;
  font-family: 'galano-bold', sans-serif;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: auto;
  color: #fff;
  letter-spacing: 0.08rem;
  border: none;
  text-transform: uppercase;
}

.btn .icon {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: 0;
  transition: left 0.2s ease-in-out;
}

.btn svg {
  height: 100%;
  width: 100%;
  max-height: 1.5rem;
  max-width: 1.5rem;
  transition: fill 0.2s ease-in-out;
}

.btn.with-icon {
  position: relative;
}

.btn.with-icon svg {
  position: relative;
  left: 0;
}

.btn.icon-right .icon, .btn.with-icon-right .icon {
  margin-left: 1rem;
}

.btn.icon-right.with-hover:hover .icon, .btn.with-icon-right.with-hover:hover .icon {
  left: 0.5rem;
}

.btn.icon-left .icon, .btn.with-icon-left .icon {
  margin-right: 1rem;
}

.btn.icon-left.with-hover:hover .icon, .btn.with-icon-left.with-hover:hover .icon {
  left: -0.5rem;
}

.btn:focus:active, .btn:focus, .btn:hover, .btn:active {
  outline: none;
  box-shadow: none;
}

/* text link */
.text-link {
  font-family: 'galano-medium', sans-serif;
  color: #05E8D9;
}

.text-link .icon {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: 0;
  transition: left 0.2s ease-in-out;
}

.text-link svg {
  height: 100%;
  width: 100%;
  max-height: 1.5rem;
  max-width: 1.5rem;
  fill: #05E8D9;
  transition: fill 0.2s ease-in-out;
}

.text-link.with-icon {
  position: relative;
}

.text-link.with-icon svg {
  position: relative;
  left: 0;
  top: -0.2rem;
}

.text-link.icon-right .icon, .text-link.with-icon-right .icon {
  margin-left: 0.8rem;
}

.text-link.icon-right.with-hover:hover .icon, .text-link.with-icon-right.with-hover:hover .icon {
  left: 0.5rem;
}

.text-link.icon-left .icon, .text-link.with-icon-left .icon {
  margin-right: 0.8rem;
}

.text-link.icon-left.with-hover:hover .icon, .text-link.with-icon-left.with-hover:hover .icon {
  left: -0.5rem;
}

.text-link:focus:active, .text-link:focus, .text-link:hover, .text-link:active {
  outline: none;
  box-shadow: none;
}

.text-link:hover {
  color: #181C4B;
}

.text-link:hover .icon svg {
  fill: #181C4B;
}

.button-container {
  margin: 3rem -1.5rem 0;
}

.button-container .btn {
  margin: 1rem;
}

.btn-small,
.btn-sm,
.btn-group-sm > .btn {
  min-width: 12rem;
  height: 4.5rem;
  font-size: 1.4rem;
  line-height: 1.4;
}

.btn-small svg,
.btn-sm svg,
.btn-group-sm > .btn svg {
  max-height: 1.3rem;
  max-width: 1.3rem;
}

.btn-large,
.btn-lg,
.btn-group-lg > .btn {
  padding: 1.5rem 3rem;
  height: 5.5rem;
  font-size: 1.6rem;
}

.btn-large svg,
.btn-lg svg,
.btn-group-lg > .btn svg {
  max-height: 1.7rem;
  max-width: 1.7rem;
}

/* button colors */
.btn-darkblue:hover {
  background: #363c7f;
  color: #fff;
}

.btn-yellow:hover {
  color: #fff;
}

.btn-yellow:focus, .btn-yellow:active {
  color: #fff;
}

/* text color */
.color-white {
  color: #fff;
}

.color-neongreen {
  color: #05E8D9;
}

/* form css */
.form-block,
.form-group {
  margin-bottom: 3rem;
  text-align: left;
}

.form-block h4, .form-block h5,
.form-group h4,
.form-group h5 {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}

.form-block h4 span:not(.info-tooltip-icon), .form-block h5 span:not(.info-tooltip-icon),
.form-group h4 span:not(.info-tooltip-icon),
.form-group h5 span:not(.info-tooltip-icon) {
  font-size: 1.5rem;
  color: #64686b;
  display: block;
}

.form-block:last-child {
  margin-bottom: 0;
}

label {
  font-family: 'galano-medium', sans-serif;
  letter-spacing: 0.05rem;
  margin-bottom: 1.2rem;
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #8e99b5;
  font-weight: 600;
}

label .accent {
  font-style: normal;
  color: #ff0000;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  top: 6px;
  margin-left: 5px;
}

textarea.form-control {
  padding: 2rem 1.8rem;
}

form button[type='submit'] {
  margin-top: 1rem;
}

.form-control {
  font-size: 1.6rem;
  height: 5rem;
  padding: 1rem 1.8rem 1rem;
  border-radius: 0.4rem;
  color: #212121;
  letter-spacing: 0.05rem;
  border: 1px solid #ddd;
  font-family: 'galano-medium', sans-serif;
}

.form-control::-webkit-input-placeholder {
  letter-spacing: 0.05rem;
  color: #9b9b9b;
  font-weight: 400;
  font-family: 'galano-regular', sans-serif;
}

.form-control::-moz-placeholder {
  letter-spacing: 0.05rem;
  color: #9b9b9b;
  font-weight: 400;
  font-family: 'galano-regular', sans-serif;
}

.form-control:-ms-input-placeholder {
  letter-spacing: 0.05rem;
  color: #9b9b9b;
  font-weight: 400;
  font-family: 'galano-regular', sans-serif;
}

.form-control:-moz-placeholder {
  letter-spacing: 0.05rem;
  color: #9b9b9b;
  font-weight: 400;
  font-family: 'galano-regular', sans-serif;
}

.form-control:focus {
  color: #212121;
  border-color: none;
  box-shadow: none;
}

select.noValue {
  letter-spacing: 0.05rem;
  color: #999;
  font-family: 'galano-regular', sans-serif;
}

select,
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff url(../images/arrow-down.svg) right 15px top 55% no-repeat;
  background-size: 1.3rem;
  font-family: 'galano-medium', sans-serif;
}

/* header */
.site-header {
  padding: 3rem 0;
  background: #181C4B;
}

.logo-container {
  display: inline-block;
}

.logo-container img {
  max-width: 16rem;
}

.nav-link {
  color: #fff;
  font-family: 'galano-semibold', sans-serif;
}

.nav-link:hover {
  color: #05E8D9;
}

.site-header-left {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.site-header-right {
  display: none;
}

.site-header-right .row {
  align-items: center;
}

.site-header-right .nav {
  flex-direction: column;
  text-align: center;
  margin: 0;
  padding: 3rem 0 0;
}

.site-header-right .nav-item {
  width: 100%;
}

.site-header-right .nav-link {
  text-transform: uppercase;
  padding: 1.5rem;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
}

.site-header-right .nav-link:focus, .site-header-right .nav-link:active {
  color: #fff;
}

.site-header-right .button {
  margin-top: 2rem;
}

.site-header-right .button .nav-link {
  padding: 0;
}

.responsive-menu-container {
  padding: 2rem 0;
  text-align: left;
}

.responsive-menu-container .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

/* responsive menu - hamburger icon */
.responsive-menu {
  width: 3.5rem;
  height: 2.2rem;
  position: relative;
  cursor: pointer;
  float: right;
}

.responsive-menu span {
  display: block;
  position: absolute;
  height: 0.3rem;
  width: 100%;
  background: #05E8D9;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.responsive-menu span:nth-child(1) {
  top: 0;
}

.responsive-menu span:nth-child(2), .responsive-menu span:nth-child(3) {
  top: 0.9rem;
}

.responsive-menu span:nth-child(4) {
  top: 1.8rem;
}

.responsive-menu.open span {
  background: #05E8D9;
}

.responsive-menu.open span:nth-child(1) {
  top: 1rem;
  width: 0%;
  left: 50%;
}

.responsive-menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 90%;
}

.responsive-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 90%;
}

.responsive-menu.open span:nth-child(4) {
  top: 1rem;
  width: 0%;
  left: 50%;
}

/* footer */
.site-footer {
  background: #05E8D9;
  padding: 6rem 0;
  text-align: center;
}

.footer-logo img {
  width: 16.5rem;
}

.footer-links-container {
  text-align: center;
  margin: 6rem 0;
}

.footer-links-container .nav {
  justify-content: center;
  flex-direction: column;
}

.footer-links-container .nav-link {
  padding: 1.2rem 2rem;
  color: #181C4B;
}

.footer-links-container .nav-link:hover {
  color: #fff;
}

.social-media-container .nav {
  justify-content: center;
}

.social-media-container .nav li:first-child a {
  margin-left: 0;
}

.social-media-container .icon svg {
  height: 3.5rem;
  width: 3.5rem;
  fill: #181c4b;
  transition: fill 0.2s ease-in-out;
}

.social-media-container a {
  display: inline-block;
  margin: 0 0 0 2.5rem;
}

.social-media-container a:hover .icon svg {
  fill: #fff;
}

.copyright {
  font-size: 1.6rem;
  margin-top: 5rem;
  color: #0d7a8f;
}

.copyright a {
  color: #0d7a8f;
  text-decoration: underline;
}

.copyright a:hover {
  color: #181C4B;
}

/* hero */
.home-hero {
  position: relative;
  padding: 6rem 0;
  background: #181C4B;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.home-hero .hero-content {
  max-width: 75rem;
  margin: 0 auto;
}

.home-hero h1 {
  color: #fff;
  font-size: 4.5rem;
}

.home-hero h1 span {
  font-size: 1em;
  color: #05E8D9;
  display: block;
}

.home-hero h4, .home-hero p {
  color: #fff;
  font-family: 'galano-medium', sans-serif;
}

.home-hero h4 {
  font-size: 2.2rem;
  max-width: 40rem;
  margin: 0 auto;
}

.home-hero .container {
  position: relative;
  z-index: 20;
  padding-bottom: 25rem;
}

.hh-building {
  width: 230%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: none;
}

.hh-man {
  max-width: 17rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -3rem;
  z-index: 5;
  display: none !important;
}

.hh-mobile-mockup {
  position: relative;
  height: 44rem;
  margin-top: 6rem;
}

.hh-logo {
  z-index: 2;
  width: 30rem;
  left: 52%;
  transform: translateX(-50%);
  position: absolute;
  top: 7rem;
}

.hh-phone {
  z-index: 4;
  width: 22rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.phone-hollow {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.phone-slider {
  width: 88%;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -0.1rem;
}

.phone-slider img {
  width: 100%;
}

/* play by play */
.play-by-play {
  padding: 6rem 0;
}

.play-by-play .button-block-container {
  margin-top: 1rem;
  text-align: center;
}

.play-box {
  text-align: center;
  position: relative;
  margin-bottom: 5rem;
}

.play-box .icon {
  height: 10rem;
  width: 10rem;
  margin: 0 auto 3rem;
  background: #181C4B;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
}

.play-box .icon img {
  position: absolute;
  width: 70%;
  height: 70%;
  top: 50%;
  left: 49%;
  transform: translate(-50%, -50%);
}

.play-box .icon .icon-gif {
  position: absolute;
  width: 6.5rem;
  height: 6.5rem;
  top: 50%;
  left: 49%;
  transform: translate(-50%, -50%);
}

.play-box .gear-icon .icon-gif {
  left: 54%;
}

.play-box .title {
  color: #05E8D9;
}

.play-box .dots {
  position: absolute;
  right: -7.5rem;
  top: 5rem;
  height: 1.5rem;
  display: none;
}

/* home about */
.home-about {
  background: #181C4B;
  padding: 6rem 0 0;
  text-align: center;
}

.home-about .image-container {
  width: 22rem;
  margin: 0 auto 4rem;
}

.home-about-content {
  color: #fff;
  margin-bottom: 6rem;
}

/* home video */
.home-video {
  text-align: center;
  background: #05E8D9;
}

.home-video-top {
  padding: 6rem 0 8rem;
  background: #fff url(../images/logo-silhouette-bg.svg) no-repeat;
  background-size: cover;
}

.home-video-top .content-heading {
  max-width: 80rem;
  margin: 0 auto 6rem;
}

.home-video-bottom {
  padding: 0 0 6rem;
  margin-top: -8rem;
}

.home-video-bottom .video-box {
  max-width: 60rem;
  margin: 0 auto 6rem;
}

.home-video-bottom .video-box .image-container {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  background: #181C4B;
}

.home-video-bottom .video-box .image-container .video-image {
  opacity: 0.5;
}

.home-video-bottom .video-box .image-container .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 6rem;
  width: 6rem;
  transform: translate(-50%, -50%);
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
}

.home-video-bottom .video-box .image-container:hover .play-icon {
  height: 8rem;
  width: 8rem;
}

.home-video-bottom .title {
  font-size: 3.2rem;
  line-height: 1.2;
}

.home-video-bottom .title br {
  display: none;
}

.home-video .text-center {
  margin-top: 6rem;
}

/* crunchr features */
.crunchr-features {
  padding: 6rem 0 0;
  background: #181C4B;
  text-align: center;
}

.crunchr-features .container {
  position: relative;
}

.crunchr-feature-content {
  color: #fff;
}

.crunchr-feature-content .content-heading h2, .crunchr-feature-content .content-heading h3, .crunchr-feature-content .content-heading h4 {
  color: #fff;
}

.feature-box {
  margin-bottom: 6rem;
}

.feature-box .icon {
  height: 4.5rem;
  width: 4.5rem;
  position: relative;
  top: -0.5rem;
  display: block;
  margin: 0 auto 1rem;
}

.feature-box .icon img {
  width: 100%;
  max-height: 4.5rem;
}

.feature-box .title {
  color: #05E8D9;
  font-size: 2rem;
}

.feature-partners {
  position: absolute;
  bottom: 8rem;
  right: -5rem;
  width: 30rem;
  display: none;
}

.feature-phone {
  position: absolute;
  max-width: 60rem;
  top: 5rem;
  right: -20rem;
  display: none;
}

/* free trial */
.free-trial {
  padding: 6rem 0;
  background: #fff url(../images/price-logo-bg.svg) no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
  text-align: center;
}

.free-trial .free-trial-content {
  max-width: 50rem;
  margin: 0 auto;
}

.free-trial .free-trial-details {
  background: #05E8D9;
  height: auto;
  width: 100%;
  padding: 5rem 3rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 5rem;
}

.free-trial .free-trial-details span {
  display: block;
  font-size: 2rem;
}

.free-trial .free-trial-details .trial-text {
  margin-bottom: 2rem;
  color: #fff;
}

.free-trial .free-trial-details .trial-days {
  text-transform: uppercase;
  font-size: 4rem;
  text-align: center;
  margin: 0;
}

.free-trial .free-trial-details .price {
  margin: 2rem 0;
  color: #fff;
}

.free-trial .free-trial-details .tax-smalltext {
  font-size: 1.5rem;
}

/* expense checks */
.expense-checks {
  padding: 6rem 0;
  background: #181C4B;
}

.expense-checks .content-heading .title,
.expense-checks .content-heading p {
  color: #fff;
}

.expense-box-container {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 1.5rem;
  padding: 4rem;
  max-width: 70rem;
  margin: 0 auto;
  margin-bottom: 6rem;
}

.expense-checked {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}

.expense-checked span {
  font-size: 2rem;
  color: #fff;
}

.expense-checked .check-text {
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #05E8D9;
  font-size: 1.6rem;
}

.expense-checked .icon {
  height: 2rem;
  width: 2rem;
  margin-left: 1rem;
  display: inline-block;
  position: relative;
  top: -0.2rem;
}

.expense-checked .icon img {
  width: 100%;
}

.expense-checked:last-child {
  margin-bottom: 0;
}

/* testimonial */
.testimonial {
  padding: 6rem 0;
}

.testimonial .container {
  padding: 0;
}

.testimonial .content-heading {
  margin-bottom: 6rem;
}

.testimonial .content-heading span {
  color: #05E8D9;
}

.testimonial .content-heading p br {
  display: none;
}

.testimonial .col-12:last-child .testimonial-box {
  margin-bottom: 0;
}

.testi-person-details .title {
  display: block;
}

.testimonial-box {
  padding: 2rem 1.5rem 0;
}

.testimonial-box .text-container {
  position: relative;
  padding: 4rem 2rem;
  border-radius: 1rem;
  background: #181C4B;
  color: #fff;
  margin-bottom: 2rem;
}

.testimonial-box .text-container .quote-icon {
  position: absolute;
  top: -1.5rem;
  left: 2rem;
  width: 5rem;
}

.testimonial-box .text-container p {
  font-size: 1.7rem;
}

.testi-person {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding-left: 7.5rem;
  height: 5.5rem;
}

.testi-person .profile-picture {
  margin-right: 2rem;
  height: 5.5rem;
  width: 5.5rem;
  border-radius: 100%;
  overflow: hidden;
  border: 0.1rem solid #eaeaea;
  position: absolute;
  left: 0;
  top: 0;
}

.testi-person .profile-picture img {
  width: 100%;
}

.testi-person .name {
  color: #181C4B;
}

.testi-person .title {
  color: #989faa;
  line-height: 1;
  font-size: 1.5rem;
  line-height: 1.4;
}

.testimonial-slider-container .owl-nav.disabled + .owl-dots {
  margin-top: 5rem;
}

.testimonial-slider-container .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 8px;
}

.testimonial-slider-container .owl-dots .owl-dot.active span,
.testimonial-slider-container .owl-theme .owl-dots .owl-dot:hover span {
  background: #181C4B;
}

.testimonial-slider-container .owl-dots .owl-dot {
  background: transparent;
  border: none;
}

/* download-app */
.download-app {
  background: #181C4B;
  text-align: center;
}

.download-app .container {
  position: relative;
}

.download-app .image-container {
  overflow: hidden;
  height: 60rem;
  position: absolute;
  bottom: 0;
  right: -8rem;
  width: 40rem;
  display: none;
}

.download-app-content {
  padding: 6rem 0;
}

.download-app-content .download-button {
  width: 20rem;
  margin: 0 auto;
}

.download-app-content .download-button img {
  width: 100%;
}

.da-newsletter {
  max-width: 60rem;
  margin: 6rem auto 0;
}

.da-newsletter .newsletter-text {
  font-size: 2rem;
  color: #fff;
}

.da-newsletter-form {
  margin-top: 3rem;
}

.da-newsletter-form .form-control {
  height: 6rem;
  padding: 1.5rem 2rem;
  font-size: 1.8rem;
  width: 100%;
}

.da-newsletter-form .btn {
  height: 6rem;
  margin: 0;
  width: 100%;
  margin-top: 2rem;
}

/* contact modal */
.contact-modal {
  padding: 2rem;
  width: 100%;
  max-width: 90rem;
  display: none;
}

.contact-modal .content-heading {
  margin: 5rem 0 2rem;
}

.contact-modal iframe {
  width: 100%;
  max-width: 90rem;
}

/* terms and privacy modal */
.terms-modal,
.privacy-modal {
  display: none;
  padding: 3rem 0;
  width: 100%;
}

/* FAQs*/
.faq-page {
  padding: 8rem 0;
}

.faq-box {
  margin-bottom: 8rem;
}

.faq-box .content-heading {
  margin-bottom: 3rem;
}

.faq-box.short-content {
  text-align: center;
  margin: 0;
}

.faq-box.short-content p {
  max-width: 80rem;
  margin: 0 auto 2rem;
}

.faq-box.short-content .btn {
  margin-top: 3rem;
}

.faq-box a:not(.btn) {
  color: #26c6bc;
  font-family: 'galano-semibold' ,sans-serif;
}

.faq-box a:not(.btn):hover {
  color: #181C4B;
}

.faq-block {
  border-bottom: 2px solid #eaeaea;
}

.faq-block .faq-block-question {
  padding: 25px 0 25px 45px;
  font-size: 1.7rem;
  line-height: 1.5;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  font-family: 'galano-semibold', sans-serif;
}

.faq-block .faq-block-question:hover {
  color: #181C4B;
}

.faq-block .faq-block-answer {
  display: none;
  padding: 0 0 25px 40px;
}

.faq-block .icon {
  position: absolute;
  top: 2.2rem;
  left: 0;
  transition: transform 0.3s ease-in-out;
}

.faq-block .icon svg {
  height: 3rem;
  width: 3rem;
  vertical-align: middle;
  fill: #00e8d9;
  position: relative;
  top: -0.1rem;
}

.faq-block.open .faq-block-question {
  color: #181C4B;
}

.faq-block.open .icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.faq-block:last-child {
  margin: 0;
  border: none;
}

@media (min-width: 768px) {
  /* faq */
  .faq-block {
    border: 2px solid #eaeaea;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .faq-block:last-child {
    border: 2px solid #eaeaea;
  }
  .faq-block.open {
    border-color: #181C4B;
  }
  .faq-block .icon {
    top: 2.5rem;
    left: 2.5rem;
  }
  .faq-block .faq-block-question {
    font-size: 2rem;
    padding: 25px 25px 25px 70px;
  }
  .faq-block .faq-block-answer {
    padding: 0 2.5rem 2.5rem;
  }
}

/* terms and condition modal css*/
.legal-page {
  font-family: 'galano-regular', sans-serif;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.legal-page a,
.legal-page p,
.legal-page button,
.legal-page span,
.legal-page li {
  font-size: 1.6rem;
}

.legal-page ol,
.legal-page ul,
.legal-page li,
.legal-page p {
  margin-bottom: 1rem;
}

.legal-page h1,
.legal-page .h1 {
  font-size: 3.6rem;
}

.legal-page h2,
.legal-page .h2 {
  font-size: 3rem;
}

.legal-page h3,
.legal-page .h3 {
  font-size: 2.4rem;
}

.legal-page h4,
.legal-page .h4 {
  font-size: 2rem;
}

.legal-page h5,
.legal-page .h5 {
  font-size: 1.8rem;
}

.legal-page h6,
.legal-page .h6 {
  font-size: 1.6rem;
}

.legal-page h1, .legal-page .h1,
.legal-page h2, .legal-page .h2,
.legal-page h3, .legal-page .h3,
.legal-page h4, .legal-page .h4,
.legal-page h5, .legal-page .h5,
.legal-page h6, .legal-page .h6 {
  margin: 4rem 0 2rem;
}

.legal-page h1:first-child,
.legal-page h2:first-child,
.legal-page h3:first-child,
.legal-page h4:first-child,
.legal-page h5:first-child,
.legal-page h6:first-child {
  margin-top: 0;
}

ol.start,
ol.continue {
  padding: 0;
}

ol.start {
  counter-reset: mycounter;
}

ol.lower-alpha > li,
ol.lower-roman > li,
ol.start > li,
ol.continue > li {
  list-style: none;
  position: relative;
  padding-left: 3rem;
}

ol.start > li:before,
ol.continue > li:before {
  content: counter(mycounter) ". ";
  counter-increment: mycounter;
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'galano-medium', sans-serif;
  color: #181C4B;
}

/* ul nesting */
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0.8rem 0 1.2rem !important;
  padding: 0;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 0.5rem !important;
}

/* lower roman */
ol.lower-roman {
  counter-reset: lrcounter;
}

ol.lower-roman > li:before {
  content: counter(lrcounter, lower-roman);
  counter-increment: lrcounter;
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'galano-medium', sans-serif;
  color: #181C4B;
}

/* lower alpha */
ol.lower-alpha {
  counter-reset: lacounter;
}

ol.lower-alpha > li:before {
  content: counter(lacounter, lower-alpha);
  counter-increment: lacounter;
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'galano-medium', sans-serif;
  color: #181C4B;
}

/* dots animation */
.dots-container {
  width: 13rem;
  position: absolute;
  right: -7.5rem;
  top: 5rem;
  height: 1.5rem;
  display: none;
}

.dots-container .dot {
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 100%;
  background: #05E8D9;
  display: inline-block;
  margin-left: 1.9rem;
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.dots-container .dot:first-child {
  margin-left: 0;
}

.dots-container .dot:nth-child(2) {
  animation-delay: 0.2s;
}

.dots-container .dot:nth-child(3) {
  animation-delay: 0.4s;
}

.dots-container .dot:nth-child(4) {
  animation-delay: 0.6s;
}

@keyframes blink {
  0% {
    opacity: .2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}

/* text page */
.text-page {
  padding: 8rem 0;
}

.text-page h1, .text-page .h1,
.text-page h2, .text-page .h2,
.text-page h3, .text-page .h3,
.text-page h4, .text-page .h4,
.text-page h5, .text-page .h5,
.text-page h6, .text-page .h6 {
  margin: 5rem 0 2rem;
}

.text-page h3, .text-page .h3 {
  font-size: 3rem;
}

.text-page h1:first-child,
.text-page h2:first-child,
.text-page h3:first-child,
.text-page h4:first-child,
.text-page h5:first-child,
.text-page h6:first-child {
  margin-top: 0;
}

.home-hero.custom-animation .container {
  padding-bottom: 30rem;
}

/* building */
.building-bg-container {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 23rem;
}

.building-bg-container .building-bg {
  width: 300%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: url(../animation/buildings.png) repeat-x;
  background-size: 18rem;
  will-change: right;
  animation: panoramic 15s linear infinite;
}

@keyframes panoramic {
  0% {
    right: 0;
  }
  100% {
    right: -200%;
  }
}

/* man walking */
.man-walking {
  position: absolute;
  bottom: 3rem;
  left: 45%;
  width: 19rem;
  height: 25.5rem;
  transform: translateX(-50%);
}

/* icons popping */
.icons-popping {
  position: absolute;
  bottom: 16rem;
  left: 0;
  height: 20rem;
  width: 100%;
}

/* custom animation responsive */
@media (min-width: 375px) {
  .custom-animation .icons-popping {
    height: 23rem;
    bottom: 13rem;
  }
}

@media (min-width: 450px) {
  .custom-animation .icons-popping {
    height: 30rem;
    bottom: 9rem;
  }
  .building-bg-container .building-bg {
    animation-duration: 30s;
  }
}

@media (min-width: 768px) {
  .home-hero.custom-animation .container {
    padding-bottom: 35rem;
  }
  .custom-animation .building-bg-container {
    height: 25rem;
  }
  .custom-animation .building-bg-container .building-bg {
    background-size: 20rem;
    animation-duration: 40s;
  }
  .custom-animation .icons-popping {
    height: 35rem;
    bottom: 10rem;
  }
  .custom-animation .man-walking {
    width: 23rem;
    height: 30.1rem;
  }
}

@media (min-width: 1200px) {
  .custom-animation .icons-popping {
    width: auto;
    left: 10%;
    height: 40rem;
    bottom: 7rem;
  }
}

@media (min-width: 1400px) {
  .home-hero.custom-animation .container {
    height: 80rem;
  }
  .home-hero.custom-animation .icons-popping {
    bottom: 15rem;
  }
  .home-hero.custom-animation .building-bg-container {
    height: 32rem;
  }
  .home-hero.custom-animation .building-bg-container .building-bg {
    background-size: 24rem;
    animation-duration: 30s;
  }
  .home-hero.custom-animation .man-walking {
    width: 28rem;
    height: 37.5rem;
    left: 35%;
  }
}

@media (min-width: 1600px) {
  .home-hero.custom-animation .man-walking {
    width: 32rem;
    height: 43rem;
  }
  .home-hero.custom-animation .icons-popping {
    left: 40%;
    transform: translateX(-50%);
    height: 42rem;
  }
  .home-hero.custom-animation .building-bg-container .building-bg {
    animation-duration: 90s;
  }
}

@media (min-width: 1850px) {
  .home-hero.custom-animation .man-walking {
    left: 43%;
  }
  .home-hero.custom-animation .icons-popping {
    height: 44rem;
    bottom: 15rem;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 375px) {
  /* testimonial */
  .testimonial-box .text-container {
    padding: 4rem 3rem;
  }
}

@media (min-width: 400px) {
  /* home video */
  .home-video-top {
    padding: 6rem 0 11rem;
  }
  .home-video-bottom {
    margin-top: -11rem;
  }
}

@media (min-width: 576px) {
  /* home hero */
  .hh-building {
    width: 150%;
    max-width: 150%;
  }
  /* footer */
  .copyright br {
    display: none;
  }
  /* terms and privacy modals */
  .terms-modal,
  .privacy-modal {
    padding: 3rem;
  }
  /* testimonial */
  .testimonial-box .text-container {
    padding: 4rem;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* global */
  h1, .h1 {
    font-size: 5.6rem;
  }
  h2, .h2 {
    font-size: 4.6rem;
  }
  h3, .h3 {
    font-size: 4rem;
  }
  h4, .h4 {
    font-size: 3rem;
  }
  h5, .h5 {
    font-size: 2.8rem;
  }
  h6, .h6 {
    font-size: 2.4rem;
  }
  /* site header */
  .responsive-menu {
    display: none;
  }
  .site-header {
    padding: 6rem 0;
  }
  .site-header-left {
    justify-content: center;
  }
  .site-header-right {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
  }
  .site-header-right .nav {
    flex-direction: row;
    align-items: center;
    padding-top: 4rem;
  }
  .site-header-right .nav-item {
    width: auto;
  }
  .site-header-right .nav-item:first-child a {
    padding-left: 0;
  }
  .site-header-right .nav-link {
    padding: 1rem 3rem;
  }
  .site-header-right .button {
    margin: 0 0 0 3rem;
  }
  .logo-container img {
    max-width: 18rem;
  }
  /* home hero */
  .home-hero h1 {
    font-size: 6rem;
  }
  .hh-mobile-mockup {
    height: 50rem;
  }
  .hh-phone,
  .home-about .image-container {
    width: 25rem;
  }
  .hh-logo {
    width: 35rem;
  }
  /* home video */
  .home-video-top {
    padding: 6rem 0 16rem;
  }
  .home-video-bottom {
    margin-top: -16rem;
  }
  /* free trial */
  .free-trial .free-trial-details .trial-days {
    font-size: 5rem;
  }
  /* expense checks */
  .expense-checked {
    margin-bottom: 2rem;
    flex-direction: row;
    justify-content: space-between;
  }
  .expense-checked span {
    font-size: 2.2rem;
  }
  .expense-checked .check-text {
    font-size: 1.8rem;
  }
  .expense-checked .icon {
    height: 3rem;
    width: 3rem;
    margin-left: 2rem;
  }
  /* download app newsletter */
  .da-newsletter-form {
    display: flex;
    flex-direction: row;
  }
  .da-newsletter-form .form-control {
    border-radius: 1rem 0 0 1rem;
  }
  .da-newsletter-form .btn {
    width: 30rem;
    border-radius: 0 1rem 1rem 0;
    margin: 0;
  }
  .download-app-content .download-button {
    width: 24rem;
    height: 8rem;
  }
  .download-app-content .download-button a {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
  }
  .download-app-content .download-button a:hover {
    opacity: 0.9;
  }
  /* footer */
  .footer-links-container .nav {
    flex-direction: row;
  }
  /* testimonial */
  .testimonial .content-heading p br {
    display: block;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* global */
  .content-heading {
    margin-bottom: 8rem;
  }
  /* site header */
  .site-header {
    padding: 8rem 0;
  }
  .site-header .nav-link {
    padding: 1rem 2.2rem;
  }
  .site-header-left {
    justify-content: flex-start;
  }
  .site-header-right {
    justify-content: flex-end;
  }
  .site-header-right .nav {
    padding: 0;
  }
  .logo-container img {
    max-width: 20rem;
  }
  /* home hero */
  .home-hero {
    padding: 6rem 0 8rem;
  }
  .play-by-play {
    padding: 8rem 0;
  }
  .play-by-play .button-block-container {
    margin-top: 3rem;
  }
  .dots-container {
    display: block;
  }
  /* about crunchr */
  .home-about {
    padding: 8rem 0 0;
    text-align: left;
  }
  .home-about-content {
    margin-bottom: 8rem;
  }
  .home-about .image-container {
    overflow: hidden;
    height: 54rem;
    position: absolute;
    bottom: 0;
    padding-right: 8rem;
    width: 100%;
    margin-bottom: 0;
  }
  /* home video */
  .home-video-top {
    padding: 8rem 0 16rem;
  }
  .home-video-bottom {
    margin-top: -16rem;
    padding-bottom: 8rem;
  }
  .home-video-bottom .title {
    font-size: 4rem;
  }
  .home-video-bottom .title br {
    display: block;
  }
  /* chrunchr features */
  .crunchr-features {
    padding: 8rem 0 2rem;
  }
  .feature-box {
    padding: 0 1rem;
  }
  /* free trial */
  .free-trial {
    padding: 8rem 0;
    text-align: left;
    height: 50rem;
  }
  .trial-days {
    font-size: 6rem;
  }
  .free-trial .free-trial-content {
    margin: 0;
    max-width: 45rem;
  }
  .free-trial .free-trial-details {
    position: absolute;
    left: 52%;
    bottom: -10rem;
    background: #05E8D9;
    border-radius: 100%;
    padding: 9rem 5rem 5rem;
    height: 53rem;
    width: 53rem;
  }
  /* expense checks */
  .expense-checks {
    padding: 8rem 0;
  }
  .expense-box-container {
    padding: 5rem;
    margin-bottom: 8rem;
  }
  /* testimonial */
  .testimonial {
    padding: 8rem 0;
  }
  .testimonial-box {
    margin-bottom: 0;
  }
  /* download app */
  .download-app-content {
    padding: 8rem 0;
  }
  /* footer */
  .site-footer {
    padding: 8rem 0;
  }
  /* terms and privacy modal */
  .terms-modal, .privacy-modal {
    padding: 5rem 3rem;
    width: 80%;
    height: 80%;
    max-width: 130rem;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* site header */
  .logo-container img {
    max-width: 22rem;
  }
  /* home hero */
  .home-hero {
    text-align: left;
    padding: 10rem 0 0;
  }
  .home-hero .container {
    height: 75rem;
  }
  .home-hero .hero-content {
    margin: 0;
  }
  .home-hero h1 {
    font-size: 7rem;
  }
  .home-hero h4 {
    margin: 0;
    max-width: none;
  }
  /* site header */
  .site-header .nav-item:first-child a,
  .site-header .nav-link {
    padding: 1rem 3rem;
  }
  .hh-man {
    display: block;
    bottom: 5rem;
    max-width: 22rem;
    left: 20%;
    transform: none;
  }
  .hh-mobile-mockup {
    position: absolute;
    right: 0;
    top: 0;
    height: 60rem;
    width: 48rem;
    margin: 0;
  }
  .hh-phone {
    width: 30rem;
  }
  .hh-logo {
    width: 45rem;
  }
  .hh-building {
    width: 120%;
    max-width: none;
  }
  /* play by play */
  .play-box {
    padding: 0 1rem;
  }
  .play-box .icon {
    height: 12rem;
    width: 12rem;
  }
  .play-box .icon .icon-gif {
    width: 7.5rem;
    height: 7.5rem;
  }
  /* home about */
  .home-about .image-container {
    height: 52rem;
    padding-right: 10rem;
  }
  /* home video */
  .home-video-top {
    padding: 8rem 0 25rem;
  }
  .home-video-bottom {
    margin-top: -25rem;
  }
  .home-video-bottom .video-box {
    max-width: 90rem;
  }
  .home-video-bottom .video-box .image-container .play-icon {
    height: 10rem;
    width: 10rem;
  }
  /* chrunchr features */
  .crunchr-features {
    text-align: left;
    overflow: hidden;
  }
  .crunchr-feature-content {
    max-width: 80rem;
  }
  .feature-box .icon {
    display: inline-block;
    margin: 0 1.5rem 0 0;
  }
  .feature-partners {
    display: block;
  }
  .feature-phone {
    display: inline-block;
    right: -20rem;
    max-width: 50rem;
  }
  /* download app */
  .download-app {
    text-align: left;
  }
  .download-app-content {
    max-width: 60rem;
  }
  .download-app-content .download-button {
    margin: 0;
  }
  .da-newsletter {
    max-width: none;
    margin: 8rem 0 0;
  }
  .download-app .image-container {
    display: block;
    right: 0;
  }
  /* footer */
  .footer-links-container {
    margin: -0.5rem 0 0;
  }
  .copyright {
    margin-top: 1rem;
  }
  /* terms and privacy modal */
  .terms-modal, .privacy-modal {
    padding: 5rem;
  }
  /* testimonial */
  .testimonial .content-heading p br {
    display: none;
  }
}

/* Extra extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
  .container {
    width: 130rem;
  }
  /* home hero */
  .home-hero h1 {
    font-size: 8rem;
  }
  .home-hero .container {
    height: 70rem;
  }
  .hh-building {
    width: 105%;
  }
  .hh-mobile-mockup {
    position: absolute;
    right: -10rem;
    top: -2rem;
    height: 60rem;
    width: 45rem;
  }
}

@media (min-width: 1600px) {
  /* home hero */
  .hh-building {
    width: auto;
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}