Фильтр
По умолчанию (убывание)
0
Нет в наличии
0
Нет в наличии
0
Нет в наличии
0
Нет в наличии
0
Нет в наличии
<style>#html-body [data-pb-style=F5THECT],#html-body [data-pb-style=X8R49AG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}#html-body [data-pb-style=EQ4W7XN]{text-align:left}#html-body [data-pb-style=IITD8XC]{text-align:left;border-style:none}#html-body [data-pb-style=E1YAOLD],#html-body [data-pb-style=UIRI2UM]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=IITD8XC]{border-style:none} }</style>
<div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main">
<div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="F5THECT">
<div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="EQ4W7XN">
<h2 style="text-align: left;">
<strong>График производительности</strong>
</h2>
</div>
</div>
</div>
<div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main">
<div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="X8R49AG">
<figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="IITD8XC">
<img class="pagebuilder-mobile-hidden" src="{{media url=wysiwyg/Screenshot_1.png}}" alt="" title="" data-element="desktop_image" data-pb-style="UIRI2UM">
<img class="pagebuilder-mobile-only" src="{{media url=wysiwyg/Screenshot_1.png}}" alt="" title="" data-element="mobile_image" data-pb-style="E1YAOLD">
</figure>
</div>
</div>
<div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main">
<div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="F5THECT">
<div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="EQ4W7XN">
<h2 style="text-align: left;">
<strong>График производительности</strong>
</h2>
</div>
</div>
</div>
<div class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group" data-grid-size="12" data-element="main">
<div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="X8R49AG">
<figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="IITD8XC">
<img class="pagebuilder-mobile-hidden" src="{{media url=wysiwyg/Screenshot_1.png}}" alt="" title="" data-element="desktop_image" data-pb-style="UIRI2UM">
<img class="pagebuilder-mobile-only" src="{{media url=wysiwyg/Screenshot_1.png}}" alt="" title="" data-element="mobile_image" data-pb-style="E1YAOLD">
</figure>
</div>
</div>
0
Нет в наличии
0
Нет в наличии
0
Нет в наличии
0
Нет в наличии
<div data-content-type="html" data-appearance="default" data-element="main"><style type="text/css">
.product.attribute.description{margin:-110px 0 0}@media screen and (max-width:800px){.product.attribute.description{margin:-60px 0 0}}@media screen and (max-width:500px){.product.attribute.description{margin:-30px 0 0}}.main_container{font-size:15px;line-height:21px;color:#000}.main_container .block_container{width:100%;max-width:1350px;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;z-index:9;padding:32px 0}.main_container .block_container ol{padding:0;margin:0;list-style-type:none}.main_container .block_container p{margin:16px 0 0}.main_container .block_container table{border-collapse:collapse}.main_container .block_container table td,.main_container .block_container table th{vertical-align:middle;position:relative}.main_container .list{margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;flex-wrap:wrap}.main_container .list li{text-align:center}.main_container .img_400{display:none}.main_container .bold{font-weight:700}.main_container .title{font-size:30px;line-height:34px;color:#000;margin:0 auto 24px}.main_container .block_item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center}.main_container .block_item .left_part,.main_container .block_item .right_part{width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.main_container img{display:block;margin:16px auto}.main_container .blue{color:#5BAFFF}.main_container .round_before li{color:#fff;position:relative;padding:0 0 0 20px}.main_container .round_before li:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#232F3E;left:0;top:0;bottom:0;margin:auto}.main_container .images{position:relative}.main_container .images img{margin:0 auto}.main_container .images .texting{position:absolute;top:0;left:0;right:0;margin:auto}.wrap1 .block_container{padding:0 0 32px}.wrap1 .block_container ol{margin:0 auto}.wrap1 .block_container ol li{width:16%;color:#000;text-align:center}.wrap1 .block_container ol li img{margin:0 auto 16px}.wrap2{padding:20px 0 0}.wrap2 .title{text-align:left;color:#fff}.wrap2 .block_container{margin:-100px auto 0}.wrap2 .block_container .left_part{color:#fff}.wrap2 .block_container .right_part .main_pic{margin:-80px auto 0}.wrap2 .block_container .right_part.images img{width:77%}.wrap2{position:relative;margin:8.5% 0 5%}.wrap2 .bg_wrap2{position:absolute;width:100vw;height:100%;z-index:9;left:50%;transform:translate(-50%,0);background:#232f3e}.wrap2 .bg_wrap2:before{content:"";background-position:center;background-image:url(/media/custom_css/Kokidos/Voltera_25/bg_1_top.svg);background-repeat:no-repeat;background-size:cover;position:absolute;width:100%;height:380px;top:-140px;z-index:14;left:0}.wrap2 .bg_wrap2:after{content:"";background-image:url(/media/custom_css/Kokidos/Voltera_25/bg_1_bot.svg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:100%;height:160px;bottom:-100px;z-index:9;left:0}.wrap3 .title{text-align:center}.wrap3 .block_container .list{justify-content:center;-webkit-justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center}.wrap3 .block_container .list li{width:19%;padding:0 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.wrap4 .block_container .title{color:#fff;text-align:center}.wrap4 .block_container .item{color:#fff;width:15%;text-align:center}.wrap4 .block_container
.product.attribute.description{margin:-110px 0 0}@media screen and (max-width:800px){.product.attribute.description{margin:-60px 0 0}}@media screen and (max-width:500px){.product.attribute.description{margin:-30px 0 0}}.main_container{font-size:15px;line-height:21px;color:#000}.main_container .block_container{width:100%;max-width:1350px;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;z-index:9;padding:32px 0}.main_container .block_container ol{padding:0;margin:0;list-style-type:none}.main_container .block_container p{margin:16px 0 0}.main_container .block_container table{border-collapse:collapse}.main_container .block_container table td,.main_container .block_container table th{vertical-align:middle;position:relative}.main_container .list{margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;flex-wrap:wrap}.main_container .list li{text-align:center}.main_container .img_400{display:none}.main_container .bold{font-weight:700}.main_container .title{font-size:30px;line-height:34px;color:#000;margin:0 auto 24px}.main_container .block_item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center}.main_container .block_item .left_part,.main_container .block_item .right_part{width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.main_container img{display:block;margin:16px auto}.main_container .blue{color:#5BAFFF}.main_container .round_before li{color:#fff;position:relative;padding:0 0 0 20px}.main_container .round_before li:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#232F3E;left:0;top:0;bottom:0;margin:auto}.main_container .images{position:relative}.main_container .images img{margin:0 auto}.main_container .images .texting{position:absolute;top:0;left:0;right:0;margin:auto}.wrap1 .block_container{padding:0 0 32px}.wrap1 .block_container ol{margin:0 auto}.wrap1 .block_container ol li{width:16%;color:#000;text-align:center}.wrap1 .block_container ol li img{margin:0 auto 16px}.wrap2{padding:20px 0 0}.wrap2 .title{text-align:left;color:#fff}.wrap2 .block_container{margin:-100px auto 0}.wrap2 .block_container .left_part{color:#fff}.wrap2 .block_container .right_part .main_pic{margin:-80px auto 0}.wrap2 .block_container .right_part.images img{width:77%}.wrap2{position:relative;margin:8.5% 0 5%}.wrap2 .bg_wrap2{position:absolute;width:100vw;height:100%;z-index:9;left:50%;transform:translate(-50%,0);background:#232f3e}.wrap2 .bg_wrap2:before{content:"";background-position:center;background-image:url(/media/custom_css/Kokidos/Voltera_25/bg_1_top.svg);background-repeat:no-repeat;background-size:cover;position:absolute;width:100%;height:380px;top:-140px;z-index:14;left:0}.wrap2 .bg_wrap2:after{content:"";background-image:url(/media/custom_css/Kokidos/Voltera_25/bg_1_bot.svg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:100%;height:160px;bottom:-100px;z-index:9;left:0}.wrap3 .title{text-align:center}.wrap3 .block_container .list{justify-content:center;-webkit-justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center}.wrap3 .block_container .list li{width:19%;padding:0 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.wrap4 .block_container .title{color:#fff;text-align:center}.wrap4 .block_container .item{color:#fff;width:15%;text-align:center}.wrap4 .block_container
0
Нет в наличии
0
Нет в наличии
<div data-content-type="html" data-appearance="default" data-element="main"><style type="text/css">
.main-container.col1-layout{overflow-x:hidden}.main_container{margin:0;font-size:14px;line-height:18px}.main_container .block{width:100%;max-width:1360px;margin:0 auto;position:relative;z-index:9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.main_container .block ol{padding:0;width:100%;margin:0 auto;list-style-type:none;text-align:center}.main_container .block p{margin:16px 0 0}.main_container .block table{border-collapse:collapse}.main_container .block table td,.main_container .block table th{vertical-align:middle;position:relative}.main_container .block .list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;margin:0 auto;flex-wrap:wrap;text-align:center}.main_container .block .list img{margin:0 auto 16px}.main_container .text{font-weight:700}.main_container .title{font-size:30px;line-height:34px;margin:0 auto 24px;color:#000}.main_container .orange{color:#FFB800}.main_container .block_item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center}.main_container .block_item .descr,.main_container .block_item .left,.main_container .block_item .right{width:50%}.main_container img{display:block;margin:0 auto}.main_container img.img_400{display:none}.wrap1{position:relative;z-index:12}.wrap1 .block .list{justify-content:center;-webkit-justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center}.wrap1 .block .list li{width:16%;margin:30px 0 0;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.wrap2{padding:60px 0 110px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.wrap2 .block{position:relative;z-index:4;padding:70px 0 0}.wrap2 .block .descr{margin:0 60px 0 0;width:70%}.wrap2 .block .descr p{color:#fff;margin:10px 0 0}.wrap2 .block .main_pic{margin:-90px 0 0 auto;padding:0}.wrap2 .block .list{margin:30px 0 0}.wrap2 .block .list li{color:#fff;width:25%}.wrap2 .block .list li .main_text sup{vertical-align:top}.wrap2 .block .list li .main_text span{font-size:55px;line-height:63px}.wrap2 .block .list li .after_text{font-size:16px}.wrap2 .block .list li .line{margin:16px auto 0}.wrap2{position:relative}.wrap2 .bg_wrap2{position:absolute;width:100vw;height:100%;z-index:4;left:50%;transform:translate(-50%,0);background:#363636;top:0}.wrap2 .bg_wrap2:before{content:"";background-image:url(https://aquapolis.ru/media/custom_css/Fairland/InverX26/bg_1.svg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:104%;height:330px;right:0;top:-15px}.wrap2 .bg_wrap2:after{content:"";background-image:url(https://aquapolis.ru/media/custom_css/Fairland/InverX26/bg_down_2.svg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:104%;height:210px;right:0;bottom:-30px}.wrap3 .block{max-width:1000px;padding:62px 0 32px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center}.wrap3 .block .list li{width:30%}.wrap4 .block{padding:32px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.wrap4 .block .title{color:#fff;text-align:center}.wrap4 .block ol{text-align:left}.wrap4 .block li{position:relative;margin:12px 0 0;color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end;-webkit-justify-content:flex-end;-webkit-box-pack:flex-end;-moz-box-pack:flex-end;-ms-flex-pack:flex-end;a
.main-container.col1-layout{overflow-x:hidden}.main_container{margin:0;font-size:14px;line-height:18px}.main_container .block{width:100%;max-width:1360px;margin:0 auto;position:relative;z-index:9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.main_container .block ol{padding:0;width:100%;margin:0 auto;list-style-type:none;text-align:center}.main_container .block p{margin:16px 0 0}.main_container .block table{border-collapse:collapse}.main_container .block table td,.main_container .block table th{vertical-align:middle;position:relative}.main_container .block .list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;margin:0 auto;flex-wrap:wrap;text-align:center}.main_container .block .list img{margin:0 auto 16px}.main_container .text{font-weight:700}.main_container .title{font-size:30px;line-height:34px;margin:0 auto 24px;color:#000}.main_container .orange{color:#FFB800}.main_container .block_item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center}.main_container .block_item .descr,.main_container .block_item .left,.main_container .block_item .right{width:50%}.main_container img{display:block;margin:0 auto}.main_container img.img_400{display:none}.wrap1{position:relative;z-index:12}.wrap1 .block .list{justify-content:center;-webkit-justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center}.wrap1 .block .list li{width:16%;margin:30px 0 0;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.wrap2{padding:60px 0 110px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.wrap2 .block{position:relative;z-index:4;padding:70px 0 0}.wrap2 .block .descr{margin:0 60px 0 0;width:70%}.wrap2 .block .descr p{color:#fff;margin:10px 0 0}.wrap2 .block .main_pic{margin:-90px 0 0 auto;padding:0}.wrap2 .block .list{margin:30px 0 0}.wrap2 .block .list li{color:#fff;width:25%}.wrap2 .block .list li .main_text sup{vertical-align:top}.wrap2 .block .list li .main_text span{font-size:55px;line-height:63px}.wrap2 .block .list li .after_text{font-size:16px}.wrap2 .block .list li .line{margin:16px auto 0}.wrap2{position:relative}.wrap2 .bg_wrap2{position:absolute;width:100vw;height:100%;z-index:4;left:50%;transform:translate(-50%,0);background:#363636;top:0}.wrap2 .bg_wrap2:before{content:"";background-image:url(https://aquapolis.ru/media/custom_css/Fairland/InverX26/bg_1.svg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:104%;height:330px;right:0;top:-15px}.wrap2 .bg_wrap2:after{content:"";background-image:url(https://aquapolis.ru/media/custom_css/Fairland/InverX26/bg_down_2.svg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:104%;height:210px;right:0;bottom:-30px}.wrap3 .block{max-width:1000px;padding:62px 0 32px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center}.wrap3 .block .list li{width:30%}.wrap4 .block{padding:32px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.wrap4 .block .title{color:#fff;text-align:center}.wrap4 .block ol{text-align:left}.wrap4 .block li{position:relative;margin:12px 0 0;color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end;-webkit-justify-content:flex-end;-webkit-box-pack:flex-end;-moz-box-pack:flex-end;-ms-flex-pack:flex-end;a
0
Нет в наличии
0
Нет в наличии
0
Нет в наличии
<div class="noselect">
<section class="PlitkaCalc-fon">
</section>
<section class="PlitkaCalc">
<div class="PlitkaCalc-all">
<div class="PlitkaCalc-title">
<div class="v-align">
<h1>Калькулятор для расчета заказа облицовочного материала</h1>
<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 h1{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 h1{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: 45p
<section class="PlitkaCalc-fon">
</section>
<section class="PlitkaCalc">
<div class="PlitkaCalc-all">
<div class="PlitkaCalc-title">
<div class="v-align">
<h1>Калькулятор для расчета заказа облицовочного материала</h1>
<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 h1{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 h1{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: 45p
0
Нет в наличии
0
Нет в наличии
0
Нет в наличии
0
Нет в наличии