.page-internal.landing-pricing-page header {
	background: #011447;
	background: -moz-linear-gradient(top,#011447 0,#053f82 100%);
	background: -webkit-linear-gradient(top,#011447 0,#053f82 100%);
	background: linear-gradient(to bottom,#011447 0,#053f82 100%);
}

.end-trial-page h1,
.plans-new-page h1 {
	max-width: 1100px;
	margin-top: 30px;
	text-align: center;
	display: block;
	margin-bottom: 25px;
	font-size: 40px;
	color: #064685;
	font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1em;
}

.pricing-plans-page h1 {
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 40px auto 0;
	padding: 0 10px;
}

/*.end-trial-page #stage h1,*/
.plans-new-page #stage h1,
.pricing-plans-page #stage h1 {
	font-size: 40px;
}
.end-trial-page #stage h1 {
	font-size: 34px;
}

.end-trial-page p.intro,
.end-trial-page p.outro,
.plans-new-page p.intro,
.plans-new-page p.outro,
.pricing-plans-page p.intro,
.pricing-plans-page p.outro {
	font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px !important;
	line-height: 25px;
	color: #000;
	width: 600px;
	max-width: 90%;
	margin: 0 auto 1.6em;
	text-align: center;
}
body.responsive-page.end-trial-page #stage p.intro,
body.responsive-page.end-trial-page #stage p.outro,
body.responsive-page.plans-new-page #stage p.intro,
body.responsive-page.plans-new-page #stage p.outro,
body.responsive-page.pricing-plans-page #stage p.intro,
body.responsive-page.pricing-plans-page #stage p.outro {
	max-width: 90%;
}

body.responsive-page.end-trial-page #stage h3.intro {
	font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	line-height: 177.04%;
	color: #064685;
	text-align: center;
}

.plans-new-page #current-plan-log-size {
	display:none;
}

#plans-outer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 40px;
}

.end-trial-page .panel,
.plans-new-page .panel,
.pricing-plans-page .panel {
	width: 290px;
	max-width: 90%;
	float: left;
	margin: 1% 1% 2em;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 0px;
}
.pricing-plans-page .panel {
	margin: 0 1% 2em;
}

.end-trial-page #plans-outer.plans_b .panel {
	border: none;
	border-top: 4px solid #C5D4E3;
	overflow: visible;
}
.end-trial-page #plans-outer.plans_b .panel.current-plan {
	border: none;
	border-top: 4px solid #0078D3;
	position: relative;
}
.end-trial-page #plans-outer.plans_b .panel .plan-header {
	background: transparent;
	padding-top: 40px;
	border-bottom: none;
}

.end-trial-page #plans-outer.plans_b .panel #plan-active-container {
	position: absolute;
	margin-top: -19px;
	display: block;
	width: 100%;
	text-align: center;
}
.end-trial-page #plans-outer.plans_b .panel  #plan-active-container #plan-active-inner {
	background-color: #0078D3;
	background-image: url(/images/check_light_blue_small.svg);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 28px;
	color: #ffff;
	padding: 2px 10px 2px 35px;
	border-radius: 15px;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}

.end-trial-page .plan-header,
.plans-new-page .plan-header,
.pricing-plans-page .plan-header {
	position: relative;
	box-sizing: border-box;
	background: #f5f8fb;
	text-align: center;
	padding-top: 20px;
	border-bottom: 1px solid #aec3db;
	width: 100%;
}

.end-trial-page .plan-header h3,
.plans-new-page .plan-header h3 {
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 10px;
}
.end-trial-page .plans_b .plan-header h3 {
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 25px;
	line-height: 24px;
	text-transform: capitalize;
	letter-spacing: -0.04em;
}

.end-trial-page .plan-header .sub-heading,
.plans-new-page .plan-header .sub-heading {
	font-family: "open_sansitalic", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	color: #064685;
	padding-bottom: 30px;
}

.pricing-plans-page .plan-header .pre-headline {
	font-family: "open_sansitalic", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	color: #064685;
}

.end-trial-page .plan-benefits-list {
	margin: 30px 45px 0;
	height: 350px;
}

.end-trial-page .plans_b .plan-benefits-list {
	margin: 30px 0 0;
	display: flex;
	justify-content: space-around;
}

.plans-new-page .plan-benefits-list,
.pricing-plans-page .plan-benefits-list {
	margin: 30px 45px 0;
	height: 375px;
}

.end-trial-page .plan-benefits-list ul li,
.plans-new-page .plan-benefits-list ul li,
.pricing-plans-page .plan-benefits-list ul li {
	font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	list-style: none;
	white-space: nowrap;
}

.feature-tooltip-icon {
	vertical-align: text-bottom;
	margin-left: 4px;

}

.pricing-plans-page .tooltipster-box {
	padding: 7px;
}
.pricing-plans-page .tooltipster-box .tooltipster-content {
	padding: 3px 7px;
}

.end-trial-page .plan-footer,
.plans-new-page .plan-footer,
.pricing-plans-page .plan-footer {
	margin: 10px 30px 30px;
	bottom: 0px;
}
body.responsive-page.end-trial-page #stage .plan-footer p,
body.responsive-page.plans-new-page #stage .plan-footer p,
body.responsive-page.pricing-plans-page #stage .plan-footer p,
.end-trial-page .plan-footer p,
.plans-new-page .plan-footer p,
.pricing-plans-page .plan-footer p {
	text-align: center !important;
}

.end-trial-page output, .plans-new-page output, .log-quota-page  .plan-tabs-upgrade-panel output {
	display: none;
}

.end-trial-page p.most-recent,
.end-trial-page p.plan-period,
.end-trial-page p.free-period,
.end-trial-page p.yearly-saving,
.plans-new-page p.most-recent,
.plans-new-page p.plan-period,
.plans-new-page p.free-period,
.plans-new-page p.yearly-saving {
	font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	margin-bottom: 1em;
}

.pricing-plans-page.plans-new-page p.most-recent {
	margin-bottom: 5px;
}

.end-trial-page .plan-page-views, .plans-new-page .plan-page-views {
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #333333;
	font-size: 20px;
}

.end-trial-page .plan-duration-estimate,
.plans-new-page .plan-duration-estimate {
	display: block;
	color: #333333;
}

.end-trial-page .plans_b .plan-duration-estimate {
	font-family: "open_sansitalic", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #000000;
}

.end-trial-page p.range,
.plans-new-page p.range {
	width: 100%;
	max-width: 100%;
	position: relative;
	height: 35px;
	padding: 0px 10px;
	box-sizing: border-box;
}

input[type=range] {
	-webkit-appearance: none;
	height: 35px;
	width: 100%;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	box-sizing: content-box;
	/*border: 12px solid #ccc;*/
	height: 25px;
	width: 25px;
	border-radius: 18px;
	background-color: #064685;
	cursor: ew-resize;
	margin-top: -10px;
	opacity: 1.0;
	background-image: url("/images/slider_handle.svg");

}

input[type=range]::-moz-range-thumb {
	border:0px;
	-moz-border-radius:50%;
	border-radius:50%;
	height: 25px;
	width: 25px;
	background-color: #064685;
	cursor: ew-resize;
	margin-top: -10px;
	opacity: 1.0;
	background-image: url("/images/slider_handle.svg");

}

input[type=range]::-ms-thumb {
	display: inline-block;
	border: 0px;
	height: 25px;
	width: 25px;
	background-color: #064685;
	cursor: ew-resize;
	margin-top: 7px; /* note: different margin-top for IE */
	background-image: url("/images/slider_handle.svg");
}

input[type=range]::-webkit-slider-runnable-track {
	height: 8px;
	border-color: transparent;
	color: transparent;
	background-color: #cccccc;
}

input[type=range]::-moz-range-track {
	height: 8px;
	background-color: #e7eff5;
}

input[type=range]::-ms-track {
	border-color: transparent;
	color: transparent;
	height: 8px;
	background-color: #e7eff5;
}

input[type=range]::-ms-fill-lower {
	background-color: #064685;

}

input[type=range]::-moz-range-progress {
	height:8px;
	background-color: #064685;
}

input[type=range]::-ms-tooltip {
	display: none;
}

.end-trial-page #stage .plan-footer .plan-price,
.end-trial-page .plan-footer .plan-price,
.plans-new-page #stage .plan-footer .plan-price,
.plans-new-page .plan-footer .plan-price,
.end-trial-page #stage .plan-footer .plan-price-free,
.end-trial-page .plan-footer .plan-price-free,
.plans-new-page #stage .plan-footer .plan-price-free,
.plans-new-page #stage .plan-footer .plan-price-free,
.plans-new-page .plan-footer .plan-price-free {
	font-family: "bebas_neuebold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 60px;
	color: #064685;
	margin-bottom: 0px;
	line-height: 1em;
	height: 60px;
}
.end-trial-page #stage .plans_b .plan-footer .plan-price-free {
	margin-bottom: 65px;
}

.binary-dropdown-container {
	font-family: open_sansregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 32px;
	color: #333333;
	padding: 0px;
	margin: 0px auto 35px;
	display: flex;
	justify-content: center;
}
.binary-dropdown-container select {
	font-family: open_sansregular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #333333;
	margin: 6px 0px 0px 6px;
	padding: 0px 20px 0px 5px;
	text-indent: 0px;
	flex-basis: 70px;
	background-color: #E7EFF5;
	height: 20px;
	background-position: 115% center;
}
.end-trial-page .plans_b .binary-dropdown-container select {
	background-color: #FFFFFF;
	background-position: 90% center;
}

.binary-dropdown-container select.plan-period-dropdown option {
	display:block;
}

.end-trial-page .plan-footer .toggle-switch-container,
.plans-new-page .plan-footer .toggle-switch-container {
	display: grid;
	grid-template-columns: calc(50% - 19px) 45px calc(50% - 19px);
	text-align: left;
	margin-bottom: 10px;
}

.end-trial-page .toggle-switch-container .text,
.plans-new-page .toggle-switch-container .text {
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 11px;
	color: #8fadc9;
	display: inline-block;
	text-transform: uppercase;
}

.end-trial-page .toggle-switch-container .text.USD,
.end-trial-page .toggle-switch-container .text.monthly,
.plans-new-page .toggle-switch-container .text.USD,
.plans-new-page .toggle-switch-container .text.monthly {
	text-align: right;
}

.end-trial-page .toggle-switch-container .text.EUR,
.end-trial-page .toggle-switch-container .text.yearly,
.plans-new-page .toggle-switch-container .text.EUR,
.plans-new-page .toggle-switch-container .text.yearly {
	text-align: left;
}

.end-trial-page .toggle-switch-container .text.selected,
.plans-new-page .toggle-switch-container .text.selected {
	color: #064685;
}

.end-trial-page .toggle-switch,
.plans-new-page .toggle-switch {
	box-sizing: border-box;
	display: inline-block;
	padding: 2px;
	background: #fff;
	border: 1px solid #aec3db;
	border-radius: 12px;
	line-height: 9px;
	margin: 0 4px;
}

.end-trial-page .toggle-switch .indicator,
.plans-new-page .toggle-switch .indicator {
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: #064685;
	border-radius: 50%;
}

.end-trial-page .toggle-switch-container.yearly .indicator,
.end-trial-page .toggle-switch-container.EUR .indicator,
.plans-new-page .toggle-switch-container.yearly .indicator,
.plans-new-page .toggle-switch-container.EUR .indicator {
	left: 19px;
}

.end-trial-page #plans-outer .btn.btn-green:hover,
.plans-new-page #plans-outer .btn.btn-green:hover,
.plan-tabs-upgrade-panel .btn.btn-green:hover{
	background-color: #fafbfd;
	border: 1px solid #adc3db;
	color: #064685;
}

.end-trial-page #plans-outer .btn, .plans-new-page #plans-outer .btn,
.plan-tabs-upgrade-panel .btn {
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding: 15px;
	margin: 0 10px;
	font-size: 14px;
	display: block;
	text-align: center;
}

.plan-buttons,
#new-personal-plan,
#new-basic-plan {
	margin-top: 2em;
}

.plan-tabs-upgrade-panel .plan-buttons {
	margin-top:1em;
}

.end-trial-page #plans-outer .btn.plan-button-basic,
.plans-new-page #plans-outer .btn.plan-button-basic,
.plan-tabs-upgrade-panel .btn.plan-button-basic {
	position: relative;
	margin-top: 93px;
	background-color: #fafbfd;
	border: 1px solid #adc3db;
	color: #064685;
}
.end-trial-page #plans-outer.plans_b .btn.plan-button-basic {
	margin-top: 30px;
}
.end-trial-page #plans-outer .btn.plan-button-basic:hover,
.plans-new-page #plans-outer .btn.plan-button-basic:hover,
.plan-tabs-upgrade-panel .btn.plan-button-basic:hover {
	background-color: #064685;
	color: #fff;
}

body.responsive-page.end-trial-page #stage p.estimate-asterisk,
body.responsive-page.plans-new-page #stage p.estimate-asterisk,
.end-trial-page .estimate-asterisk,
.plans-new-page .estimate-asterisk {
	width: 100%;
	text-align: center;
	font-size: 0.875rem;
}

body.pricing-v1,
body.pricing-plans-page {
	background-color: #E7EFF5;
}

.pricing-v1.plans-new-page .panel,
.pricing-plans-page .panel {;
	background-color: white;
	width: 365px;
	height: 990px;  /*determined by the height of the longest column... if content is added to or taken from that column, adjust this accordingly*/
	display: grid;
	grid-template-rows: 240px 285px 465px;
	margin-top: 0px;
}

/* When logged in, this panel needs to be a little taller, in order to show the submit buttons */
.pricing-v1.plans-new-page.app .panel {
	height:1040px; /*determined by the height of the longest column... if content is added to or taken from that column, adjust this accordingly*/
	grid-template-rows: 240px 380px 390px;
}

.pricing-v1.plans-new-page .plan-header .sub-heading {
	padding-bottom:0px;
	line-height:22px;
}

.pricing-v1.plans-new-page .plan-header h3 {
	font-family: "open_sanslight", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:40px;
	line-height:54px;
	letter-spacing: 0px;
	text-transform: none;
}

.plans-new-page.pricing-v1 .plan-header {
	padding-top:14px;
}

/* on the app, the plan header text should be a little more pushed down, to make room for the current plan label */
.pricing-v1.plans-new-page.app .plan-header h3 {
	line-height:45px;
}

.plans-new-page.pricing-v1.app .plan-header {
	padding-top:24px;
}

.pricing-plans-page #basic-plan .plan-benefits-container {
	margin-top: 70px;
}

.plan-benefits-intro {
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
	padding-top:25px;
	font-size:14px;
}

.plans-new-page.pricing-v1 .plan-benefits-list {
	margin-top:25px;
}

.plans-new-page.pricing-v1 .plan-header img,
.pricing-plans-page .plan-header img {
	position: absolute;
	bottom: 0;
	left: 50%;
}

.plans-new-page.pricing-v1 #personal-plan .plan-header img,
.pricing-plans-page #personal-plan .plan-header img {
	margin-left: -97px;
}
.plans-new-page.pricing-v1 #pro-plan .plan-header img {
	margin-left: -99.5px;
}

.plans-new-page.pricing-v1 #agency-plan .plan-header img,
.pricing-plans-page #agency-plan .plan-header img {
	margin-left: -151px;
}

.plans-new-page.pricing-v1 .plan-benefits-list {
	text-align: center;
	height:auto;
}

.plans-new-page.pricing-v1 .plan-benefits-list ul {
	display: inline-block;
	text-align: left;
}

.plans-new-page.pricing-v1 .plan-benefits-list ul li,
.pricing-plans-page .plan-benefits-list ul li {
	font-size:14px;
	margin-bottom:15px;
}

.plans-new-page.pricing-v1 p.most-recent {
	margin-bottom:0em;
}

.plans-new-page.pricing-v1 p.most-recent,
.plans-new-page.pricing-v1 p.plan-period,
.plans-new-page.pricing-v1 p.free-period,
.pricing-plans-page p.most-recent,
.pricing-plans-page p.plan-period,
.pricing-plans-page p.free-period  {
	font-size:14px;
}

.plans-new-page.pricing-v1 .logSizeMessage,
.pricing-plans-page .logSizeMessage {
	font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.plans-new-page.pricing-v1 #pricing-footer p,
.pricing-plans-page #pricing-footer p {
	max-width: 690px;
	text-align: center;
	margin-top:30px;
	margin-bottom:30px;
	font-size:14px;
	font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	line-height:25px;
}

.plans-new-page.pricing-v1 #pricing-footer .btn.btn-green,
.pricing-plans-page #pricing-footer .btn.btn-green {
	padding-top: 15px;
	padding-bottom: 15px;
}
.plans-new-page.pricing-v1 .strong,
.pricing-plans-page .strong {
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.plans-new-page.pricing-v1 .plan-footer,
.pricing-plans-page .plan-footer {
	margin-top:1.5em;
}

body.responsive-page.plans-new-page.pricing-v1 #stage .plan-footer p.most-recent,
body.responsive-page.plans-new-page.pricing-v1 #stage .plan-footer p.plan-period,
body.responsive-page.plans-new-page.pricing-v1 #stage .plan-footer p.logSizeMessage {
	font-size:0.875rem;
}

body.responsive-page.plans-new-page.pricing-v1 #stage .plan-footer p.most-recent {
	margin-bottom:0em;
}


.plans-new-page.pricing-v1 .toggle-switch-container.plans-period {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 149px;
	margin-left: auto;
	margin-right: auto;
}

.plans-new-page.pricing-v1 .analyze-page-views {
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.plans-new-page.pricing-v1 .toggle-switch-container.yearly .indicator, .plans-new-page.pricing-v1 .toggle-switch-container.EUR .indicator {
	left:18px;
}

.pricing-v1.plans-new-page .plan-header.header-with-image img,
.pricing-plans-page.plans-new-page .plan-header.header-with-image img {
	display: none;
}

.pricing-v1.plans-new-page .plan-header.header-with-image,
.pricing-plans-page.plans-new-page .plan-header.header-with-image {
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-position-x: center;
}

.pricing-v1.plans-new-page #personal-plan .plan-header.header-with-image,
.pricing-plans-page.plans-new-page #basic-plan .plan-header.header-with-image {
	background-image: url("/images/pricing/plan_personal.svg");
}

.pricing-v1.plans-new-page #pro-plan .plan-header.header-with-image {
	background-image: url("/images/pricing/plan_pro.svg");
}

.pricing-v1.plans-new-page #agency-plan .plan-header.header-with-image,
.pricing-plans-page.plans-new-page #premium-plan .plan-header.header-with-image {
	background-image: url("/images/pricing/plan_agency_4.svg");
}

.pricing-v1.plans-new-page .plan-panel-wrapper {
	position: relative;
}

.pricing-v1.plans-new-page .plan-panel-wrapper .current-plan-label {
	position: absolute;
	z-index: 100000;
	top: -16px;
	/* left and margin left to attempt to center the label*/
	left: 50%;
	margin-left: -91px;
	background-color: #064685;
	color: white;
	border-radius: 23px;
	width: 155px;
	height: 32px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 32px;
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	background-image: url("/images/pricing/check_current_plan.svg");
	background-repeat: no-repeat;
	background-position-x: 4px;
	background-position-y: 3px;
}

.pricing-v1.plans-new-page .plan-panel-wrapper .current-plan-label span {
	margin-left: 17px;
}

.pricing-v1.plans-new-page.app .current-plan {
	background-color: #F5F8FB;
}

.pricing-v1.plans-new-page.app .current-plan input.log_slider {
	background-color: transparent;
}

.pricing-v1.plans-new-page.app #plans-outer .current-plan span.btn,
.pricing-plans-page.app #plans-outer .current-plan span.btn {
	display: none;
}


.pricing-v1.plans-new-page.app #current-account-log-size,
.pricing-plans-page.app #current-account-log-size-slider-index {
	display: none;
}

@media screen and (max-width: 75.75em) {
	/* On the logged in app, we should switch to the three person agency header earlier than on the logged out page (see 65em breakpoint below) */
	.pricing-v1.plans-new-page.app #agency-plan .plan-header.header-with-image {
		background-image: url("/images/pricing/plan_agency_3.svg");
	}
	.pricing-v1.plans-new-page.app .panel,
	body.landing-pricing-page.pricing-v1.plans-new-page .panel {
		grid-template-rows: 250px 380px 390px;
		height: 1040px;
	}

}

@media screen and (max-width: 65em) {
	.pricing-v1.plans-new-page #agency-plan .plan-header.header-with-image {
		background-image: url("/images/pricing/plan_agency_3.svg");
	}

	.pricing-v1.plans-new-page .panel,
	.pricing-plans-page.plans-new-page .panel {
		grid-template-rows: 250px auto 290px;
	}
}

@media screen and (max-width: 76.875em) {

	.end-trial-page .plan-benefits-list ul li,
	.end-trial-page .plan-benefits-list ul li.strong,
	.plans-new-page .plan-benefits-list ul li,
	.plans-new-page .plan-benefits-list ul li.strong {
		font-size:12px;
	}
	.pricing-plans-page.plans-new-page .plan-benefits-list ul li,
	.pricing-plans-page.plans-new-page .plan-benefits-list ul li.strong {
		font-size:14px;
	}
}

@media screen and (max-width: 87.5em) {

	.pricing-v1.plans-new-page.app #plans-outer .panel {
		margin: 0px 0px 2em;
		border-right: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}


	.pricing-v1.plans-new-page.app #plans-outer div.plan-panel-wrapper:first-of-type div.panel.plan {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}


	.pricing-v1.plans-new-page.app #plans-outer  div.plan-panel-wrapper:last-of-type div.panel.plan {
		border-right:1px solid #aec3db;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}


	.pricing-v1.pricing-v1.plans-new-page.app .plan-panel-wrapper {
		width:calc(100%/3);
	}


	.pricing-v1.pricing-v1.plans-new-page.app .plan-benefits-list {
		margin-left:0px;
		margin-right:0px;
	}

	.pricing-v1.plans-new-page.app #plans-outer .panel.plan {
		width: 100%;
		max-width:100%;
	}

}

h3#your-plan-label {
	padding-bottom: 7px;
}

#stage .panel ul#plan-tabs {
	border: 1px solid #AEC4DB;
	border-radius: 4px 4px 4px 4px;
	height: 32px;
	box-sizing: border-box;
	padding-top: 0px;
	line-height: 1em;
	margin-bottom: 0px;
}

#stage ul#plan-tabs li {
	padding-left: 14px;
	padding-right: 14px;
	border-left: 0px;
	margin-bottom:0px;
	border-left: 1px solid #AEC4DB;
	height:100%;
	margin-left: 0px;
	line-height: 29px;
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #064685;
}

#stage ul#plan-tabs li:first-of-type {
	border-left:0px;
}

#stage ul#plan-tabs li.current-plan-tab {
	color: #fff;
	background-color: #064685;
}

#stage ul li.no-left-border {
	border-left:0px;
}

#pro-plan-tab:hover, #agency-plan-tab:hover {
	cursor:pointer;
}

.plan-tabs-upgrade-panel {
	padding-top:10px;
	padding-bottom:1.5em;
	padding-left:25px;
	padding-right:25px;
	text-align: center;
	box-sizing: border-box;
	width: 325px;
	height: 382px;
	background-color: #fff;
}

.plan-tabs-upgrade-panel h1 {
	font-size:32px;
}
.panel .plan-tabs-upgrade-panel a {
	font-size: 14px;
	font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.plan-tabs-upgrade-panel .panel {
	border: 0px;
	margin-bottom: 1.5em;
}

#stage .headline-stats .plan-tabs-upgrade-panel p.range {
	width: 236px;
	margin-left: auto;
	margin-right: auto;
}

#stage .headline-stats .plan-tabs-upgrade-panel  p {
	font-size: 14px;
	font-family: "open_sansregular", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #000;
}

#stage .headline-stats .plan-tabs-upgrade-panel  span.plan-page-views {
	color: #333333;
	font-size: 20px;
	font-family: "open_sansbold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}


#stage .headline-stats .plan-tabs-upgrade-panel .plan-price {
	font-size: 40px;
	color: #064685;
	font-family: "bebas_neuebold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#stage .headline-stats .plan-tabs-upgrade-panel .toggle-buttons-container {
	display: none;
}

/* Begin centering of pro plan tabs dropdown*/
#pro-plan-tab-dropdown .plan-tabs-upgrade-panel {
	margin-left: -140px;
}
#pro-plan-tab-dropdown.jq-dropdown.jq-dropdown-tip::before, #pro-plan-tab-dropdown.jq-dropdown.jq-dropdown-tip::after{
	left: 20px;
}
/* End centering of pro plan tabs dropdown*/

/* Begin centering of agency plan tabs dropdown*/
#agency-plan-tab-dropdown .plan-tabs-upgrade-panel {
	margin-left: -105px;
}
#agency-plan-tab-dropdown.jq-dropdown.jq-dropdown-tip::before, #agency-plan-tab-dropdown.jq-dropdown.jq-dropdown-tip::after{
	left: 43px;
}

body.landing-pricing-page div.toggle-buttons-container {
	display: none;
}

body.landing-pricing-page.pricing-v1.plans-new-page .panel {
	height: 720px;
	grid-template-rows: 240px 360px 120px
}
body.landing-pricing-page.pricing-v1.plans-new-page .panel.show-yearly-savings {
	height: 750px;
	grid-template-rows: 240px 360px 150px
}

body.landing-pricing-page .range {
	display: none;
}

body.landing-pricing-page.plans-new-page.pricing-v1 .plan-footer {
	margin-top:0px;
}

.pricing-plans-page .custom-signup-banner a.btn.btn-green {
	font-size: 17px;
	padding: 15px 0;
}

/* End centering of agency plan tabs dropdown*/
@media screen and (max-width: 71.25em) {

	.end-trial-page #plans-outer .panel,
	.plans-new-page #plans-outer .panel {
		margin: 0px 0px 2em;
		border-right: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.end-trial-page #plans-outer div.panel.plan:first-of-type,
	.plans-new-page #plans-outer div.plan-panel-wrapper:first-of-type div.panel.plan {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.landing-pricing-page #plans-outer div.panel,
	.end-trial-page #plans-outer div.panel.plan:last-of-type,
	.plans-new-page #plans-outer  div.plan-panel-wrapper:last-of-type div.panel.plan {
		border-right:1px solid #aec3db;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.plans-new-page #plans-outer .panel.plan:last-of-type {
		border-right:1px solid #aec3db;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.pricing-v1.plans-new-page .plan-panel-wrapper {
		width:calc(100%/3);
	}

	.pricing-v1.plans-new-page .plan-benefits-list {
		margin-left:15px;
		margin-right:15px;
	}
	.pricing-plans-page.plans-new-page .plan-benefits-list {
		margin-left:30px;
		margin-right:30px;
	}

	.pricing-v1.plans-new-page .panel,
	.pricing-plans-page.plans-new-page .panel {
		height: auto;
		grid-template-rows: 250px auto auto;
	}
}

@media screen and (max-width: 52.5em) {

	.end-trial-page #plans-outer .plan-panel-wrapper,
	.plans-new-page #plans-outer .plan-panel-wrapper {
		width: 90%;
		max-width: 90%;
	}

	/* The header for the current plan needs some extra top padding to accomodate the current plan label when the res is reduced and the plan header is shorter */
	.plans-new-page.pricing-v1.app .current-plan .plan-header,
	.plans-new-page.pricing-plans-page.app .current-plan .plan-header {
		padding-top:40px;
	}

	.end-trial-page #plans-outer .panel.plan,
	.plans-new-page #plans-outer .panel.plan {
		width: 100%;
		max-width: 100%;
		border: 1px solid #aec3db;
		border-radius: 4px;
		display: flex;
		height: auto;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;

	}

	.end-trial-page #plans-outer {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.pricing-plans-page #plans-outer {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	body.landing-pricing-page.pricing-v1.plans-new-page .panel,
	body.landing-pricing-page.pricing-v1.plans-new-page .panel.show-yearly-savings {
		height: auto;
		grid-template-rows: none;
	}

	.pricing-v1.plans-new-page.app #plans-outer .panel,
	.pricing-plans-page.plans-new-page.app #plans-outer .panel {
		border-right: 1px solid #aec3db;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}

	#basic-plan p.range {
		height: 0;
	}

	.end-trial-page .plan-benefits-list {
		height: auto;
		margin: 30px 20px 0;
	}

	.plans-new-page .plan-benefits-list {
		height: auto;
		margin: 30px 20px 30px;
	}

	.end-trial-page p.most-recent,
	.plans-new-page p.most-recent {
		margin-top: 20px;
	}


	.end-trial-page p.range,
	.plans-new-page p.range {
		height: auto;
	}

	.end-trial-page #plans-outer .btn.plan-button-basic,
	.plans-new-page #plans-outer .btn.plan-button-basic {
		margin-top: 2em;
	}


	.pricing-v1.plans-new-page #personal-plan .plan-header.header-with-image,
	.pricing-v1.plans-new-page #pro-plan .plan-header.header-with-image,
	.pricing-v1.plans-new-page #agency-plan .plan-header.header-with-image,
	.pricing-plans-page.plans-new-page #basic-plan .plan-header.header-with-image,
	.pricing-plans-page.plans-new-page #premium-plan .plan-header.header-with-image {
		background-size: 125px;
		background-position: right 60px bottom;
		min-height: 105px;
	}

	.pricing-v1.plans-new-page .plan-header.header-with-image .sub-heading,
	.pricing-v1.plans-new-page .plan-header.header-with-image h3,
	.pricing-plans-page.plans-new-page .plan-header.header-with-image .pre-headline,
	.pricing-plans-page.plans-new-page .plan-header.header-with-image h3 {
		width: 60%;
	}
	.pricing-v1.plans-new-page.landing-pricing-page .plan-header.header-with-image h3,
	.pricing-plans-page.plans-new-page.landing-pricing-page .plan-header.header-with-image h3 {
		padding-top: 5px;
	}

	.plans-new-page.pricing-v1 .plan-header img,
	.plans-new-page.pricing-plans-page .plan-header img {
		position: relative;
	}

	body.landing-pricing-page.plans-new-page.pricing-v1 .plan-footer {
		margin-top: 2.75em;
	}

	body.landing-pricing-page.plans-new-page.pricing-v1 .plan-benefits-list {
		margin-bottom: 2em;
	}

	.pricing-plans-page #basic-plan .free-period {
		height: 0px;
		margin-bottom: 0em;
	}

	.pricing-plans-page #basic-plan .plan-benefits-container {
		margin-top: 0px;
	}

}


@media screen and (max-width: 40.625em) {
	.end-trial-page .plan-benefits-list,
	.plans-new-page .plan-benefits-list,
	.end-trial-page .plan-footer,
	.plans-new-page .plan-footer {
		width: 285px;
		max-width: 90%;
	}

	body.landing-pricing-page.plans-new-page.pricing-v1 .plan-benefits-list {
		margin-bottom: 0em;
	}

	body.landing-pricing-page.plans-new-page.pricing-v1 .plan-footer {
		margin-top: 1.5em;
	}

}

@media screen and (max-width: 37.5em) {
	body.responsive-page .panel.plan {
		padding: 0;  /* overwriting media query from app.css */
	}
}


@media screen and (max-width: 37.5em) {

	.pricing-v1.plans-new-page.app #personal-plan .plan-header.header-with-image,
	.pricing-v1.plans-new-page.app #pro-plan .plan-header.header-with-image,
	.pricing-v1.plans-new-page.app #agency-plan .plan-header.header-with-image {
		background-position: right 50px bottom;
	}
	.pricing-v1.plans-new-page.app .plan-header.header-with-image .sub-heading,
	.pricing-v1.plans-new-page.app .plan-header.header-with-image h3 {
		width: 60%;

	}

	/* On the logged in page, get rid of the header image a little earlier than on the logged out page (see rules for 28em breakpoint below)*/
	.pricing-v1.plans-new-page.app #personal-plan .plan-header.header-with-image,
	.pricing-v1.plans-new-page.app #pro-plan .plan-header.header-with-image,
	.pricing-v1.plans-new-page.app #agency-plan .plan-header.header-with-image {
		background-image:none;
	}
	.pricing-v1.plans-new-page.app .plan-header.header-with-image .sub-heading,
	.pricing-v1.plans-new-page.app .plan-header.header-with-image h3 {
		width: 100%;
	}

}

@media screen and (max-width: 33em) {
	.pricing-v1.plans-new-page #personal-plan .plan-header.header-with-image,
	.pricing-v1.plans-new-page #pro-plan .plan-header.header-with-image,
	.pricing-v1.plans-new-page #agency-plan .plan-header.header-with-image {

		background-position: right 50px bottom;
	}
	.pricing-v1.plans-new-page .plan-header.header-with-image .sub-heading,
	.pricing-v1.plans-new-page .plan-header.header-with-image h3 {
		width: 60%;

	}
}


@media screen and (max-width: 28em) {
	.pricing-v1.plans-new-page #personal-plan .plan-header.header-with-image,
	.pricing-v1.plans-new-page #pro-plan .plan-header.header-with-image,
	.pricing-v1.plans-new-page #agency-plan .plan-header.header-with-image {
		background-image:none;
	}
	.pricing-v1.plans-new-page .plan-header.header-with-image .sub-heading,
	.pricing-v1.plans-new-page .plan-header.header-with-image h3 {
		width: 100%;
	}

	.pricing-plans-page.plans-new-page #basic-plan .plan-header.header-with-image,
	.pricing-plans-page.plans-new-page #premium-plan .plan-header.header-with-image {
		background-image:none;
	}
	.pricing-plans-page.plans-new-page .plan-header.header-with-image .pre-headline,
	.pricing-plans-page.plans-new-page .plan-header.header-with-image .sub-heading,
	.pricing-plans-page.plans-new-page .plan-header.header-with-image h3 {
		width: 100%;
	}
}