body {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.fadein {
  height: 150px;
  width: 1px;
  opacity: 0;
  transition: all .75s ease;
}

.fadein.show {
  opacity: 1;
  height: 150px;
  width: 100%;
}
.edata {
  height: 150px;
  width: 1px;
  vertical-align: middle;
  opacity: 0;
  transition: all .75s ease;
}

.edata.show {
  opacity: 1;
  height: 150px;
  width: 100%;
}
.econfig{
  height: 150px;
  width: 1px;
  opacity: 0;
  transition: all .75s ease;
}

.econfig.show {
  opacity: 1;
  height: 150px;
  width: 100%;
}

.eecl{
  height: 150px;
  width: 1px;
  opacity: 0;
  transition: all .75s ease;
}

.eecl.show {
  opacity: 1;
  height: 150px;
  width: 100%;
}

.ehist{
  height: 150px;
  width: 1px;
  opacity: 0;
  transition: all .75s ease;
}

.ehist.show {
  opacity: 1;
  height: 150px;
  width: 100%;
}

.edash{
  height: 150px;
  width: 1px;
  opacity: 0;
  transition: all .75s ease;
}

.edash.show {
  opacity: 1;
  height: 150px;
  width: 100%;
}

.emm{
  height: 150px;
  width: 1px;
  opacity: 0;
  transition: all .75s ease;
}

.emm.show {
  opacity: 1;
  height: 150px;
  width: 100%;
}


.emon{
  height: 150px;
  width: 1px;
  opacity: 0;
  transition: all .75s ease;
}

.emon.show {
  opacity: 1;
  height: 150px;
  width: 100%;
}