/*<meta />*/

div.Tile3btn	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tile3btn::before
{
	content: ' ';
	display: table;
}

div.Tile3btn::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tile3btn > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
}

div.Tile3btn > div:nth-child(1)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.Tile3btn > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.Tile3btn > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.Cards1Btn	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.Cards1Btn::before
{
	content: ' ';
	display: table;
}

div.Cards1Btn::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Cards1Btn > div:hover
{
	box-shadow: 0 14px 28px rgba(188,93,93,0.25), 0 10px 10px rgba(188,93,93,0.25);
}

div.Cards1Btn > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #d3d3d3;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-border-radius: 10x;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	padding: 1px 3px 1px 3px;
	text-align: center;
}

div.Cards1Btn > div:nth-child(1)
{
	Height: 140px;
	Width: 20%;
	background-color: #f2f2f2;
	margin-left: 40.5%;
}

div.Cards2Btn	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.Cards2Btn::before
{
	content: ' ';
	display: table;
}

div.Cards2Btn::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Cards2Btn > div:hover
{
	box-shadow: 0 14px 28px rgba(188,93,93,0.25), 0 10px 10px rgba(188,93,93,0.25);
}

div.Cards2Btn > div
{
	/*float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #d3d3d3;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-border-radius: 10x;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	padding: 1px 3px 1px 3px;
	text-align: center;
}

div.Cards2Btn > div:nth-child(1)
{
	/*	width: 50%;
	margin-left: 0%;*/
	Height: 140px;
	Width: 20%;
	background-color: #f2f2f2;
	margin-left: 30%;
}

div.Cards2Btn > div:nth-child(2)
{
	Height: 140px;
	Width: 20%;
	background-color: #f2f2f2;
	margin-left: 1%;
}

div.Cards3Btn	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.Cards3Btn::before
{
	content: ' ';
	display: table;
}

div.Cards3Btn::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Cards3Btn > div:hover
{
	box-shadow: 0 14px 28px rgba(188,93,93,0.25), 0 10px 10px rgba(188,93,93,0.25);
}

div.Cards3Btn > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #d3d3d3;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-border-radius: 10x;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	padding: 1px 3px 1px 3px;
	text-align: center;
}

div.Cards3Btn > div:nth-child(1)
{
	Height: 140px;
	Width: 20%;
	background-color: #f2f2f2;
	margin-left: 19.5%;
}

div.Cards3Btn > div:nth-child(2)
{
	Height: 140px;
	Width: 20%;
	margin-left: 1%;
	background-color: #f2f2f2;
}

div.Cards3Btn > div:nth-child(3)
{
	Height: 140px;
	Width: 20%;
	margin-left: 1%;
	background-color: #f2f2f2;
}

div.Cards4Btn	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.Cards4Btn::before
{
	content: ' ';
	display: table;
}

div.Cards4Btn::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Cards4Btn > div:hover
{
	box-shadow: 0 14px 28px rgba(188,93,93,0.25), 0 10px 10px rgba(188,93,93,0.25);
}

div.Cards4Btn > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #d3d3d3;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-border-radius: 10x;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	padding: 1px 0px 1px 0px;
	text-align: center;
}

div.Cards4Btn > div:nth-child(1)
{
	Height: 140px;
	Width: 17%;
	background-color: #f2f2f2;
	margin-left: 15%;
}

div.Cards4Btn > div:nth-child(2)
{
	Height: 140px;
	Width: 17%;
	background-color: #f2f2f2;
	margin-left: 1%;
}

div.Cards4Btn > div:nth-child(3)
{
	Height: 140px;
	Width: 17%;
	background-color: #f2f2f2;
	margin-left: 1%;
}

div.Cards4Btn > div:nth-child(4)
{
	Height: 140px;
	Width: 17%;
	background-color: #f2f2f2;
	margin-left: 1%;
}

div.Cards4BtnSm	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.Cards4BtnSm::before
{
	content: ' ';
	display: table;
}

div.Cards4BtnSm::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Cards4BtnSm > div:hover
{
	box-shadow: 0 14px 28px rgba(188,93,93,0.25), 0 10px 10px rgba(188,93,93,0.25);
}

div.Cards4BtnSm > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #d3d3d3;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-border-radius: 10x;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin: 0 auto;
}

div.Cards4BtnSm > div:nth-child(1)
{
	Height: 80px;
	Width: 10%;
	background-color: #f2f2f2;
	margin-left: 29%;
}

div.Cards4BtnSm > div:nth-child(2)
{
	Height: 80px;
	Width: 10%;
	margin-left: 1%;
	background-color: #f2f2f2;
}

div.Cards4BtnSm > div:nth-child(3)
{
	Height: 80px;
	Width: 10%;
	margin-left: 1%;
	background-color: #f2f2f2;
}

div.Cards4BtnSm > div:nth-child(4)
{
	Height: 80px;
	Width: 10%;
	margin-left: 1%;
	background-color: #f2f2f2;
}

div.Cards3BtnSm	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.Cards3BtnSm::before
{
	content: ' ';
	display: table;
}

div.Cards3BtnSm::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Cards3BtnSm > div:hover
{
	box-shadow: 0 14px 28px rgba(188,93,93,0.25), 0 10px 10px rgba(188,93,93,0.25);
}

div.Cards3BtnSm > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #d3d3d3;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-border-radius: 10x;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin: 0 auto;
}

div.Cards3BtnSm > div:nth-child(1)
{
	Height: 80px;
	Width: 10%;
	background-color: #f2f2f2;
	margin-left: 34%;
}

div.Cards3BtnSm > div:nth-child(2)
{
	Height: 80px;
	Width: 10%;
	margin-left: 1%;
	background-color: #f2f2f2;
}

div.Cards3BtnSm > div:nth-child(3)
{
	Height: 80px;
	Width: 10%;
	margin-left: 1%;
	background-color: #f2f2f2;
}

@media only screen and (max-width: 1137px)
{
	div.Tile3btn > div:nth-child(1)
	{
		width: 33.3%;
	}

	div.Tile3btn > div:nth-child(2)
	{
		width: 33.3%;
	}

	div.Tile3btn > div:nth-child(3)
	{
		width: 33.3%;
	}

	/*
	div.Cards2Btn > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.Cards2Btn > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}*/

	div.Cards1tn > div
	{
		margin-top: 2%;
	}

	div.Cards1Btn > div:nth-child(1)
	{
		margin-left: 37%;
		Width: 28%;
	}

	div.Cards2Btn > div
	{
		margin-top: 2%;
	}

	div.Cards2Btn > div:nth-child(1)
	{
		margin-left: 22%;
		Width: 28%;
	}

	div.Cards2Btn > div:nth-child(2)
	{
		margin-left: 1%;
		Width: 28%;
	}

	div.Cards3Btn > div
	{
		margin-top: 2%;
	}

	div.Cards3Btn > div:nth-child(1)
	{
		margin-left: 8%;
		Width: 28%;
	}

	div.Cards3Btn > div:nth-child(2)
	{
		margin-left: 1%;
		Width: 28%;
	}

	div.Cards3Btn > div:nth-child(3)
	{
		margin-left: 1%;
		Width: 28%;
	}

	div.Cards4tn > div
	{
		margin-top: 2%;
	}

	div.Cards4Btn > div:nth-child(1)
	{
		margin-left: 7.5%;
		Width: 21%;
	}

	div.Cards4Btn > div:nth-child(2)
	{
		margin-left: 1%;
		Width: 21%;
	}

	div.Cards4Btn > div:nth-child(3)
	{
		margin-left: 1%;
		Width: 21%;
	}

	div.Cards4Btn > div:nth-child(4)
	{
		margin-left: 1%;
		Width: 21%;
	}

	div.Cards4tnSm > div
	{
		margin-top: 2%;
	}

	div.Cards4BtnSm > div:nth-child(1)
	{
		margin-left: 25.5%;
		Width: 12%;
	}

	div.Cards4BtnSm > div:nth-child(2)
	{
		margin-left: 1%;
		Width: 12%;
	}

	div.Cards4BtnSm > div:nth-child(3)
	{
		margin-left: 1%;
		Width: 12%;
	}

	div.Cards4BtnSm > div:nth-child(4)
	{
		margin-left: 1%;
		Width: 12%;
	}

	div.Cards3tnSm > div
	{
		margin-top: 2%;
	}

	div.Cards3BtnSm > div:nth-child(1)
	{
		margin-left: 32%;
		Width: 12%;
	}

	div.Cards3BtnSm > div:nth-child(2)
	{
		margin-left: 1%;
		Width: 12%;
	}

	div.Cards3BtnSm > div:nth-child(3)
	{
		margin-left: 1%;
		Width: 12%;
	}
}

@media only screen and (max-width: 767px)
{
	div.Tile3btn > div:nth-child(1)
	{
		width: 100%;
	}

	div.Tile3btn > div:nth-child(2)
	{
		width: 100%;
	}

	div.Tile3btn > div:nth-child(3)
	{
		width: 100%;
	}

	/*

	div.Cards2Btn > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Cards2Btn > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}
	*/

	div.Cards1Btn > div
	{
		margin-top: 2%;
	}

	div.Cards1Btn > div:nth-child(1)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards2Btn > div
	{
		margin-top: 2%;
	}

	div.Cards2Btn > div:nth-child(1)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards2Btn > div:nth-child(2)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards3Btn > div
	{
		margin-top: 2%;
	}

	div.Cards3Btn > div:nth-child(1)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards3Btn > div:nth-child(2)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards3Btn > div:nth-child(3)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards4Btn > div
	{
		margin-top: 2%;
	}

	div.Cards4Btn > div:nth-child(1)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards4Btn > div:nth-child(2)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards4Btn > div:nth-child(3)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards4Btn > div:nth-child(4)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards4BtnSm > div
	{
		margin-top: 2%;
	}

	div.Cards4BtnSm > div:nth-child(1)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards4BtnSm > div:nth-child(2)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards4BtnSm > div:nth-child(3)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards4BtnSm > div:nth-child(4)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards3BtnSm > div
	{
		margin-top: 2%;
	}

	div.Cards3BtnSm > div:nth-child(1)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards3BtnSm > div:nth-child(2)
	{
		margin-left: 20%;
		Width: 60%;
	}

	div.Cards3BtnSm > div:nth-child(3)
	{
		margin-left: 20%;
		Width: 60%;
	}
}

