
#banner{
	z-index:4;	
	position:relative;	
	overflow:hidden;	
	height:calc(100vw * .300);

}
#banner.no_photo{
	height:auto;
	overflow:auto;
	margin-bottom:20px;
	margin-top:20px;
	padding: 0 2% 0 2%;
}
#banner::after{
	content:'';
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	-webkit-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.20), inset 0px -74px 38px -20px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.20) inset 0px -74px 38px -20px rgba(0,0,0,0.75);
	box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.20)  inset 0px -74px 38px -20px rgba(0,0,0,0.75);
	z-index:3;
}
#banner.no_photo::after{
	display:none;
}
#banner .photo{
	z-index:3;		
	width:100%;
	height:calc(100vw * .300);
	transition: background 1s linear;
	position:absolute;
}
#banner h1{
	position: absolute;
	left: 50%;
	bottom:0px;
	font-size:400%;		
	width:100%;	
	max-width: 1270px;
	transform: translate(-50%, -20%);
	margin: 0 auto;
	 z-index:4;
	color:#FFF;
	font-weight:bold;
	
}
#banner.no_photo h1{
	position:relative;
	transform: none;
	left:auto;
	color:#3a5caa;
	padding: 0 2% 0 2%;
	max-width: 1320px;
}
#banner h1 span{
	display:block;
	font-weight:200;
	font-size:65%;
}

#content.section{	
	display:block;
	
}
#content.section.no_sidebar{
	display: block;
}
#content .sidebar{
	grid-area:sidebar;
	width:25%;
	float:right;
	clear:right;
}
#content .posters{
	display: flex;	
	justify-content:space-between ;	
	margin:0 0 15px 0;	
	grid-area:posters;
	width:70%;
}
.section .intro{
	margin:15px 0% 25px 0%;
	font-size:130%;
	line-height:1.5;
	width:70%;
	grid-area:intro;	
	overflow:auto;
}
.section .article_list{	
	grid-area:article_list;
	width:70%;
}

.section .article_list .ccm-page-list{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 1rem;
	justify-content: space-between;
	margin: 15px -1.5% 0 0;
}
.section.no_sidebar .article_list .ccm-page-list{
	margin:15px 0 0 0;
}
.section .article_list .block{	
	margin:30px 1.5% 20px 0;
	position:relative;		
	vertical-align:top;
}
 
.section .article_list .block img{
	z-index:1;
	position:relative;
	width:100%;
	display:block;
}
.section .article_list h2{
	font-weight:200;
	font-size:185%;
	margin:0 0 0 0;	
	z-index:2;
	position:absolute;
	left:6px;
	bottom:100%;
	overflow:visible;	
	
}
.section .article_list a.block h2{
	color:#3a5caa;
	
}
.section .article_list a.block h2:hover{
	text-decoration:underline;
}

 #relo_package{
	font-size:75%;
 }




.category{
	clear:both;
	white-space:nowrap;
	position:relative;
	margin:0 3% 25px 3%;
	font-size:130%;
	overflow:hidden;
}


.category.expanded{
	height:auto;
	overflow:auto;
	white-space:normal;
}
.category .more{
	text-transform:uppercase;	
	font-weight:bold;		
	font-size:105%;
	position:absolute;
	top:10px;
	right:0px;
}
.category .block{
	vertical-align:bottom;	
	width:23%;
	display:inline-block;	
	color:#FFF;	
	margin:7px 2% 17px 0;	
	background-color:#0a1421;	
	border-radius:2px;	
	overflow:visible;
	position:relative;
	cursor: pointer;
	font-size:80%;
	box-shadow:0px 2px 1px 0px rgba(50, 50, 50, 0.30);	
}

.category .block.noshow{
	opacity:0;
}
.category .block:after{
	position:absolute;
	bottom:0px;
	right:0px;
	top:0px;
	left:0px;
	content:"";
	z-index:1;
	box-shadow:inset 0 0 0px 3px #3a5caa, inset 0 0 50px 10px rgba(0,0,0,.7);	
	opacity:0;
	transition:opacity .5s;
}
.category .block:hover:after{
	opacity:1;
	pointer-events:none;
}

.category .block .photo{
	width:100%;		
	display:block;
	position:relative;
	border-radius:2px 2px 0 0;		
}

.category .block .photo:after{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzAyMDUwOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA1MGExMSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBhMTQyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(10,20,33,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(10,20,33,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(10,20,33,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(10,20,33,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(10,20,33,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(10,20,33,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a1421',GradientType=0 );
	position:absolute;
	bottom:0px;
	right:0px;
	top:20%;
	left:0px;
	content:"";
	z-index:1;
}

.category .block .photo img{
	width:100%;
	height:auto;	
	position:relative;	
}
.category .block .photo img.empty{
	width:0px;
	height:0px;
}
.category.expanded .block .photo img.empty{
	width:20px;
	height:auto;	
}

.category .block .yt{
	position:absolute;
	z-index:2;
	bottom:8px;
	right:9px;
	width:30px;
	z-index:2;
}
.category .block label { 	
	padding:0 5% 0 5%;	
	display:block;
	font-size:135%;		
	color:#FFF;	
	position:absolute;
	bottom:25px;
	z-index:2;
	white-space:normal;
	text-shadow:0 0 2px rgba(0,0,0,.5);
}
.category .block  label:hover{ 	
	text-decoration:underline;
}


.category .block .duration{	
	padding:12px 5% 8px 5%;
	position:relative;
	z-index:2;
	font-size:110%;	
	font-weight:bold;
	color:#818181;		
}
.category h2{
	line-height:1.5;
	margin:0 0 6px 0;
}
#breadcrumb{
	grid-area:breadcrumb;
}


.CTAforms table tr td { 
  border:none;
}


@media (max-width:950px){
	#banner{
		height:auto;
		overflow:auto;
		margin-bottom:20px;
		margin-top:20px;
	}	
	#banner .photo{
		display:none;
	}
	#banner::after{
		display:none;
	}
	#banner h1{
		position:relative;
		transform: none;
		left:auto;
		color:#3a5caa;
		margin-left:2%;
	}

	#content.section{
		display:grid;
		grid-template-columns: 100%;
		grid-template-areas:
			"breadcrumb"
			"intro"
			"posters"		
			"article_list"
			"sidebar"
			;
	}
	.section .intro, #content .posters, .section .article_list{
		width:100%;
	}
	#content .sidebar{
		width:98%;
		float:none;
	}
	
}
@media (max-width:850px){
	.section .column, .article_holder{
		clear:both;
		float:none;
		width:94%;		
		
	}
	
	
}
@media (max-width:767px){
	#social_sharing{
		margin-top:15px;
		
	}
}
@media (max-width: 654px){
	.banner h1 {
		font-size: 200%;
	}
	.section .article_list h2{
		font-size:130%;	
	}
	.section .article_list h2:before{
		display:none;
	
	}
	
}
@media (max-width: 618px){
	.section .article_list .block:nth-child(3n){
		margin-right:1.5%;
	}
}



/* DivTables  */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {

	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: none;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}



