
/* Lightbox Video Styles */

	#lightbox.video																{ width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: none; background-color: rgba(0,0,0,0.5); z-index: 9999999; }
	#lightbox.video .responsive-video-800 .responsive-video-inner				{ padding-bottom: 56.25%; height: 0%; position: relative; }
	#lightbox.video .responsive-video-800										{ max-width: 820px; }
	#lightbox.video .responsive-video-800 iframe								{ width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; }

/* Homepage Panels Feature Styles */

	#subpage-panels																{ text-align: center; }
	#subpage-panels h2															{ margin: 0%; font-family: 'Fira Sans', sans-serif; font-size: 1.875em; line-height: 1em; font-weight: 300; color: #001D2F; }
	#subpage-panels div.panels													{ padding: 12px 0% 4px 0%; }
	#subpage-panels div.panels a.panel											{ margin: 0% 0% 3.5% 2%; width: 23.5%; max-width: 280px; display: inline-block; vertical-align: top; position: relative; }
	#subpage-panels div.panels a.panel div.image								{ margin: 0%; padding: 0%; width: 100%; position: relative; overflow: hidden; }
	#subpage-panels div.panels a.panel div.image img							{ margin: 0% !important; padding: 0%; width: 100%; display: block; }
	#subpage-panels div.panels a.panel div.image span.icon						{ font-size: 3em; bottom: 7%; left: 4%; position: absolute; color: #FFFFFF; cursor: pointer; opacity: 0.5; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; }
	#subpage-panels div.panels a.panel div.detail								{ padding: 11px 16px 8px 16px; min-height: 50px; text-align: center; overflow: hidden; background-color: #FFFFFF; }
	#subpage-panels div.panels a.panel div.detail h3							{ margin: 0% 0% 4px 0%; font-family: 'Lato', sans-serif; font-size: 1.25em; line-height: 1.25em; font-weight: 600; color: #493193; text-transform: none; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; }
	#subpage-panels div.panels a.panel div.detail p								{ margin: 0%; font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; color: #001D2F; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; }
	#subpage-panels div.panels a.panel div.overlay								{ top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; background-color: rgba(73,49,147,0.89); opacity: 0; z-index: 100; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; }
	#subpage-panels div.panels a.panel div.overlay div.container				{ padding: 7px 16px 0% 16px; top: 60%; text-align: center; display: block; position: relative; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%);transition: top 0.5s ease; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease; }
	#subpage-panels div.panels a.panel div.overlay div.container img			{ margin: 0% 0% 20px 0%; }
	#subpage-panels div.panels a.panel div.overlay div.container h3				{ margin: 0% 0% 4px 0%; font-family: 'Lato', sans-serif; font-size: 1.25em; line-height: 1.25em; font-weight: 600; text-transform: none; color: #FFFFFF; }
	#subpage-panels div.panels a.panel div.overlay div.container p				{ margin: 0%; font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; color: #FFFFFF; }
	#subpage-panels div.panels a.panel:hover									{ text-decoration: none !important; }
	#subpage-panels div.panels a.panel:hover div.detail h3						{ text-decoration: none !important; opacity: 0; }
	#subpage-panels div.panels a.panel:hover div.detail p						{ opacity: 0; }
	#subpage-panels div.panels a.panel:hover div.overlay						{ opacity: 1; }
	#subpage-panels div.panels a.panel:hover div.overlay div.container			{ top: 50%; }
	#subpage-panels div.panels a.panel:nth-of-type(4n+1)						{ margin: 0% 0% 3.5% 0%; }
	#subpage-panels div.panels a.panel:nth-of-type(4n+2)						{ margin: 0% 0% 3.5% 2%; }
	#subpage-panels div.panels a.panel:nth-of-type(4n+3)						{ margin: 0% 0% 3.5% 2%; }
	#subpage-panels div.panels a.panel:nth-of-type(4n+4)						{ margin: 0% 0% 3.5% 2%; }

/* 1080px Resolution Specific Behaviour */

	@media only screen and (min-width: 0px) and (max-width: 1080px) {

	/* Homepage Panels Feature Styles */

		#subpage-panels div.panels a.panel										{ margin: 0% 0% 3.5% 3.5%; width: 31%; }
		#subpage-panels div.panels a.panel:nth-of-type(3n+1)					{ margin: 0% 0% 3.5% 0%; }
		#subpage-panels div.panels a.panel:nth-of-type(3n+2)					{ margin: 0% 0% 3.5% 3.5%; }
		#subpage-panels div.panels a.panel:nth-of-type(3n+3)					{ margin: 0% 0% 3.5% 3.5%; }

/* 800px Resolution Specific Behaviour */

	} @media only screen and (min-width: 0px) and (max-width: 800px) {

	/* Homepage Panels Feature Mobile Styles */

		#subpage-panels div.panels a.panel										{ margin: 0% 0% 4% 4%; width: 48%; }
		#subpage-panels div.panels a.panel:nth-of-type(2n+1)					{ margin: 0% 0% 4% 0%; }
		#subpage-panels div.panels a.panel:nth-of-type(2n+2)					{ margin: 0% 0% 4% 4%; }

	}

/* 480px Resolution Specific Behaviour */

	} @media only screen and (min-width: 0px) and (max-width: 480px) {

	/* Homepage Panels Feature Mobile Styles */

		#subpage-panels															{ margin: 0% auto; max-width: 480px; }
		#subpage-panels h2														{ font-size: 1.375em; }
		#subpage-panels div.panels a.panel										{ margin: 16px 0% 0% 0%; width: 100%; display: inline-block; }
		#subpage-panels div.panels a.panel:nth-of-type(1n+1)					{ margin: 16px 0% 0% 0%; }

	}
