/* Home Panels *START* */
#home_panels_container	{display:block;margin:auto;text-align:center;}
.home_panels h4, .home_panels p, .home_benefits h4, .home_benefits p
			{color:#808080;}
@media screen and (max-width: 1000px)
{
	.home_panels
		{	
		display: grid;
		grid-template-areas:
	 	"Slot1"
		"Slot1-links"
		"Slot2"
		"Slot2-links"
		"Slot3"
		"Slot3-links";
		grid-gap: 0;
		grid-template-rows: auto;
		grid-template-columns: 1fr;
		}
	.home_panels		{
		margin: 30px 0 30px 0;
		max-width: 100%;
		background-color: #fff;
		}
	.home_panels > Slot1	{
		grid-area: Slot1;
		background-color: #E4F0FB;
		overflow: hidden;}
	.home_panels > Slot1-links	{
		grid-area: Slot1-links;background-color: #E4F0FB;
		}
	.home_panels > Slot2	{
		grid-area: Slot2;
		background-color: #FCF8E6;
		overflow: hidden;}
	.home_panels > Slot2-links	{
		grid-area: Slot2-links;background-color: #FCF8E6;
		}
	.home_panels > Slot3	{
		grid-area: Slot3;
		background-color: #FFE7D0;
		overflow: hidden;}
	.home_panels > Slot3-links	{
		grid-area: Slot3-links;background-color: #FFE7D0;
		}
	.home_panels > Slot1, .home_panels > Slot2, .home_panels > Slot3
		{		
		padding: 0;
		}
	.home_panels > Slot1-links, .home_panels > Slot2-links, .home_panels > Slot3-links
		{
		z-index:0;
		}
	.home_panels h4
		{text-align: center;
		font-weight: normal;font-size: 20pt;
		margin: 20px 0 20px 0;}
	.home_panels p
		{text-align:left;
		font-size:12pt; font-weight: normal;
		margin: 10px 20px 20px 20px;}
a.Slot1-link, a.Slot2-link, a.Slot3-link {
	width: 230px;
	height:40px;
	display: block;
	margin: 10px auto 20px;
	padding: 10px 10px 5px 10px;
	text-align: center;
	font-weight: normal;
	font-size: 16pt;
	color: #fff;
	border-radius: 13px;
	text-decoration: none;
}
}
@media screen and (min-width: 1000px)
{
	.home_panels
		{	
		display: grid;
		grid-template-areas:
		"Slot1 Slot2 Slot3"
	 	"Slot1-links Slot2-links Slot3-links";
		grid-gap:50px;
		grid-template-rows: auto;
		grid-template-columns: auto;
		}
	.home_panels		{
		margin: 30px 5px 30px 5px;
		max-width: 100%;
		background-color: #fff;}
	.home_panels > Slot1	{
		grid-area: Slot1;
		overflow: hidden;background-color: #E4F0FB;padding: 5px 5px 90px 5px;}
	.home_panels > Slot1-links	{
		grid-area: Slot1-links;
		z-index:10;}
	.home_panels > Slot2	{
		grid-area: Slot2;
		overflow: hidden;background-color: #FCF8E6;padding: 5px 5px 90px 5px;}
	.home_panels > Slot2-links	{
		grid-area: Slot2-links;
		z-index:10;}
	.home_panels > Slot3	{
		grid-area: Slot3;
		overflow: hidden;background-color: #FFE7D0;padding: 5px 5px 90px 5px;}
	.home_panels > Slot3-links	{
		grid-area: Slot3-links;
		z-index:10;}

	.home_panels h4
		{text-align: center;
		font-weight: normal;font-size: 20pt;
		margin: 20px 0 20px 0;}
	.home_panels p
		{text-align:left;
		font-size:12pt; font-weight: normal;
		margin: 10px 20px 20px 20px;}
a.Slot1-link, a.Slot2-link, a.Slot3-link {
	width: 230px;
	height:110px;
	display: block;
	margin: -120px auto 20px;
	padding: 10px 10px 0 10px;
	text-align: center;
	font-weight: normal;
	font-size: 24pt;
	color: #fff;
	border-radius: 13px;
	text-decoration: none;
}
}

/* BENEFITS */
a.Slot1-link {background: #86C2EB;}
a.Slot2-link {background: #efd874;}
a.Slot3-link {background: #FF9D44;}

@media screen and (min-width: 350px) and (max-width: 1000px)
{
	.home_benefits
		{	
		display: grid;
		grid-template-areas:
		"box1"
		"box2"
		"box3";
		grid-gap:0;
		grid-template-rows: auto;
		grid-template-columns: auto;
		}
	.home_benefits		{
		margin: 0 10px 0 10px;padding: 10px 0;
		max-width: 100%;
		}
	.home_benefits > box1	{
		grid-area: box1;
		overflow:none;background-color: #FCF8E6;padding:20px 0 0 0;}
	.home_benefits > box3	{
		grid-area: box3;
		overflow: none;background-color: #FCF8E6;padding:10px 0 10px 0;}
	.home_benefits h4
		{text-align: center;
		font-weight: normal;font-size: 20pt;
		margin: 20px 0 20px 0;}
	.home_benefits p
		{text-align:left;
		font-size:14pt;font-weight: normal;
		margin: 10px 20px 20px 20px;}
	.home_benefits_link	{height: 80px;position: relative;}
	.home_benefits_link a {margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

	.home-benefits-item {
		position: relative;padding: 0 0 0 0;
		height: 280px;
	}
	.home-benefits-circle {
		width: 248px;
		height: 248px;
		background-color: #36A9E1;
		border: 12px solid #C9E1F6;
		border-radius: 100%;
		position: absolute;
		top:50%;left: 50%;transform: translate(-50%, -50%);
	}
	.home-benefits-circle-inner {
		background-color: #EFE194;
		width: 218px;
		height: 218px;
		border-radius: 100%;
		margin: 15px auto;
		text-align: center;
		font-size: 16pt;
		line-height: 1.4;
		display: table;
		vertical-align: middle;
	}
	.home-benefits-circle-txt {
		display: table-cell;
		vertical-align: middle;
	}
}

@media screen and (min-width: 350px) and (max-width: 550px)
{
	.home_benefits > box2	{
		grid-area: box2;
		overflow: hidden;background-color: #FCF8E6;padding:10px 5px 10px 5px;}
}
@media screen and (min-width: 550px) and (max-width: 1000px)
{

	.home_benefits > box2	{
		grid-area: box2;
		overflow: hidden;background-color: #FCF8E6;padding:10px 55px 10px 55px;}
}



@media screen and (min-width: 1000px)
{
	.home_benefits
		{	
		display: grid;
		grid-template-areas:
		"box1 box2 box3";
		grid-gap:0;
		grid-template-rows: auto;
		grid-template-columns: auto auto auto;
		}
	.home_benefits		{
		margin: 0 10px 0 10px;padding: 10px 0;
		max-width: 100%;
		}
	.home_benefits > box1	{
		grid-area: box1;
		overflow:none;background-color: #fff;z-index:10;}
	.home_benefits > box2	{
		grid-area: box2;
		overflow: hidden;background-color: #FCF8E6;padding:10px 100px 10px 200px;}
	.home_benefits > box3	{
		grid-area: box3;
		overflow: none;background-color: #FCF8E6;padding:10px 80px 10px 0;}
	.home_benefits h4
		{text-align: left;
		font-weight: normal;font-size: 20pt;
		margin: 20px 0 20px 0;}
	.home_benefits p
		{text-align:left;
		font-size:14pt;font-weight: normal;
		margin: 10px 20px 20px 20px;}
	.home_benefits_link	{height: 100%;position: relative;}
	.home_benefits_link a {margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

	.home-benefits-item {
		position: relative;padding: 0 0 0 131px;
		height: 100%;
	}
	.home-benefits-circle {
		width: 248px;
		height: 248px;
		background-color: #36A9E1;
		border: 12px solid #C9E1F6;
		border-radius: 100%;
		position: absolute;
		top: 50%;transform: translate(-50%, -50%);
	}
	.home-benefits-circle-inner {
		background-color: #EFE194;
		width: 218px;
		height: 218px;
		border-radius: 100%;
		margin: 15px auto;
		text-align: center;
		font-size: 16pt;
		line-height: 1.4;
		display: table;
		vertical-align: middle;
	}
	.home-benefits-circle-txt {
		display: table-cell;
		vertical-align: middle;
	}
}