/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

body
{
	font-family: Lato;
	border-left-style: None;
	border-right-style: None;
	border-bottom-style: None;
	background-color: #ffffff;
}

h1
{
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	text-transform: uppercase;
	margin-top: 4.5pt;
	margin-left: 0pt;
	font-weight: bold;
	font-style: normal;
	font-family: Lato;
	border-bottom-style: solid;
	border-bottom-color: #696969;
	padding-bottom: 5px;
	font-size: 16pt;
	margin-bottom: 12pt;
}

li.h1
{
	text-transform: uppercase;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
}

p
{
	margin-top: 0pt;
	margin-bottom: 0pt;
	font-size: 10pt;
	font-family: Lato;
}

li.p
{
	font-size: 10pt;
}

a.expandspot
{
	color: #008000;
	cursor: hand;
	font-style: italic;
	text-decoration: none;
}

a.dropspot
{
	cursor: hand;
	color: #008000;
	font-style: italic;
	text-decoration: none;
}

p.QuickLinks
{
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	color: #0000ff;
	margin-top: 9pt;
	margin-bottom: 4.5pt;
	text-decoration: underline;
}

li.P-QuickLinks
{
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	color: #0000ff;
	text-decoration: underline;
}

p.QuickLinksHyper
{
	font-size: 10pt;
	color: #0000ff;
	margin-left: 18pt;
	list-style: inside;
	text-transform: capitalize;
	text-decoration: underline;
}

li.P-QuickLinksHyper
{
	font-size: 10pt;
	color: #0000ff;
	list-style: inside;
	text-transform: capitalize;
	text-decoration: underline;
}

h2
{
	font-size: 14pt;
	color: #5479ae;
	font-family: Lato;
}

li.h2
{
	font-size: 14pt;
	color: #5479ae;
}

h3
{
	color: #000080;
	font-size: 11pt;
	text-transform: capitalize;
	font-family: Lato;
}

li.h3
{
	color: #000080;
	font-size: 11pt;
	text-transform: capitalize;
}

span.QuickHyperInline
{
	color: #0000ff;
	text-transform: none;
	text-decoration: underline;
}

p.Caption
{
	font-size: 8pt;
}

li.P-Caption
{
	font-size: 8pt;
}

p.Bullet
{
	margin-bottom: 2pt;
	font-size: 10pt;
	text-align: left;
	margin-left: 8px;
}

li.P-Bullet
{
	font-size: 10pt;
}

span.Bold
{
	color: #000000;
	font-weight: bold;
	font-style: italic;
}

h5
{
	font-size: 10pt;
	font-family: Lato;
}

li.h5
{
	font-size: 10pt;
}

p.SceneBrowser
{
	font-size: 9.5pt;
	mc-next-class: SceneBrowser;
	mc-next-tag: p;
}

li.P-SceneBrowser
{
	font-size: 9.5pt;
}

MadCap|expandingHead.expandspot
{
	color: #008000;
	cursor: hand;
	font-style: italic;
	text-decoration: none;
}

MadCap|dropDownHotSpot.dropspot
{
	cursor: hand;
	color: #008000;
	font-style: italic;
	text-decoration: none;
}

td
{
	font-family: Lato;
}

th
{
	font-family: Lato;
}

table.border
{
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #000000;
}

a
{
	font-family: Lato;
}

h4
{
	font-family: Lato;
}

li
{
	font-family: Lato;
}

span
{
	font-family: Lato;
}

tbody
{
	font-family: Lato;
}

tr
{
	font-family: Lato;
}

u
{
	font-family: Lato;
}

ul
{
	font-family: Lato;
}

/*==Home Page General Styles==*/

bodyhome
{
	font-family: Lato;
	line-height: 1.5em;
}

h1home
{
	font-size: 2.75em;
	font-weight: bold;
	font-style: normal;
	font-family: Lato;
	color: #5d7591;
}

h2home
{
	font-size: 1.6785em;
	color: #fff;
}

phome
{
	color: #5d7591;
	margin-bottom: 8px;
	margin-top: 8px;
}

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

/*==Responsive Header Styles==*/

div.top-container
{
	width: 90%;
	margin-left: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
	background-color: #fff;
	padding: 40px 50px;
	min-height: 300px;
	overflow: hidden;
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
	box-sizing: border-box;
	-mox-box-sizing: border-box;
}

div.hero-image
{
	float: left;
	width: 30%;
	margin: 0;
}

div.heading-search-container
{
	float: right;
	width: 65%;
	line-height: 50px;
}

h1home.home
{
	font-size: 2.5em;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 8px;
	padding-bottom: 10px;
	color: #5d7591;
}

/*==Home Tiles section==*/

div.home-tiles	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%;
	clear: both;
	/*used to view the home tiles easier in the XML editor*/
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	padding: 15px 30px;
	overflow: hidden;
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
	box-sizing: border-box;
	-mox-box-sizing: border-box;
}

div.home-tiles > div:nth-child(1)
{
	width: 28.5%;
	min-height: 250px;
	margin-left: 1%;
	background-color: #2f6692;
}

div.home-tiles > div:nth-child(2)
{
	width: 28.5%;
	min-height: 250px;
	margin-left: 2%;
	background-color: #5d7591;
}

div.home-tiles > div:nth-child(3)
{
	width: 28.5%;
	min-height: 250px;
	margin-left: 2%;
	background-color: #858889;
}

div.home-tiles > div:nth-child(4)
{
	width: 86%;
	margin-left: 3%;
	margin-top: 2%;
	padding-top: 70px;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 2%;
	color: #000000;
	background-color: #fff;
	font-size: .8em;
}

div.home-tiles > div:hover
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transform: scale(1.05);
}

/*=Elements for text contained within each home-tile=*/

p.tile-title
{
	color: #fff;
	margin-top: 0px;
	font-size: 1.3em;
	font-weight: bold;
}

p.tile-content
{
	color: #ffffff;
	font-size: .8em;
}

p.tile-button
{
	margin-top: 8px;
	float: right;
}

p.bottom-tile-title
{
	color: #5d7591;
	margin-top: 0px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

div.home-tiles a	/*Complex Selector: Links within the home tiles will have the following properties*/
{
	text-decoration: none;
	color: inherit;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

div.home-tiles a:hover	/*Complex Selector: When hovering over links within the home tiles the following properties will apply.*/
{
	color: #808080;
}

/*===========================================================================================================================================================
Styles after this point are styles that are for specific mediums. If any additional styles are added to this template they will be listed after mediums.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/

@media only screen and (max-width: 1279px)
{
	div.home-tiles > div:nth-child(1)
	{
		width: 26%;
		margin-left: 10%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 26%;
		margin-left: 1%;
	}

	div.home-tiles > div:nth-child(3)
	{
		width: 26%;
		margin-left: 1%;
	}

	div.home-tiles > div:nth-child(4)
	{
		margin-left: 10%;
		width: 80%;
	}

	div.top-container
	{
		margin-left: 10%;
		width: 80%;
	}
}

@media only screen and (max-width: 767px)
{
	div.top-container
	{
		margin-left: 5%;
		width: 90%;
	}

	div.hero-image
	{
		margin: auto;
		float: none;
		width: 60%;
	}

	div.heading-search-container
	{
		width: 100%;
		float: none;
	}

	div.home-tiles > div
	{
		margin-top: 5%;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles > div:nth-child(3)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles > div:nth-child(4)
	{
		margin-left: 5%;
		margin-top: 5%;
		width: 90%;
		padding-top: 20px;
		padding-right: 30px;
		padding-left: 30px;
	}
}