/**********************************************************
// BOT >> Welcome
**********************************************************/
.BOT-Welcome {
	padding: 70px 10px;
	text-align: center;
	font-size: 0;
	}

.BOT-Welcome h2 {
	line-height: 42px;
	font-weight: 300;
	font-size: 32px;
	}

.BOT-Welcome ul { margin: 30px auto 0 auto; }
.BOT-Welcome li {
	margin: 20px 2% 0 2%;
	width: 29.3%;
	max-width: 350px;
	display: inline-block;
	vertical-align: top;
	}

.BOT-Welcome li img {
	margin: auto;
	width: 150px;
	border-radius: 100%;
	}

.BOT-Welcome li h3 {
	margin: 30px auto 0 auto;
	line-height: 30px;
	font-size: 20px;
	}

.BOT-Welcome li span {
	margin: 25px auto 0 auto;
	line-height: 24px;
	font-size: 16px;
	color: #5D6769;
	display: block;
	}

/**********************************************************
// BOT >> Mid
**********************************************************/
.BOT-Mid {
	padding: 70px 10px;
	background: #E9EDF0;
	}

.BOT-Mid > h2 {
	text-align: center;
	line-height: 42px;
	font-weight: 300;
	font-size: 32px;
	}

.BOT-Mid-Content {
	margin: 20px auto 0 auto;
	width: 100%;
	max-width: 800px;
	font-size: 22px;
	}

.BOT-Mid-Content p { line-height: 32px; }
.BOT-Mid-Content ul li {
	margin-top: 7px;
	padding-bottom: 7px;
	line-height: 32px;
	font-size: 22px;
	}

.BOT-Mid-Content ul li:before {
	content: "\f111";
	font: normal normal normal 12px/1 FontAwesome;
	color: #8ABEBE;
	position: absolute;
	top: 10px;
	left: 0;
	}

/**********************************************************
// BOT >> Plans
**********************************************************/
.BOT-Plans { padding: 70px 10px; }
.BOT-Plans-List {
	text-align: center;
	font-size: 0;
	}

.BOT-Plan {
	margin: 0 1%;
	width: 31.3%;
	max-width: 380px;
	display: inline-block;
	vertical-align: top;
	}

.BOT-Plan .Blue  { background: #8ABEBE; }
.BOT-Plan .Olive { background: #C1D1B8; }
.BOT-Plan .Green { background: #57927C; }

.BOT-Plan-Top {
	padding: 25px;
	color: #FFF;
	}

.BOT-Plan-Top h3 {
	margin: 10px auto 0 auto;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 32px;
	font-weight: 700;
	font-size: 22px;
	}

.BOT-Plan-Top span {
	margin: 20px auto 0 auto;
	line-height: 24px;
	font-size: 16px;
	display: block;
	}

.BOT-Plan-Bottom {
	padding: 25px;
	text-align: left;
	color: #FFF;
	}

.BOT-Plan-Bottom span {
	line-height: 24px;
	font-size: 16px;
	display: block;
	}

.BOT-Plan-Bottom h4 {
	margin: 30px auto 0 auto;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 42px;
	font-weight: 700;
	font-size: 32px;
	}

.BOT-Plan li {
	padding: 20px;
	text-align: left;
	line-height: 24px;
	font-size: 16px;
	display: block;
	}

.BOT-Plan li:nth-child(odd) { background: #E9EDF0; }

.BOT-Plans-Content {
	margin: 50px auto 0 auto;
	width: 100%;
	max-width: 1200px;
	}

/**********************************************************
// Media Queries
**********************************************************/
@media
all and (max-width: 768px),
all and (max-device-width: 768px)
{
	.BOT-Welcome { padding: 20px 10px; }
	.BOT-Welcome li {
		margin: 20px auto 0 auto;
		width: 100%;
		display: block;
		}

	.BOT-Mid { padding: 20px 10px; }

	.BOT-Plans { padding: 0 10px 30px 10px; }
	.BOT-Plan {
		margin: 30px auto 0 auto;
		width: 100%;
		display: block;
		}

}