Плитка керамическая Aquaviva белая, 240х115х9 мм

<section class=»PlitkaCalc»>
<div class=»PlitkaCalc-all»>
<div class=»PlitkaCalc-title»>
<div class=»v-align»>
<h2>Калькулятор для расчета заказа облицовочного материала</h2>
<p>
<span>Размер листа: <input id=»width» value=»240″ readonly style=»width:23px;»> x <input id=»height» value=»115″ readonly style=»width:23px;»>мм.<br> В коробке: <input id=»boxes» value=»36″ readonly style=»width:15px;»> шт.</span>
<span class=»PlitkaCalc-line»></span>
</p>
</div>
</div>
<div class=»PlitkaCalc-main»>
<div class=»v-align»>
<form>
<div class=»PlitkaCalc-block»>
<input type=»number» id=»input01″ value=»0″ min=»0″ step=»0.1″ onchange=»calculator(this)»>
<label for=»input01″><span class=»v-align»>Кол-во <font>м²</font></span></label>
</div>
<div class=»PlitkaCalc-block»>
<input type=»number» id=»input02″ value=»0″ min=»0″ step=»1″ onchange=»calculator(this)»>
<label for=»input02″><span class=»v-align»>Кол-во <font>штук</font></span></label>
</div>
<div class=»PlitkaCalc-block»>
<input type=»number» id=»input03″ value=»0″ min=»0″ step=»1″ onchange=»calculator(this)»>
<label for=»input03″><span class=»v-align»>Кол-во <font>коробок</font></span></label>
</div>
</form>
</div>
</div>
</div>
</section>
<section class=»PlitkaCalc-in»></section>

<script type=»text/javascript» src=»https://aquapolis.ru/media/custom_css/PlitkaCalc/script.js»></script>

</div>

<style>
.v-align{display: table-cell;vertical-align: middle;}.noselect{-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none; -o-user-select: none;}.PlitkaCalc-fon{position: absolute;left: 45%;width: 55%;height: 360px;background: url(https://aquapolis.ru/media/custom_css/PlitkaCalc/fon.png) no-repeat;}.PlitkaCalc{position: absolute;left: 0;width: 100%;height: 360px;}.PlitkaCalc-in{width: 100%;height: 360px;}.PlitkaCalc-all{width: 47%;min-width: 650px;height: 360px;padding-left: 3%;color: #363636;}.PlitkaCalc-title{font-family: arial;display: table;float: left;width: 50%;height: 360px;padding: 0 5%;text-align: right;}.PlitkaCalc-title h2{font-size: 25px;line-height: 1em;margin: 0;padding: 0;padding-bottom: 20px;}.PlitkaCalc-title p{font-size: 12px;line-height: 1.2em;margin: 0;padding: 0;}.PlitkaCalc-line{display: block;float: right;width: 60px;height: 1px;margin: 8px;background: #363636;}.PlitkaCalc-title span:nth-child(1){display: block;float: right;}.PlitkaCalc-title input{font-size: 12px;display: inline-block;width: auto;padding: 0;opacity: 1;color: #363636;border: none;background: none;}.PlitkaCalc-main{display: table;float: left;width: 40%;height: 360px;text-align: right;}.PlitkaCalc-block{display: block;width: 210px;height: 50px;margin: 10px auto;text-align: left;}.PlitkaCalc-block input{font-size: 25px;font-weight: bold;float: left;width: 100px;height: 50px;margin: 0;padding: 0;padding-left: 10px;text-align: center;color: #363636;border: none;background: #eee;}.PlitkaCalc-block label{font-family: arial;font-size: 12px;line-height: 1em;display: table;width: 80px;height: 50px;padding-left: 19px;color: #363636;}.PlitkaCalc-block label font{font-size: 20px;font-weight: bold;line-height: 1em;display: block;}@media screen and (min-width:100px) and (max-width:1000px){.PlitkaCalc-fon{left: 50%;width: 50%;height: 300px;opacity: .25;}.PlitkaCalc{height: 300px;}.PlitkaCalc-in{height: 300px;}.PlitkaCalc-all{width: 90%;min-width: 250px;max-width: 600px;height: 300px;margin: auto;padding-left: 0;}.PlitkaCalc-title{width: 55%;height: 300px;padding: 0 5% 0 0;text-align: right;}.PlitkaCalc-title h2{font-size: 22px;padding-bottom: 20px;}.PlitkaCalc-line{width: 50px;}.PlitkaCalc-main{width: 40%;height: 300px;}.PlitkaCalc-block{display: block;width: 190px;height: 45px;margin: 10px auto;text-align: left;}.PlitkaCalc-block input{font-size: 22px;width: 80px;height: 45px;padding-left: 10px;}.PlitkaCalc-block label{width: 80px;height: 45px;padding-left: 19px;}.PlitkaCalc-block label font{font-size: 18px;}}@media screen and (min-width:100px) and (max-width:550px){.PlitkaCalc-fon{left: 0;width: 100%;height: 360px;opacity: .45;}.PlitkaCalc{height: 450px;}.PlitkaCalc-in{height: 450px;}.PlitkaCalc-all{width: 80%;min-width: 250px;max-width: 350px;height: 450px;margin: auto;padding-left: 0;}.PlitkaCalc-title{width: 100%;height: 150px;padding: 50px 0 0;text-align: left;}.PlitkaCalc-title h2{font-size: 20px;padding-bottom: 15px;}.PlitkaCalc-title span:nth-child(1){float: left;}.PlitkaCalc-line{float: left;width: 50px;}.PlitkaCalc-main{width: 100%;height: 160px;}.PlitkaCalc-block{display: block;width: 190px;height: 45px;margin: 5px auto;text-align: left;}.PlitkaCalc-block input{font-size: 20px;width: 80px;height: 45px;padding-left: 10px;}.PlitkaCalc-block label{width: 80px;height: 45px;padding-left: 19px;}.PlitkaCalc-block label font{font-size: 16px;}}
</style>