.hp-titlebox {
    z-index: 50;
	color: #fff;
	padding: 2%;
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 60vh;
	width: 50vw;
	left: 25vw;
	text-align: center;
}

.hp-tagline {
	color: #ece8dc;
	width: 100%;
	height: auto;
	font-weight: 400;
	margin-bottom: 10px;
	letter-spacing: -1px;
	font-size: 1.4em;
	line-height: 1em;
	text-shadow: 2px 2px 10px #000;	
}

.hp-tagline2 {
	height: auto;
	color: #ece8dc;
	font-weight: 400;
	text-transform: uppercase;	
	letter-spacing: -1px;
	font-size: 2.6em;
	line-height: 0.9em;
	text-shadow: 2px 2px 10px #000;	
}

.hp_logo {
	top: 40vh;
	width: 50vw;
	left: 25vw;
	height: 20vh;
	position: absolute;
	z-index: 100;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("../images/layout/top-logo.png");
}

.bottom_band {
    width: 100%;
	background-color: rgba(255,255,255,1);
	color: #fff;
	height: 6%;
	position: absolute;
	top: 94%;
	left: 0px;
	z-index: 1000;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#67493c+0,35221b+25,150c0a+100 */
    background: rgb(103,73,60); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(103,73,60,0.7) 0%, rgba(53,34,27,0.7) 25%, rgba(21,12,10,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(103,73,60,0.7) 0%,rgba(53,34,27,0.7) 25%,rgba(21,12,10,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(103,73,60,0.7) 0%,rgba(53,34,27,0.7) 25%,rgba(21,12,10,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67493c', endColorstr='#150c0a',GradientType=0 ); /* IE6-9 */
	border-bottom: 5px solid #110a08;
    border-top: 2px solid #745140;	
    -webkit-box-shadow: 0px -2px 18px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -2px 18px 2px rgba(0,0,0,0.75);
    box-shadow: 0px -2px 18px 2px rgba(0,0,0,0.75);	
}

#scroll_down_btn {
	color: #fff;
	cursor: pointer;
	font-size: 2em;
}

#scroll_down_btn:hover {
	font-size: 2.5em;	
}


#featureSlider {
  height: 100vh;
  width: 100%;  
  display: block;
  margin: 0;
  overflow:hidden;
  }
  
#featureSlider img {
	max-width: none !important;
	filter: brightness(95%);	
}

#featureSlider .sliderholder {
   display: none;
}

#featureSlider .imgholder {
    position: relative;
    width: 100%;
    height: 100vh;
	top: 0px;
	left: 0px;	
	margin: 0 auto;
    padding: 0;
    list-style: none;
}

#featureSlider .imgholder li {
      position: absolute !important;
	  overflow: hidden;
      height: 100vh;
      width: 100%;
      top: 0px;
      left: 0;
      z-index: 0;
      display: none;
	  background-repeat: no-repeat;
	  background-position: center;
	  background-size: cover;
}

.sliderfill {
	position: absolute;
	width: 2000px;
	height: 1200px;
}

.fullscreen-bg__video {
    position: absolute;
    top: -115px;
    left: 0px;
	width: 100vw;
	height: 135vh;
}