.WebsiteReviewForm {max-width: 640px;margin: 0 auto 20px auto;position: relative;z-index: 1;width: 100%;}
#cliffLeft {background: url(/Content/images/assessmentCliffLeft.png) right top no-repeat;background-position: right -60px top 0;height: calc(100% + 159px);width: 50%;width:calc(50% + 2px);position: absolute;left: 0;top: 0;margin-top: -159px;z-index: 1;}
#cliffRight {background: url(/Content/images/assessmentCliffRight.png) 2px top no-repeat;height: calc(100% + 159px);width: 50%;position: absolute;right: 0;top: 0;margin-top: -159px;}
.WebsiteReviews {background: #000;position: relative;}
#sharkWater {float: left;width: 100%;height: 240px;background: url(/Content/images/assessmentSharkWater.jpg) top center no-repeat;z-index: 0;}
.SiteReview .main__topPos {padding-bottom: 159px;text-align:center;}
.SiteReview #SendButton {margin-top: 15px;}
.SiteReview .Field {padding-top: 0;padding-bottom: 18px;}
.SiteReview .Field--hideLabel label {top: 0;}
.SiteReview .Field.halfInput {width: 49%;float: left;}
.hiLeft {margin-right: 2%;}
#Company04 {background: #0086C2;border-color: #00577C;color: #FFF;}
.SiteReview .StepTitle {color: #fff;font-size: 13px;font-weight: 700;letter-spacing: .06em;margin: 0 0 0;font-family: "Open Sans", sans-serif;padding: 0 0 4px;}
.SiteReview .StepTitle .stepDesc {font-style: normal;font-size: 13px;font-weight: normal;color: #aaa;font-family: "Caviar Dreams",sans-serif;white-space: nowrap;}
#ideaLabelHide, #siteReviewLegend {display: none;}
.requiredSym {color: #0086c2;margin-left: -13px;margin-top: 10px;position: absolute;}

#captchaContainer{text-align:center;}
#captchaContainer .g-recaptcha{display:inline-block;}

.SiteReview .Field.specialField{width:100%;}

@media only screen and (max-width: 1800px) {
	#cliffLeft {background-position: right -112px top 0;width: 50%;}
	#cliffRight {background-position: left -49px top 0;}
	.WebsiteReviewForm {max-width: 520px;}
}
@media only screen and (max-width: 1700px) {
	#cliffLeft {background-position: right -140px top 0;}
	#cliffRight {background-position: left -78px top 0;}
	.WebsiteReviewForm {max-width: 480px;}
}
@media only screen and (max-width: 1600px) {
	#cliffLeft {background-image: url(/Content/images/assessmentCliffLeft800.png);background-position: right top;}
	#cliffRight {background-image: url(/Content/images/assessmentCliffRight800.png);background-position: left top;}
}
@media only screen and (max-width: 1550px) {
	#cliffLeft {background-position: right -25px top 0;}
	#cliffRight {background-position: left -25px top 0;}
}
@media only screen and (max-width: 1450px) {
	#cliffLeft {background-position: right -75px top 0;}
	#cliffRight {background-position: left -75px top 0;}
	.WebsiteReviewForm {max-width: 400px;}
}
@media only screen and (max-width: 1300px) {
 	.WebsiteReviewForm {max-width: 530px;}
	#cliffLeft {background-image: url(/Content/images/assessmentCliffLeft650.png);background-position: right top;}
	#cliffRight {background-image: url(/Content/images/assessmentCliffRight650.png);background-position: left top;}
}
@media only screen and (max-width: 1200px) {
	#cliffLeft {background-position: right -50px top 0;}
	#cliffRight {background-position: left -50px top 0;}
	.WebsiteReviewForm {max-width: 480px;}
}
@media only screen and (max-width: 1100px) {
	#cliffLeft {background-position: right -100px top 0;}
	#cliffRight {background-position: left -100px top 0;}
	.WebsiteReviewForm {max-width: 350px;}
	.SiteReview .Field {font-size: 16px;}
	.SiteReview .Field.FormCaptcha label {font-size: 12px;line-height: 1.3em;}
	.SiteReview .Field.halfInput {float:none;width: 100%;}
	.SiteReview .Field {padding-bottom: 14px;}
	.SiteReview .Field textarea {height: 100px;}
}
@media only screen and (max-width: 1000px) {
	#cliffLeft {background: url(/Content/images/assessmentCliffLeft500.png) top left no-repeat;}
	#cliffRight {background: url(/Content/images/assessmentCliffRight500.png) top right no-repeat;}
	#sharkWater {background-size: 650px;height: 165px;}
	.SiteReview .main__topPos {padding-bottom: 90px;}
	.WebsiteReviewForm {max-width: 100%;padding: 0 250px;}
}
@media only screen and (max-width: 760px) {
	.WebsiteReviewForm {padding: 25px 220px 0;}
}
@media only screen and (max-width: 660px) {
	#cliffLeft {background:url(/Content/images/assessmentCliffLeft330.png) top left no-repeat;margin-top: -250px;}
	#cliffRight {background: url(/Content/images/assessmentCliffRight330.png) top right no-repeat;width: 330px;margin-top: -250px;}
	.WebsiteReviewForm {background: none;padding: 0 20px;}
	.SiteReview .main__topPos {padding-bottom: 180px;}
	#cliffLeft {width:70%;}
}
@media only screen and (max-width: 580px) {
	#cliffLeft {background:url(/Content/images/assessmentCliffLeft265.png) top left no-repeat;margin-top: -250px;}
}
@media only screen and (max-width: 520px) {
	#cliffLeft {background:url(/Content/images/assessmentCliffLeft225.png) top left no-repeat;margin-top: -250px;}
	#cliffRight {background: url(/Content/images/assessmentCliffRight225.png) top right no-repeat;width: 330px;margin-top: -250px;}
}
@media only screen and (max-width: 400px) {
	#cliffLeft {background:url(/Content/images/assessmentCliffLeft160.png) top left no-repeat;margin-top: -250px;}
}
@media only screen and (max-width: 340px) {
	#cliffRight {display:none;}
	#cliffLeft {background: url(/Content/images/assessmentCliffLeft330.png) top left no-repeat;margin-top: -250px;width:100%;}
}
