@import url( "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" );
@import url( "https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" );

/**
 * You will probably want to change these
 */
.lite-offer-widget .package,
.testimonials-section .header-bar,
.about-section .header-bar {
	background-color: #019fc7;
	color: white;
}

.header-bar,
.bonus-section .bonus-header,
.bonus-section .bonus-header h1,
dl.ordered > dt {
	color: #0d748d;
}

ol.ordered > li:before,
ul.ordered > li:before,
dl.ordered > dt:before {
	background-color: #019fc7;
}

.hilite,
.hilite-color {
	color: #0d748d !important;
}

.hilite-color2 {
	color: #019fc7 !important;
}

.hilite-color3 {
	color: #9a0654 !important; /* added this darker pink because it shows up better on the page */
}

.hilite-color4 {
	color: #8a288a !important;
}

.hilite-color5 {
	color: #396fb6 !important;
}

.hilite-color-subpackage {
	color: #8a288a !important;
}

/* other highlight color options pink: #f34ba3 and blue #396fb6 */

.offer-widget .shim,
.lite-offer-widget > .lite-offer-widget-body {
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #d0f0f7 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #d0f0f7 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #d0f0f7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #d0f0f7));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #d0f0f7 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #d0f0f7 100%);
}

.when {
}

.offer-widget .payment-plans .link a,
.full-offer-widget .payment-plans .link a,
.item-section .runtime > .duration,
.item-section .runtime > .when {
	color: #0077c7;
}

.cake q {
	color: #5e3b97;
}

.cake cite {
	color: #0d748d;
}

/**
 * You will probably NOT want to change these
 */
.full-offer-widget header {
	background-image: url( 'images/full-offer-header.png' );
}

.full-offer-widget footer {
	background-image: url( 'images/full-offer-footer.png' );
}

ul.checks > li:before,
ol.checks > li:before,
ul.circle-checks > li:before,
ol.circle-checks > li:before {
	color: #3e9100;
}

/**
 * Custom
 */
.center-checks {
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 25px 15px;
	max-width: 595px;
}

.center-checks > ul {
	margin: 0 auto;
	max-width: 433px;
}

.center-checks :last-child {
	margin-bottom: 0;
}

.alternating-pastels > dt {
	background-color: #0d748d;
}

.alternating-pastels.ordered > dt > .section-meat:before {
	color: #0d748d;
}

.downloads-boxed,
.alternating-pastels > dd:nth-of-type( 2n + 1 ),
.alternating-pastels.alternating-pastels-invert > dd:nth-of-type( 2n ) {
	background-color: #d0f0f7;
}

.dh {
	font-family: Roboto, sans-serif;
	color: #333;
	font-size: 1.16rem;
}

.dh h1,
.dh h2,
.dh h3,
.dh h4,
.dh h5,
.dh h6 {
	font-family: Raleway, sans-serif;
	font-weight: 700;
}

.dh h1 {
	font-size: 3rem;
}

.dh h2 {
	font-size: 1.8rem;
}

.dh h3 {
	font-size: 1.4rem;
}

.dh .widgets {
	color: #1e1e1e;
	font-family: Lato, sans-serif;
	font-size: 1rem;
}

.dh-filled {
	margin: 42.75px -15px;
	padding: 42.75px 15px;
}

#hero + .dh > .dh-filled:first-child,
.dh-filled + .dh-filled {
	margin-top: -42.75px !important;
}

.dh-buy-widget {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: -9.5px -15px !important;
}

.dh-buy-icon,
.dh-buy-text {
	margin: 0;
	padding: 9.5px 15px;
}

.dh-buy-icon {
	align-self: flex-start;
	flex: 0 0 auto;
	width: auto;
}

.dh-buy-icon > i {
	display: block;
	border-radius: 50%;
	width: 90px;
	background-color: rgb( 255, 112, 67 );
	color: white;
	font-size: 36px;
	line-height: 90px;
	text-align: center;
}

.dh-buy-text {
	width: 100%;
	color: #666;
	font-family: Lato;
	font-size: 17.92px;
}

.dh-buy-title.dh-buy-title {
	font-family: Roboto;
	font-size: 2.2rem;
	color: black;
}

@media( max-width: 767px ){
	.dh-buy-icon {
		display: none;
	}
}

@media( min-width: 768px ){
	.dh-buy-text {
		flex: 1 1 0%;
	}
	
	.dh-buy-title {
		text-align: left;
	}
}

.dh-buy-after {
	margin: 76px 0;
	border-color: rgba( 33, 33, 33, 0.25 );
	border-style: solid none;
	border-width: 1px;
	padding: 9.5px 0;
}

ul.checks.dh-checks {
	padding-left: 50px;
}

ul.checks.dh-checks > li:before {
	left: -25px;
	top: 0.58rem;
	margin-left: -18px;
	margin-top: -18px;
	color: #0cc;
	font-size: 36px;
	line-height: 1;
}

.dh-transition {
	margin: 42.75px -15px;
	padding: 28.5px 15px;
	background-color: rgb( 168, 221, 217 );
}

.dh-transition h1 {
	font-size: 2rem;
	font-weight: 700;
}

.dh-transition h2 {
	font-size: 1.8rem;
	font-weight: 700;
}

.dh-popup-button-holder {
	margin: 28.5px;
	line-height: 1;
	text-align: center;
}

.dh-popup-button {
	display: inline-block;
	border-radius: 40px;
	box-shadow: 0px 3px 10px rgb( 0, 0, 0, 0.2 ), inset 0px -2px 0px rgb( 0, 0, 0, 0.2 );
	padding: 20px 40px;
	background-color: white;
	color: rgb( 79, 195, 247 );
	font-size: 22px;
	text-decoration: none;
}

.dh-popup-button > .fa {
	margin-left: 30px;
}

.dh-popup {
	position: relative;
	margin: 40px auto !important;
	border-radius: 20px;
	padding: 40px;
	max-width: 900px;
	background-color: white;
}

.dh-testimonials {
	padding: 55px 15px;
	background-image: url( 'images/back-img2.png' );
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.dh-testimonial {
	position: relative;
	margin: 28.5px auto;
	border: none;
	padding: 55px 40px;
	max-width: 850px;
	background-color: white;
	color: #666;
	text-align: center;
}

.dh-testimonial:before {
	content: '\f10e';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -46px;
	margin-top: -46px;
	border-radius: 50%;
	width: 92px;
	background-color: #ef6292;
	color: white;
	font-family: FontAwesome;
	font-size: 40px;
	line-height: 92px;
	text-align: center;
}

.dh-testimonial-quote {
	font-size: 1.3rem;
	font-style: italic;
}

.dh-testimonial-cite {
	font-size: 1.1rem;
}

.dh-testimonial-cite-name,
.dh-testimonial-verified {
	font-weight: 700;
}

.dh1 {
	background-image: url( 'images/back-img1.png' );
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: black;
}

@media( max-width: 767px ) {
	.dh1 {
		background-position: center right;
	}
}

.dh1-h1.dh1-h1,
.dh1-h2.dh1-h2 {
	font-family: Roboto !important;
}

.dh1-h1.dh1-h1 {
	font-size: 1.8rem;
}

.dh1-h2.dh1-h2 {
	font-size: 1.4rem;
}

.dh1-h2-white {
	color: white;
}

.dh2-h2.dh2-h2,
.dh7-h2.dh7-h2 {
	font-size: 1.2rem;
	font-weight: 700;
	text-align: left;
}

.dh3,
.dh5 {
	background-color: rgb( 245, 245,245 );
}

.dh6 {
	background-color: rgb( 206, 232, 251 );
}