:root {
  --MAIN_FONT: "Roboto", "SF Pro Display", "SF Pro", "Helvetica Neue", Helvetica,
    "Noto Sans", Arial, sans-serif;
}

.hidden {
  display: none !important;
}

body {
  letter-spacing: 0px;
}

html,
body {
  font-family: var(--MAIN_FONT);
}

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge {
  font-family: var(--MAIN_FONT);
}

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  font-family: var(--MAIN_FONT);
}

.uk-logo {
  font-family: var(--MAIN_FONT);
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
label,
input,
option,
select,
textarea,
legend,
iframe {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* .cfsg-logo img {
  height: 70px;
  width: auto !important;
} */
#logoHeader {
  height: 90px;
  width: 271px;
}
#logoFooter {
  height: 80px;
  width: 241px;
}

.home-banner-subtitle {
  font-size: 18px;
}

.uk-offcanvas-overlay::before {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.uk-offcanvas-flip .uk-offcanvas-bar {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
}

.footer {
  padding-top: 35px;
  /*padding-right: 0px;*/
  padding-bottom: 75px;
  /*padding-left: 0px;*/
  /*background-image: url(../img/page-image.jpg);*/
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url(../img/page-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.icon {
  position: relative;
  vertical-align: middle;
  margin-top: -4px;
}

@media all and (min-width: 960px) {
  .footer-links {
    padding-left: 125px;
  }
}

.social-icons-footer a {
  color: rgba(255, 255, 255, 0.5);
}

.social-icons-footer a:hover {
  text-decoration: none;
}

.uk-subnav-pill > .uk-active > a {
  background-color: #222;
}

.disabled {
  color: #d3d3d3;
}

.bio-icon {
  position: relative;
  vertical-align: middle;
  margin-top: -5px;
}

.bio-btn {
  padding: 0 10px;
  line-height: 24px;
  font-size: 0.875rem;
  background-color: #f8f8f8;
  color: #999;
  border: 1px solid transparent;
  text-transform: capitalize;
  border-radius: 25px;
}

.bio-btn:hover {
  background-color: #dfdfdf;
  color: #3e3e3e;
  border: 1px solid #9c9c9c;
}

.walkerbai-logo-sm img {
  height: 16px;
}

.cfsg-filter-btn-margin-fix a {
  border-left: 1px solid #dfdfdf;
}

.collaborators img {
  border: 1px solid #e2e2e2;
  filter: grayscale(100%);
}

.collaborators img:hover {
  filter: grayscale(0%);
}

.collab-slide-arrow {
  background-color: rgba(0, 0, 0, 0.5);
}

.facade-systems-square {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 8px;
  color: #666;
  margin-top: -3px;
}

/*iframe {
  filter: grayscale(100%) invert(85%) !important;
}*/

.cfsg-btn-dark:hover {
  background-color: #222 !important;
  border: 1px solid #222 !important;
  color: #fff !important;
}

.cfsg-btn-light:hover {
  background-color: transparent !important;
  border: 1px solid #222 !important;
  color: #222 !important;
}

.cfsg-btn-muted {
  background-color: #f8f8f8;
  color: #999;
  border: 1px solid transparent;
}

.cfsg-btn-muted:hover {
  background-color: #dfdfdf;
  color: #3e3e3e;
  border: 1px solid #9c9c9c;
}

::selection {
  color: #fff;
  background-color: #222;
}

::-moz-selection {
  color: #fff;
  background-color: #222;
}

@media all and (max-width: 502px) {
  .walkerbai-services-btn {
    margin-top: 15px;
  }
}

.services-modal-subtitles {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-top: 13px;
}

/*.cfsg-contact-form {
  width: 100%;
}

.cfsg-contact-form-fieldset {
  width: 100%;
}

.cfsg-contact-form-input-container {
  width: 100%;
}

.cfsg-contact-form-input{
  width: 100%;
}

.cfsg-contact-form-textarea-container {
  width: 100%;
}

.cfsg-contact-form-textarea {
  width: 100%;
}*/

@media all and (max-width: 768px) {
  .cfsg-contact-form-fieldset {
    width: 100%;
    padding-right: 20px;
  }
}

@media all and (min-width: 772px) {
  .cfsg-contact-form-fieldset {
    width: 100%;
    padding-right: 0px;
  }
}

.facade-systems-square-muted {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 8px;
  margin-top: -3px;
  color: hsla(0, 25%, 30%, 0.353);
}

.cfsg-text-very-muted {
  color: hsla(0, 29%, 20%, 0.551);
}

.cfsg-btn-cta {
  background-color: transparent;
  color: #222;
  border: 1px solid #222;
}

.cfsg-btn-cta:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
}

/*.g-recaptcha iframe {
  filter: grayscale(0%) invert(0%) !important;
}

body > div:nth-child(10) > div:nth-child(4) > iframe:nth-child(1) {
  filter: grayscale(0%) invert(0%) !important;
}

#hs-form-iframe-0 {
  filter: grayscale(0%) invert(0%) !important;
}*/

iframe:focus-visible {
  outline: none !important;
}

.hubspot-form {
  margin-top: 20px !important;
}

.uk-modal {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
}

.cfsg-services-modal-close-btn {
  margin-right: 15px;
}