#heroImgContainer {
	background-position: center 65% !important;
	background-attachment: scroll;
	background-repeat: no-repeat;
	text-align: left;
}

.heroTextContainer {
	height: 0;
}
.orangeBtn {
	background-color: #008762;
}

#heroText {
	position: relative;
	top: -330px;
	left: 0px;
	z-index: 3;
	width: 100%;
}

	#heroText h1 {
		color: #ffffff;
		font-family: 'Open Sans', sans-serif;
		font-weight: bold;
		font-size: 40px;
		line-height: 44px;
		font-style: normal;
	}

.comparisontabs {
	width: 930px;
	position: relative;
	overflow: hidden;
	padding: 0;
	z-index: 10;
	margin: 10px 0 0px 0px;
	height: 74px;
}

	

.comparisonTableContainer {
	margin: 0 auto;
	overflow: hidden;
}

.largeComparisonTableTabs {
	position: relative;
	left: 282px;
}

.comparisonTableTabs {
	position: relative;
	left: 287px;
}

.comparisonTable {
	border: none;
}

	.comparisonTable tr td {
		border-bottom: 1px dotted #7B7B7B;
	}

	.comparisonTable tr th {
		border-bottom: 1px dotted #7B7B7B;
		font-family: 'Open Sans', sans-serif;
	}

		.comparisonTable tr th.categoryCell {
			width: 307px;
			text-align: left;
			border-right: 1px dotted #7B7B7B;
			background-color: #F2F2F2;
			vertical-align: middle;
			color: #34A350;
			height: 55px;
			font-family: 'Open Sans', sans-serif;
			padding-left: 10px;
		}

	.comparisonTable tr td.categoryCell {
		width: 307px;
		text-align: left;
		border-right: 1px dotted #7B7B7B;
		background-color: #ffffff;
		vertical-align: middle;
		height: 86px;
		font-family: 'Open Sans', sans-serif;
		padding-left: 10px;
		color: #4F4F4F;
	}

	.comparisonTable tr th.hpScoreCell {
		border-right: 1px dotted #7B7B7B;
		background-color: #34A350;
		text-align: center;
		vertical-align: middle;
		color: #ffffff;
		font-family: 'Open Sans', sans-serif;
	}

	.comparisonTable tr td.hpScoreCell {
		border-right: 1px dotted #7B7B7B;
		background-color: #ECF6EE;
		text-align: center;
		vertical-align: middle;
		color: #19a64a;
		font-family: 'Open Sans', sans-serif;
	}

	.comparisonTable tr th.compScoreCell {
		border-right: 1px solid #19a64a;
		background-color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
		width: 135px;
		font-family: 'Open Sans', sans-serif;
	}

	.comparisonTable tr td.compScoreCell {
		border-right: 1px solid #19a64a;
		background-color: #FFFFFF;
		color: #4F4F4F;
		text-align: center;
		vertical-align: middle;
		width: 135px;
		font-family: 'Open Sans', sans-serif;
	}

	.comparisonTable tr th.lastCompScoreCell {
		background-color: #BCBCBC;
		color: #ffffff;
		text-align: center;
		vertical-align: middle;
		padding-right: 9px;
		width: 146px;
		font-family: 'Open Sans', sans-serif;
	}

	.comparisonTable tr td.lastCompScoreCell {
		background-color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
		padding-right: 9px;
		color: #4F4F4F;
		width: 146px;
		font-family: 'Open Sans', sans-serif;
	}

.comparisonBottomSeeMore {
	float: right;
	position: relative;
	right: 11px;
}

	.comparisonBottomSeeMore .whiteBtn {
		width: 122px;
		margin: 0 6px;
		font-size: 11px;
	}
.act div {
    color: #34a350 !important;
}

.act input {
    border-bottom: 3px solid #34a350 !important;
}

.is-active.is-completed div {
    top: 0px !important;
    font-size: 12px !important;
}
@media only screen and (min-width:1400px) {
    .newBox {
        margin-left: -8px !important;
    }
}

@media screen and (min-width: 768px) {
    .competitorHead {
        width: 96px;
    }
    #heroImgContainer{
        height: 520px !important;
    }
    #heroText h2 {
        color: #ffffff;
        font-family: 'Open Sans',sans-serif;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        font-style: normal;
        text-align: left;
    }
}
@media screen and (max-width: 767px) {

	.heroTextContainer {
		height: unset;
	}

	#heroText {
		position: relative;
		top: -120px;
		left: 5px;
		z-index: 3;
		width: 100%;
		text-align: center;
	}

	.outside {
		position: absolute;
		display: table;
	}

	.inside {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	#heroText h1 {
		color: #ffffff;
		font-family: 'Amatic SC';
		font-weight: bold;
		font-size: 28px;
		line-height: 60px;
		font-style: normal;
	}

	#heroText h3 {
		color: #ffffff;
		font-size: 14px;
		line-height: 27px;
		width: 236px;
	}

	table.comparisonTable tr td.hpScoreCell {
		font-size: 16px;
	}
	
	div.customerReviewBox {
		border: 1px #c9c9c9 solid;
		position: relative;
		padding: 16px 16px 80px;
		margin: 0 0 20px 0;
	}

	div.whiteBox {
		background-color: #fff;
		border-radius: 0;
		-moz-border-radius: 0;
	}

	div.grayBox {
		background-color: #fff;
		border-radius: 0;
		-moz-border-radius: 0;
	}

	.green {
		font-size: 18px;
		color: #19a64a;
	}

	.BottomLogoArea {
		background: #f8f8f8;
		border-top: 1px solid #c9c9c9;
		bottom: 0;
		height: 60px;
		width: 100%;
		position: absolute;
		margin-left: -16px;
		padding: 8px;
	}

	.comparisonBottomSeeMore .whiteBtn {
		font-size: 11px;
	}

	.reviewContent {
		height: 100%;
	}
}