@charset "utf-8";
/* CSS Document */
*
{
	box-sizing:border-box;
}
html, body
{
	margin:0;
	padding:0;
	font-size:16px;
	scroll-behavior: smooth;
	font-family: 'Roboto', sans-serif;
}

nav ul li a
{
	color:#fff;
	text-decoration:none;
}
.menuController
{
	position:absolute;
	top:5px;
	right:30px;
	z-index:10;
	width:50px;
	height:50px;
}
.menuController a
{
	display:block;
	width:50px;
	height:50px;
	position:relative;
}
.menuController a span
{
	position:absolute;
	display:block;
	border-bottom:1px solid #fff;
	width:50px;
}
.menuController a span.tp
{
	top:10px;
	
}
.menuController a span.md
{
	top:50%;
	transform:translateY(-50%);
}
.menuController a span.bt
{
	bottom:10px;
}
.menuController.top
{
	z-index:50;
}
.inNav.open
{

	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:20;
	background-color:#ed1b24;
	display:flex;
	align-items:center;
	justify-content;
}
.inNav.closed
{
display:none;	
}
footer
{
	padding:50px 20px;
	background-color:#2c4163;
	text-align:center;
}
footer .social
{
	text-align:Center;
}
footer .social a
{
	display:inline-block;
	margin:0 15px;
}
footer .social a img
{
	max-width:35px;
	height:auto;
	display:block;
}
.resp
{
	display:block;
	max-width:100%;
	height:auto;
}
.flx
{
	display:flex;
	flex-wrap:wrap;
}

.videoContain {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.videoContain iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ContentWrap
{
	overflow:hidden;
}
.navigationTop
{
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	right:0;
	padding:30px;
	background-color:rgba(44,65,99,0);
	transition:background-color ease-out 0.4s;
}
.navigationTop.scrolling
{
	background-color:rgba(44,65,99,0.8);
	transition:background-color ease-out 0.4s;	
}
.navigation
{
	flex:1 0 100%;
}
.hero
{
	height:80vh;
	min-height:400px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hero .heroVisual
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:#ccc;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.hero .heroVisual::after{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	content:" ";
	display:block;
	background-color:rgba(0,0,0,0.5);
}
.hero .logos
{
	text-align:Center;
	padding-bottom:30px;
}
.hero .logos .logoEntry
{
	max-width:80px;
	margin:0 8px;
	display:inline-block;
}
.hero .heroMessage
{
	flex:1 0 100%;
	text-align:center;
	position:relative;
	z-index:2;
	color:#fff;
	padding:0 20px;
}
.hero .heroMessage .sbMessage
{
font-weight:300;
	font-size:30px;
}
.hero .heroMessage h1
{
	font-weight:700;
	font-size:33px;
	margin:0;
	padding:20px 0 0 0;
	line-height:130%;
}
.homeContent
{
	max-width:1200px;
	margin:0 auto;
}
.homeContentInner
{
	padding:0 30px;
}
.headBlock
{
	text-align:center;
	padding-bottom:20px;
}
.headBlock h2
{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	position:relative;
	font-weight:300;
	font-size:40px;
	color:#2c4163;
}
.headBlock h2::after{
	content:" ";
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-40%);
	width:60px;
	border-bottom:1px solid #2c4163;
}
.introductionInner
{
	padding:40px 0 40px 0;
	position:relative;
}
.introductionInner::before{
	position:Absolute;
	top:0;
	bottom:0;
	left:-50%;
	transform:translateX(-50%);
	width:20000px;
	background-color:#ed1b24;
	content:" ";
	display:block;
}
.introductionInner p
{
	font-size:20px;
	text-align:center;
	font-weight:300;
	line-height:130%;
	color:#fff;
	z-index:2;
	position:relative;
}
.members,
.video,
.pressRelease,
.gallery,
.inNews
{
	padding:30px 0
	
}
.galleryWrap.flx .galImage
{
flex:1 0 50%;
	padding:8px;
	
}
.galleryWrap.flx .galImage a 
{
	position:relative;
}
.galleryWrap.flx .galImage a img
{
filter:brightness(1);
	transition:filter ease-out 0.3s;
}
.galleryWrap.flx .galImage a:hover img
{

	filter:brightness(1.09);
	transition:filter ease-out 0.3s;
}
.speakerEntry
{
	flex:1 0 100%;
	text-align:Center;
	padding:0 12px 20px 12px;
}
.speakerEntry .name
{
	font-weight:500;
	padding-bottom:10px;
	color:#ed1b24;
	font-size:18px;
}
.speakerEntry .position
{
	font-weight:300;
	line-height:130%;
}
.memmbersEnd
{
	text-align:Center;
	padding-top:15px;
	font-size:15px;
}
.releaseWrap p
{
	line-height:170%;
	padding:0 0 20px 0;
	margin:0;
}
.newsEntry
{
	padding-bottom:12px;
}
.newsEntry a
{
	padding:6px 0 6px 45px;
	background:url(../img/outlink-icon.svg);
	background-position:center left;
	background-repeat:no-repeat;
	display:block;
	color:#000;
	text-decoration:none;
}
.navWrap
{
	flex:1 0 100%;
}
nav
	{
		text-align:center;
		flex:1 0 100%;
			}
nav ul
	{
		list-style-type:none;
		list-style-position:inside;
		margin:0;
		padding:0;
		text-indent:0;
	}
	nav ul li
	{
		display:block;
	}
	nav ul li a
	{
		padding:12px;
		font-size:30px;
		display:block;
	}
@media(min-width:768px)
{
		nav ul li a
	{
		
		font-size:18px;
		
	}
		nav ul li
	{
		display:inline-block;
	}
	
	.inNav.open
{

	position:relative;
	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
	z-index:20;
	background:none;
	display:block;

}
.inNav.closed
{
display:block;	
}
	
	.menuController
	{
		display:none;
	}

	nav ul li a:hover{
text-decoration:underline;
	}
	.hero .heroMessage h1
	{
		font-size:40px;
	}
	.hero .logos .logoEntry
	{
		max-width:130px;
	}
	.headBlock h2
	{
		font-size:50px;
	}
	.introductionInner p
{
	font-size:26px;
	}
	.releaseWrap
	{
		padding:15px 25px;
		background-color:#F9F9F9;
	}
.galleryWrap.flx .galImage
{
flex:1 0 33.333%;

}	
	.speakerEntry
{
	flex:1 0 50%;
}
}
@media(min-width:992px)
{
	nav ul li a
	{
		font-size:20px;
	}
.speakerEntry
{
	flex:1 0 33.333%;
}	
}
@media(min-width:1200px)
{
	
}