strong { font-weight: 500; }

a, a:hover, a:focus {
	/* color: #188ef4; */
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
	font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

h4 {
	font-size: 18px;
    font-weight: 300;
    color: #555;
    line-height: 26px;
}


.f1 {
	background: #fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-align: center;
}
.f1 h3 { margin-top: 0; margin-bottom: 5px; text-transform: uppercase; }

.f1-steps { overflow: hidden; position: relative; margin-top: 20px; }

.f1-progress { 
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}

.f1-progress-line { position: absolute; top: 0; left: 0; height: 1px; background: #188ef4; }

.f1-step { position: relative; float: left; width: 50%; padding: 0 5px; }

.f1-step-icon {
	display: inline-block; width: 20px; height: 20px; margin-top: 4px; background: #ddd;
	font-size: 14px; color: #fff; line-height: 20px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.f1-step.activated .f1-step-icon {
	background: #fff; border: 1px solid #188ef4; color: #188ef4; line-height: 38px;
}
.f1-step.active .f1-step-icon {
  width: 25px;
  height: 25px;
  margin-top: 0;
  background: #188ef4;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
}

.f1-step p { color: #ccc; }
.f1-step.activated p { color: #188ef4; }
.f1-step.active p { color: #188ef4; }

.f1 fieldset { display: none; text-align: left; }

.f1-buttons { text-align: right; }