body {
     padding-top: 12rem;
   }

  .bgcolorEberhardt1 {
     background-color: rgb(0, 121, 189) !important;
  }

  .colorEberhardt1 {
     color: rgb(0, 121, 189) !important;
  }

  .bgcolorZieglmeier1 {
     background-color: rgba(57, 62, 66,.9) !important;
  }

  .wizardprogressbar {
      counter-reset: step;
  }
  .wizardprogressbar li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: rgba(0, 121, 189, 1.00);
  }
  .wizardprogressbar li:before {
      width: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 2px solid rgba(0, 121, 189, 1.00);
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }
  .wizardprogressbar li:after {
      width: 100%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: rgba(0, 121, 189, 1.00);
      top: 15px;
      left: -50%;
      z-index: -1;
  }
  .wizardprogressbar li:first-child:after {
      content: none;
  }
  .wizardprogressbar li.active {
      color: green;
  }

  .wizardprogressbar li.active .btn {
      color: green !important;
  }

  .wizardprogressbar .btn {
     font-size: calc(0.25em + 1vw);
     color: rgb(0, 121, 189);
  }

  .wizardprogressbar li.active:before {
      border-color: #55b776;
  }
  .wizardprogressbar li.active + li:after {
      background-color: #55b776;
  }


   #energywizard {
     min-height: 6rem;
     padding-top: 1rem;
     background-color: white;
     right: 0;
     left: 0;
     z-index: 1;
   }

    .card-energyquality{
       height: 450px;
    }

    .hero-product-tag {
	  top: 0;
	  right: -35px;
	  position: absolute;
	  text-align: center;
	  display: inline-block;
	  background-color: rgba(0, 128, 199, 1.00);
	  color: #ffffff !important;
	  line-height: 35px;
	  padding: 0px 20px 0 20px;
	  margin: -40px 10px 10px 0;
	  transform: rotate(-15deg);
	  text-decoration: none;
	  -webkit-transition: color 0.2s;
    }

.autocomplete {
    position: relative;
  }

  .autocomplete-results {
    padding: 0;
    margin: 0;
    border: 1px solid #eeeeee;
    height: 120px;
    overflow: auto;
  }

  .autocomplete-result {
    list-style: none;
    text-align: left;
    padding: 4px 2px;
    cursor: pointer;
  }

  .autocomplete-result:hover {
    background-color: #007bff;
    color: white;
  }

  #modFurtherInquiry {
   top:-20% !important;
  }

  .thumbnail {margin-bottom: 6px; height: 200px;}

  div.boxed {
    background: #AABBCC;
    height: calc(100% - 148px);
    padding: 15px;
    border-radius: 12px;
    color:#3c3c3c
  }

/* for sm */

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2));
}

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.25rem));
}

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2));
}

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
}

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}