@charset "utf-8";
/* CSS Document */


.step-slider {
  position: relative;
  width: 100%;
  margin: 20px 0 0px;
  float: right;
}
.step-slider .step-slider-item {
  width: 25%; 
  position: relative;
  float: right; 
  display: flex;
  text-align: center;
}

.step-slider .step-slider-item:before {
  content: "";
  position: static;
  height: 3px;
  background-color: #B0BEC5;
  width: 97%;
  margin: 0 auto;
  border-radius: 50px;
  float: right;   
}
  
.step-slider .step-slider-item:first-child:before { 
  background-color: #c75000;
} 
.step-slider .step-slider-item.active + div:before{
  background-color: #c75000;
} 

.step-content {
  border: none;
  border-radius: 5px 5px 5px 25px;
  margin: 10px 0 20px;
  padding: 15px;
  width: 100%;
  float: right;
  box-shadow: 0px 0px 19px rgba(0,0,0,0.12) !important;
}
.step-content .step-content-foot {
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.step-content .step-content-foot button {
  border-radius: 3px;
  outline: 0;
  position: relative;
  font-size: 0;
  background: #f3f3f3 !important;
  width: 35px;
  height: 35px;
  text-align: center;
  margin: 0;
  line-height: 28px;
  border: solid 1px #eee;
  color: #c75000;
}
.step-content .step-content-foot button[disabled="disabled"] {
  opacity: 0.8;
  cursor: not-allowed;
} 
.step-content .step-content-foot button[disabled="disabled"]:before{
  color: #888;;
}
.step-content .step-content-foot button[name="prev"]:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 25px;
}
.step-content .step-content-foot button[name="next"]:before {
  content: "\f104";
  font-family: FontAwesome;
  font-size: 25px;
}
.step-content .step-content-body {
  padding: 0;
  text-align: center;
}

.step-content .step-content-body.out {
  display: none;
}

.step-content h2{
text-align:center;
color:#c75000
}
 .step-content .title{
color:#c75000;
font-size: 16px;
margin: 10px 0;
padding: 0;
text-align: center;
}