#splash {
  position: relative;

  overflow: hidden;
}

#splash img {

  left: -100%;
  top: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
  min-width: 100%;

  filter: alpha(opacity=60);
}

#splash > section {
  display: none;
  height:auto;

}

#splash div {
  position: absolute;
  z-index: 2;
  top:1%;
  left:5%;
}

#splash_nav {
  width: 100%;
  position:absolute;
  margin-top:0px !important;
  float: left;
  text-align: center;
  bottom:28px !important;
  min-height: 18px;
  
}

#splash_nav ul { margin: 0; }

#splash_nav li {
  display: inline-block;
  width: 8px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition-duration: none;
  height: 8px;
  border-radius: 4px;
  background-color: #ccc;
  margin: 5px;
  cursor: pointer;
}

#splash_nav li:hover { background-color: #777; }

#splash_nav li.active { background-color: #222; }


#splash div {   margin: 280px 30px;}

/*#splash section:nth-child(1) { background: #023957; }

#splash section:nth-child(2) { background: #023957; }

#splash section:nth-child(3) { background: #023957; }*/

#splash div {
  background: rgba(0,0,0,.2);
  padding: 10px;
  float: left;
}

#splash div h1 {
  color: #fff;
  font-family:'Roboto', sans-serif;
  font-weight:600;
  margin: 0;
  text-transform:uppercase;
  font-size: 33px;
  font-style:italic;
  text-shadow:1px 1p #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
#splash div h1 span{color:#063B6D; font-family:28px; text-transform:capitalize !important;}
#splash div p{font-family: 'Open Sans', sans-serif; font-size:14px; color:#FFF; font-weight:100;}
#splash div .red-mr-btn{padding:6px 14px ; background:#063B6D;  color:#fff; font-family:'Roboto', sans-serif; text-transform:uppercase; font-size:13px;}

#splash div h2 {
  color: #fff;
  margin: 0;
  font-size: 18px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}

body #splash_nav li.active { background-color: #02385A; }