@font-face {
  font-family: 'Basis Grotesque Pro';
  src: local('Basis Grotesque Pro Medium'), local('BasisGrotesquePro-Medium'),
  url('font/BasisGrotesquePro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Basis Grotesque Pro';
  src: local('Basis Grotesque Pro Bold'), local('BasisGrotesquePro-Bold'),
  url('font/BasisGrotesquePro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

html,body {
  height: 100%;
  font-family: "Basis Grotesque Pro", Arial, Verdana, sans-serif;
}
#body-alt {
  padding-top: 120px;
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.default-icon-color {
  color: #565e64;
}

.brand { margin-left: auto; margin-right: auto; }

.bg-app-primary {
  background-color: #e84d3b !important;
}

.color-app-primary {
  color: #e84d3b !important;
}

.svg_color {
  fill: #e84d3b;
}

.bg-gray {
  background-color: #ecedee !important;
}

.nav-line {
  height: 50px !important;
}

.height-50 {
  height: 50px !important;
}

.city_box {
  font-family: "Arial",Verdana, sans-serif, serif;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15) !important;
  line-height: 18px;
  font-weight: 600;
}

.delivery {
  font-size: 0.8em;
  line-height: normal;
  background-color: #fce5e1 !important;
  color: #e84d3b !important;
  font-family: Arial, Verdana, Arial, sans-serif;
  padding: 1em;
  /*width: 290px !important;*/
}

.cart {
  color: white;
  background-color: #e84d3b !important;
  padding: 1rem 1.5rem;
}

nav {
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15) !important;
}

.navbar-nav .nav-item a {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1e2125 !important;
}

/* Hire */
.vacancy-card {
  background-color: #f6f6f6;
  border-radius: 10px;
  width: 430px;
  height: 320px;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.vacancy-card-detail {
  background-color: #f6f6f6;
  border-radius: 10px;
  height: 320px;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.vacancy-list ul li::before {
  content: "\2022";
  color: #e84d3b;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  text-align: left;
  margin-left: -2.5em;

}
.vacancy-list ul {
  list-style: none;
}

.vacancy-card .salary{
  padding-top: 2em;
  font-weight: 600;
  color: #bbbbbb;
}

.btn-round {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.btn-round.btn-lg {
  width: 48px;
  height: 48px;
}

.btn-round.btn-sm {
  width: 34px;
  height: 34px;
}

.btn-round.btn-xs {
  width: 24px;
  height: 24px;
}
/* Footer */

.footer .nav-item {
  line-height: normal;
}




/* Responsive */

@media (max-width: 991px) {
  #body-alt {
    padding-top: 280px;
  }
  .h1 {
    font-size: 2.0rem;
  }

  .h2 {
    font-size: 1.5rem;
  }

  .h3 {
    font-size: 1rem;
  }
}