body {background:url(/images/valuation-bg.jpg) fixed center; top:0 !important; margin:0 auto; width:100%; height:100%; font-family:Arial, Verdana, Helvetica; font-size:16px; color:#231F20;}

*, *::before, *::after {box-sizing:border-box;}

header, main, footer {float:left; width:100%; position:relative; z-index:2;}
header {z-index:2;}
#header, #mainMenu, .container, .centreText, #footer {margin:0 auto;}

#header {text-align:center; color:#96B7A1; font-size:28px; font-weight:600; padding:20px 0; margin:0 auto 40px;}
#logo {margin:20px 0;}
#header h1 {color:#FFF; font-size:58px; margin:5px 0 10px;}
#header p {margin:5px 0;}

#mainText {float:left; width:100%; background:rgba(0, 0, 0, 0.55); color:#FFF; padding:40px 20px; margin:0 0 60px; border:1px solid #000; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;}
#mainText h1, #mainText h2, #mainText h3, #mainText h4, #mainText h5, #mainText h6, #addInfo h1, #addInfo h2, #addInfo h3, #addInfo h4, #addInfo h5, #addInfo h6 {text-align:center; color:#FFF; margin:5px 0 10px;}
#mainText hr {border-top:1px solid #96B7A1;}

#stepContainer {float:left; width:100%;}
.stepBlock {float:left; width:33.3333%; height:60px; line-height:20px; padding:20px 0; text-align:center; font-size:32px; font-weight:600; text-transform:uppercase; display:block; position:relative;}
.step1, .step3 {background:#758E7D;}
.step1 {color:#B4CEBC; border-radius:4px 0 0 0; -moz-border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0; z-index:4;}
.step2 {background:#96B7A1; z-index:3;}
.step2, .step3.submitted {color:#FFF; font-style:italic;}
.step2.submitted {color:#B4CEBC; font-style:normal;}
.step3 {color:#96B7A1; border-radius:0 4px 0 0; -moz-border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0;}
.stepCap {position:absolute; top:0; right:-30px; width:0 !important; height:0; clear:none; border-style:solid; border-width:30px 0 30px 30px;}
.step1C.stepCap {border-color:transparent transparent transparent #758E7D;}
.step2C.stepCap {border-color:transparent transparent transparent #96B7A1;}

#valuationForm {float:left;}
#valuationForm p {float:left; width:100%; font-weight:600; margin:30px 0 5px;}
#valuationForm input, #valuationForm select, #valuationForm textarea {float:left; background:#FFF; width:100%; font-size:16px; font-weight:600; color:#231F20; font-family:Arial, Verdana, Helvetica; border:1px solid #231F20; margin:0 0 5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#valuationForm input, #valuationForm select {height:48px; line-height:48px; padding:0 15px;}
#valuationForm textarea {height:150px; padding:15px;}

#valuationForm span {float:left; width:100%; text-align:center; font-size:10px; color:#9F9F9F; margin:20px 0 0;}

.submitButton {float:left; background:#96B7A1; width:100%; height:50px; line-height:46px; color:#FFF; text-align:center !important; font-size:26px; font-weight:600; display:block; padding:0 10px; border:1px solid #758E7D; margin:40px 0 0; transition-duration:0.5s; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}
.submitButton:hover {background:#FFF; color:#96B7A1; text-decoration:none;}
.rockingButton {animation:rocking 2s infinite; animation-timing-function:cubic-bezier(0, 0, 0.58, 1); transition:.2s;}
.rockingButton:hover {animation:none !important}

footer {text-align:center; font-size:10px; color:#FFF; padding:30px 0; border-top:1px solid #5A5A5A;}
footer a {color:#FFF;}

#bgCover {position:fixed; background:rgba(35, 31, 32, 0.75); top:0; left:0; width:100vw; height:100vh; z-index:-1;}

#scrollToTop {background:#404040; border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-size:32px; height:32px; opacity:0.75; padding:9px 0 8px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box; z-index:2;}

@keyframes rocking {
	0% {transform:rotate(0deg);}
	25% {transform:rotate(0deg);}
	50% {transform:rotate(2deg);}
	75% {transform:rotate(-2deg);}
	100% {transform:rotate(0deg);}
}

@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 1171px) {
	#header, #mainMenu, .container, #footer {width:1170px;}
	h1, h2, h3, h4, h5, h6 {font-size:26px;}
	#mainText hr {width:40%;}
	#valuationForm {width:500px; margin:20px calc(50% - 250px) 0;}
	.submitButton {font-size:26px;}
}
@media screen and (max-width: 1170px) {
	#header, #mainMenu, .container, #footer {width:1000px;}
	h1, h2, h3, h4, h5, h6 {font-size:24px;}
	#mainText hr {width:45%;}
	#valuationForm {width:400px; margin:20px calc(50% - 200px) 0;}
	.submitButton {font-size:26px;}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	#header, #mainMenu, .container, #footer {width:768px;}
	h1, h2, h3, h4, h5, h6 {font-size:22px;}
	#mainText hr {width:50%;}
	#valuationForm {width:300px; margin:20px calc(50% - 150px) 0;}
	.submitButton {font-size:22px;}
}
@media screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
	#header, .container, .centreText, #footer {width:98%; margin:0 1%;}
	h1, h2, h3, h4, h5, h6 {font-size:20px;}
	#mainText hr {width:65%;}
	.stepBlock {clear:both; width:100%;}
	.stepCap {display:none;}
	.step1 {border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;}
	.step3 {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	#valuationForm {width:100%; margin:20px 0 0;}
	.submitButton {font-size:18px;}
}

a {color:#231F20; text-decoration:none; transition-duration:0.5s;}
a:hover {color:#96B7A1; transition-duration:0.5s; text-decoration:underline;}