/**
* Last Mod: 2023-03-23 21:10:44
*/

.blockTop .whatWeDoImgSet {
	float: left;
	margin-right: 1.25rem;
}
.blockTop .whatWeDoImgSet .imgWhatWeDo {
	transition: width 0.3s ease;
}
p.quote {
	display: inline-block;
	margin: 0;
}
p.quote cite {
	font-weight: bold;
}
p.quote em {
	float: right;
	margin-right: 0.625rem;
	font-size: 0.75rem;
}

.blockMiddle ul {
	margin-left: 2rem;
}
.blockMiddle ul li {
	margin-bottom: 5px;
}
.blockMiddle .blockLeft h2,
.blockMiddle .blockRight h2 {
	margin-left: 0;
}
.blockMiddle .blockLeft h2::before,
.blockMiddle .blockRight h2::before {
	margin-left: 0;
}

.blockMiddle .blockText .imgSet {
	width: 16.25rem;
	float: right;
	margin-left: 2rem;
}
.blockMiddle .blockText .imgSet > div img {
	padding: 0.188rem;
	border: solid 1px #e0e0e0;
	transition: all 0.3s ease;
}
.blockMiddle .blockText .imgSet > div + div {
	margin-top: 1rem;
}

.blockBottom .referralImg {
	width: 19.375rem;
	float: right;
	margin: 0 0 0.938rem 1.25rem;
}
.blockBottom .referralImg .smiley {
	padding: 0.188rem;
	border: solid 1px #e0e0e0;
	transition: all 0.3s ease;
}
.blockBottom .perc {
	font-size: 1.125rem;
	font-weight: bold;
}
#referalAnchor {
	position: absolute;
	left: 0;
	top: -6.875rem;
}

ul { margin-left: 10px; padding-left: 10px; }
.quoteRWE { position: relative; float: left; width: 320px; height: 34px; text-align: left; margin-bottom: 10px; font-size: 13px; }
.utdText { position: relative; float: left; width: 700px; height: auto; }

#upperTextDiv { position: relative; width: 890px; height: auto; margin: 0px auto; }
.utdInner { position: relative; height: 120px; padding: 10px; }

#lowerTextDiv { margin-top: 20px; }
.shortDivider { position: relative; height: 30px; margin-bottom: 6px; background: url('../images/dd_divider_short.gif') bottom no-repeat; }
.lowerText { padding: 5px 20px 0px 20px; }
#newsDiv { position: relative; float: left; width: 403px; height: auto; }
#offerDiv { position: relative; float: right; width: 403px; height: auto; }

@media (max-width:768px) {
	.blockMiddle .blockText .imgSet {
		width: 13.125rem;
	}
	.blockMiddle .blockText .imgSet > div img {
		width: 12.5rem;
		height: auto;
	}
}
@media (max-width:680px) {
	.blockTop .whatWeDoImgSet .imgWhatWeDo {
		width: 9.375rem;
		height: auto;
	}
	p.quote {
		max-width: 18.75rem;
	}
	.blockMiddle ul {
		margin-left: 1rem;
	}
	.blockMiddle .blockText .imgSet {
		width: 10rem;
	}
	.blockMiddle .blockText .imgSet > div img {
		width: 9.375rem;
	}
	.blockBottom .referralImg {
		width: 16.25rem;
	}
	.blockBottom .referralImg .smiley {
		width: 15.625rem;
		height: auto;
	}
}
@media (max-width:540px) {
	.blockTop .whatWeDoImgSet {
		float: unset;
		width: auto;
		text-align: center;
	}
	.blockTop .whatWeDoImgSet .imgWhatWeDo {
		margin-bottom: 0.875rem;
	}
	p.quote {
		text-align: center;
		width: 100%;
		max-width: unset;
	}
	.blockBottom .referralImg {
		width: auto;
		float: unset;
		margin-left: 0;
	}
	.blockBottom .referralImg .smiley {
		width: auto;
	}
	.blockMiddle .blockText .imgSet {
		display: flex;
		float: unset;
		width: auto;
		align-items: center;
		padding: 0 0 1rem;
		margin-left: 0;
	}
	.blockMiddle .blockText .imgSet > div {
		flex-grow: 1;
		text-align: center;
	}
	.blockMiddle .blockText .imgSet > div + div {
		margin-top: 0;
	}
}