/* Custom Styles */
.contact-wrapper h2 {
   margin:42px 0 25px;
}tbody {
    font-family: 'Lato';
}.green-text * {
    color: #3da500;
    font-size: 20px;
    font-weight: 900;
}.overflow-scroll {
    overflow-x: scroll;
    width: auto;
}.page-template-page-pay-invoice .calendar-selector {
    padding-top: 110px;
}.page-template-page-pay-invoice .calendar-selector h2 {
    text-align: center;
}.slider-caption p.caption-subtitle-2 {
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
    color: #333333;
    line-height: 1.5;
    background: #ffffff;
    padding: 18px;
    border: 1px solid #b1b1b1;
    margin-bottom: 30px;
    border-radius: 4px;
    letter-spacing: 0px;
}ul.bullet-services li {
    background: #f5f5f5;
    padding: 11px 12px;
    color: #000000;
    float: left;
    font-size: 14px;
    line-height: 1.3;
    margin: 1%;
    font-weight: bold;
    position: relative;
    border-radius: 5px;
    display: flex;
    align-items: center;
    text-align: left;
    border: 1px solid #e9e9e9;
    border-left: 5px solid #2d51af;
}ul.bullet-services {
    display: grid;
    margin: 0;
    top: 10px;
    position: relative;
    justify-content: center;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    margin-bottom: 80px;
    float: left;
}.slider-caption p.caption-name span::before {
    background: orange;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 22px;
    z-index: -1;
}.slider-caption p.caption-name span {
    position: relative;
}ul.bullet-services li .fa {
    color: #2d51af;
    font-size: 23px;
    padding: 10px;
}header .company-logo img {
   /* width: 220px; */
}.description-box {
    background: #f1f1f1;
    padding: 35px 65px;
    height: 100%;
    top: -40px;
    border: 5px solid #15244c;
}.description-boxes {
    display: flex;
    padding-top: 0;
    flex-wrap:wrap;
}.description-box h2 {
    font-size: 1.7em;
}a.header-phone {
    background: orange;
    color: #000000;
    padding: 10px 50px;
    border-radius: 5px;
}.custom-pricing-table table thead:nth-child(1) {
    background: orange;
}.custom-pricing-table table thead:nth-child(1) th {
    padding: 1.5rem 6.625rem 1.5rem;
    font-size: 22px;
}.custom-pricing-table table thead:nth-child(1) th:nth-child(2){
    background: #ffb733;
}.custom-pricing-table table thead:nth-child(2) tr th, 
.custom-pricing-table table thead:nth-child(2) tr td {
    font-size: 20px;
    background: #15244c;
    color: #ffffff;
    padding: 10px 10px;
}.custom-pricing-table table tbody tr th {
    padding: 20px;
    font-size: 20px;
}.custom-pricing-table table tbody tr td {
    font-size: 19px;
}.custom-pricing-table {
    background: #15244c;
}.custom-pricing-table h2 {
    color: #ffffff;
}.btn-1.button {
    display: block;
    max-width: 300px;
    background: orange;
    color: #000000;
    margin: 0 auto;
}ul.checklist li:before {
    content: "\f096";
    font-family: FontAwesome;
    margin-right: 10px;
}
/* Table styles */
.table-wrapper {
  margin-top:20px;
}.table-wrapper .table-head .heading {
    background: orange;
    color: #000000;
    padding: 10px 30px;
    font-family: 'Catamaran',sans-serif;
    font-size: 20px;
}.table-row {
    display: flex;
    flex-wrap: wrap;
    min-height: 70px;
    align-items: center;
    font-family: 'Work Sans', sans-serif;
    padding:10px 0px;
    position:relative;
    border-bottom: 1px solid #cecece;
}.table-row:nth-child(odd) {
    background: whitesmoke;
}span.separator::before {
    height: 100%;
    content: "";
    background: #cecece;
    display: block;
    width: 1px;
    position: absolute;
    top: 0;
}.table-row .industry {
    font-size: 19px;
    color: #15244c;
}.table-row .industry::before {
  content: "\f05e";
  font-family:'FontAwesome';
  font-size:15px;
  color:red;
  margin-right:10px;
}.table-wrapper .table-head .heading:nth-child(2) {
    background: #f0983d;
}

/* Typography Styles */
#wpadminbar {
  display: none !important;
}
body {
  font-family: 'Catamaran',sans-serif;
}h1, h1 a {
  color: #000000;
  font-family: 'Catamaran',sans-serif;
  font-weight: 900;
  font-size: 31px;
  line-height: 1.1;
  margin: 0 0 25px;
  position: relative;
}h2 {
  color: #000000;
  font-family: 'Catamaran',sans-serif;
  font-weight: 900;
  font-size: 31px;
  line-height: 1.1;
  margin: 0 0 25px;
  position: relative;
}h3 {
  color: #000000;
  font-family: 'Catamaran',sans-serif;
  font-weight: 900;
  font-size: 26px;
  line-height: 1.1;
  margin: 0 0 25px;
}h4 {
  font-family: 'Catamaran',sans-serif;
  font-weight: 900;
  color: #000000;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.5rem;
  margin: 25px 0;
}p {
  font-family: 'Lato',sans-serif;
  color: #000000;
  font-size: 15px;
  margin: 15px 0;
  line-height: 2;
}ul {
  list-style-type: none;
}h1.inner-title {
  font-size: 45px;
  margin-bottom: 10vh;
}h1.inner-title span {
  position: relative;
  display: inline-block;
}h1.inner-title span::after {
  content: " ";
  width: 100%;
  height: 3px;
  background: #000000;
  position: absolute;
  left: 0;
  bottom: calc(-5vh + 2px);
}

/* HEADER & NAVIGATION STYLES */

.header-wrapper {
  position: relative;
}.header-bar {
  background: #15244c;
  position: relative;
  z-index: 100;
}.company-name-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10vw;
}.company-logo {
  display: inline-block;
  min-width: 15px;
  margin-right: 10px;
}.company-details {
  display: inline-block;
  vertical-align: middle;
}.company-details h1 {
  margin: 0 0 3px;
  line-height: 1;
}.header-company-title a {
  font-family: 'Catamaran',sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 3px;
  color: #FFFFFF;
  margin: 0;
  text-align: unset;
  float: none;
  display: block;
}p.header-company-serviceorder {
  margin: 0;
  font-family: 'Catamaran',sans-serif;
  font-size: 13px;
  line-height: 1.6;
  text-transform: uppercase;
  color: #FFFFFF;
}.top-bar {
  background: transparent;
  height: auto;
  line-height: 90px;
  display: inline-block;
}.top-bar-section ul li {
  background: none;
}.top-bar-section li:not(.has-form) a:not(.button) {
  background: none;
  color: #FFFFFF;
  font-family: 'Lato',sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 90px;
  position: relative;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.top-bar-section ul li:hover:not(.has-form)>a,
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  background: none;
  color: #FFFFFF;
  line-height: 90px;
}.top-bar-section .has-dropdown>a:after {
  border-color: rgb(255, 255, 255) transparent transparent transparent;
  top: 45px;
}.top-bar-section li:not(.has-form) a:not(.button)::before {
  content: " ";
  position: absolute;
  left: 13px;
  bottom: 0;
  width: calc(100% - 26px);
  height: 0;
  background: #FFFFFF;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.top-bar-section li.active:not(.has-form) a:not(.button)::before,
.top-bar-section li:not(.has-form) a:not(.button):hover::before {
  height: 10px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before {
  display: none;
}a.header-phone {
  display: inline-block;
  padding: 8px 22px;
  color: #0000000;
  font-family: 'Catamaran',sans-serif;
  font-size: 19px;
  border: 1px solid #3c3c3c;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}a.header-phone:hover {
  background: #FFFFFF;
  color: #000000;
  border-color: #FFFFFF;
}
/* DESKTOP DROPDOWN STYLES */
@media only screen and (min-width: 1026px) {
    .top-bar-section .dropdown {
      background: rgba(0,0,0,.9);
      min-width: 650px;
      text-align: left;
      padding: 30px 30px 30px 50px;
      left: -100px;
    }.top-bar-section .dropdown li.page_item {
      width: 50%;
      display: inline-block;
    }.top-bar-section ul li ul.dropdown li:nth-child(2n+2) {
      padding-left: 25px;
    }.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
      background: none;
      color: #FFFFFF;
      font-size: 14px;
      line-height: 35px;
      position: relative;
    }.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),
    .top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
      background: none;
      color: #888888;
      line-height: 35px;
    }.top-bar-section .dropdown li:not(.has-form) a:not(.button)::after {
      content:  " ";
      width: 0;
      height: 1px;
      background: #FFFFFF;
      position: absolute;
      top: 49%;
      left: -10px;
      -webkit-transition: all 350ms ease;
      -moz-transition: all 350ms ease;
      -ms-transition: all 350ms ease;
      -o-transition: all 350ms ease;
      transition: all 350ms ease;
    }.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::after,
    .top-bar-section .dropdown li.active:not(.has-form)>a:not(.button)::after {
      width: 12px;
    }
}
/* SLIDER STYLES */
.slider-wrapper {
  position: relative;
  height: 850px;
  background: url("https://staxpayments.linknow.com/wp-content/uploads/sites/408/2021/07/bg-texture.jpg");
  background-size: cover;
  background-attachment: fixed;
}.slider-wrapper::after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* background: rgb(247 247 247); */
}.slider-caption {
  position: absolute;
  left: 0;
  top: 50%;
  transform:translateY(-50%);
  z-index: 99;
  padding: 0px 100px;
  right: 0;
}.slider-caption p.caption-name {
  font-family: 'Catamaran',sans-serif;
  font-size: 3vw;
  font-weight: 900;
  color: #2d51af;
  line-height: 1;
  margin: 27px 0 10px;
}.slider-caption p.caption-subtitle {
  font-size: 22px;
  font-family: 'Work Sans',sans-serif;
  color: #1a1a1a;
  line-height: 1.5;
  margin: 36px;
}.tagline-bar {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  min-width: 764px;
  background: rgba(85, 85, 85, 0.75);
  z-index: 99;
}.tagline-bar p.located-in {
  display: inline-block;
  float: right;
  margin: 0;
  font-family: 'Lato',sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 1px;
  padding: 20.5px 4%;
}.tagline-bar .scroll-social {
  display: inline-block;
  float: left;
}.scroll-social .scroll-arrow {
  display: inline-block;
  float: left;
  height: 60px;
  width: 50px;
  text-align: center;
  cursor: pointer;
  background: #3e3e3e; /* Old browsers */
  background: -moz-linear-gradient(left, #3e3e3e 50%, #2a2a2a 50%);
  background: -webkit-linear-gradient(left, #3e3e3e 50%,#2a2a2a 50%);
  background: linear-gradient(to right, #3e3e3e 50%,#2a2a2a 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#2a2a2a',GradientType=1 );
  margin-left: -25px;
}.scroll-social .scroll-arrow:hover {
  background: #ababab; /* Old browsers */
  background: -moz-linear-gradient(left, #ababab 50%, #b3b3b3 50%);
  background: -webkit-linear-gradient(left, #ababab 50%,#b3b3b3 50%);
  background: linear-gradient(to right, #ababab 50%,#b3b3b3 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#b3b3b3',GradientType=1 );
}.scroll-social .scroll-arrow .fa {
  line-height: 60px;
  color: #FFFFFF;
  font-size: 59px;
}.scroll-social .scroll-arrow:hover .fa {
  color:#000000;
}.scroll-social .header-social {
  display: inline-block;
  float: left;
  background: #FFFFFF;
  padding: 18px 10px;
}.scroll-social .header-social a {
  display: inline-block;
  margin: 0 8px;
}.scroll-social .header-social .fa {
  color: #757575;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.scroll-social .header-social .fa:hover {
  color: #000000;
}.header-inner .scroll-social {
  position: absolute;
  right: 10%;
  z-index: 1;
}

/* GENERAL STYLES */

.row {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
}.row.wide {
  max-width: 100rem;
}.row.full {
  max-width: 100%;
}.contain-to-grid {
  background: none !important;
}.contain-to-grid .top-bar {
  max-width: 75em;
}.content-wrapper {
  width: 100%;
  background: #FFFFFF;
}.page-wrapper {
  max-width: 75rem;
  clear: both;
}.flex-box {
  display: flex;
}.vert-center {
  align-items: center;
}.horiz-center {
  justify-content: center;
}.horiz-right {
  justify-content: flex-end;
}.overflow-hidden {
  overflow: hidden;
}.dash::before {
  content: " ";
  width: 13px;
  height: 1px;
  background: #000000;
  position: absolute;
  left: -25px;
  top: 50%;
}.home-bg-1 {
  background: center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/home-img1.jpg);
}.home-bg-2 {
  background: center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/home-img4.jpg);
}.home-bg-3 {
  background: center top / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/home-img5.jpg);
}.about-bg-1 {
  background: center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/about-img1.jpg);
}.about-bg-2 {
  background: center bottom / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/about-img2.jpg);
}.services-bg-1 {
  background: center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/services-img1.jpg);
}.services-bg-2 {
  background: center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/services-img2.jpg);
}.contact-bg {
  background: center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/contact-img1.jpg);
}.black-bg {
  background: #000000;
}.grey-bg {
  background: #f2f2f2;
}.home-img-grid span {
  display: inline-block;
  width: 50%;
  height: 50%;
  float: left;
}span.home-section2-1 {
  background: center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/home-section2-1.jpg);
}span.home-section2-2 {
  background: center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/home-section2-2.jpg);
}span.home-section2-3 {
  background: right center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/home-section2-3.jpg);
}span.home-section2-4 {
  background: center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/home-section2-4.jpg);
}.home-badges {
  background: center / cover no-repeat url(https://staxpayments.linknow.com/wp-content/themes/ui10/images/home-img3.jpg);
  padding: 20vh 10.5vw 20vh 5.25vw;
}.home-badge-row:not(:last-child) {
  margin-bottom: 40px;
}.home-badge-icon {
  float: left;
  width: 62px;
  text-align: center;
  align-self: center;
}.home-badge-text {
  display: inline-block;
  width: calc(100% - 62px);
  float: left;
  padding-left: 30px;
}.home-badge-text h3 {
  margin-bottom: 10px;
  color: #FFFFFF;
}.home-badge-text p {
  font-size: 15px;
  margin: 0;
  color: #e0e0e0;
  line-height: 2;
}.footer-wrapper {
  width: 100%;
  background: #FFFFFF;
}.footer-wrapper p {
  font-family: 'Lato',sans-serif;
  font-size: 14px;
}.footer-company-name-wrapper {
  padding-top: 10px;
}.footer-company-title a {
  font-family: 'Catamaran',sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 3px;
  color: #000000;
  margin: 0;
  text-align: unset;
  float: none;
  display: block;
}p.footer-company-serviceorder {
  margin: 0;
  font-family: 'Catamaran',sans-serif;
  font-size: 13px;
  line-height: 1.6;
  text-transform: uppercase;
  color: #000000;
}.footer-address p, .footer-hours p {
  margin: 0;
}.footer-address, .footer-hours {
  padding-left: 4vw;
}.disclaimer {
  padding:30px 0;
  background: #000000;
  color:white;
}.disclaimer p, .disclaimer a {
  color: #FFFFFF;
}.contactForm  {
  margin-top: 20px;
}.contactForm  label{
  font-weight: bold;
  display: block;
}.contactForm input {
  width: 100%;
  padding: 3px;
  margin-bottom: 5px;
}input.fancyInput[type="text"] {
  font-family: 'Lato',sans-serif;
  padding: 15px 25px;
  font-size: 15px;
  line-height: 1.4;
  height: auto;
  border: none;
  margin-bottom: 5px;
  background: #FFFFFF;
  color: #000000;
  box-shadow: inset 0px 0px 0px 1px #000000;
}input.fancyInput[type="text"]::placeholder, textarea.fancyInput[type="text"]::placeholder {
  color: #000000;
}.contactForm textarea {
  width: 100%;
}textarea.fancyInput[type="text"] {
  font-family: 'Lato',sans-serif;
  padding: 15px 25px;
  font-size: 15px;
  line-height: 1.4;
  height: 100px;
  border: none;
  margin-bottom: 5px;
  background: #FFFFFF;
  color: #000000;
  box-shadow: inset 0px 0px 0px 1px #000000;
}.contactForm .captchaWrapper {
  margin: 0 0 5px;
  padding: 12px 25px;
  font-size: 14px;
  line-height: 1.4;
  height: auto;
  border: none;
  background: #FFFFFF;
  color: #000000;
  font-weight: bold;
  min-height: 0;
  box-shadow: inset 0px 0px 0px 1px #000000;
}.contactForm .captchaWrapper img {
  max-width: 25%;
}.contactForm .captchaWrapper input {
  background: #FFFFFF;
  border: none;
  box-shadow: none;
  display: inline-block;
  width: auto;
  font-size: 14px;
  padding: 0;
  margin: 0 0 0 25px;
  color: #000000;
  font-weight: normal;
}.contactForm .captchaWrapper input::placeholder {
  color: #000000;
}.contactForm .captchaRefresh {
  vertical-align: top;
}.contactForm .submitWrapper {
  text-align: center;
  margin-top: 5px;
}.contactForm .submitWrapper span.submit {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  background-color: #000000;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 21px 20px;
  cursor: pointer;
  width: 100%;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.contactForm .submitWrapper span.submit:hover {
  background-color: #888888;
}.emailConfirmation {
  margin: 0 auto;
}.emailConfirmation h1 {
  color: #00CC00;
}.slick-background-wrapper {
  left: 0;
  position: fixed;
  top: 0;
  z-index: -1;
  width: 101% !important;
  overflow: hidden;
}button, .button {
  display: inline-block;
  font-family: 'Catamaran',sans-serif;
  font-weight: 900;
  padding: 25px;
  font-size: 20px;
  background: #000000;
  margin-top: 1.25rem;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}button:hover, button:focus, .button:hover, .button:focus {
  background: #757575;
}.home-cta .button {
  width: calc(50% - 5px);
  padding: 25px 5px;
}.gallery-image {
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.gallery-image:hover {
  box-shadow: 0px 3px 20px rgba(0,0,0,.4);
  -moz-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}

/* Padding Classes */

.strip-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}.grid-padding {
  padding-left: 10.5vw;
  padding-right: 10.5vw;
}.grid-padding-small {
  padding-left: 5.25vw;
  padding-right: 5.25vw;
}.vertical-padding-xs {
  padding-top: 3vh;
  padding-bottom: 3vh;
}.top-padding-xs {
  padding-top: 3vh;
}.bottom-padding-xs {
  padding-bottom: 3vh;
}.vertical-padding-small {
  padding-top: 6vh;
  padding-bottom: 6vh;
}.top-padding-small {
  padding-top: 6vh;
}.bottom-padding-small {
  padding-bottom: 6vh;
}.vertical-padding-medium {
  padding-top: 7.5vh;
  padding-bottom: 7.5vh;
}.top-padding-medium {
  padding-top: 7.5vh;
}.bottom-padding-medium {
  padding-bottom: 7.5vh;
}.vertical-padding-large {
  padding-top: 10.5vh;
  padding-bottom: 10.5vh;
}.top-padding-large {
  padding-top: 13.5vh;
}.bottom-padding-large {
  padding-bottom: 13.5vh;
}.vertical-padding-x-large {
  padding-top: 13.5vh;
  padding-bottom: 13.5vh;
}.top-padding-x-large {
  padding-top: 13.5vh;
}.bottom-padding-x-large {
  padding-bottom: 13.5vh;
}


/* ANIMATIONS */

.scrollfade, .animated {
  opacity: 0;
  -moz-transition: all 1200ms ease;
  -ms-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  -webkit-transition: all 1200ms ease;
  transition: all 1200ms ease;
}.scrollfade.complete,.animated.complete{
  opacity:1;
}.from-bottom.scrollfade {
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}.from-bottom.animated {
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}.from-bottom.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-bottom.animated.complete {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-top.scrollfade {
  -moz-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}.from-top.animated {
  -moz-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}.from-top.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-top.animated.complete {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-left.scrollfade {
  -moz-transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}.from-left.animated {
  -moz-transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}.from-left.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-left.animated.complete {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-right.scrollfade {
  -moz-transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -o-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}.from-right.animated {
  -moz-transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -o-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}.from-right.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-right.animated.complete {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.slider-caption.from-bottom.animated {
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}.slider-caption.from-bottom.animated.complete {
  -moz-transform: translateY(calc(-50% - 30px));
  -webkit-transform: translateY(calc(-50% - 30px));
  -o-transform: translateY(calc(-50% - 30px));
  -ms-transform: translateY(calc(-50% - 30px));
  transform: translateY(calc(-50% - 30px));
}

/* SLIDE OUT FORM */
.slide-out-wrapper {
  position: fixed;
  top: 50%;
  right: 0;
  background: rgba(0,0,0,.9);
  padding: 50px 70px 70px;
  z-index: 9999;
  font-family: 'Lato',sans-serif;
  -moz-transform: translateX(100%) translateY(-50%);
  -webkit-transform: translateX(100%) translateY(-50%);
  -o-transform: translateX(100%) translateY(-50%);
  -ms-transform: translateX(100%) translateY(-50%);
  transform: translateX(100%) translateY(-50%);
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all 1.2s ease;
}.slide-out-wrapper.active {
  -moz-transform: translateX(0) translateY(-50%);
  -webkit-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
  box-shadow: 0px 40px 40px 0px rgba(28, 28, 28, 0.2);
}.slide-out-content h3 {
  font-size: 17px;
  text-transform: uppercase;
  font-family: 'Lato',sans-serif;
  color: #FFFFFF;
  font-weight: normal;
  margin: 0 0 10px;
}.slide-out-form form {
  margin: 0;
}.slide-out-wrapper span.form-toggle {
  position: absolute;
  left: 0;
  top: 50%;
  color: #FFFFFF;
  font-size: 24px;
  width: 50px;
  line-height: 120px;
  text-align: center;
  background: #000000;
  -moz-transform: translateX(-70%) translateY(-50%);
  -webkit-transform: translateX(-70%) translateY(-50%);
  -o-transform: translateX(-70%) translateY(-50%);
  -ms-transform: translateX(-70%) translateY(-50%);
  transform: translateX(-80%) translateY(-50%);
  cursor: pointer;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.slide-out-wrapper span.form-toggle:hover {
  background: #3d3d3d;
  color: #888888;
}input.slideOutInput[type="text"] {
  font-size: 13px;
  font-family: 'Lato',sans-serif;
  font-weight: normal;
  line-height: 1.4;
  height: auto;
  border: none;
  padding: 19px 25px;
  margin-bottom: 3px;
  box-shadow: none !important;
  background: #000000;
  color: #FFFFFF;    
}.slide-out-form input[type="text"]::placeholder, .slide-out-form .contactForm textarea::placeholder {
  color: #FFFFFF;
}.slide-out-form .contactForm textarea {
  width: 100%;
  line-height: 1.4;
  border: none;
  box-shadow: none !important;
  background: #000000;
  color: #FFFFFF;
  font-family: 'Lato',sans-serif;
  font-weight: normal;
  padding: 10px 25px;
  font-size: 13px;
  height: 90px;
  margin-bottom: 3px;
}.slide-out-form .contactForm .captchaWrapper {
  font-size: 13px;
  line-height: 1.4;
  height: auto;
  border: none;
  box-shadow: none !important;
  background: #000000;
  color: #FFFFFF;
  font-weight: normal;
  margin: 0 0 3px;
  min-height: 0;
  padding: 8px 25px;
}.slide-out-form .contactForm .captchaWrapper input {
  font-family: 'Lato',sans-serif;
  border: none;
  box-shadow: none;
  display: inline-block;
  width: auto;
  font-size: 15px;
  padding: 0 15px;
  margin: 0 0 0 30px;
  color: #FFFFFF;
  background: #000000;
}.slide-out-form .contactForm .captchaWrapper img {
  max-width: 25%;
  -webkit-filter: invert(1);
  filter: invert(1);
}.slide-out-form .contactForm .captchaRefresh {
  vertical-align: top;
}.slide-out-form .contactForm .submitWrapper {
  text-align: center;
  margin-top: 5px;
}.slide-out-form .contactForm .submitWrapper span.submit {
  color: #000000;
  font-weight: normal;
  font-family: 'Lato',sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  background: #FFFFFF;
  border: none;
  text-align: center;
  cursor: pointer;
  padding: 15px;
  width: auto;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}.slide-out-form .contactForm .submitWrapper span.submit:hover {
  background: #3d3d3d;
  color: #FFFFFF;
}
/* END SLIDE OUT FORM */
@media only screen and (min-width: 1921px) {
    .slick-slide img {
      width: 100%;
    }
}
@media only screen and (max-width: 1650px) {
    .company-name-wrapper {
      padding-right: 5vw;
    }.grid-padding {
      padding-left: 5vw;
      padding-right: 5vw;
    }.home-badges {
      padding: 15vh 5vw 15vh 2.5vw;
    }
}
@media only screen and (max-width: 1400px) {
    .company-name-wrapper {
      padding-right: 0;
    }
}@media only screen and (max-width: 1025px) {
    .overflow-scroll {
      width: 100%;
    }.flex-box {
      display: block;
    }.grid-padding {
      padding-left: 4vw;
      padding-right: 4vw;
    }.slider-wrapper {
      padding: 300px 0;
      background: right top / cover no-repeat url(https://staxpayments.linknow.com/wp-content/uploads/sites/408/2021/07/bg-texture.jpg);
    }.slider-caption {
      position: relative;
      padding:30px;
    }.slider-caption.from-bottom.animated {
      -moz-transform: translateY(30px);
      -webkit-transform: translateY(30px);
      -o-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
    }.slider-caption.from-bottom.animated.complete {
      -moz-transform: translateY(0);
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }.slider-caption p.caption-name {
        font-size: 6vw;
    }.slider-caption p.caption-subtitle {
        margin-bottom: 4vh;
        margin:0;
        font-size: 16px;
    }a.header-phone {
      display: inline-block !important;
      border-color: #000000;
      color: #000000;
    }.tagline-bar {
      width: auto;
      min-width: 0;
      left: 50%;
      right: unset;
      bottom: 80px;
    }header.header-wrapper.header-inner {
      padding: 100px 0 150px;
      background: #000000;
    }.header-inner .company-logo {
      float: none;
      margin: 0 auto 20px;
      display: block;
    }.header-inner .company-details {
      text-align: center !important;
    }.header-inner .company-details h1 {
      margin-bottom: 10px;
    }.header-inner .header-company-title a {
      font-size: 32px;
    }.header-inner .header-cta-wrapper {
      text-align: center !important;
    }.header-inner a.header-phone {
      border-color: #FFFFFF;
      color: #FFFFFF;
      margin: 40px 0 30px;
    }.header-inner .scroll-social {
      bottom: 50px;
    }.header-inner .scroll-social .scroll-arrow {
      background: #ababab;
      background: -moz-linear-gradient(left, #c0c0c0 50%, #FFFFFF 50%);
      background: -webkit-linear-gradient(left, #c0c0c0 50%,#FFFFFF 50%);
      background: linear-gradient(to right, #c0c0c0 50%,#FFFFFF 50%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#FFFFFF',GradientType=1 );
    }.header-inner .scroll-social .scroll-arrow .fa {
      color: #000000;
    }.mobile-navigation {
      display: block;
      right: 30px;
      position: absolute;
      text-transform: uppercase;
      top: 7%;
      vertical-align: middle;
      width: 55px;
      height: 25px;
      z-index: 999;
    }i.toggle-bars {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      height: 24px;
    }i.toggle-bars::before {
      content:  " ";
      width: 55px;
      height: 8px;
      background: #000000;
      position: absolute;
    }i.toggle-bars::after {
      content:  " ";
      width: 55px;
      height: 8px;
      background: #000000;
      position: absolute;
      top:16px;
    }.header-inner i.toggle-bars::before,
    .header-inner i.toggle-bars::after  {
      background: #FFFFFF;
    }.mobile-navigation .fa-close {
      color: #FFFFFF;
      font-size: 40px;
    }.fullwidth-navigation, .header-inner .navigation-wrapper {
      background: #15244c;
      position: absolute;
      top: 0;
      z-index: 997;
      width: 100%;
      display: none;
    }.fullwidth-navigation .top-bar {
      padding: 10% 0;
      height: auto !important;
      display: block;
     }.fullwidth-navigation .title-area {
      display: none !important;
    }.top-bar-section {
      background: #000000;
      margin-bottom: 10%;
    }.fullwidth-navigation .top-bar-section ul {
      position: relative;
      right:0;
      width:100%;
      z-index: 997;
      padding-top: 100px;
      background: #15244c;
    }.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown {
      box-shadow:none;
      left: 100%;
    }.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
      line-height: 50px;
      text-align: center;
      padding: 0;
      font-size: 20px !important;
    }.top-bar-section li:not(.has-form) a:not(.button):hover,
    .top-bar-section li.active:not(.has-form) a:not(.button),
    .top-bar-section li.active:not(.has-form) a:not(.button):hover,
    .top-bar-section ul li:hover:not(.has-form)>a {
      padding: 0;
      line-height: 50px;
    }.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),
    .top-bar-section .dropdown li:not(.has-form) a:not(.button):hover,
    .top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
      background: #000000;
      color: #888888;
    }.top-bar-section .has-dropdown > a::after {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent #FFFFFF !important;
      border-top-style: solid;
      margin-top: 0px;
      left: auto;
      right: 0;
      top: 44%;
      margin-right: 15px;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
    }.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown {
      box-shadow: none;
      left: 100%;
      border-radius: 0;
      background: #000000;
      padding-bottom: 40px;
    }.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
      color: #FFFFFF;
      line-height: 35px !important;
    }.top-bar .top-bar-section ul.dropdown li:not(.dropdown) {
      height: 35px;
    }.top-bar-section li:not(.has-form) a:not(.button)::before {
      display: none;
    }.mobile-social .fa {
      color: #FFFFFF;
      font-size: 20px;
      margin: 0 10px;
    }.mobile-menu .header-cta a {
      line-height: 70px;
      width: 80%;
      display: inline-block;
      color: #000000;
      background: #FFFFFF;
      margin-top: 40px;
      font-size: 26px;
    }.mobile-text-center {
      text-align: center;
    }.dash::before {
      display:none;
    }.home-bg-1,
    .about-bg-1,
    .about-bg-2,
    .services-bg-1,
    .services-bg-2,
    .contact-bg {
      height: 600px !important;
    }.home-badges {
      padding: 10vh 15vw;
    }.home-badge-row {
      display: block;
    }.home-badge-icon {
      display: block;
      float: none;
      margin: 0 auto 20px;
    }.home-badge-text {
      display: block;
      width: 100%;
      text-align: center;
      padding: 0;
    }.cta-wrapper {
      padding-top: 0;
      padding-bottom: 0;
    }.home-cta .button {
      display: block;
      margin: 0 auto 20px;
      width: 280px;
    }.footer-inner {
      text-align: center;
    }.footer-company-name-wrapper .company-logo {
      display: block;
      margin: 0 auto 20px;
    }.footer-company-title a {
      font-size: 24px;
    }.footer-company-name-wrapper {
      padding-bottom: 25px;
    }.footer-address, .footer-payment {
      padding-bottom: 25px;
    }.disclaimer * {
      text-align: center !important;
    }
}
@media only screen and (max-width: 1025px) and (orientation: landscape) {
    .slider-wrapper {
      padding: 150px 0 250px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-wrapper {
      padding-top: 70px;
      overflow: visible;
      height: auto;
    }.slider-caption {
    position: relative;
    padding: 30px;
    top: 0;
    transform: translate(0);
    }.tagline-bar {
      bottom: 50px;
    }.slider-caption p.caption-name span::before{
      bottom: 8px;
    }.slider-caption p.caption-subtitle-2 {
    font-size: 13px;
    padding: 9px;
   }ul.bullet-services {
    display: block;
   }ul.bullet-services li {
    display: block;
    width: 100%;
    font-size: 20px;
    text-align: center;
    margin: 3px 0px;
    border:none;
   }ul.bullet-services li .fa {
    display: inherit;
   }.description-box {
    top: 40px;
   }.table-head {
    display: flex;
   }.table-wrapper .table-head .heading {
    align-items: center;
    justify-content: center;
    display: flex;
   }.table-row .industry {
    font-size: 14px;
   }.table-row .industry::before {
    display: none;
   }.table-row {
    min-height: auto;
   }.table-row  .description {
    font-size: 13px;
    line-height: 1.6;
   }
}@media only screen and (max-width: 767px) and (orientation: landscape) {
    .slider-wrapper {
      padding: 50px 0 80px;
    }
}