section#price-selectors {
    margin:14px 0;
    width:100%;
    text-align:center;
}
#period_selector, #currency_selector {
    background:#444;
    display:inline;
    padding:8px;
    border-radius:12px;
    font-family:Calibri,'Gill Sans','Arial Narrow',Verdana;
    font-stretch:Condensed;
    border: 1px solid #ccc;
    font-weight: bold;
    color: #fff;
}
#period_select:hover, #currency_code:hover { background-color:#555; }
#currency_selector { margin-left: 12px; }

#period_select, #currency_code {
    background-color:transparent;
    border:0 none;
    color:#fff;
    font-size:1em;
    font-family:inherit;
    border-bottom:1px dashed #fff;
    border-radius:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:1px;
    font-style: italic;
    padding: 2px 30px 2px 6px;
    background: url(../images/down-arrow.svg) no-repeat right center;
    background-size: 30px;
}  

#currency_code { max-width:70px; }

#plan_message { padding:.5em 4px; text-align:center; }
#plan_message.active { 
	animation:activeMsg 1.7s ease-in-out;
	-webkit-animation:activeMsg 1.7s ease-in-out;
}

img.full_width {max-width:100%; }

.flex .pricing-section, .flex .pricing-section form {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
}

.pricing-section {
	position:relative;
}
.pricing-section h2 { text-align:center; }
.pricing-section form { width:100%; }

.pricing {
	display:table;
	width:100%;
}
.flex .pricing {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
}
.pricing_item {
	position:relative;
	display:table-cell;
	width:25%;
	text-align:center;
	padding:2em 1.8em;
	cursor:default;
	color:#fff;
	border:1px solid #5c6552;
	margin:0;
}
.flex .pricing_item {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-align-items:stretch;
	align-items:stretch;
	-webkit-flex:0 1 220px;
	flex:0 1 220px;
	max-width:320px;
}

@media screen and (max-width:840px) {
	.pricing_item { 
		display:block;
		min-width:320px;
		margin:1em auto;	
	 }
	 .flex .pricing_item {
	 	-webkit-flex:0 1 330px;
		flex:0 1 330px; 
	 }
}

.pricing_action {
	color:inherit;
	border:none;
	background:none;
	cursor:pointer;
	font-size:.9em;
}

.pricing_action:focus {
	outline:none;
}

.pricing .pricing_item:hover {
	z-index:100;
}

.pricing .pricing_item:hover::after {
	content:'';
	pointer-events:none;
	position:absolute;
	top:-5px;
	left:-5px;
	width:100%;
	height:100%;
	box-sizing:content-box;
	border:5px solid #8bc34a;
}

.pricing .pricing_title {
	font-size:1.5em;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em;
}

.pricing .pricing_price {
	font-size:2em;
	margin:0 0 0.5em 0;
	font-weight:bold;
	color:#85c34a;
	line-height:1;
}

.pricing_item hr {
    margin:.75em auto .5em auto;
    width:15%;
    left:0;
    right:0;
    border:.5px solid #646D5B;
    opacity:.9;
}

.pricing_price.peryear {
    font-size:1em;
    color:#646D5B;
    margin:-0.25em 0 .25em 0;
    opacity:.75;
}

.discounted .pricing .pricing_price { margin:0; }

.pricing .pricing_price.discount { display:none; }
.discounted .pricing .pricing_price.base{
	opacity:.45;
	color:#ee3333;
}
.discounted .pricing .pricing_price.base .pricing_amount {
	text-decoration:line-through;
}
.discounted .pricing .pricing_price.discount { display:block; }

.pricing .pricing_currency, .pricing .cents {
	font-size:0.5em;
	vertical-align:super;
}

.pricing .pricing_period {
	font-size:0.35em;
	padding:0 0 0 .5em;
	color:#646D5B;
}

.pricing .billing_period {
    font-variant: small-caps;
    text-transform: capitalize; 
    font-style: italic;
    font-family: Calibri,'Gill Sans','Arial Narrow',Verdana;
    color: #999;
    font-weight: bold;
    line-height: 1em !important;
    margin: 16px 0 0 0;
}

.pricing .pricing_feature-list {
	margin:0;
	padding:0.25em 0 4em;
	list-style:none;
	text-align:center;
	color:#81867D;
}

.pricing .pricing_feature { padding:0.25em 0; }

.pricing .pricing_action {
	font-weight:bold;
	margin-top:auto;
	padding:0.75em 2em;
	border-radius:40px;
	background:#85c34a;
	-webkit-transition:background-color 0.3s, color 0.3s;
	transition:background-color 0.3s, color 0.3s;
}

.pricing .pricing_action:hover,
.pricing .pricing_action:focus {
	color:#000;
	background:#fff;
}
#plan-period-selector::before{
	content:' ';
	background:url('../images/calendar.svg') no-repeat;
	height:25px;
	width:25px;
	position:relative;
	float:left;
	opacity:.7;
	top:-2px;
	margin-right:6px;
}
#plan-period-selector {
	text-align:center;
	/*if flex not available*/
	margin:1em auto 2em auto;
	position:relative;
	left:0;
	right:0;
	display:block;
	width:0%;
	min-width:420px;
	max-width:100%;
}
#plan-period-selector > * {
	float:left;
}
#plan-period-selector .tab:first-of-type label { border-radius:12px 0 0 12px; }
#plan-period-selector .tab:last-of-type label { border-radius:0 12px 12px 0; }
#plan-period-selector input[type=radio] { display:none; }
#plan-period-selector .tab label {
	background:#444; 
	padding:.5em .8em; 
	border:1px solid #666; 
	margin-left:-1px; 
	position:relative;
	left:1px; 
	cursor:pointer;
	z-index:1;
	-webkit-transition:background-color 0.3s, color 0.3s;
	transition:background-color 0.3s, color 0.3s;
}
#plan-period-selector .tab label:hover {
	background:#777;
	color:#fff;
}
#plan-period-selector label .note { font-size:.8em; }
#plan-period-selector .tab [type=radio]:checked ~ label {
	background:#666;
	color:#fff;
	cursor:default;
	pointer-events:none;
}
#plan-period-selector::after{ content:'';display:block;clear:both;}
section > p {
	text-align:center;
	padding:0 2em;
}
.in_page_links a {
	border-bottom-width:1px; 
	border-bottom-style:dashed;
	text-decoration:none;
	color:#fff;
}

.recommended {
	border-color:#eecc33;
	z-index:2;
}

.selected {
	border-color:#fff;
	z-index:1;
}

.recommended::before, .selected::before {
    content:'Recommended';
    width:100%;
    background:#eecc33;
    position:absolute;
    right:0;
    top:0;
    padding:.2em;
    font-variant:small-caps;
    font-size:.9em;
    font-family:Calibri,'Gill Sans','Arial Narrow',Verdana;
    font-style:italic;
    color:#000;
}

.selected::before {
	content:'Current selection';
	background:#fff;
}

.discounted .recommended::before {
    content:'Recommended for you';
}

.recommended .pricing_action {
	background-color:#eecc33;
	color:#000;
	font-variant:small-caps;
}

.selected .pricing_action {
	background-color:#fff;
	color:#000;
}

.pricing .pricing_item.recommended:hover::after {
	border-color:#eecc33;
}
.pricing .pricing_item.selected:hover::after {
	border-color:#fff;
}

.info_section {
	margin:2em 0;
	width:100%;
}
.info_section h3 { text-align:center; }

.anchor_btn {
	color:#fff;
	background:#444;
	border-radius:20px;
	text-decoration:none;
	padding:.5em 2em;
}
.anchor_btn:hover {
	background:#555;
}
a.anchor_btn {
	color:#fff;
	text-decoration:none;
}
.anchor_btn::after {
    content:'';
    position:relative;
    display:inline-block;
    margin:1em 0;
}

[class^='col-'],div[class*=' col-']{
	display:table;
    border-spacing:.5em;
    width:100%;
}

.col {
	display:table-cell;
}

.col-3 > .col { width:33.3%; }

#benefits { border-spacing:1.5em; }

.benefit, .col-3 > .col { position:relative; padding:0 1.5em 2em 1.5em; }
.benefit h4 { text-align:center; }

.col-3 > .col img {
	display:block;
    margin:auto;
    width:100%;
    max-width:100%;
}

.after_plans > div {
	
	padding:1em 2em 1em;
	margin-top:1em;
	/*background:#555;
	background-image:-moz-linear-gradient(top, #888 0%, #555 100%);
	background-image:-webkit-linear-gradient(top, #888 0%,#555 100%);
	background-image:linear-gradient(to bottom, #888 0%,#555 100%);
	box-shadow:0px 0px 12px 1px rgba(0,0,0,.5) inset;*/
	border:1px solid #666;
	border-radius:14px;
}

.testimonial, #money_back_guarantee {
	
}

.testimonial {
}

#money_back_guarantee {
	position:relative;
	
}

.after_plans img {
    float:right;
    margin-left:.5em;
	margin-bottom:1em;
}

#money_back_guarantee h3 {
    color:#fff;
    text-transform:uppercase;
    margin-top:.2em;
}

.question, .testimonial .person { font-weight:bold; color:#fff; }
#content .question { font-style:italic; line-height:130%; }
.testimonial .person { text-align:center; }


.feature_compare { border-collapse:collapse; width:100%; margin-top:1.5em; }
.feature_compare td, .feature_compare th {
	border:1px solid #666;
	padding:4px;
}
.feature_compare tbody th { text-align:right; padding-right:1em; }
.feature_compare tbody td { text-align:center; }
.feature_compare tbody tr:hover { background:#555; }

.feature_compare .preview { opacity:.7; }
.feature_compare .preview:hover { opacity:1; }
.feature_compare .preview img {
	height:1.4em;
	margin:8px 0 8px 1ex;
	vertical-align:middle;
}

#colorbox { border-radius:0 0 20px 20px; }

@keyframes activeMsg {
0%   {background:inherit;}
50%  {background:#666;}
100% {background:inherit;}
}

@-webkit-keyframes activeMsg {
0%   {background:inherit;}
50%  {background:#666;}
100% {background:inherit;}
} 

@media screen and (max-width:700px) {
	.col { display:block;}
	.col-3 .col, .col-2 .col { width:100%; }
}

@media screen and (max-width:480px) {
	.after_plans img { float:none; }
}