html, body{
	background-color: #fff;
}

.ef-vtform-1, ul#gform_fields_1{
	text-align: center;
}

#ef-valuation-tool-form h1{
	font-size: 35px;
	color: #000;
	font-weight: bold;
}

/*----PAGE 2----*/

.ef-vtform-2{
	/*width: 90%;
	margin: 0 auto;*/
	margin: 0 10%;
	text-align: center;
}

/*-------------------------*/
#ef-vt-s1,
#ef-vt-s2, 
#ef_vt_confirmation_message {
	text-align: center;
}

#ef-vt-p {
	margin: 11px 15% 85px;
}

.ef-vt-row {
	float: left !important;
	clear: both !important;
	width: 100% !important;
	min-height: 100px !important;
	margin-bottom: 20px !important;
}

.ef-vt-row p {
	margin-bottom: 5px !important;
}

.ef-vt-column {
	float: left !important;
	text-align: center !important;
	width: 33% !important;
	margin: 5px auto !important;
}

/*-------------------------*/

.left-inner-addon i {
padding: 12px 12px !important;
}

.right-inner-addon i {
padding: 12px 12px !important;
}

/*-----Date Picker-----*/
div#ui-datepicker-div{
	width: 273px !important;
	/*width: 20% !important;
	background: #9B9B9B !important;*/
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{
	background: #e6e6e6 !important;
}

a.ui-state-default{
	background: #e6e6e6 !important;
	/*color: #fff !important;*/
	width: 28px;
}

a.ui-state-default.ui-state-highlight{
	border-color: #e6e6e6 !important;
	background: #fff !important;
	/*color: #cccccc !important;*/
}

a.ui-state-default.ui-state-active{
	background-color: #3c79cb !important;
	color: #fff !important;
}

/*----PAGE 4----*/

#gforms_confirmation_message p{
	font-size: 15px;
}

#gforms_confirmation_message h1{
	font-size: 40px;
	color: #000;
	font-weight: bold;
}

#gforms_confirmation_message a{
	color: #3c79cb;
	text-decoration: none;
}

.ef-vt-valuation-container{
	/*background-color: #fff;*/
	color: #333333;
	padding: 0px 10px;
}

.result{
	border: 3px solid #3c79cb;
	border-radius:30px;
	/*width: 90%;*/
	/*margin: 0 auto;*/
	padding: 0px;
	margin: 0 15%;
}


/*---------------ef_vt_confirmation_message img---------------*/

.rC_img, .rW_img, .rM_img{
	width: 50%;
	margin-bottom: 37px;
	margin: 0 auto;
}

.rC_img{
	background:url(../images/rCash.png) no-repeat center;
	height: 160px;
	background-size: 70%;
}

.rW_img{
	background:url(../images/rWebsite.png) no-repeat center;
	height: 160px;
	background-size: 70%;
}

.rM_img{
	background:url(../images/rMonthly.png) no-repeat center;
	height: 160px;
	background-size: 70%;
}





#ef_vt_confirmation_message strong{
	color: #3c79cb;
}

#rC, #rW, #rM{
	float: left;
	width: 29%;
	/*padding-bottom: 20px !important;*/
}

#rC{
	margin: 10px 1.4%;
	padding: 5px 3px;
}
#rW{
	margin: 10px 0px;
	padding: 5px 1.3%;
	border-left: 3px solid #6a6a6a;
	border-right: 3px solid #6a6a6a;
}
#rM{
	margin: 10px 1.4%;
	padding: 5px 3px;
}

.ef-vt-valuation-container h1{
	text-align: center;
}

/*---------------------------valuation need_improvement---------------------------*/

.valuation.need_improvement{
	border: 3px solid #ff0000;
	border-radius:30px;
	/*width: 100%;
	margin: 11px auto;*/
	padding: 30px;
	background:url(../images/needsImprovement.png) no-repeat left center;
	background-origin: content-box;
	min-height: 136px;
	margin: 11px 15%;
	background-size: 22%;
}

/*.valuation.need_improvement .valuation-image{
	background:url(../images/needsImprovement.png) no-repeat left center;
	background-size: 226px 226px;
	height: 226px;
	width: 226px;
	margin-bottom: 2.5%;
	margin-top: 2.5%;
}*/

.valuation.need_improvement .valuation-title{
	color: #ff0000;
}

/*---------------------------valuation going_well---------------------------*/

.valuation.going_well{	
	border: 3px solid #005e20;
	border-radius:30px;
	/*width: 100%;
	margin: 11px auto;*/
	padding: 30px;
	background:url(../images/goingWell.png) no-repeat left center;
	background-origin: content-box;
	min-height: 136px;
	margin: 11px 15%;
	background-size: 22%;
}

/*.valuation.going_well .valuation-image{
	background:url(../images/goingWell.png) no-repeat left center;
	background-size: 226px 226px;
	height: 226px;
	width: 226px;
	margin-bottom: 2.5%;
	margin-top: 2.5%;
}*/

.valuation.going_well .valuation-title{
	color: #005e20;
}

/*---------------------------valuation neutral---------------------------*/

.valuation.neutral{	
	border: 3px solid #B4B4B4;
	border-radius:30px;
	/*width: 100%;
	margin: 11px auto;*/
	padding: 30px;
	background:url(../images/neutral2.png) no-repeat left center;
	background-origin: content-box;
	min-height: 136px;
	margin: 11px 15%;
	background-size: 22%;
}

/*.valuation.neutral .valuation-image{
	background:url(../images/neutral.png) no-repeat left center;
	background-size: 226px 226px;
	height: 226px;
	width: 226px;
	margin-bottom: 2.5%;
	margin-top: 2.5%;
}*/

.valuation.neutral .valuation-title{
	color: #B4B4B4;
}

/*---------------------valuation-result---------------------*/

.valuation-result{
	width: 75%;
	float: right;
}

.valuation-image{
	float: left;
}

/*-------------------------*/
p#ef-valuation-paragraph,div#ef-valuation-footer{
	margin: 10px 16%;
}


/*-------------------------*/

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

.right-inner-addon {
    position: relative;
}

.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 8px 12px;
    pointer-events: none;
}

table.ef-valuation-tool-report td input[type=text] {
	width: 100%;
	padding: 5px;
}



/*--------------------------------------MOBILE OPTIMIZE CSS--------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.divider-top { height: 10px !important; }
}

@media only screen and (min-width: 320px) and (max-width: 400px) {
	/*-----Date Picker-----*/
	div#ui-datepicker-div{
		left: 0px !important;
		width: 95% !important;
		margin: 0 1% 0 1% !important;
	}
	a.ui-state-default {
		width: 80%;
	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	/*-----PAGE 2-----*/
	.ef-vt-column{
		float: none !important;
		width: 100% !important;
	}

	/*------PAGE 4-----*/

	#ef_vt_confirmation_message, #ef-valuation-description{
		margin: 0px 5%;
	}

	#gforms_confirmation_message h1 {
		font-size: 30px;
	}
	#gforms_confirmation_message p {
		font-size: 20px;
	}
	.result,p#ef-valuation-paragraph,div#ef-valuation-footer{
		margin: 11px auto;
	}
	#rC, #rM {
		float: none;
		width: 100%;
		margin: 0px auto;
		padding: 0px;
	}
	#rW {		
		float: none;
		width: 98%;
		margin: 0px auto;
		padding: 0px;
		border-left: none;
		border-right: none;
		border-top: 3px solid #6a6a6a;
		border-bottom: 3px solid #6a6a6a;
	}

	.rC_img, .rW_img, .rM_img{
		background-size: 90%;
	}

	.rC_img{
		height: 180px;
	}
	.rM_img{
		height: 188px;
	}
	.rW_img{
		padding-top: 10px;
	}

	.valuation.need_improvement, .valuation.going_well, .valuation.neutral{
		background-size: 65%;
		padding: 4%;
		background-position: top center;
		margin: 11px auto;
	}

	.valuation-result {
		width: 100%;
		float: none;
		padding-top: 65%;
	}

}

@media only screen and (min-width: 480px) and (max-width: 764px) {
	/*-----PAGE 2-----*/
	.ef-vt-column{
		float: none !important;
		width: 100% !important;
	}

	/*-----Date Picker-----*/
	div#ui-datepicker-div{
		left: 0px !important;
		margin-left: 12%;
	}

	/*-----PAGE 4-----*/
	#ef_vt_confirmation_message, #ef-valuation-description{
		margin: 0px 5%;
	}

	#gforms_confirmation_message h1 {
		font-size: 30px;
	}
	#gforms_confirmation_message p {
		font-size: 20px;
	}
	.result,p#ef-valuation-paragraph,div#ef-valuation-footer{		
		margin: 11px auto;
	}
	#rC, #rM {
		float: none;
		width: 100%;
		margin: 0px auto;
		padding: 0px;
	}
	#rW {		
		float: none;
		width: 98%;
		margin: 0px auto;
		padding: 0px;
		border-left: none;
		border-right: none;
		border-top: 3px solid #6a6a6a;
		border-bottom: 3px solid #6a6a6a;
	}

	.rC_img, .rW_img, .rM_img{
		background-size: 90%;
	}

	.rC_img{
		height: 180px;
	}
	.rM_img{
		height: 188px;
	}
	.rW_img{
		padding-top: 10px;
	}

	.valuation.need_improvement, .valuation.going_well, .valuation.neutral{
		background-size: 65%;
		padding: 4%;
		background-position: top center;
		margin: 11px auto;
	}

	.valuation-result {
		width: 100%;
		float: none;
		padding-top: 65%;
	}

}

@media only screen and (min-width: 765px) and (max-width: 965px) {
	/*-----PAGE 4-----*/
	#gforms_confirmation_message p {
		font-size: 23px;
	}

	#gforms_confirmation_message h1 {
		font-size: 35px;
	}

	.rC_img, .rW_img, .rM_img{
		background-size: 90%;
		width: 100%;
	}

	#rC, #rM{
		margin: 10px 1%;
	}

	.valuation.need_improvement, .valuation.going_well, .valuation.neutral{
		background-size: 35%;
		padding: 1%;
	}

	.valuation-result {
		width: 65%;
	}


	
}