@charset "utf-8";
/* CSS Document */
.videoWrapper {
  /* position: absolute; top: 0; bottom: 0; */
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0%;

  margin-top: 0%;
}
@media only screen and (max-width: 1250px) {
  .videoWrapper {
    margin-top: 0%;
  }
}
@media only screen and (max-width: 850px) {
  .videoWrapper {
    height: 365px;
    margin-top: 0%;
    padding: 0;
  }
}
.videoWrapper iframe,
.videoWrapper video {
  max-width: 100%;
  width: auto;
  height: auto;
  /* position: absolute; */
  /* top: 60%; left: 50%; transform: translate(-50%,-50%); */
}
@media only screen and (max-width: 850px) {
  .videoWrapper iframe,
  .videoWrapper video {
    top: 0%;
  }
}
.videoWrapper .skinny-cont {
	
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  position: absolute;
  min-height: inherit;
  font-family: 'Raleway', sans-serif;
  display: inherit;
  align-content: inherit;
  justify-content: inherit;
  /*
		.textHolder p {
			  overflow: hidden;
// 			  border-right: .15em solid black;
			  white-space: nowrap;
			  margin: 0 auto;
			  animation:
			    typing 3.5s steps(40, end),
			    blink-caret .75s step-end infinite;
			}

			.textHolder p:nth-child(1){

			}
			.textHolder p:nth-child(2){
				animation-delay: 1s;
			}

			.textHolder p:nth-child(3){
				animation-delay: 2s;
			}


			@keyframes typing {
			  from { width: 0; border-right: 5px solid black; }
			  to { width: 100%;border-right: 5px solid black; }
			  100%{border-right: none !important;}
			}

			@keyframes typingEnd{
				from { width: 0;border-right: .15em solid black; }
				to { width: 100% }
			}



			@keyframes blink-caret {
			  from, to { border-color: transparent }
			  50% { border-color: black; }
			}
*/
}
.videoWrapper .skinny-cont p {
  /*visibility: hidden;*/
}
@media only screen and (max-width: 990px) {
  .videoWrapper .skinny-cont {
    margin-top: 0;
    min-height: inherit;
    position: absolute;
    top: 40%;
  }
}
@media only screen and (max-width: 850px) {
  .videoWrapper .skinny-cont {
    width: 100%;
    top: 280px;
    padding: 0 10%;
  }
}
.videoWrapper .skinny-cont p {
  /*font-family:Verdana, Geneva, sans-serif;*/
  font-size: 72px;
  width: 100%;
  margin: auto;
  line-height:50px;
  margin-top: -100px;
  
}
@media only screen and (max-width: 990px) {
  .videoWrapper .skinny-cont p {
    font-size: 30px;
    width: 80%;
    line-height: 20px;
  }
}
@media only screen and (max-width: 850px) {
  .videoWrapper .skinny-cont p {
    width: 100%;
    font-size: 25px;
    line-height: 10px;
  }
}
@media only screen and (max-width: 850px) {
  .videoWrapper .skinny-cont .textHolder {
    padding: 0;
  }
}
.videoWrapper .skinny-cont .textHolder p {
  color: #ffffff;
}
@media only screen and (max-width: 850px) {
  .videoWrapper .skinny-cont .textHolder p {
    font-size: 20px;
  }
}