.video-block .img-block {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}
.video-block{
display: block !important;
overflow: hidden;
height:100.1%;
}
.video-bg {
	height: 200%;
	left: -50%;
	position: absolute;
	top: -50%;
	width: 200%;
	z-index: 1;
}
.video-bg video {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	min-height: 50%;
	min-width: 50%;
	overflow-x: hidden;
	position: absolute;
}

#scrollbottom {
    position: sticky;
    top: 90vh;
    margin-top: -60px;
    display: none;
	z-index: 5;
}

#scrollbottom div {
  padding-top: 45px;
    /*position: absolute;*/
    text-align: center;
    width: 100%;
}
#scrollbottom div span.arrow {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}

.scroll div {
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.scroll div:hover {
	opacity: .5;
	cursor: pointer;
}

#scroll-bottom-container {
    position: absolute;
    height: 100%;
    bottom: 0;
    width: 100%;
}
