/*<meta />*/

@font-face 
{
	font-family: 'Open Sans';
	src: url(../../Resources/Fonts/OpenSans-Regular.ttf);
}

@font-face 
{
	font-family: 'Open Sans Light';
	src: url(../../Resources/Fonts/OpenSans-Light.ttf);
}

@font-face 
{
	font-family: 'Open Sans Bold';
	src: url(../../Resources/Fonts/OpenSans-Bold.ttf);
}

@font-face 
{
	font-family: 'Lato';
	src: url(../../Resources/Fonts/Lato-Regular.ttf);
}

@font-face 
{
	font-family: 'Lato Light';
	src: url(../../Resources/Fonts/Lato-Light.ttf);
}

@font-face 
{
	font-family: 'Lato Bold';
	src: url(../../Resources/Fonts/Lato-Bold.ttf);
}

/*== Home Page General Styles ==*/

html
{
	font-size: 15px;
}

html .main-section > .outer-row
{
	padding: 0;
}

body
{
	font-family: 'Lato';
	font-size: 15px;
	line-height: 1.5;
	background-color: #fff;
}

.logo-text
{
	padding: 10px 15px 10px 15px;
	font-size: 22px;
	line-height: 38px;
}

.main-section
{
	background-color: #ecf0f5;
}

.sidenav-wrapper
{
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
}

.body-container
{
	background-color: #fff;
	border-right: 1px solid #bdbdbd;
	padding: 0;
}

.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

ul.sidenav li a
{
	font-family: 'Lato';
}

/*== Home header bar styles ==*/
/*Prevents the search in the header from appearing on the home page*/

.inner-wrap .tab-bar .nav-search
{
	display: none;
}

/* == Home Page == */
/* search */

.search,
.search-bar
{
	margin: 0 auto;
}

.search-bar._Skins_SearchHome.mc-component
{
	margin-top: 20px;
	margin-bottom: 50px;
}

.search-container
{
	width: 66.66%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

/* jumbotron */

.jumbotron
{
	background-image: url("../Images/focusprice-bg1.png");
	background-color: #f4f4f4;
	border-radius: 0;
	border-bottom: 1px solid #bdbdbd;
	padding: 20px 10px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.jumbotron h1
{
	font-family: 'Lato';
	font-size: 34px;
	font-weight: 400;
	line-height: 100%;
	color: #333;
	text-align: center;
	padding-bottom: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.jumbotron p.lead
{
	font-family: 'Open Sans';
	color: #444;
	font-size: 13px;
	font-weight: 400;
	margin-top: 10px;
}

.text-center
{
	text-align: center !important;
}

.shadow-sm
{
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

/* card-tiles */

div.card-tiles .card
{
	font-family: 'Lato';
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	background-color: #fff;
	padding: 10px 0;
}

div.card-tiles .card img
{
	max-width: 75px;
}

div.card-tiles .card p
{
	font-size: 16px;
}

div.card-tiles > div > a
{
	text-decoration: none;
	color: #1C5A97;
}

div.card-tiles > div > a:hover
{
	text-decoration: underline;
	cursor: pointer;
}

p.footer a:hover
{
	text-decoration: underline;
}

/*== Home Page Footer ==*/

div.home-footer
{
	font-family: 'Lato';
	color: #5a5a5a;
	text-align: center;
	/* background-color: #454674; */
	background-color: #f4f4f4;
	border-radius: 0;
	padding: 10px 20px 10px 20px;
	margin: 50px 0 0 0;
}

h3.footer
{
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 2px;
}

p.footer a
{
	color: #1C5A97;
	line-height: 1.5;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 5px;
}

/*This is a custom responsive layout row style (div class) in your stylesheet.*/

.card-layout
{
	width: 100%;
	padding: 1% 2% 2%;
	margin: 0 auto;
}

/* == card-tiles == */

div.card-tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.card-tiles::before
{
	content: ' ';
	display: table;
}

div.card-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.card-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}

div.card-tiles > div:nth-child(1)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.card-tiles > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.card-tiles > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

/*This is a custom responsive layout row style (div class) in your stylesheet.*/

.home-layout
{
	width: 100%;
	padding: 0 15px;
	margin: 40px auto 0 auto;
}

div.home-tiles .card
{
	min-height: 730px;
	font-family: 'Lato';
	color: #5a5a5a;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	background-color: #fff;
	padding: 20px;
}

div.home-tiles .card h2
{
	font-family: 'Lato';
	text-align: center;
	color: #444;
	font-size: 22px;
	font-weight: 400;
}

div.home-tiles .card ul li
{
	padding-bottom: 10px;
}

div.home-tiles .card img
{
	width: 100%;
	border-radius: 4px;
	margin-top: 30px;
}

/* == home-tiles == */

div.home-tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}

div.home-tiles > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
}

div.home-tiles > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

@media only screen and (max-width: 1279px)
{
	.main-section
	{
		background-color: #fff;
	}

	nav.title-bar
	{
		padding-bottom: 0;
	}

	div.search-home
	{
		margin-left: 0%;
		width: 90%;
	}

	div.footer
	{
		padding-top: 10px;
	}

	/* == card-tiles == */

	div.card-tiles > div:nth-child(1)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.card-tiles > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.card-tiles > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	/* == home-tiles == */

	div.home-tiles > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}

	.body-container
	{
		border-right: 0;
	}

	.js-off-canvas-exit
	{
		border-right: 1px solid #bdbdbd;
		box-shadow: none;
		background: transparent;
	}

	ul.menu.off-canvas-list
	{
		margin-top: 20px;
	}

	.off-canvas-wrapper-inner .outer-row
	{
		padding-left: 0;
		padding-right: 0;
	}

	ul.off-canvas-list li.is-accordion-submenu-parent > a span.submenu-toggle
	{
		border-top-color: #5a5a5a;
	}

	ul.off-canvas-list li a
	{
		font-size: 14px;
	}
}

@media only screen and (max-width: 767px)
{
	.search-container
	{
		width: 100%;
	}

	.search-bar._Skins_SearchHome.mc-component
	{
		margin-bottom: 10px;
	}

	.jumbotron
	{
		margin-bottom: 0;
	}

	.card-layout
	{
		padding: 5px;
	}

	div.home-footer
	{
		margin-top: 20px;
	}

	/* == card-tiles == */

	div.card-tiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10px;
	}

	div.card-tiles > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10px;
	}

	div.card-tiles > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10px;
	}

	/* == home-tiles == */

	div.home-tiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10px;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10px;
	}

	div.home-tiles .card
	{
		min-height: auto;
	}
}

