
/* 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 */

	#homepage-panels															{ text-align: center; }
	#homepage-panels h2															{ margin: 0%; font-family: 'Fira Sans', sans-serif; font-size: 1.875em; line-height: 1em; font-weight: 300; color: #001D2F; }
	#homepage-panels div.panels													{ padding: 36px 0% 4px 0%; }
	#homepage-panels div.panels a.panel											{ margin: 0% 0% 3.3% 4.76%; width: 30.16%; max-width: 380px; display: inline-block; vertical-align: top; position: relative; }
	#homepage-panels div.panels a.panel div.image								{ margin: 0%; padding: 0%; width: 100%; position: relative; overflow: hidden; }
	#homepage-panels div.panels a.panel div.image img							{ margin: 0% !important; padding: 0%; width: 100%; display: block; }
	#homepage-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; }
	#homepage-panels div.panels a.panel div.detail								{ padding: 18px 16px 12px 16px; min-height: 61px; text-align: center; overflow: hidden; background-color: #FFFFFF; }
	#homepage-panels div.panels a.panel div.detail h3							{ margin: 0% 0% 4px 0%; font-family: 'Lato', sans-serif;  font-size: 1.125rem; line-height: 1.5em; font-weight: 400; text-transform: uppercase; color: #493193; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; }
	#homepage-panels div.panels a.panel div.detail p							{ display: none !important; }
	#homepage-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; }
	#homepage-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; }
	#homepage-panels div.panels a.panel div.overlay div.container img			{ margin: 9px 0% 12px 0%; }
	#homepage-panels div.panels a.panel div.overlay div.container h3			{ margin: 0% 0% 4px 0%; font-family: 'Lato', sans-serif; font-size: 1.125rem; line-height: 1.5em; font-weight: 400; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #FFFFFF; }
	#homepage-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; }
	#homepage-panels div.panels a.panel:hover									{ text-decoration: none !important; }
	#homepage-panels div.panels a.panel:hover div.detail h3						{ text-decoration: none !important; opacity: 0; }
	#homepage-panels div.panels a.panel:hover div.detail p						{ opacity: 0; }
	#homepage-panels div.panels a.panel:hover div.overlay						{ opacity: 1; }
	#homepage-panels div.panels a.panel:hover div.overlay div.container			{ top: 50%; }
	#homepage-panels div.panels a.panel:nth-of-type(3n+1)						{ margin: 0% 0% 3.3% 0%; }
	#homepage-panels div.panels a.panel:nth-of-type(3n+2)						{ margin: 0% 0% 3.3% 4.76%; }
	#homepage-panels div.panels a.panel:nth-of-type(3n+3)						{ margin: 0% 0% 3.3% 4.76%; }

/* 1080px Resolution Specific Behaviour */

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

	/* Homepage Panels Feature Styles */

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

/* 800px Resolution Specific Behaviour */

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

	/* Homepage Panels Feature Mobile Styles */

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

	}
