/*Colors
Sky : #dbf0f1;
Sea : #b6e1e3;
Afternoon : #96d4cc;
Blue : #2aa0b2;
Dark Blue : #506d7e;
Orange : #c23d34;
Sunshine : #fcd869;
Tangerine: #fdc689;
Peach : #fef1e1;
-----------------------------------------*/
/*Sky Blue*/
.sky {color:#dbf0f1;}
.price-grid-key-attribute-item:nth-child(even),
.plan-attribute-item:nth-child(odd),
.sky-back {background-color:#dbf0f1;}
.sky-border {border-color:#dbf0f1;}
.sky-fill {fill:#dbf0f1;}
/*Sea Blue*/
.sea {color:#b6e1e3;}
.list_item_number::after,
.sea-back {background-color:#b6e1e3;}
.sea-border {border-color:#b6e1e3;}
.sea-fill {fill:#b6e1e3;}
/*Afternoon Blue*/
.afternoon {color:#96d4cc;}
.afternoon-back {background-color:#96d4cc;}
.afternoon-border {border-color:#96d4cc;}
.afternoon-fill {fill:#96d4cc;}
/*Blue*/
.savings-over-lawyer::before,
.plan-attribute-yes::before,
.price-grid-plan .plan-price,
.blue {color:#2aa0b2;}
.price-grid-plan.price-grid-featured-plan::after,
.featured-plan-flag,
.blue-back {background-color:#2aa0b2;}
.price-grid-featured-plan,
.blue-border {border-color:#2aa0b2;}
.blue-fill {fill:#2aa0b2;}
/*Dark Blue*/
.plan-attribute-no::before,
.price-grid-plan h3,
.dark_blue {color:#506d7e;}
.background-image-item::before,
.dark_blue-back {background-color:#506d7e;}
.dark_blue-border {border-color:#506d7e;}
.dark_blue-fill {fill:#506d7e;}
/*Orange*/
.button-container a.orange-button,
.orange {color:#c23d34;}
.button-container a.orange-button:hover::after,
.orange-back {background-color:#c23d34;}
.button-container a.orange-button::before,
.orange-border {border-color:#c23d34;}
.orange-fill {fill:#c23d34;}
/*Sunshine*/
.sunshine {color:#fcd869;}
.sunshine-back {background-color:#fcd869;}
.sunshine-border {border-color:#fcd869;}
.sunshine-fill {fill:#fcd869;}
/*Tangerine*/
.tangerine {color:#fdc689;}
.button-container a.orange-button::after,
.tangerine-back {background-color:#fdc689;}
.tangerine-border {border-color:#fdc689;}
.tangerine-fill {fill:#fdc689;}
/*Peach*/
.button-container a.orange-button:hover,
.peach {color:#fef1e1;}
.peach-back {background-color:#fef1e1;}
.peach-border {border-color:#fef1e1;}
.peach-fill {fill:#fef1e1;}
/*White*/
.featured-plan-flag,
.white {color: #fff;}
.price-grid-container,
.white-back {background-color:#fff;}
.white-border {border-color:#fff;}
.white-fill {fill:#fff;}
/*transparent*/
.price-grid-plan-attribute-item,
.transparent {color: transparent;}
.price-grid-key-item.plan-select-button,
.price-grid-key-attribute-item:nth-child(odd),
.price-grid-key-item.plan-price-initial,
.transparent-back {background-color: transparent;}
.transparent-border {border-color: transparent;}
.transparent-fill {fill: transparent;}
/*Fonts*/
body,
.font_saira {font-family: 'Saira', sans-serif;}
.font_roboto {font-family: 'Roboto', sans-serif;}
body {
	line-height: 1.2;
}
p {
	padding: 0;
	margin: 0 0 10px 0;
}
h6,h5,h4,h3,h2,h1 {
	padding: 0;
	margin: 0 0 10px 0;
}
h2,h1 {
	margin-bottom: 20px;
}
/*Font Sizes*/
.font_small {font-size: 12px;}
h6,
body,
p,
.font_normal {font-size: 16px;}
h4,h5,h3,
.font_med {font-size: 18px}
.font_lg {font-size: 22px;}
.plan-attribute-item::before,
.price-grid-plan .plan-price-monthly,
h2,
.font_xl {
	font-size: 24px;
}
h1,
.font_xxl {font-size: 28px;}
.price-grid-plan .plan-price-initial,
.font_xxxl {font-size: 36px}
@media (min-width: 768px) {
	.font_small {font-size: 14px;}
	h6,
	body,
	p,
	.font_normal {font-size: 18px;}
	h4,h5,
	.font_med {font-size: 20px}
	h3,
	.font_lg {font-size: 24px;}
	.plan-attribute-item::before,
	.price-grid-plan .plan-price-monthly,
	h2,
	.font_xl {
		font-size: 28px;
	}
	h1,
	.font_xxl {font-size: 36px;}
	.price-grid-plan .plan-price-initial,
	.font_xxxl {font-size: 48px}
}
/*Images*/
.background-image-item {
	background-image: url(the_postage_documents_1-scaled.jpg);
	background-size: cover;
	background-image-opacity: .5;
}
/*Body*/
.background-image-item{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
}
.background-image-item::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .8;
}
section.price-grid-container {
	z-index: 2;
	position: relative;
	width: 100%;
	margin: auto;
}
@media (min-width: 768px) {
	section.price-grid-container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	section.price-grid-container {}
}
/*GRID
---------------------------------------------------------------*/
/* UNIVERSAL STYLES
---------------------------------------------------------------*/
.price-grid-container {}
	.price-grid-content {
		display:flex;
		flex-direction: row;
		padding: 40px 20px 20px 20px;
	}
		.price-grid-content ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
/*key items*/
.price-grid-key-container {
	display: flex;
	flex-direction: column;
	align-self: flex-end;
}
	.price-grid-key-items {
		text-align: left;
		align-items: center;
	}
		.price-grid-key-item {
			height: 50px;
			padding: 0 5px;
			align-items: center;
			align-self: center;
		}
		.price-grid-key-item.price-grid-key-attribute-item {}
/*price grid items*/
.price-grid-plan-container {
	display: flex;
	flex-direction: row;
	width: 75%;
}
	.price-grid-plan {
		display: flex;
		flex-direction: column;
		align-items: center;
		box-sizing: border-box;
		position: relative;
	}
	.price-grid-plan.price-grid-featured-plan {
		border-width: 2px;
		border-style: solid;
		border-top: 0;
		border-bottom:0;
	}
		.price-grid-plan.price-grid-featured-plan::after {
			content: '';
			height: 2px;
			width: 100%;
			width: calc(100% + 2px);
			position: absolute;
			bottom: 0;
			left: -2px;
		}
		.featured-plan-flag {
			position: absolute;
			top: 0;
			left: -2px;
			width: 100%;
			width: calc(100% + 4px);
			box-sizing: border-box;
			padding: 5px 10px;
			text-align: center;
		}

		.featured-plan-flag strong {
			color: inherit;
		}

		.price-grid-plan-items {}
			.price-grid-plan-item {
				display: flex;
				text-align: center;
				align-items: center;
			}
			.price-grid-plan-attribute-item {
				overflow: hidden;
				text-indent: -100000px;
			}
				.price-grid-plan-attribute-item::before {
					position: absolute;
					display: block;
					top: 50%;
					left: 50%;
					transform: translateX(-50%) translateY(-50%);
					text-indent: 0;
				}
			.price-grid-item-title {
				height: 90px;
				padding: 0 10px;
			}
				.price-grid-item-title h3 {
					margin: 0;
				}
			.price-grid-plan-attribute-item.plan-attribute-yes,
			.price-grid-plan-attribute-item.plan-attribute-no {}
			.price-grid-plan-attribute-item.plan-attribute-yes {}
			.price-grid-plan-attribute-item.plan-attribute-no {}
			.price-grid-plan-attribute-item.plan-attribute-yes::before {content: '\2713';}
			.price-grid-plan-attribute-item.plan-attribute-no::before {content: 'X';}
			.price-grid-plan-attribute-item.plan-attribute-pricelow::before {content: '$';}
			.price-grid-plan-attribute-item.plan-attribute-pricemed::before {content: '$$';}
			.price-grid-plan-attribute-item.plan-attribute-pricehigh::before {content: '$$$';}

/*universal items for grid/key */
.plan-attribute-item {
	height: 50px;
	position: relative;
	display: flex;
}
.plan-price {}
	.plan-price strong {
		display: block;
		width: 100%;
		position: relative;
		height: auto;
		line-height: 100%;
	}
.plan-price-initial {
	height: 60px;
	display: flex;
	align-self: center;
	align-items: center;
}
.plan-price-monthly {
	height: 50px;
}
.plan-select-button {
	height: 90px;
	padding: 0 10px;
}
.will-for-primary {}
.will-for-secondary {}
.will-upload {}
.after-life-planning {}
.password-storage {}
.savings-over-lawyer {}
/* MOBILE STYLES
---------------------------------------------------------------*/
@media (max-width: 768px) {
	.price-grid-content {
		position: relative;
		box-sizing: border-box;
		overflow: hidden;
		padding: 0;
	}
	.price-grid-content::before,
	.price-grid-content::after {
		content: '';
		width: 10px;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 10;
	}
	.price-grid-content::before {
		left: 40%;
		background: linear-gradient(to right, rgba(0,0,0,.125), rgba(255,255,255,0)) ;
	}
	.price-grid-content::after {
		right: 0;
		background: linear-gradient(to left, rgba(0,0,0,.125), rgba(255,255,255,0)) ;
	}
	/*key items*/
	.price-grid-key-container {
		width: 40%;
		flex-shrink: 0;
		flex-grow: 1;
		padding-bottom: 17px;
	}
	/*price grid items*/
	.price-grid-plan-container {
		width:60% ;
		flex-shrink: 1;
		flex-grow: 1;
		overflow: auto;
	}
	.has-featured-plan .price-grid-plan {
		padding-top: 20px;
	}
}
/* DESKTOP STYLES
---------------------------------------------------------------*/
@media (min-width: 768px) {
	.price-grid-content {
		padding: 40px;
	}
	/*key items*/
	.price-grid-key-container {
		width: 25%;
		flex-shrink: 0;
		flex-grow: 0;
	}
		.price-grid-key-items {
			flex-shrink: 0;
		}
			.price-grid-key-item {
				padding: 0 15px;
			}
	/*price grid items*/
	.featured-plan-flag {
		transform: translateY(-100%);
	}
}/*DESKTOP END*/

/**/

.price-grid-plan .plan-price strong {
	color: inherit;
}

/*
This stylesheet is only to control the testimonial carousel nothing inside of it
should impact the other styles or main styles of the site.
 */
.carousel-inner {
	margin-top: 2px;
}

.carousel .item {
	color: #999;
	overflow: hidden;
	min-height: 120px;
	font-size: 13px;
}

@media (max-width: 991px) {
	.works-description {
		font-size: 12px;
	}
}

.carousel .testimonial {
	color: #506d7e;
	position: relative;
	background: #DBF0F1;
	padding: 15px;
	margin: 0 0 20px 20px;
}

	.carousel .testimonial::before {
		content: "";
		top: -3px;
		left: -3px;
		right: 3px;
		bottom: 3px;
		border: #96d4cc 1.5px solid;
		position: absolute;
	}

	.carousel .testimonial::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 65%;
		width: 0;
		height: 0;
		border: 58px solid transparent;
		border-top-color: #DBF0F1;
		border-bottom: 0;
		border-right: 0;
		margin-left: -29px;
		margin-bottom: -58px;
	}

.carousel .item .row > div:first-child .testimonial {
	margin: 20px;
}

.carousel .item .row > div:first-child .media {
	margin-left: 0;
}

.carousel .testimonial p {
	text-indent: 40px;
	line-height: 21px;
	margin: 0;
}

	.carousel .testimonial p::before {
		display: none;
	}

.carousel .overview {
	padding: 3px 0 0 1px;
}

	.carousel .overview .details {
		padding: 5px 0 8px;
	}

	.carousel .overview b {
		text-transform: uppercase;
		color: #2aa0b2;
	}

.carousel-text {
	font-size: 15px;
	font-color: #506d7e;
}

.person-text {
	margin-left: 75% !important;
}

.circle-icon {
	background: #DBF0F1;
	padding: 10px;
	border-radius: 50%;
	color: #2aa0b2 !important;
}

.carousel-testimonial-prev {
	margin-left: 20px;
}

.carousel-testimonial-next {
	margin-right: 20px;
}

.testimonial-heading {
	text-align: center;
	padding-top: 50px;
}

#myCarousel {
	min-height: 420px;
}

@media (max-width: 992px) {
	.carousel-testimonial-prev {
		margin-left: 0px;
	}

	.carousel-testimonial-next {
		margin-right: 0px;
	}
}

#bottom-buy-button {
	width: 55%;
	height: 60px;
	padding-top: 6% !important;
}

@media (max-width: 450px) {
	#bottom-buy-button {
		height: 40px;
	}
}

</style >