/*= wizard css =*/
.estim-container { float: none; margin: 40px auto 20px; transition-property: opacity; transition-duration: .3s; position: fixed; pointer-events: none; opacity: 0; }
.form-wizard{float: left; width: 100%; box-shadow: 0 8px 16px #141414; }
.estim-container.activ { position: relative; pointer-events: all; opacity: 1; }
.form-wizard li.active{position: relative; z-index: 1;}
.wizard-heading{float: left; width: 100%; padding: 10px 15px; background-color: #fafafa; margin-bottom: 1px; box-sizing: border-box; font-size: 18px; color: #4c4c4c; text-transform: uppercase; transition: 0.3s;}
.wizard-content{display: none; float: left; width: 100%; background-color: #fff; box-shadow: 0 12px 8px -6px #d2d2d2; padding: 15px; box-sizing: border-box;}
li:first-child .wizard-content{display: block;}
.wizard-content.no-shadow { box-shadow: none;}
.wizard-content p{margin-bottom: 15px; font-size: 15px; line-height: 26px; color: #4c4c4c;}
.form-wizard .btn-green{color: #fff; float: right; border: 0; padding: 7px 10px; min-width: 92px; z-index: 1; cursor: pointer; font-size: 14px; text-transform: uppercase; background-color: #5fba57; /*border-radius: 3px;*/ border-bottom: 3px solid #289422; position: relative; transition: 0.3s; line-height: inherit;
  height: auto; width: auto; margin-bottom: auto;}
.form-wizard .btn-green:before{content: ""; width: 100%; height: 0; border-radius: 3px; z-index: -1; position: absolute; left: 0; bottom: 0; background-color: #289422; transition: 0.3s;}
.form-wizard .btn-green:hover:before{height: 100%;}

.form-wizard .wizard-heading span{float: right; width: 26px; height: 26px; background-repeat: no-repeat; background-size: 100%;}

.icon-boiler { background-image: url(../img/wizard/boiler_icon.png);}
.icon-heater { background-image: url(../img/wizard/heater_icon.png);}
.icon-rpipe { background-image: url(../img/wizard/pipe_icon.png);}
.icon-thermo { background-image: url(../img/wizard/thermo_icon.png);}
.icon-material { background-image: url(../img/wizard/material_icon.png);}
.icon-gas { background-image: url(../img/wizard/gasline_icon.png);}

.wizard-content span {
    display: inline-block;
    vertical-align: middle;
	padding: 0 34px 0 4px;
	width: 41%;
	float: left;
	color: #333;
	font-size: 1.2em;
}
.wizard-content > div {
    margin-bottom: 20px;
}
.wizard-content label{
	color: #333;
}

.active .wizard-heading{background-color: #47b475; color: #fff; margin-bottom: 0;} /*#447294*/
.active .icon-user{background-position: 0 0;}
.active .icon-location{background-position: -22px 0;}
.active .icon-summary{background-position: -39px 0;}
.active .icon-mode{background-position: -61px 0;}
.completed .wizard-heading{color: #447294; position: relative; padding: 10px 15px 10px 36px; cursor: pointer; transition: 0.3s;}
.completed .wizard-heading:before{content: "✓"; color: #fff; text-align: center; font-size: 15px; font-weight: bold; position: absolute; min-height: 22px; left: -7px; top: 8px; width: 32px; padding: 4px 0; background-color: #47b475; z-index: 99;}
.completed .wizard-heading:after{content: ""; position: absolute; top: 38px; left: -7px; border-left: 7px solid transparent; border-top: 5px solid #001e34;}
.completed .icon-user{background-position: 0 -20px;}
.completed .icon-location{background-position: -22px -21px;}
.completed .icon-summary{background-position: -39px -21px;}
.completed .icon-mode{background-position: -61px -17px;}

.form-wizard .btn {
  padding: 6px 12px;
  border: 1px solid transparent;
  min-width: auto;
  color: #fff;
  line-height: 0.489;
  height: 26px;
  margin: auto;
  text-align: center;
  font-size: 2em;
}

.form-wizard .btn:disabled, .btn:disabled:hover {
  background-color: darkgrey;
  cursor: not-allowed;
}

.form-wizard .btn-primary { background-color: #009dda; }

.form-wizard .btn-primary:hover, .btn-primary:focus { background-color: #0486b9; }
#propmet input,
#gasmet input {
  width: 70px;
}
#mobil {
  font-family: Helvetica, serif;
}
#subber[disabled] {
	opacity: .65;
	cursor: not-allowed;
}

/*= wizard end =*/
/* device-screen */
@media only screen and (max-width: 650px){
	.wizard-heading{font-size: 15px;}
	.wizard-content p{font-size: 13px; line-height: 20px; margin-bottom: 10px;}
}
/* device-screen end */

.handle-counter { overflow: hidden; display: inline-block; vertical-align: middle; float: left; width: 59%;}

.handle-counter .counter-minus,  .handle-counter .counter-plus,  .handle-counter input {
  float: left;
  text-align: center;
  height: 26px;
  line-height: 0.429em;
  margin: 1px 0;
}

.handle-counter .counter-minus,  .handle-counter .counter-plus { text-align: center; }
.handle-counter .counter-minus {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}  
.handle-counter .counter-plus {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.handle-counter input {
  width: 50px;
  border-width: 1px;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: initial;  
}
#est-section {
	transition-duration: .3s;
	transition-property: height;
	height: auto;
}
#est-section .field-error {
	outline: 1px solid #ce3838 !important;
}

.alert.fixer {
	position: fixed;
	top: 45%;
	width: 100%;
	background: #fff;
	z-index: 111;
	left: calc(50% - 20%);
	max-width: 40%;
}
@media only screen and (max-width: 560px){
	.alert.fixer {
		position: fixed;
		top: 45%;
		width: 100%;
		background: #fff;
		z-index: 111111;
		left: calc(50% - 35%);
		max-width: 70%;
	}
}