/* Price Component */


/* Pricing Component */

.price-block {
	display: inline-block;
	font-size: 4rem;
	line-height: 1;
	font-family: Open Sans, Arial, sans-serif;
}

.price-block > .p-row {
	display: table-row;
}

.price-block .before,
.price-block .after {
	font-size: 50%;
	text-align: left;
	display: block;
}

.price-block .price {
	display: table;
}

.price-block .price > .p-col {
	padding: 0 0.1rem;
}

.price-block .price > .p-col:first-child {
	padding-left: 0;
}

.price-block .price > .p-col:last-child,
.price-block .price > .p-col.currency {
	padding-right: 0;
}

.price-block .currency,
.price-block .whole,
.price-block .details {
	display: table-cell;
	vertical-align: top;
}

.price-block .whole {
	font-size: 100%;
}

.price-block .currency {
	font-size: 66.66667%;
}

.price-block .details {
	font-size: 33.33333%;
}

.price-block .details > .inner {
	display: table;
}

.price-block .details .p-row {
	display: table-row;
}


/* Pricing Component:  Double Price Block */

.price-block-double {
	display: inline-block;
}

.price-block-double::after {
	content: '';
	display: table;
	clear: both;
}

.price-block-double .price-block,
.price-block-double .separator {
	float: left;
}

.price-block-double .separator {
	margin: 0 1rem;
	font-size: 90%;
}

.price-style-01 .before,
.price-style-01 .after {
	font-size: 35%;
}

.price-style-01 .currency,
.price-style-01 .whole,
.price-style-01 .super,
.price-style-01 .separator {
	color: #00629b;
	font-weight: 800;
}

.price-style-01 .currency,
.price-style-01 .super {
	font-size: 45%;
}

.price-style-01 .details {
	text-align: center;
	font-size: 100%;
}

.price-style-01 .term {
	font-size: 30%;
}

.price-style-01 .separator {
	font-size: 3.6rem;
}

.price-style-02 {
	color: #00629b;
}

.price-style-02.price-block {
	font-size: 4.1rem;
}

.price-style-02 .before,
.price-style-02 .after {
	font-size: 53.65854%;
	text-align: center;
}

.price-style-02 .before {
	padding-bottom: 0.2rem;
	float: left;
}

.price-style-02 .price {
	float: left;
	padding-left: 0.5rem;
}

.price-style-02 .currency,
.price-style-02 .whole,
.price-style-02 .super,
.price-style-02 .separator {
	font-weight: 800;
}

.price-style-02 .currency {
	font-size: 45.3125%;
}

.price-style-02 .whole {
	line-height: .9;
}

.price-style-02 .super {
	font-size: 46.34146%;
}

.price-style-02 .details {
	text-align: left;
	font-size: 100%;
}

.price-style-02 .term {
	font-size: 29.26829%;
}

.price-style-02 .separator {
	font-size: 5.76rem;
}

.price-style-03 {
	color: #00629b;
}

.price-style-03.price-block {
	font-size: 6.24rem;
}


/* Style 3, alternate version. Intended for use within 'Best Choice' Offer Columns */

.price-style-03.price-block.alternate {
	font-size: 24vw;
}

.price-style-03 .before,
.price-style-03 .after {
	font-size: 16.66667%;
	font-weight: 700;
}

.price-style-03 .before {
	text-align: left;
}

.price-style-03 .currency,
.price-style-03 .whole,
.price-style-03 .super,
.price-style-03 .separator {
	font-weight: 800;
}

.price-style-03 .currency {
	font-size: 39.58333%;
}

.price-style-03 .whole {
	line-height: 0.8;
	font-weight: 700;
}

.price-style-03 .super {
	font-size: 28.125%;
}

.price-style-03 .super .extra {
	font-size: 90%;
}

.price-style-03 .details {
	text-align: left;
	font-size: 100%;
}

.price-style-03 .term {
	font-size: 14.58333%;
}

.price-style-03 .separator {
	font-size: 8.64rem;
}

.price-style-05 {
	color: #0077bc;
}

.price-style-05.price-block {
	font-size: 11rem;
	font-weight: 800;
}

.price-style-05 .before,
.price-style-05 .after {
	font-size: 13.63636%;
	font-weight: 400;
}

.price-style-05 .before {
	text-align: left;
}

.price-style-05 .currency,
.price-style-05 .whole,
.price-style-05 .super,
.price-style-05 .separator {
	font-weight: 800;
}

.price-style-05 .currency,
.price-style-05 .super {
	font-size: 27.27273%;
	line-height: 1.2;
}

.price-style-05 .whole {
	line-height: 0.8;
}

.price-style-05 .super .extra {
	font-weight: 400;
	font-size: 66.66667%;
}

.price-style-05 .details {
	text-align: left;
	font-size: 100%;
}

.price-style-05 .term {
	font-weight: 400;
	font-size: 13.63636%;
}

.price-style-05 .separator {
	font-size: 15.3rem;
}

@media (min-width: 768px) {
	.price-style-03.price-block.alternate,
	.price-style-03.price-block {
		font-size: 9.6rem;
	}
}

@media (min-width: 992px) {
	.price-style-01 .currency,
	.price-style-01 .whole,
	.price-style-01 .super,
	.price-style-01 .separator {
		color: #0077bc;
		background-image: none;
	}
	@supports ((-webkit-background-clip:text) or (background-clip:text)) and ((-webkit-text-fill-color:transparent) or (text-fill-color:transparent)) {
		.price-style-01 .currency,
		.price-style-01 .whole,
		.price-style-01 .super,
		.price-style-01 .separator {
			-webkit-text-fill-color: transparent;
			text-fill-color: transparent;
			-webkit-background-clip: text;
			background-clip: text;
			background-repeat: repeat-x;
			background-image: -webkit-linear-gradient(top, #4ab3f1, #00629b);
			background-image: linear-gradient(180deg, #4ab3f1 0, #00629b);
		}
	}
	.price-style-01 .details {
		text-align: right;
	}
	.price-style-02.price-block {
		font-size: 6.4rem;
	}
	.price-style-02 .before,
	.price-style-02 .after {
		font-size: 34.375%;
	}
	.price-style-02 .before {
		float: none;
	}
	.price-style-02 .price {
		padding-left: 0;
		float: none;
	}
	.price-style-02 .currency,
	.price-style-02 .whole,
	.price-style-02 .super,
	.price-style-02 .separator {
		color: #0077bc;
		background-image: none;
	}
	@supports ((-webkit-background-clip:text) or (background-clip:text)) and ((-webkit-text-fill-color:transparent) or (text-fill-color:transparent)) {
		.price-style-02 .currency,
		.price-style-02 .whole,
		.price-style-02 .super,
		.price-style-02 .separator {
			-webkit-text-fill-color: transparent;
			text-fill-color: transparent;
			-webkit-background-clip: text;
			background-clip: text;
			background-repeat: repeat-x;
			background-image: -webkit-linear-gradient(top, #4ab3f1, #00629b);
			background-image: linear-gradient(180deg, #4ab3f1 0, #00629b);
		}
	}
	.price-style-02 .super {
		font-size: 25%;
	}
	.price-style-02 .term {
		font-size: 18.75%;
	}
	.price-style-05.price-block {
		font-size: 17rem;
	}
	.price-style-05 .before,
	.price-style-05 .after {
		font-size: 11.76471%;
	}
	.price-style-05 .currency,
	.price-style-05 .super {
		line-height: 1.3;
		font-size: 23.52941%;
	}
	.price-style-05 .super .extra {
		font-size: 62.5%;
	}
	.price-style-05 .term {
		font-size: 11.76471%;
	}
}
