body {
    background: #f6f6f6 !important;
}

select {
    line-height: 1 !important;
}


.btn-estimate {
padding: 0 !important;
font-size: 1rem !important;
}

[type='text']::placeholder,
textarea::placeholder {
font-size: 1rem;
font-weight: 400;
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
border: 1px solid #dddee0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}

.button.select-button {
clear: both;
width: 100%;
}

button {
color: #ffffff;
background-color: #14222c;
}

.button {
color: #ffffff;
background-color: #14222c !important;
}

label.no-radio-label > input{ /* HIDE RADIO */
visibility: hidden; /* Makes input not-clickable */
position: absolute; /* Remove input from document flow */
}
label.no-radio-label  > input + img{ /* IMAGE STYLES */
cursor:pointer;
border:2px solid transparent;
height: 184px;
}
label.no-radio-label  > input:checked + img{/* (RADIO CHECKED) IMAGE STYLES */
//border:2px solid #64556c;
}

.service {
background: #fff;
padding: 20px;
text-align: center;
margin-top: 10px;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}

.select-button {
margin-top: 10px;
border-radius: 4px;
padding: 15px 0;
background-color: #7c8488 !important;
border: solid 1px #7c8488;
color: #ffffff !important;
display: block;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}

label.no-radio-label > input:checked + div.select-button, label.no-radio-label > input:checked + img + div.select-button {
background: #b29b88 !important;
border-color: #b29b88 !important;
color: #fff !important;
}

.select-button-container{
display: block;
}

.select-button:hover {
background: #7c8488;
border-color: #7c8488;
color: #ffffff;
}

.option-title {
font-size: 1rem;
font-weight: 400;
height: 45px;
line-height: 1.3333;
}

.tool-info {
padding: 1rem;
background: #fff;
font-size: 1rem;
font-weight: 400;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}

.tool-info .info-image {
text-align: center;
}

.tool-info img {
height: 100px !important;
max-height: 100px !important;
text-align: center;
}










/* Updated CSS */

.nextbtn {
float: right;
width: 200px;
max-width: 30%;
padding: 15px 0;
background: #b29b88 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
color: #fff;
font-size: 1rem;
}

.backbtn {
float: left;
width: 200px;
max-width: 30%;
padding: 15px 0;
background: #7c8488;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
color: #fff;
font-size: 1rem;
}




html {
background: #f6f6f6;

}

#tool-section {
background: #f6f6f6;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
padding-left: 1rem;
padding-right: 1rem;
}

#outer-container {
}

h2 {
text-align: center;
font-size: 48px;
font-weight: 400;
margin: 0 0 2.5rem 0 !important;
}

button {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #64556c;
color: #ffffff;
}

select {
width: 100%;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
border: none;
}

#buttons-container {
margin-top: 0;
margin-bottom: 0;
}

#submit-container {
text-align: center;
}

div#submit-container button {
width: 200px;
max-width: 30%;
padding: 15px 0;
margin-left: 25px;
background: #b29b88;
border-radius: 0;
color: #ffffff;
font-size: 1rem;
}

fieldset {
margin: 0;
border: none;
padding: 0;
}

legend {
border: 0;
padding: 0;
}

.question {
text-align: center;
width: 100%;
margin: 0 0 1rem 0;
font-size: 1.2rem;
font-weight: 400;
}

.blocky {
margin-bottom: 2.5rem;
}

.service img {
width: auto;
height: 150px !important;
margin: 25px 0;
}

div#steps_exact_amount_input div {
margin-bottom: 25px;
}

div#steps_exact_amount_input_patio div {
margin-bottom: 25px;
}

i.fa.fa-info-circle {
font-size: 100px;
color: #d0d0d0;
}

.al-not-sure {
margin: 25px 0 0 0;
}

.emphasis {
  border: solid red;
}