body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

a:hover { cursor: pointer; }

/* FORM BUTTON RESET */

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

/* FORMS */

hr { border-top: 2px solid #3b4c56; margin-top: -5px; }

label { margin-bottom: 1px; }

.inputs-list { list-style-type: none; padding-left: 20px; }

.hs-error-msgs { font-style: italic; padding: 0; }

.hs-input { border: 1px solid #ccc; border-radius: 0; width: auto !important; max-width: 100%; }

.hs-form-field { margin-bottom: 12px; }

input[type="checkbox"], input[type="radio"] { margin-left: 0px; margin-right: 10px; }
input[type="text"], input[type="email"], input[type="tel"], textarea { min-width: 100%; }

.hs-button {
max-width: 240px;
padding: 12px 24px;
border-radius: 3px;
background-color: #28965a;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
color: #fff;
font-size: 16px;
line-height: 16px;
font-weight: 600;
text-align: center;
border: none;}

.hs-button:hover { background-color: #24834f; }


/* CAREERS */

.job {
height: 60px;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 60px;
}

.job-title {
text-transform: capitalize;
letter-spacing: 0em;
}


/* NAV */

#navbar {
transition: background-color 0.2s;
}

#navbar.navbar-transparent {
border-bottom: none;
background: transparent;
}

#navbar.navbar-transparent .navelement {
color: #F4F4F4;
}

#navbar.navbar-transparent .navelement:hover {
color: #FFF;
}

#navbar.navbar-transparent .navbar-logo {
background-image: url(/../images/logo-big.png);
opacity: .9;
}

#navbar.navbar-transparent .navbar-logo:hover {
opacity: 1;
}

#navbar.navbar-transparent .browse.browse-dark {
border-color: white;
color: rgba(255,255,255,0.7);
}

.navbar-dropdown-transparent {
background-color: #2E3A42 !important;
border: 1px solid #2E3A42 !important;
}

.nav-dropdown-item {
height: 48px;
transition: 0.5s;
}

.nav-dropdown-item a {
padding: 10px 24px 10px 48px;
margin: 5px 0;
background-size: 24px 24px;
background-repeat: no-repeat;
background-position: 12px 8px;
}

#link-company, #link-careers, #link-news { padding: 10px 10px 10px 20px; }

.nav-restaurant {
background: url('images/580e573c75bc8c6b60f24dda_restaurant-icon.png');

}

.nav-restaurant-dark {
background: url('images/580e697911cbe09a2c3ed2f5_restaurant-icon-dark.png');
}

.nav-health {
background: url('images/580e573c9b3cb7ab2762dba0_health-icon.png');
}

.nav-health-dark {
background: url('images/580e6979adf0da9e65ca03f7_health-icon-dark.png');
}

.nav-hospitality {
background: url('images/580e573cc8bffcc45708c32a_hospitality-icon.png');
}

.nav-hospitality-dark {
background: url('images/580e69794232cec35c61dd2b_hospitality-icon-dark.png');
}

.nav-retailers {
background: url('images/580e573ca1b283766055b535_retail-icon.png');
}

.nav-retailers-dark {
background: url('images/580e697912564ed05c39e7e1_retail-icon-dark.png');
}

.nav-stadiums {
background: url('images/580e573e9b3cb7ab2762dba3_stadium-icon.png');
}

.nav-stadiums-dark {
background: url('images/580e60aea67eeca027227c67_stadium-icon-dark.png');
}

.nav-dropdown-item:hover {
background-color: rgba(0,0,0,0.1);
opacity: 0.8;
transition: 0.5s;
}


@media (max-width: 767px) {

#navbar.navbar-transparent {
background: #fff;

}

.navbar-dropdown-transparent, .navbar-dropdown {
border: #fff !important;
border-radius: 0px;
text-align: left;
background-color: #fff !important;
}

#navbar.navbar-transparent .browse.browse-dark {
  color: #2E3A42;
}

.navelement {
text-align: left;
padding-left: 20px;
color: #2E3A42;
}

#navbar.navbar-transparent .navelement { color: #2E3A42; }
#navbar.navbar-transparent .navelement:hover { color: #000; }

.navelement.w--current { font-weight: 400; }

.navlinks {
background: #fff;
color: #2E3A42;
}

.navbar-dropdown-transparent .navbar-dropdown-list .navbar-dropdown-link { color: #2E3A42 !important; }

#navbar.navbar-transparent .browse.browse-dark {
border-color: #888;
color: #888;
}


#navbar.navbar-transparent .navbar-logo {
background-image: url('/../images/logo-big.png');
opacity: 1;
}

.nav-restaurant {
  background: url('images/580e697911cbe09a2c3ed2f5_restaurant-icon-dark.png');
}

.nav-health {
  background: url('images/580e6979adf0da9e65ca03f7_health-icon-dark.png');
}

.nav-hospitality {
  background: url('images/580e69794232cec35c61dd2b_hospitality-icon-dark.png');
}

.nav-retailers {
  background: url('images/580e697912564ed05c39e7e1_retail-icon-dark.png');
}

.nav-stadiums {
  background: url('images/580e60aea67eeca027227c67_stadium-icon-dark.png');
}
}



.navbar-dropdown-transparent .navbar-dropdown-list .navbar-dropdown-link {
color: #FFFFFF;
}

.navbar-dropdown-list-transparent:after, navbar-dropdown-list-transparent:before {
bottom: 100%;
left: 15%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.navbar-dropdown-list-transparent:after {
border-color: rgba(33, 46, 54, 0);
border-bottom-color: #2E3A42;
border-width: 10px;
margin-left: -10px;
}

.navbar-dropdown-list-transparent:before {
border-color: rgba(83, 98, 128, 0);
border-bottom-color: #2E3A42;
border-width: 11px;
margin-left: -11px;
}

.navbar-dropdown:hover {
cursor: pointer;
}

.customer-logo {
transition: all 0.25s;
opacity: .75;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}

.customer-logo:hover {
opacity: 1;
-webkit-filter: none;
filter: none;
}

.button:hover {
cursor: pointer;
}
#overlay {
position: fixed; /* Sit on top of the page content */
display: none; /* Hidden by default */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0; 
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5); /* Black background with opacity */
z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer; /* Add a pointer on hover */
}
  @media (max-width: 767px) {

    #navbar.navbar-transparent {
      background: #fff;

    }

    .navbar-dropdown-transparent, .navbar-dropdown {
      border: #fff !important;
      border-radius: 0px;
      text-align: left;
      background-color: #fff !important;
    }

    #navbar.navbar-transparent .browse.browse-dark {
        color: #2E3A42;
    }

    .navelement {
      text-align: left;
      padding-left: 20px;
      color: #2E3A42;
    }

    #navbar.navbar-transparent .navelement { color: #2E3A42; }
    #navbar.navbar-transparent .navelement:hover { color: #000; }

    .navelement.w--current { font-weight: 400; }

    .navlinks {
      background: #fff;
      color: #2E3A42;
    }

    .navbar-dropdown-transparent .navbar-dropdown-list .navbar-dropdown-link { color: #2E3A42 !important; }

    #navbar.navbar-transparent .browse.browse-dark {
      border-color: #888;
      color: #888;
    }


    #navbar.navbar-transparent .navbar-logo {
     background-image: url('/../images/logo-big.png');
     opacity: 1;
    }

    .nav-restaurant {
        background: url('images/580e697911cbe09a2c3ed2f5_restaurant-icon-dark.png');
    }

    .nav-health {
        background: url('images/580e6979adf0da9e65ca03f7_health-icon-dark.png');
    }

    .nav-hospitality {
        background: url('images/580e69794232cec35c61dd2b_hospitality-icon-dark.png');
    }

    .nav-retailers {
        background: url('images/580e697912564ed05c39e7e1_retail-icon-dark.png');
    }

    .nav-stadiums {
        background: url('images/580e60aea67eeca027227c67_stadium-icon-dark.png');
    }
  }



  .navbar-dropdown-transparent .navbar-dropdown-list .navbar-dropdown-link {
    color: #FFFFFF;
  }

  .navbar-dropdown-list-transparent:after, navbar-dropdown-list-transparent:before {
    bottom: 100%;
    left: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .navbar-dropdown-list-transparent:after {
    border-color: rgba(33, 46, 54, 0);
    border-bottom-color: #2E3A42;
    border-width: 10px;
    margin-left: -10px;
  }

  .navbar-dropdown-list-transparent:before {
    border-color: rgba(83, 98, 128, 0);
    border-bottom-color: #2E3A42;
    border-width: 11px;
    margin-left: -11px;
  }

  .navbar-dropdown:hover {
    cursor: pointer;
  }

  .customer-logo {
    transition: all 0.25s;
    opacity: .75;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
  }

  .customer-logo:hover {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
  }

  .button:hover {
    cursor: pointer;
  }
#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}