.map-body,

.mapItem {

	--main-color: #ce122d;

	--alt-color: #6f6e67 ;

	--hover-color:#6f6e67 ;

}



.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.mapWrap {

	position:relative;

}

.virtualOpendayWrap {

	padding-top:110px

}

@media (min-width:1200px){

	.virtualOpendayWrap {

		padding-top:200px

	}

}

.vodNav {

	text-align:right;

	text-transform: uppercase;

    font-size: 14px;

    letter-spacing: 2px;

	margin-bottom:30px;

	color:var(--main-color, #000);

}

.vodNav ul {

	list-style:none;

	padding:0;

	margin:0;

}

.vodNav ul li{

	display:inline-block;

}

.vodNav a{

	display:inline-block;

	padding:20px 15px;

	color:var(--main-color, #000);

}

.vodNav a:hover{

	text-decoration:none;

	background:var(--main-color, #000);

	color:#fff;

}

.mapItem  a.btn {

	background:var(--main-color, #000);

	color:#fff;

	font-size:1em;

	padding:0.8em 1.8em;

	border-color:var(--main-color, #000);

	text-decoration:none!important;

	margin:0 0 0.7em;

	width:100%;

}

.mapItem  a.btn:after {

	display:none;

}

.mapItem a.documentLink {

	display:block;

	background:#ccc;

	margin-right:0!important;

	margin-left:0!important;

	margin:0 0 20px;

}

.mapItem a.documentLink img{

	display:block;

}

.mapItem a.documentLink:after {

	content:'';

	display:none;

}

/*Interactive Map*/

.map-body {
	
	background: transparent;
    max-width: 1200px;
    margin: 20px auto;
    text-align: center;

}

.map-body.loading .pageMap {

	opacity:0.5;

	pointer-events: none;

}

.home .map-body h2 {
	display: none;
}

a.mapReturn {

	background:var(--main-color, #000);

	color:#fff;

	font-size:1em;

	padding:0.8em 1.8em;

	border-color:var(--main-color, #000);

	text-decoration:none!important;

	margin:0 0 0.7em;

}

a.mapReturn:hover {

	opacity:1;

	background:var(--hover-color, #ccc);

}



.pageMap {

	width:100%;

	position:relative;	

	clear:both;

}

.pageMap .mapWrap{	

	position:relative;

	display:block;

}

.pageMap .mapWrap img{

	width:100%;

	display:block;

	visibility:hidden;	

}

.pageMap.init .mapWrap img{

	visibility:visible;

}

.mapIcon {

	display:none;		

	position:absolute;	

	transform:translate(-50%,-50%);

}

.mapIcon a {

	text-decoration:none!important;

}

.mapIcon:hover {

    z-index: 100;

}

.mapIcon.activeIcon {

	display:block;

}

.mapIcon .iconButton {

	display:block;

	position:relative;

	font-size:10px;

}

.iconMarker {

	background:var(--main-color, #000);

	color:#fff;

	font-size:1em;

	width:1.7em;

	height:1.7em;

	line-height:1.7em;

    text-align: center;

    border-radius: 50%;

    vertical-align: top;

    font-weight: 400;	

    position: relative;

    z-index: 2;

	transition:300ms;

	padding-top:1px;

}

.mapToggleExternal .iconMarker {

	background:var(--alt-color, #797979);

}

.iconButton .iconLabel {

	display:none;

	position:absolute;

	top:0;

	left:20%;

	color:#fff;

	background:var(--main-color, #000);

	height:1.7em;

    border-radius: 0 0.85em 0.85em 0;

	line-height:1.5;

	padding:0.1em 1em;

	transition:background 300ms;

}

.mapIcon a:hover{

	text-decoration:none;

}

a:hover .iconMarker,

a:hover .iconButton .iconLabel {

	text-decoration:none;

	background-color:var(--hover-color, #ccc);

}

.mapItem .itemBdy {

	position:relative;

}

.mapItem .itemBdy h2.entry-title{

	margin-top: 0;

    font-size: 2.2em;
	
    margin-bottom: 20px;

}

.mapItem .itemNav {

	display:none;

}

.mapItem .returnMap {

	margin:20px 0 30px;

}

.mapItem .mapMobToggle {

	display:block;    

	font-size: 1.7em;

    line-height:1.5;

	padding:0.4em 20px;

	background:var(--main-color, #000);

	color:#fff;

	cursor:pointer;

	border-bottom:solid 1px #fff;

}

.mapItem .itemInner{

	display:none;

	padding:0px 15px;

}

.mapItem.open .itemInner {

	display:block;

}

.mapItem .itemBdy  {

	padding-top:30px;

	padding-bottom:40px;

}

.mapItem .itemBdy.itemType_video {

	padding-top:20px;

	padding-bottom:0;

}

.mapImagesSlider {

	position:relative;

	margin-bottom:35px;

}

.mapImagesSlider .slide{

	width:100%;

	height:100%;

	overflow:hidden;

}



h3.galleryTitle {

	font-size:1.625em;

	margin:20px 0;

}

.mapImagePager  {

	margin-bottom:20px;

}

.mapImagePager .navIcon {

	cursor:pointer;

}

.mapImagePager .owl-nav {

	width:100%;

	text-align:center;

	margin:20px 0;

	position:relative;

}

.mapImagePager .owl-nav:after {

	content:'';

	display:block;

	width:1px;

	height:10px;

	background-color:#000;

	position:absolute;

	left:50%;

	top:50%;

	transform:translate(-50%,-50%);

}

.mapImagePager .owl-nav .owl-prev,

.mapImagePager .owl-nav .owl-next{

	font-size: 12px;

    letter-spacing: 1px;

	margin:0 10px;

	text-transform:uppercase;

    display: inline-block;

}

.mapImagePager .owl-nav .owl-prev .fas,

.mapImagePager .owl-nav .owl-next .fas{

	color:#000;

	font-size:16px;

	margin:0 5px;

}

.mapImagePager .owl-nav .owl-prev:hover,

.mapImagePager .owl-nav .owl-next:hover,

.mapImagePager .owl-nav .owl-prev:focus,

.mapImagePager .owl-nav .owl-next:focus{

	color:#133250;

	outline:0;

}



/*Videos*/

.videoWrap {

	margin-bottom:30px;

	width:100%;

}

.itemType_video.itemBdy h2.entry-title {

	margin-top:0;

	margin-bottom:10px;

}

.itemType_video.itemBdy .mapBodyContent {



}

/*Single Image*/

.mapItem .featImg {

	position:relative;

}

.mapItem .featimgWrap {

	position:static;

}



/*Doc Downloads*/

.itemType_downloads .downloads {

	padding:20px 30px;

}





/*Map Key*/

.pagemapkey {

    background: rgb(229,229,229);

    padding: 20px 15px 30px;

    font-size: 14px;

}

.pagemapkey h3{

	margin-top:0;

}

.pagemapkey .mapKeyItem {

	margin:0 0 5px;

}

.mapKeyItem .iconMarker {

	display:inline-block;

	margin-right:10px;

	vertical-align:middle;

}

.mapKeyItem .iconLabel {

	display:inline-block;

	vertical-align:middle;

}

.mapKeyItem a.mapToggleExternal {

	color:var(--alt-color, #797979);

}

@media screen and (max-width: 767.99px) {

	.featImg {

		background:none!important;

	}

	.mapItem .mapMobToggle {		
	
		font-size: 1em;
	}

}

@media screen and (min-width: 768px) {

	.featImg img{

		display:none;

	}

	.mapItem .featImg {

		position:absolute;

		background-repeat:no-repeat;

		background-size:cover;

		background-position:center;

		top: 0px;

		bottom:0px;

		left: 0px;

		width: auto;

		right:50%;

	}

}

@media screen and (min-width: 1200px) {

	.fancybox-content.mapItem {

		padding: 24px 50px;

		border-radius: 30px;

		overflow:visible;

	}

	.fancybox-content.mapItem .fancybox-close-small{

		color: #fff;

		top: -55px;

		right: 0;

		padding: 0;

		width: 30px;

		height: 50px;

		opacity:1;

	}

	.fancybox-content.mapItem .fancybox-close-small:before {

		content:'X';

		display:block;

		font-weight:800;

		font-size:32px;

	}

	.fancybox-content.mapItem .fancybox-close-small svg{

		display:none;

	}

	.mapItem .itemBdy {

		padding-bottom:20px;

	}

	.mapItem .mapMobToggle {

		display:none;

	}

	.mapItemWRap {

		display:none;

	}

	.mapIcon .iconButton {

		font-size:12px;

	}

	.mapIcon.activeIcon:hover {

		z-index:100;

		transform: translate(-50%,-50%) scale(1.1);

	}

	@keyframes bounce-2 {

        0%   { transform: translateY(0); }

		30%  { transform: translateY(-5px); }

        50%  { transform: translateY(-5px); }

        100% { transform: translateY(0); }

    }

	.mapIcon.activeIcon:hover img {

		-webkit-filter: brightness(1.1) drop-shadow( 0px 0px 15px rgba(255,255,255,1));

		filter: brightness(1.1) drop-shadow( 0px 0px 15px rgba(255,255,255,1)) ;	

	}

	.mapIcon.activeIcon:hover img.hasHover {

		 -webkit-filter: drop-shadow( 0px 0px 15px rgba(255,255,255,1));

		filter: drop-shadow( 0px 0px 15px rgba(255,255,255,1)) ;

	}

	.mapItem,

	.mapItem.fancybox-content	{

		width:90%;

		max-width:960px;

	}

	

	.mapItem .mapBodyContent {

		max-height:390px;

		overflow-y: auto;

		padding-right:15px;

		margin-bottom:15px;

		line-height:1.5;

	}



	.mapItem .mapBodyContent::-webkit-scrollbar {

		 width: 4px;

		background-color: #fff;

	}

	.mapItem .mapBodyContent::-webkit-scrollbar-thumb {

		background-color: #7c7e8d;

	}

	.mapItem .mapBodyContent::-webkit-scrollbar-track {

		background-color: #b2b3bc;

		-webkit-box-shadow: inset 0 0 0px 1px #fff;

		box-shadow: inset 0 0 0px 1px #fff;

	}

	.mapItem .itemInner{

		display:block;

	}

	.mapItem .itemNav {

		display: block;

		margin: 20px 0 0px;

		position: relative;

		bottom: 0;

		width: 100%;

		display: flex;

		justify-content: space-between;

	}

	.mapItem .returnMap {

		display:none;

	}

	/*Single Image*/

	.mapItem .featImg {

		position:absolute;

		background-repeat:no-repeat;

		background-size:cover;

		background-position:center;

		top: -24px;

		bottom:-24px;

		left: -55px;

		width: auto;

		right:55%;

		height: auto;

		border-radius:30px 0 0 30px;

	}

	.itemType_video.itemBdy .mapBodyContent {

		max-height:110px;

	}

	.itemType_downloads > .row {

		display:flex;

		-webkit-box-align: center!important;

		-ms-flex-align: center!important;

		align-items: center!important;

	}

	a.mapReturn {

		float:right;

	}

	

}

@media screen and (max-width: 1199.99px) {

	.iconButton .iconLabel {

		display:none!important;

	}

}

@media screen and (min-height: 768px) and (min-width: 1200px) {

	.mapItem .mapBodyContent {

		max-height:480px;		

	}

}

@media screen and (min-width: 1200px) {





	.iconLabel span {

		white-space:nowrap;		

	}

	.mapItem {

		max-width:1140px;

	}

	

	.mapItem .featImg {

		right:44%;	

	}

	.itemType_video {

		padding-left:60px;

		padding-right:60px;

	}

}

@media screen and (min-width: 1400px) {

	



}



/*VOD Sections*/

.vodVideo {

	width:100%;

	margin-bottom:100px;

}

.linkBlocks {

	margin:50px 0;

}

.linkBlocks .linkBlock {

	width:100%;

	background:var(--main-color, #000);

	color:#fff;

	margin:20px 0;

	padding:20px;

}

.linkBlocks .linkBlock h3{

	color:#fff;

	margin-top:20px;

}

.linkBlocks .linkBlock .text {

	line-height:1.5;

	margin:20px 0;

}

.linkBlocks .linkBlock a.readmore{

	padding: 16px 20px 16px 20px;

	line-height:1.6;

    display: inline-block;

    background: var(--main-color, #000);

    font-size: 14px;

    text-transform: uppercase;

    color: #fff;

    width: 200px;

    max-width: 100%;

    border: 2px solid #fff;

	margin:20px 0 0;

	text-align:center;

}

.linkBlocks .linkBlock a.readmore:hover{

	background:#fff;

	color:var(--main-color, #000);

}

@media (min-width:1200px){

	.linkBlocks .linkBlock {

		padding:40px;

	}

}