.et_pb_section_0.et_pb_section{background-color:#f7f7f7!important}.et_pb_row_0{border-width:1px;border-color:#000000}.et_pb_row_0.et_pb_row{padding-top:0px!important;padding-bottom:0px!important;padding-top:0px;padding-bottom:0px}.hautaus-image {
width: 100%;
height: 80px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
}
.hautaus-image:hover:before {
content: "search";
background-color: rgba(255, 255, 255, 0.59);
width: 36px;
color: black;
height: 36px;
border-radius: 100%;
font-size: 24px;
display: block;
line-height: 24px;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
letter-spacing: normal;
text-transform: none;
margin-right: auto;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
text-align: center;
vertical-align: middle;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
cursor: pointer;
line-height: 36px;
transition: all 0.3s cubic-bezier(0, 1.05, 0.72, 1.07);
position: absolute;
left: 50%;
top: 50%;
margin-left: -18px;
margin-top: -18px;
} 
.hautaus-form.step-form .hautaus-step {
display: none;
}
.hautaus-form.step-form .hautaus-step.active {
display: block;
}
.hautaus-form.step-form .hautaus-step:first-child .prev-step-button, .hautaus-form.step-form .hautaus-step:last-child .next-step-button {
display: none;
}
.hautaus-form .hautaus-select:first-child p.hautaus-label, 
.hautaus-form .hautaus-text-input:first-child p.hautaus-label,
.hautaus-form legend+.hautaus-select p.hautaus-label, 
.hautaus-form legend+.hautaus-text-input p.hautaus-label {
margin-top: 0;
}
.hautaus-form p.hautaus-label {
margin-top: 2em;
margin-bottom: .4em;
}
.hautaus-option-with-image {
width: 33%;
display: inline-block;
text-align: center;
}
@media only screen and (max-width: 700px) {
.hautaus-option-with-image {
width: 50%;
}
}
.hautaus-option-with-image [type=radio] {
width: 1px;
height: 1px;
opacity: 0.000001;
margin: -1px 0 0 -1px;
position: absolute;
}
.hautaus-option-with-image .hautaus-image {
margin: .6em auto;
display: block;
}
.hautaus-price {
color: #0087cd;
}
.hautaus-option.hautaus-option-with-image {
box-shadow: 0 0 0 0px rgb(0, 168, 255);
border-radius: 1px;
transition: box-shadow 0.2s ease-out, border-radius 0.2s ease-out;
cursor: pointer;
}
.hautaus-option.hautaus-option-with-image.checked {
box-shadow: 0 0 0 2px rgb(0, 168, 255);
border-radius: 3px;
position: relative;
}
.hautaus-option.hautaus-option-with-image .hautaus-price {
display: block;
cursor: pointer;
}
.hautaus-option.hautaus-option-with-image .hautaus-label-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 98%;
display: block;
cursor: pointer;
}
.hautaus-label {
font-weight: bold;
}
.hautaus-label-text {
font-weight: normal;
margin-right: .5em;
}
.hautaus-option input[type=radio], .hautaus-option input[type=checkbox] {
width: 1px;
height: 1px;
opacity: 0.000001;
margin: -1px 0 0 -1px;
position: absolute;
}
.hautaus-option label:before {
content: "check";
background-color: white;
box-shadow: 0px 0px 0px 2px #e5e5e5 inset;
width: 24px;
color: white;
height: 24px;
border-radius: 100%;
font-size: 0;
display: block;
line-height: 24px;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
letter-spacing: normal;
text-transform: none;
margin-right: auto;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
text-align: center;
vertical-align: middle;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
margin-right: 12px;
cursor: pointer;
line-height: 12px;
transition: all 0.3s cubic-bezier(0, 1.05, 0.72, 1.07);
position: absolute;
}
.hautaus-option.hautaus-option-checkbox label:before {
border-radius: 2px;
}
.hautaus-option label:hover:before {
box-shadow: 0px 0px 0px 4px #d8d8d8 inset;
}
.hautaus-option.checked label:before {
box-shadow: 0px 0px 0px 24px rgb(0, 168, 255) inset;
content: "check";
color: white;
font-size: 20px;
line-height: 24px;
}
.hautaus-option-with-image label:before {
position: absolute;
transform: scale(0);
right: -10px;
top: -10px;
margin: 0;
}
.hautaus-option-with-image.checked label:before {
transform: scale(1);
}
.hautaus-option input+span {
padding-left: 33px;
display: inline-block;
}
.hautaus-select {
margin: 20px 0;
}
button.next-step-button, button[name=hautaus-submit] {
background-color: #00a8ff;
padding: 11px 20px;
border-radius: 3px;
margin-top: 15px;
width: auto;
float: right;
}
button.next-step-button:hover, button[name=hautaus-submit]:hover {
background-color: #0182c4;
}
button[name=hautaus-submit] {
min-width: 118px;
}
button.prev-step-button {
background-color: white;
border: 2px solid #00a8ff;
padding: 11px 20px;
border-radius: 3px;
margin-top: 15px;
width: auto;
float: left;
color: #00a8ff;
}
button.prev-step-button:hover {
border: 2px solid #00a8ff;
color: #00a8ff;
background-color: white;
}
legend {
font-weight: bold;
font-size: 1.5em;
}
fieldset {
border: 1px solid #d7d7d7;
border-radius: 2px;
}
#hautaus-full-image {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999999;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0.7098039215686275);
text-align: center;
}
#hautaus-full-image-texts {
background-color: rgba(0, 0, 0, 0.74);
color: white;
display: inline-block;
text-align: center;
position: relative;
padding: 3px 10px;
margin: 60px 55px;
border-radius: 4px;
}
div#hautaus-full-image-close {
position: absolute;
right: 6px;
color: white;
top: 6px;
padding: 12px;
cursor: pointer;
display: block;
z-index: 999999999999;
background-color: rgba(0, 0, 0, 0.65);
overflow: hidden;
line-height: 0;
border-radius: 100%;
}
.hautaus-error-message {
color: white;
font-weight: normal;
background: #e93a3a;
border-radius: 4px;
padding: 4px 9px 2px 9px;
margin: 10px 0;
line-height: 2em;
}
.hautaus-error-message .material-icons {
display: inline-block;
margin-right: 0.3em;
vertical-align: middle;
font-size: 20px;
}
.hautaus-error-message {
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.hautaus-summary-step-title {
font-weight: bold;
font-size: 1.2em;
margin: 15px 0;
border-bottom: 1px solid #0000002b;
}
.hautaus-summary-items {
border-bottom: 1px solid #00000021;
padding: 15px 10px;
}
.hautaus-summary-items:last-child {
border-bottom: 0
}
.hautaus-summary-label {
font-weight: bold;
}
.hautaus-summary-item>.hautaus-summary-item-price {
float: right;
}
.hautaus-price-sum-wrap {
padding: 0 15px;
font-weight: bold;
font-size: 1.5em;
margin-top: 40px;
text-align: right;
border-bottom: 1px solid rgba(77, 77, 77, 0.31);
}
.hautaus-label-text a {
text-decoration: underline;
}
#hautaus-steps-titles>span {
opacity: 0.4;
margin-right: 1em;
white-space: nowrap;
display: inline-block;
}
#hautaus-steps-titles>span.active {
opacity: 1;
}
#hautaus-steps-titles {
padding: 15px;
}