/* @import url(https://fonts.googleapis.com/css?family=Lato:400,300); */
* {
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}


#heading {
  text-transform: uppercase;
  color: #074b7c;
  font-weight: normal
}

#msform {
  text-align: center;
  position: relative;
  /* margin-top: 20px */
}

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative
}

.form-card {
  text-align: left
}

#msform fieldset:not(:first-of-type) {
  display: none
}

#msform input,
#msform textarea {
  /* padding: 8px 15px 8px 15px; */
  /* border: 1px solid #ccc; */
  border-radius: 0px;
  /* margin-bottom: 25px; */
  /* margin-top: 2px; */
  width: 100%;
  box-sizing: border-box;
  color: #2C3E50;
  /* background-color: #ECEFF1; */
  /* font-size: 16px; */
  letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
  /* -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important; */
  /* box-shadow: none !important; */
  /* border: 1px solid #074b7c; */
  /* outline-width: 0 */
}

#msform .action-button {
  /* width: 100px; */
  background: #074b7c;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 0px 10px 5px;
  float: right
}

#msform .action-button:hover,
#msform .action-button:focus {
  background-color: black
}

#msform .action-button-previous {
  width: 100px;
  background: #616161;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px 10px 0px;
  float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
  background-color: #000000
}

.card {
  z-index: 0;
  border: none;
  position: relative
}

.fs-title {
  /* font-size: 25px; */
  color: #074b7c;
  margin-bottom: 15px;
  font-weight: normal;
  text-align: left
}

.purple-text {
  color: #074b7c;
  font-weight: normal
}

.steps {
  /* font-size: 25px; */
  color: gray;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: right
}

.fieldlabels {
  color: gray;
  text-align: left
}

#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey
}

#progressbar .active {
  color: #074b7c
}

#progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 25%;
  float: left;
  position: relative;
  font-weight: 400
}

#progressbar #account:before {
  font-family: FontAwesome;
  content: "\f13e"
}

#progressbar #personal:before {
  font-family: FontAwesome;
  content: "\f007"
}

#progressbar #team:before {
  font-family: FontAwesome;
  content: "\f030"
}

#progressbar #confirm:before {
  font-family: FontAwesome;
  content: "\f00c"
}

#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px
}

#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
  background: #074b7c
}

.progress {
  height: 5px
}

.progress-bar {
  background-color: #074b7c
}

.fit-image {
  width: 100%;
  object-fit: cover
}


input {
  /* font-size: 2.5vh; */
  /* width: 100%; */
  /* height: 30px; */
  margin-bottom: 10px;
  background: transparent;
  /* position: absolute; */
  /* top: 0; */
  /* left: 6.5vh; */
  z-index: 2;
  border: none;
  /* box-shadow: inset 0 -0.5vh rgba(0, 0, 0, 0.1); */
}
input:focus {
  /* box-shadow: inset 0 -0.5vh transparent; */
  box-shadow: inset 0 -0.5vh rgba(0, 0, 0, 0.1);
}


.route {
  display: none;
}

*, *:before, *:after {
  box-sizing: border-box;
  position: relative;
}




/*  */


body {
  font-size:14px;
  /* background-image: url('../img/a.jpeg'); */
  /* background-position: 0 -50px */
  /* background-repeat: no-repeat;
  background-size: contain, cover; */
}


/* .ng-hide {
  height: 0;
} */

.breaker{
  width: 100%; 
  text-align: center; 
  border-bottom: 1px solid #000; 
  line-height: 0.1em;
  margin: 10px 0 20px; 
  font-size: 14px;
}
.breaker span{
  background:#fff; 
  padding:0 10px; 
}

.vl {
  border-left: 1px solid grey;
  border-radius: 0px;
}

.radio-thumbnail > input {
  display: none;
}

.radio-thumbnail > :checked + .thumbnail {
  border-color: #66afe9;
  background-color: #66afe9;
  color: #fff;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.radio-thumbnail > :disabled + .thumbnail {
  opacity: .5;
}

.animation-flip.ng-enter {
  -webkit-animation: flipInY 1s;
  -moz-animation: flipInY 1s;
  animation: flipInY 1s;
}

.animation-flip.ng-leave {
  -webkit-animation: flipOutY 1s;
  -moz-animation: flipOutY 1s;
  animation: flipOutY 1s;
}