.kalkulacka {
  background:#17a5d1;
  border:2px solid #17a5d1;
  border-radius:5px;
  margin-right:40px;
  width:700px;
}
.kalkulacka .k-row {
  padding:15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.kalkulacka .k-row .k-label {
  color:white;
  font-size:20px;
  margin-right:30px;
  width:120px;
}
.kalkulacka .k-row .k-slide { flex-grow:1; }
.kalkulacka .k-row .k-input { margin-left:30px; }
.kalkulacka .k-row .k-input input {
  margin:0;
  width:100px;
  background:none;
  border:1px solid white;
  color:white;
  font-weight:900;
  font-size:18px;
  text-aling:right;
}
.kalkulacka .k-row .k-unit {
  width:50px;
  text-align:left;
  font-size:15px;
  margin-left:15px;
  color:white;
}
.kalkulacka .k-row .rangeslider__fill { background:#666; }
.kalkulacka hr {
  margin:5px 0 15px 0;
  border-bottom:none;
  border-top:1px solid rgba(255,255,255,0.35);
}
.kalkulacka .k-submit {
  padding-bottom:15px;
  text-align:center;
}
.kalkulacka .k-submit button {
  border:none;
  background:white;
  font-size:18px;
  font-weight:bold;
  font-family:'Open Sans';
  padding:15px 100px 15px 100px;
  color:#17a5d1;
}
.kalkulacka .k-submit button:hover { background:#dcf2f8; }
.kalkulacka .k-info {
  padding:5px 15px 5px 15px;
  color:rgba(255,255,255,0.85);
}
@media only screen  and (max-width: 900px) {
  .kalkulacka {
    width:auto;
    margin:0;
  }
  .kalkulacka .k-row { flex-wrap:wrap; }
  .kalkulacka .k-row .k-label {
    order:2;
    margin-right:0;
    flex-shrink:1;
    width:100px;
  }
  .kalkulacka .k-row .k-slide {
    width:100%;
    order:1;
    margin-bottom:20px;
  }
  .kalkulacka .k-row .k-input {
    order:3;
    margin-left:auto;
  }
  .kalkulacka .k-row .k-unit {
    order:4;
    flex-shrink:1;
  }
  .kalkulacka .k-submit button {
    width:90%;
    padding-left:0;
    padding-right:0;
  }
}