.tiers_container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height:1.5em;
}
	
.tiers_container a {
	cursor:pointer;
}
	
.tiers_container {
	margin: 0 -8px;
	padding-top: 36px;
	padding-bottom: 36px;
}

.tier_container {
	float: left;
	padding: 0 8px;
	width: 25%;
	padding-bottom: 36px;
}

.tier_box {
	background: #fff;
	padding:20px 18px 40px;
	border-radius:8px 8px 0 0;
	text-align: center;
}

.tier_box_title {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom:20px;
	color:#36a8aa;
}

.tier_box_price {
	font-size: 60px;
	text-transform: uppercase;
	letter-spacing:-2px;
	line-height:72px;
	height:90px;
	color:#36a8aa;
	width:100%;
}

.tier_box_small {
	font-size: 11px;
	padding-bottom:16px;
}

.tier_box_small_alt {
	font-size: 10px;
	padding-bottom:16px;
	text-transform:uppercase;
}

.tier_box_cta {
	padding-top:10px;
	font-size: 22px;
	display:inline-block;
}

.tier_box_cta a {
	display:inline-block;
	line-height:1em;
	padding:10px 22px 12px;
	border-radius:22px;
	background:#eee;
	color:#676767;
}

.tier_box_cta a:hover {
	background:#f5f5f5;
}

.tier_feats {
	background: #eee;
	padding:20px 28px 35px;
	border-radius:0 0 8px 8px;
	text-align: center;
}

.tier_feat_name {
	font-size: 12px;
	padding-bottom:16px;
}

.tier_feat_name a {
	color:#676767;
}

.tier_feat_name a:hover {
	color:#979797;
}

.tier_container.xpref .tier_box {
	background-color:#36a8aa;
	color:#fff;
}

.tier_container.xpref .tier_box_title {
	color:#fff;
}

.tier_container.xpref .tier_box_price {
	color:#fff;
}
				
.tier_container.xpref .tier_box_cta a {
	background:rgba(0,0,0,0.4);
	color:#fff;
}

.tier_container.xpref .tier_box_cta a:hover {
	background:rgba(0,0,0,0.2);
}

.tiers_tables_container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height:1.5em;
}
	
.tiers_tables_container a {
	cursor:pointer;
}

.tiers_tables_container {
	padding-top: 16px;
	padding-bottom: 36px;
}

.tiers_tables_container table {
	width:100%;
}

.tiers_tables_container table tr th:first-of-type, .tiers_tables_container table tr td:first-of-type {
	width:20%;
	background:transparent;
}

.tiers_tables_container table tr td:first-of-type {
	text-align:left;
	padding-left:0;
}


.tiers_tables_container table tr th, .tiers_tables_container table tr td {
	width:20%;
	background:#fff
}

.tiers_tables_container table tr th {
	text-align:center;
	text-transform:uppercase;
	padding:16px 18px 10px;
}

.tiers_tables_container table tr:hover > td {
	background:transparent;
}

.tiers_tables_container table tr:hover > td:first-of-type {
	background:transparent;
}

.tiers_tables_container table tr td {
	padding:10px 18px 18px;
	font-size: 12px;
	line-height:1.5em;
	text-align:center;
}

.tt_title {
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom:10px;
}
		
		
.tt_cta {
	padding-bottom:18px;
	font-size: 14px;
}

.tt_cta a {
	display:inline-block;
	line-height:1em;
	padding:5px 15px 6px;
	border-radius:12px;
	background:#eee;
	color:#676767;
}

.tt_cta a:hover {
	background:#f5f5f5;
}

th.xpref {
	background-color:#36a8aa!important;
	color:#fff;
}

th.xpref .tt_title {
	color:#fff;
}
				
th.xpref .tt_cta a {
	background:rgba(0,0,0,0.4);
	color:#fff;
}

th.xpref .tt_cta a:hover {
	background:rgba(0,0,0,0.2);
}



/* MODAL */

#rp-modal-overlay
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:10000;
}

#rp-modal
{
	position:absolute;
	border-radius:14px;
	padding:30px;
	z-index:10001;
}

#rp-modal-content
{
	border-radius:6px;
	background:#fff;
	padding:20px;
}

#rp-modal-close
{
	position:absolute;
	width:40px;
	height:40px;
	display:block;
	top:10px;
	right:10px;
	line-height:38px;
	font-size:28px;
	text-align:center;
	background:#fff;
	border-radius:50%;
	-webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.5);
	box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

.rp-open-modal
{
	cursor:pointer;
}

.rp-open-modal > div
{
	display:none;
}

#rp-modal-content > div
{
	display:block;
}



/* RESPONSIVE */	
@media only screen and (max-width : 1088px) {
	
}
	
@media only screen and (max-width : 999px) {
	.tier_container {
		width: 33%;
	}
			
	.tiers_tables_container {
		display:none;
	}
}
		
@media only screen and (max-width : 690px) {
	.tier_container {
		width: 50%;
	}
}
			
@media only screen and (max-width : 479px) {
	.tier_container {
		width: 100%;
	}
}