/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #fff; }

#services {
  background-image: url(../img/showcase.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  min-height: 200px;
  position: relative;
  overflow: hidden; }
  #services::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    background: rgba(115, 115, 115, 0.5); }

#showcase_1 {
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  min-height: 360px;
  color: #fff;
  padding-top: 0.0rem; }
  #showcase_1 .home-search {
    min-height: 90px;
    position: relative;
    border-radius: 2px; }
    box-shadow: 5px 10px;
  #showcase_1 .overlay {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    min-height: 90px;
    width: 100%;
    background: rgba(32, 134, 107, 0.8); }

.top0-row {
  width: 100%;
  height: 100%;
  align-items: center;
  position: relative;
  background: rgb(102, 204, 255);
}

.inline-group {
  max-width: 9rem;
  padding: .5rem;
}

.inline-group .form-control {
  text-align: right;
}

.form-control[type="number"]::-webkit-inner-spin-button,
.form-control[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}