/* Default Styles & Single-Column Layout */
.pricingChart * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-kerning: auto;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.pricingChart {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 10pt;
	font-weight: 400;
	font-family: 'Source Sans Pro', 'Open Sans', Roboto, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Myriad Pro', 'Segoe UI', Myriad, Helvetica, Arial, 'Lucida Grande', sans-serif;
	padding: 1em;
	opacity: 1 !important;
	transition: opacity: .1s ease-in-out;
}
.pricingChart:after {
	content: '';
	display: block;
	clear: both;
}
.pricingChart article {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
	background: #fff;
	font-size: 100%;
	border: 1px solid #eee;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: rgba(0,0,0,.1) 0 2px 5px;
	background-clip: padding-box;
	box-sizing: border-box !important;
	position: relative;
}
.pricingChart article:after {
	content: '';
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 100px;
	height: 100px;
	background-size: 100%;
	z-index: 20;
	pointer-events: none;
}
.pricingChart article#pro:after {
	background-image: url('https://realestatemogul.com/lp/img/silver-guarantee-seal.png');
}
.pricingChart article#elite:after {
	background-image: url('https://realestatemogul.com/lp/img/gold-guarantee-seal.png');
}
.pricingChart article.selected {
	border-color: #f60;
	box-shadow: #f60 1px 0 0,
							#f60 0 1px 0,
							#f60 -1px 0 0,
							#f60 0 -1px 0,
							rgba(0,0,0,.1) 0 2px 5px;
}
.pricingChart article:nth-child(n+2) {
	margin-top: 15px;
}
.pricingChart label {
	display: block;
}
.pricingChart label:focus,
.pricingChart label:hover {
	cursor: pointer;
}
.pricingChart label.header {
	padding: .5em .5em .25em .5em;
	position: relative;
}
.pricingChart label.header:after {
	content: '\f3d3';
	font-family: 'ionicons';
	display: inline-block;
	font-size: 24pt;
	color: #eee;
	margin-left: 10px;
	top: calc(50% - 12pt);
}
.pricingChart label.header:hover,
.pricingChart label.header:focus {
	background: #fe9;
}
.pricingChart label.header:hover:after,
.pricingChart label.header:focus:after {
	color: #f60;
}
.pricingChart label.footer {
	padding: .75em 0;
	text-align: center;
	font-size: 105%;
	font-weight: 600;
	color: #fff;
	background: #888;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}
.pricingChart label.footer:focus,
.pricingChart label.footer:hover {
	background: #f90 !important;
	box-shadow: inset #f60 0 0 50px;
	text-shadow: #f40 1px 1px 2px;
}
.pricingChart article.selected label.footer {
	background: #f60 !important;
}
.pricingChart h2,
.pricingChart h3,
.pricingChart h4 {
	margin: 0;
	padding: 0;
	position: relative;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .03em;
	z-index: 100;
}
.pricingChart h2 {
	font-size: 120%;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .05em;
	color: #333;
	margin-top: .75em;
}
.pricingChart h3 {
	font-size: 100%;
	font-weight: 700;
	text-transform: uppercase;
	color: #9ab;
	margin: .5em 0 1em 0;
	display: inline-block;
}
.pricingChart h3 sup {
	position: relative;
	font-size: 150%;
	font-weight: 700;
	top: -.5em;
	margin-right: .25em;
}
.pricingChart h3 em {
	font-size: 325%;
	font-weight: 300;
	color: #173d50;
	margin-right: .03em;
	letter-spacing: -.03em;
	font-style: normal;
}
.pricingChart article.selected h3 {
	color: #e86;
}
.pricingChart article.selected h3 em {
	color: #f60;
}
.pricingChart h4 {
	font-size: 115%;
	background: #e5dfd1;
	color: rgba(0,0,0,0.5);
	font-weight: 500;
	padding: .75em;
	text-transform: uppercase;
}
.pricingChart #community h4:last-of-type,
.pricingChart #pro h4:last-of-type {
	display: none;
}
.pricingChart article a {
	display: block;
	padding: 1em;
	z-index: 300;
	position: relative;
	line-height: 1;
	color: #333;
	background: #fff;
	text-decoration: none;
}
.pricingChart article a.new {
	font-weight: 600;
}
.pricingChart article a[data-included]:focus,
.pricingChart article a[data-included]:hover {
	cursor: pointer;
	z-index: 500;
	color: #000;
	background: #eee;
}
.pricingChart article a[data-included]:after {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	max-height: 0;
	font-weight: 400;
	line-height: 1.4;
	pointer-events: none;
	overflow: hidden;
	transition: max-height .5s ease-in-out;
}
/* Learn Captions */
.pricingChart article a[data-included='investingLesson']:after {
	content: 'Get access to one cutting-edge “what\'s working now” lesson each morning, taught our expert faculty … which has over 300 years and $1.5 Billion of combined real estate investing experience!';
}
.pricingChart article a[data-included='allAccess']:after {
	content: 'Browse 300+ past daily lessons, each jam-packed with pricess tips & tricks for success in real estate in today\'s market.';
}
.pricingChart article a[data-included='investingEcourse']:after {
	content: 'This 25-module video course will walk you step-by-step through the process of closing your first real estate deal for profit!';
}
.pricingChart article a[data-included='swipeTools']:after {
	content: 'Hundreds of marketing pieces, checklists, spreadsheets, offer formulas, negotiation scripts, and other tools that you can download and begin using yourself!';
}
.pricingChart article a[data-included='mogulLive']:after {
	content: 'These bi-weekly live calls, hosted by our expert faculty, are your opportunity to learn (LIVE!) exactly what we\'re doing that week to make money in real estate. Ask questions & get answers in real-time.';
}
/* Interact Captions */
.pricingChart article a[data-included='mogulPoints']:after {
	content: 'Gain exposure in the Mogul community by accumulating Mogul Points and climbing to the top of the national rankings!';
}
.pricingChart article a[data-included='mogulProfile']:after {
	content: 'This customizable webpage is where you\'ll put the spotlight on yourself and exactly what you\'re looking for!';
}
.pricingChart article a[data-included='browseAnswers']:after {
	content: 'Search & sort through 1,000+ solutions to common investing questions asked — and answered! — by our community over the past year.';
}
.pricingChart article a[data-included='askQuestions']:after {
	content: 'Have a question on ANYTHING real estate? Ask the community and get an instant answer, on-demand … even late at night.';
}
.pricingChart article a[data-included='mogulMessagingBAK']:after {
	content: 'Send private messages to anyone in our vast community of seasoned real estate investors. You now have direct access to real estate investors in every corner of the country!';
}

.pricingChart article a[data-included='mogulMessaging']:after {
  content: 'Browse our 75,000+ member Mogul community & send direct messages to real estate investors in YOUR local area.. or anywhere in the country!';
}


/* Do Deals Captions */
.pricingChart article a[data-included='mogulListings']:after {
	content: 'Search our exclusive database of 1.3 million wholesale, REO, FSBO, and other properties available RIGHT NOW in nearly every local market in the U.S.';
}
.pricingChart article a[data-included='dealCollaborator']:after {
	content: 'Need a buyer, partner, or tenant for any property? Post it for instant exposure to over 50,000 investors nationwide.';
}
.pricingChart article a[data-included='dealAnalyzer']:after {
	content: 'Create beautiful, print-ready WHOLESALE DEAL REPORTS for yourself and your prospective buyer!';
}
.pricingChart article a[data-included='moneyOnDemand']:after {
	content: 'Need private or hard money for a deal you\'re working on? Post your request for instant syndication to over 1,000 private & hard money lenders, and make THEM fight to give you the best terms.';
}
.pricingChart article a[data-included='cashflowDeals']:after {
	content: 'Take advantage of these exclusive turnkey deals — over 10 of them each month — for $250–$800/month each in completely passive, hands-free income!';
}
/* Cashflow Add-ons Captions */
.pricingChart article a[data-included='mogulPublishing']:after {
	content: 'As you learn & invest, share your experiences! You\'ll earn $50–$500 cash for each approved lesson you teach.';
}
.pricingChart article a[data-included='promoteForCash']:after {
	content: 'The Mogul Elite plan includes a VIP partnership license. Share Mogul with others and we\'ll share their membership fee — 50/50 — with YOU. Use this extra income stream to pay bills and inject into your real estate business!';
}
.pricingChart article a:focus:after,
.pricingChart article a:hover:after {
	padding: .5em .5em 0 .5em;
	max-height: 500px;
}
.pricingChart article a[data-included]:before {
	content: '\f122';
	font-family: 'ionicons';
	color: #0c0;
}
.pricingChart article a[data-excluded]:before {
	content: '\f12a';
	font-family: 'ionicons';
	color: #c00;
}
.pricingChart article a:before,
.pricingChart article a:before:hover
.pricingChart article a:before:focus {
	font-weight: normal !important;
	margin-right: 5px;
	left: 0;
}
.pricingChart article a[data-excluded] {
	display: none;
	color: #666;
	cursor: no-drop;
}
.pricingChart a + a {
	border-top: 1px solid #eee;
}

/* Multi-column layout */
@media (min-width: 600px) {
	.pricingChart {
		font-size: 12pt;
	}
	.pricingChart article {
		width: calc(33.3333% - 10px);
		float: left;
		text-align: center;
		margin-right: 7.5px;
	}
	.pricingChart article:after {
		width: 60px;
		height: 60px;
	}
	.pricingChart article:nth-child(n+2) {
		margin-left: 7.5px;
		margin-top: 0;
	}
	.pricingChart article:last-child {
		margin-right: 0;
	}
	.pricingChart h3 {
		display: block;
	}
	.pricingChart label.header:after {
		display: none;
	}
	.pricingChart label.header:hover,
	.pricingChart label.header:focus {
		background: inherit;
	}
	.pricingChart #community h4:last-of-type,
	.pricingChart #pro h4:last-of-type {
		display: block;
	}
	.pricingChart article a,
	.pricingChart article a[data-excluded] {
		display: block;
		font-size: 80%;
	}
	.pricingChart article a:nth-child(even) {
		background-color: #faf6f6 !important;
	}
	.pricingChart article a[data-included]:nth-child(even):focus,
	.pricingChart article a[data-included]:nth-child(even):hover {
		background-color: #faf6f6;
		background-repeat: no-repeat;
		background-image: linear-gradient(-45deg, #faf6f6 25%, transparent 25%, transparent 75%, #faf6f6 75%, #faf6f6),
											linear-gradient(45deg, #faf6f6 25%, #555 25%, #555 75%, #faf6f6 75%, #faf6f6);
		background-size: 20px 20px;
		background-position: center calc(100% + 10px);
	}
	.pricingChart article a[data-included]:focus,
	.pricingChart article a[data-included]:hover {
		background-color: white;
		background-repeat: no-repeat;
		background-image: linear-gradient(-45deg, white 25%, transparent 25%, transparent 75%, white 75%, white),
											linear-gradient(45deg, white 25%, #555 25%, #555 75%, white 75%, white);
		background-size: 20px 20px;
		background-position: center calc(100% + 10px);
	}
	.pricingChart article a:before,
	.pricingChart article a:before {
		z-index: 450;
		pointer-events: none;
	}
	.pricingChart article a[data-excluded]:before {
		display: none;
	}
	.pricingChart article a[data-excluded] {
		text-indent: -9999px;
		cursor: default;
	}
	.pricingChart article a[data-included]:after {
		position: absolute;
		max-height: auto;
		overflow: hidden;
		opacity: 0;
	}
	.pricingChart article a[data-included]:focus:after,
	.pricingChart article a[data-included]:hover:after {
		left: 10%;
		top: 100%;
		color: #fff;
		background: #555;
		border-radius: 5px;
		box-shadow: #333 0 1px 1px;
		width: 80%;
		line-height: 1.2;
		opacity: 1;
		z-index: 500;
		padding: .75em;
		font-size: 12pt;
		text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
	}
	.pricingChart article a + a {
		border: none;
	}
}
@media (min-width: 800px) {
	.pricingChart article:after {
		width: 75px;
		height: 75px;
	}
}
@media (min-width: 1000px) {
	.pricingChart article:after {
		width: 90px;
		height: 90px;
	}
}