section.hero-video{
	position: relative;
	width: 100%;
	overflow:hidden;
}
section.hero-video:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50%;
	background:linear-gradient(0deg, rgba(49, 97, 125, 0) 0%, rgb(49, 97, 125) 100%);
	mix-blend-mode: multiply;
	z-index:10;
}
section.hero-video #poster{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(100vh - 4px);
	display:block;
	background-size:cover;
	background-position:center center;
}
section.hero-video div.video{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100vh;
	position: relative;
}
section.hero-video div.video iframe{
	width: calc(100vh * 1.77);
	height: 100vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}
section.hero-video div.video-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	display:flex;
	align-items:center;
	padding:0 5%;
}
.ccm-page .hero-video-text{
	max-width:1150px;
	margin:0 auto;
	width:100%;
	text-align:center;
}
.ccm-page .hero-video-text h2{
	font-size:3.5em;
	color:#fff;
}
.ccm-page .hero-video-text p{
	margin:0;
	font-weight:400;
	color:#fff;
	font-size:0.875em;
}
.hero-video-text a.btn{
	margin-top:15px;
}

section.hero-video .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #0c4348;
	opacity: 0.25;
	pointer-events: none;
	mix-blend-mode: multiply;
}

div.scroll-down{
	width: 32px;
	height: 48px;
	border: 2px solid #fff;
	border-radius: 16px;
	display: inline-block;
	position: relative;
	top: 3em;
}
div.scroll-down .scroller{
	display:block;
	width:6px;
	height:8px;
	border-radius:3px;
	position:absolute;
	background:#fff;
	top:8px;
	left:50%;
	transform:translate(-50%,0);
	opacity: 0;
	animation: scroll-down 1500ms ease-out infinite;
}
@keyframes scroll-down {
  0% {
	opacity: 0;
	transform: translate(-50%, 0);
  }

  80% {
	opacity: 1;
	transform: translate(-50%, 20px);
  }
  100% {
	  opacity: 0;
	  transform: translate(-50%, 20px);
	}
}

@media screen and (max-width:720px){
	.ccm-page .hero-video-text h2{
		font-size:2.75em;
	}
}