a[name] {
	position: relative;
	top: -130px;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.
.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}}


.navBar {
	display: none;
}

.top5 {
	margin-top: -5px;
}

.top300 {
	top: 30% !important;
	-webkit-transition-property: all; /* Safari */
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-property: all;
	transition-duration: 0.5s;
}

.top0 {
	top:0px !important;
	-webkit-transition-property: all; /* Safari */
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-property: all;
	transition-duration: 0.5s;
}

#myCarousel {
	width: 100%;

}

#myCarousel img {
	width: 100%;
	height: 100vh;
	object-fit: cover;

}

.myCarouselShift {
	top: -70px !important;
}

#pageNav li {
	padding: 5px;
	text-align: right;
	list-style: none;
}

#pageNav a {
	background-color: rgba(0,0,0,0.5);
	text-align: right !important;
	padding: 5px;
	color: #ffffff !important;
	text-decoration: none;
	

}

#pageNav a::after {
	content: url(/content/assets/features/down.svg);
}



#pageNav {

	float: right;
	position: fixed;
	top: 65%;
	right: 60vw;
	vertical-align: middle;
	-webkit-transition-property: all; /* Safari */
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-property: all;
	transition-duration: 0.5s;
	z-index: 0 !important;
}


#topNav {
	display: none;
}





.h1Holder {	
	position: relative;
	top: 50vh;
	-webkit-transition-property: all; /* Safari */
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-property: all;
	transition-duration: 0.5s;
	height: auto;
	background-color: #000000;
	padding: 15px;
}

#boxesgw li {
	display: inline-block;
}

.animate-creator-container {
	width: 400px;
	height:400px;
}

#myCarousel {
	z-index: -75;
	position: absolute;
	top: 0;
	left: 0;
}
.lightP { font-size: 20px; margin-bottom: 15px;}
.model a { color: #7db2ce !important;}

.h1main {
color: #ffffff; 
font-size: 3vw;
padding: 0;
line-height: normal;
margin: auto;
text-transform: uppercase;
}

.h1sub {
color: #ffffff;
padding: 0;
font-size: 2vw;
line-height: normal;
margin: auto;
text-transform: uppercase;
}

.model {
	background-color: #000000; 
	padding: 8px; 
	position: relative; 
	top: -300px; 
	width: 50%; 
	float: left; 
}

.hero {
	width: 41%;
height: 100vh;
float: left;
background-color: rgba(255,255,255,0) !important;
background-size: cover;
display: inline-block;
position: fixed;
z-index: -100;
background-position: center;

height: auto !important;

}

#headHolder {

	display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
	z-index: -50;
  width: 100%;
  height: auto;
  background-color: rgba(0,0,0,0);
}

.features {
	width: 59%;
height: 100vh;
display: inline-block;
position: relative;
left: 40.6vw;
}

blockquote {
	border-left: 0px solid #eee;
	
}

.fader {
	background-image: linear-gradient(to right,rgba(246,245,241,0.5), rgba(246,245,241,0));
	padding: 15px;

}

.intro {
	font-size: 22px;
	color: #000000;
	padding: 15px;
	line-height: 150%;
	text-align: center;
}

.introWhite {
	font-size: 22px;
	color: #ffffff;
	padding: 30px 15px 15px;
	line-height: 150%;
}

.topSpace {
	height: 50px;
}

#shift {
	float:right;
}
.bgImg {

	background-position: center;
	background-size: cover;
}

@media only screen and (max-width: 1200px){
.model {
	top: -150px; 
}	
}

@media only screen and (max-width: 1000px){
#pageNav {
	top: 35%;
}
}

@media only screen and (max-width: 668px){
	.h1Holder {	
	top: 0px;
	height: auto;
	}
	
	#headHolder {
		height: auto;
	}

@media only screen and (max-width: 600px){
	
#topNav li {
	padding: 5px;
	text-align: center;
	display: inline-block;
	margin: 2px;
	width: 48%;
	background-color: #000000;
	
}

#topNav a {
	background-color: #000000;
	text-align: right !important;
	padding: 5px;
	color: #ffffff !important;
	font-size: 14px;

}

#topNav img {
	vertical-align: middle;
}


#pageNav {
	display: none;
}

#topNav {
	display: block;
	text-align: center;
	vertical-align: middle;
}
	
	
.h1Holder {	
	position: relative;
	top: 0px;
	background-color: rgba(0,0,0,0);
	padding: 0;
}
	.h1main {
font-size: 6vw;


}

.h1sub {

font-size: 4vw;

}

#myCarousel img {
	width: 100%;
	height: 40vh;
	object-fit: cover;
	object-position:top;
}

#myCarousel {
	width: 100%;
	height: 40vh;

}
	.hero {
	width: 100vw;
height: 40vh;
float: none;

background-size: cover;
display: block;
position: initial;
z-index: -100;
background-position: top;
}

#headHolder {

	display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  width: 100%;
  position: relative;
  top:-10px;
  background-color: rgba(0,0,0,1);
  padding: 15px;
  height: auto;
}

.features {
	width: 100%;
height: 100%;
display: block;
position: initial;
left: 0;
}
	
#features p { padding: 5px 15px;}

	
	.intro {
		background-image: linear-gradient(to right,rgba(246,245,241,0), rgba(246,245,241,0));
	}
	
.topSpace {
	height: 0px;
}
	
#shift {
	float:none;
}
	
.bgImg {
	background-image: url(/images/features/a2MainSmall.jpg);
	background-position: center;

}
.fader {
	background-image: linear-gradient(to right,rgba(246,245,241,0), rgba(246,245,241,0));
	padding: 15px;

}

}

.topBorder {
	border-top: 1px solid #666;
}

.block {
	min-width: 250px;
	text-align: center;
}

@media only screen and (max-width: 440px){
.animate-creator-container {
	width: 350px;
	height:350px;
}

#myCarousel {

    top: 35px;
    height: 38vh;
    overflow: hidden;

}

.myCarouselShift {

    top: 0px !important;

}


@media only screen and (max-width: 300px){
#wf .clearfix {
  overflow: auto;
}

  .block{
  padding: 0px 10px;
  }
  }


@media only screen and (max-width: 350px){
  .block{
  display: block;
  float: none !important;
  padding: 0px;
  text-align: center;
  }

}