#preloadedImages {
    width: 0px;
    height: 0px;
    display: inline;
    background-image: url(https://n-vizage.com/images/n-viz001.jpg);
    background-image: url(https://n-vizage.com/images/n-viz002.jpg);
    background-image: url();
}

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);

}
.carousel-fade .carousel-control {
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
  width: 100%;
  margin: 0;

}
    
@keyframes animateBg{
  0% {transform: scale(1);}
  100% {transform: scale(1.1);}
} /*End of Zoom in Keyframes */
   
    
.item:nth-child(1) {
  background-color: black; /* fallback color */
  background-image: url(../images/n-viz001.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
    
  animation: animateBg forwards 8s ease-in;
}
.item:nth-child(2) {
  background-color: black; /* fallback color */
  background-image: url(../images/n-viz002.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
    
  animation: animateBg forwards 8s ease-in;
}
.item:nth-child(3) {
  background-color: black; /* fallback color */
  background-image: url(../images/n-viz003.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
    
  animation: animateBg forwards 8s ease-in;
}
.item:nth-child(4) {
  background-color: black; /* fallback color */
  background-image: url(../images/n-viz004.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
        
  animation: animateBg forwards 8s ease-in;
}
.item:nth-child(5) {
  background-color: black; /* fallback color */
  background-image: url(../images/n-viz005.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
        
  animation: animateBg forwards 5s ease-in;    
}
.item:nth-child(6) {
  background-color: black; /* fallback color */
  background-image: url(../images/n-viz006.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
        
  animation: animateBg forwards 8s ease-in;    
}
.item:nth-child(7) {
  background-color: black; /* fallback color */
  background-image: url(../images/n-viz007.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
        
  animation: animateBg forwards 8s ease-in;    
}
.item:nth-child(8) {
  background-color: black; /* fallback color */
  background-image: url(../images/n-viz008.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
        
  animation: animateBg forwards 8s ease-in;    
}
.item:nth-child(9) {
  background-color: black; /* fallback color */
  background-image: url(../images/n-viz009.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
        
  animation: animateBg forwards 8s ease-in;    
}
.item:nth-child(10) {
  background-color: black; /* fallback color */
  background-image: url(../images/n-viz010.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;
  width: 100%;
        
  animation: animateBg forwards 6s ease-in;    
}

/* Slide Caption and Placement */ 
.carousel-caption {
    position: absolute;
    z-index: 1;
    display:table;
    width:100%;
    height:100%;
}
.carousel-caption div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
/*    background-color: red;   */
}
.carousel-caption_font {
    font-size: 60px;
    font-family: Helvetica;
    font-weight: 600;
    perspective: 600px;
    color: #FFFFFF;
}

.trickcenter {
  bottom: 200px;
  left: 0px;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  min-width: 100vw;
}

.animtext {
	display: block;
	opacity: 0;
	transform: translateY(100%) rotateX(-75deg);
	transform-origin: center top;
	transform-style: preserve-3d;
	transition: opacity 0s cubic-bezier(.215, .61, .355, 1), transform 0s cubic-bezier(.215, .61, .355, 1)
}

html.is-ready .animtext {
	opacity: 1;
	transform: none;
	transition-duration: .8s
}

html.is-ready .animtext:first-child {
	transition-delay: .1s
}

html.is-ready .animtext:nth-child(2) {
	transition-delay: .2s
}

html.is-ready .animtext:nth-child(3) {
	transition-delay: .3s
}

html.is-ready .animtext:nth-child(4) {
	transition-delay: .4s
}


/*
      duration: 0.8,      
      rotationX: 75,
      stagger: 0.1,
      transformOrigin: "top center",
      z: -150,
      opacity: 0,
*/


.vid_container {
    position: absolute;
    z-index: -1;
}

.vid_content {
  position: relative;
  z-index: -1;
  margin-top: 0px;
  right: 0px;
  bottom: 0px;
  min-width: 100vw; 
  max-height: 100vh;
  object-fit: contain;
}