@media screen and (max-height: 650px) {
  html {
    font-size: 75% !important;
    
  }
}

html { 
  font-size: 80%;
}

@media screen and (min-width: 1400px) {
  html {
    font-size: 90%;
  }
}

@media screen and (min-width: 2000px) {
  html {
    font-size: 120%;
  }
}

@media screen and (min-width: 2500px) {
  html {
    font-size: 160%;
  }
}

@media screen and (min-width: 3000px) {
  html {
    font-size: 180%;
  }
}

@media screen and (min-width: 3500px) {
  html {
    font-size: 280%;
  }
}

@media screen and (min-width: 5000px) {
  html {
    font-size: 380%;
  }
}

.bg-cover {
  background-size: cover;
  background-blend-mode: overlay;
}

.bg-center { 
  background-position: center;
 }

.bg-home { 
  background-color: #FD4D03;
}

.bg-home-50 { 
  background-color: #fd4e03c9;
}

.bg-home-10 { 
  background-color: #fd4e035c;
}


 /* === */

.step {
  display: none;
}

.step.is-active {
  display: block;
}

.input-group.has-error .form-control {
  border-color: #ff3355;
}

.btn-prev {
  display: none;
}

.btn-prev.is-active {
  display: inline-block;
}

.progress-bar {
  width: 100%;
  height: 10px;
  background-color: #3b3b3b;
  transform-origin: left center;
  transform: scaleX(0.01);
  transition: transform 0.2s ease;
}