#header-carousel .carousel-inner .item {background-size: cover; background-position: center; width: 100%; height: 400px;}
.carousel-control i { margin-top: 170px; }
.slide { width: 100%; height: 400px; }
.title {
  font-family: "Arial"; color: #fff;
  font-size: 60px;
  font-weight: bold;
  text-align: center;
  opacity: 0;
  text-shadow: 0px 3px 1px rgba(0,0,0,0.7);
  position: absolute;
  width: 100%;
  top: 0;
}
.text { font-family: "Arial"; color: #fff; max-width: 800px; margin: 0 auto; padding-top: 175px; opacity: 0; text-shadow: 0px 1px 1px rgba(0,0,0,1.0);font-size: 35px; text-align: center}
.more { 
  background: #CC6600;
  font-family: "Arial"; color: #fff;
  font-size: 20px;
  font-weight: 500;
  width: 200px;
  text-align: center;
  line-height: 4; 
  -webkit-box-shadow: 0px 3px 0px 0px #af6215;
  -moz-box-shadow:    0px 3px 0px 0px #af6215;
  box-shadow:         0px 3px 0px 0px #af6215;
  position: absolute;
  bottom: 0;
  left: calc(50% - 100px);
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
}
.more:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
  margin-bottom: -3px;
}

.more a {
	text-decoration: none;
	color: #FFFFFF;
}


.slide, .title, .text { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
h2, h3 {
	font-weight: bold;
}
a {
	text-decoration: underline;
}