<!--Блок на всю ширину экрана для начинки-->
<div class="width-block">
<!--Инфографика-->
<div class="infografic-radial-4">
<ul>
<ol class="infografic-ol wow zoomIn hvr-grow">
<h4>Мощность кВт</h4>
<div class="infog-1-block">
<div class="i1b-in">
<div class="radial-info">
<span class="radial-info-span-1">0 кВт<br>|</span>
<div class="radial-info-in">
<div class="radial-text">7 <sup>кВт</sup>
</div>
</div>
<span class="radial-info-span-2">|<br>4 кВт</span>
</div>
<svg id="svg" class="over-image">
<circle id="bar" class="circle" r="64" cx="70" cy="70" fill="transparent" stroke-dasharray="400" stroke-dashoffset="112">
</circle>
<!-- length:2 * 3.14 * 64 = 401.92 72% = 401.92*0.28=112 -->
</svg>
</div>
</div>
<div class="i1b-text">
<span> Потребляемая мощность </span> насоса </div>
</ol>
<ol class="infografic-ol wow zoomIn hvr-grow">
<h4>Мощность л.c.</h4>
<div class="infog-1-block">
<div class="i1b-in">
<div class="radial-info">
<span class="radial-info-span-1">0 л.с.<br>|</span>
<div class="radial-info-in">
<div class="radial-text">7,5 <sup>л.с.</sup>
</div>
</div>
<span class="radial-info-span-2">|<br>4 л.с.</span>
</div>
<svg id="svg" class="over-image">
<circle id="bar" class="circle" r="64" cx="70" cy="70" fill="transparent" stroke-dasharray="400" stroke-dashoffset="72">
</circle>
<!-- length:2 * 3.14 * 64 = 401.92 82% = 400*0.18=72 -->
</svg>
</div>
</div>
<div class="i1b-text">
<span> Полезная мощность </span> насоса </div>
</ol>
<ol class="infografic-ol wow zoomIn hvr-grow">
<h4>Объем бассейна</h4>
<div class="infog-1-block">
<div class="i1b-in">
<div class="radial-info">
<span class="radial-info-span-1">0 м³<br>|</span>
<div class="radial-info-in">
<div class="radial-text">420 <sup>м³</sup>
</div>
</div>
<span class="radial-info-span-2">|<br>250 м³</span>
</div>
<svg id="svg" class="over-image">
<circle id="bar" class="circle" r="64" cx="70" cy="70" fill="transparent" stroke-dasharray="400" stroke-dashoffset="64">
</circle>
<!-- length:2 * 3.14 * 64 = 401.92 84% = 400*0.16=64-->
</svg>
</div>
</div>
<div class="i1b-text">Рекомендованный <span> объем </span> бассейна (до)</div>
</ol>
<ol class="infografic-ol wow zoomIn hvr-grow">
<h4>Производительность</h4>
<div class="infog-1-block">
<div class="i1b-in">
<div class="radial-info">
<span class="radial-info-span-1">0 м³/ч<br>|</span>
<div class="radial-info-in">
<div class="radial-text">104 <sup>м³/ч</sup>
</div>
</div>
<span class="radial-info-span-2">|<br>60 м³/ч</span>
</div>
<svg id="svg" class="over-image">
<circle id="bar" class="circle" r="64" cx="70" cy="70" fill="transparent" stroke-dasharray="400" stroke-dashoffset="56">
</circle>
<!-- length:2 * 3.14 * 64 = 401.92 86% = 400*0.14=56-->
</svg>
</div>
</div>
<div class="i1b-text">
<span> Производительность </span> насоса</div>
</ol>
</ul>
</div>
<!---->
<div style="clear:both">
</div>
</div>
<!--///-->
<!--Блок на всю ширину экрана для начинки-->
<div class="width-block">
<!--Блок на правую сторону-->
<div class="width-block-right">
<!--/-->
<div class="what-type-hayward-all" style="margin:0px auto 10px auto">
<div class="what-type-hayward-1 wow fadeInUp hvr-sweep-to-top">
<div class="wth-name">
Бассейны
</div>
<div class="wth-block-1 wow fadeInRight">
<div class="wth-icon-off hvr-float-shadow">
</div>
<div class="wth-text-off">
Частные
</div>
</div>
<div class="wth-block-2 wow fadeInRight">
<div class="wth-icon-on hvr-float-shadow">
</div>
<div class="wth-text-on">
Общественные
</div>
</div>
</div>
<div class="what-type-hayward-2 wow fadeInUp hvr-sweep-to-top">
<div class="wth-name">
Применение
</div>
<div class="wth-block-3 wow fadeInRight">
<div class="wth-icon-on hvr-float-shadow">
</div>
<div class="wth-text-on">
Фильтрация
</div>
</div>
<div class="wth-block-4 wow fadeInRight">
<div class="wth-icon-off hvr-float-shadow">
</div>
<div class="wth-text-off">
Аттракционы
</div>
</div>
</div>
</div>
<!--/-->
<!--ГРАФИК INVERT-->
<!--/-->
<div class="what-type-hayward-all" style="margin:0px auto 10px auto">
<div class="content-block-hayward wow fadeInRight hvr-sweep-to-bottom">
<div class="content-block-hayward-in">
<div class="content-block-hayward-text">
<h4>График пропускной способности насосов Hayward HCP4000</h4>
<p>
<span style="top:70px;left:60px;">
HCP401253</span>
<br>
<span style="top:75px;left:50px;">
HCP401003</span>
<br>
<span style="color:#359ffb;top:80px;left:75px;">
HCP40753</span>
<br>
<span style="top:85px;left:70px;">
HCP40653</span>
<br>
<span style="top:90px;left:53px;">
HCP40553</span>
<br>
</p>
</div>
<div class="svg-grafic-hayward" style="background:url(https://aquapolis.ru/media/custom_css/Images/fon-grafic-nasos2.png)">
<svg width="360" height="250">
<path class="svg-grafic-hayward-path" d="M 92,25 C 148,45 253,85 353,160"/>
<path class="svg-grafic-hayward-path" d="M 82,40 C 148,60 253,100 323,160"/>
<path class="svg-grafic-hayward-path-this" d="M 90,35 C 136,60 195,90 290,160"/>
<path class="svg-grafic-hayward-path" d="M 66,40 C 113,55 148,80 241,160"/>
<path class="svg-grafic-hayward-path" d="M 61,60 C 120,100 183,130 218,160"/>
</svg>
</div>
</div>
</div>
</div>
<!--/-->
<div style="clear:both">
</div>
</div>
<!--//-->
<!--Блок на левую сторону-->
<div class="width-block-left">
<!--Текстовый блок-->
<div class="wow fadeInUp">
<div class="inside-information" style="width:calc(100% - 40px);min-height:100px;margin-bottom:10px;">
Hayward HCP40753E1 – новинка от компании Hayward, которая спроектирована для эффективной замены чугунных насосов. Данный насос относится к самовсасывающим центробежным моделям с префильтром и отличается высокой производительностью, надежностью, простотой эксплуатации и монтажа.
<br>
<br>
HCP40753E1 предназначен для обслуживания больших по площади коммерческих бассейнов. Используется в системах водоподачи и фильтрации. Производительность составляет – 104,5 м.куб./час при высоте водного столба 12 метров. Мотор – TEFC, оснащен полностью закрытым двигателем с эффективной системой самоохлаждения. Мощность электромотора – 7 кВт/7.5 л.с. Количество оборотов – 2850 в минуту. Работает от трехфазной электросети – 400/700В. Насос идеально подходит для обслуживания водных аттракционов, бассейнов и СПА объемом до 420000 литров.
<br>
<br>
Изготовлен насос из высокопрочных, устойчивых к износу и различным негативным факторам материалов. Корпус – высокопрочный полимер, усиленный стекловолокном. Крыльчатка, гидравлические узлы выполнены из норила. Данный материал обладает высокой твердостью и сверхпрочностью, низким водопоглощением и термоустойчивостью. Он сохраняет свои характеристики в сухой и влажной среде. Не подвержен коррозии. Корзина префильтра и крышка выполнены из прочного полимера. Все это позволяет использоваться насос в самых сложных эксплуатационных условиях, безопасно работать с соленой водой и выдерживать длительные нагрузки. Крышка префильтра прозрачная, крепиться на четырех болтах. Откидной механизм позволяет легко и быстро открывать ее без инструмента, что обеспечивает простоту ухода за префильтром.
<br>
<br>
Поставляется насос на специально приподнятой платформе, которая улучшает циркуляцию воздуха вокруг него, улучшая охлаждения и предотвращая перегрев мотора. Класс защиты агрегата - IP55, изоляции – F.
</div>
</div>
<!--/-->
<div style="clear:both">
</div>
</div>
<!--//-->
<div style="clear:both">
</div>
</div>
<!--///-->
<!--Блок на всю ширину экрана для начинки-->
<div class="width-block">
<div class="hayward-types-image wow zoomIn hti-1">
</div>
<div class="hayward-types-blocks">
<div class="htb-left">
<div class="htb-block-all">
<div class="htb-block hvr-grow">
<div class="htb-icon wow zoomIn">1</div>
<div class="htb-text wow fadeInRight">
Вход<br>
<span>
Наружная резьба на корпусе + переходные муфты под клей 110 мм
</span>
</div>
</div>
<div class="htb-block hvr-grow"">
<div class="htb-icon wow zoomIn">2</div>
<div class="htb-text wow fadeInRight">
Мотор<br>
<span>
Охлаждаемый TEFC, IP55, F, 50 Hz, 400/700В
</span>
</div>
</div>
<div class="htb-block hvr-grow"">
<div class="htb-icon wow zoomIn">3</div>
<div class="htb-text wow fadeInRight">
Корпус<br>
<span>
Антикоррозийный термопластик со стекловолокном + Noryl
</span>
</div>
</div>
</div>
</div>
<div class="htb-right">
<div class="htb-block-all">
<div class="htb-block hvr-grow"">
<div class="htb-icon wow zoomIn">4</div>
<div class="htb-text wow fadeInRight">
Префильтр<br>
<span>
С прозрачной крышкой на 4-х откидных винтах
</span>
</div>
</div>
<div class="htb-block hvr-grow"">
<div class="htb-icon wow zoomIn">5</div>
<div class="htb-text wow fadeInRight">
Платформа<br>
<span>
Для эффективного воздушного охлаждения
</span>
</div>
</div>
<div class="htb-block hvr-grow"">
<div class="htb-icon wow zoomIn">6</div>
<div class="htb-text wow fadeInRight">
Выход<br>
<span>
Наружная резьба на корпусе + переходные муфты под клей 110 мм
</span>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both">
</div>
</div>
<!--///-->
<div style="clear:both">
</div>
<style>
/*Загаловок*/
.title{width:100%;height:auto;}
.title-all{width:calc(50% - 50px);min-width:400px;height:auto;margin:10px 0px 10px 0px;background:#359ffb;position:relative; padding:15px 15px 13px 15px;
border-right:20px solid #fb6e4d;border-bottom:3px solid #fb6e4d;cursor:pointer;}
.title-in{font:12px arial;font-weight:bold;text-transform:uppercase;color:white;}
/*Блок на всю ширину экрана для начинки*/
.width-block{width:100%;height:auto;margin:10px auto 20px auto;}
/*Текстовая информация*/
.inside-information{width:calc(50% - 40px);height:auto;min-height:160px;font:12px arial;float:left;background:#eee;
padding:20px;line-height:1.6em;color:#000;cursor:pointer;}
.inside-information em{font-weight:bold;font-style:normal;}
.inside-information p{float:left;}
.inside-information span{color:black;background:white;font-weight:bold;padding:2px;}
.waranty-inside{width:100%;background:#eee;float:left;margin-top:-20px;}
.waranty-inside-1{width:calc(100% - 170px);float:left;}
.inside-information-waranty{width:100%;height:125px;display:table;}
.inside-information-waranty p{width:100%;height:auto;display:table-cell;vertical-align:middle;padding:25px;line-height:1.3em;}
.inside-information-waranty span{font:12px arial;color:black;background:white;font-weight:bold;padding:2px;}
.waranty-inside-2{width:170px;height:125px;float:right;}
/*Правый блок для графиков*/
.inside-right-information{width:50%;height:auto;float:left;overflow:hidden;}
/*Инфографика- Четыре круговых бара*/
.infografic-radial-4{width:100%;height:auto;float:left;}
.infografic-radial-4 ul {margin:20px 0px 0px 0px;width:100%;text-align:center;padding:0;}
.infografic-radial-4 ul ol {display:inline-block;width:24%;min-width:200px;height:auto;margin:0;padding:0;margin-bottom:10px;line-height:normal;list-style-type:none;
cursor:pointer;}
.infografic-radial-4 h4{font:14px arial;color:#000;font-weight:bold;margin:0 0 35px 0;text-align:center;text-transform:uppercase;}
.infog-1-block{width:150px;height:160px;margin:auto;}
#svg{background:#eee;border-radius:200px;border:1px solid #eee;}
.over-image {stroke:#fb6e4d;stroke-width:8px;width:140px;height:140px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
/*АНИМАЦИЯ КРУГОВОГО БАРА*/
.circle{animation: ani 3s linear; }
@keyframes ani {0% {stroke-dasharray: 0 401.92;stroke-dashoffset: 0;}}
.radial-info{width:150px;height:150px;position:absolute;z-index:999;font:13px arial;line-height:1.4em;text-align:center;}
.radial-info-span-1{margin:0px;position:absolute;color:#359ffb;top:-20px;left:0;text-align:center;width:100%;}
.radial-info-span-2{margin:0px;position:absolute;color:#359ffb;top:126px;left:0;text-align:center;width:100%;}
.radial-info-in{width:114px;height:114px;margin:13px auto;background:#fff;color:#359ffb;border-radius:100px;border:1px solid #359ffb;display:table;}
.radial-text{font:35px arial;font-weight:bold;text-shadow:1px 1px 0px #fb6e4d;letter-spacing:-1px;
text-align:center;vertical-align:middle;display:table-cell;}
.radial-text span{}
.radial-text sup{font-size:25px;position:relative;top:10px;}
.i1b-text{width:200px;height:40px;margin:auto;border-top:1px solid #fb6e4d;margin-top:20px;padding-top:5px;
font:12px arial;text-align:center;line-height:1.3em;}
/*Блок на правую сторону*/
.width-block-right{width:calc(50% - 10px);height:auto;float:right;margin:0px 0px 20px 10px;}
/*Блок на левую сторону*/
.width-block-left{width:50%;height:auto;float:left;margin:0px 0px 20px 0px;}
/******* hayward *********/
/******* График *********/
.content-block-hayward{width:100%;max-width:500px;min-width:300px;height:auto;background:#eee;float:none;margin:10px 0px 10px 0px;border-top:3px solid #359ffb;}
/**/
.content-block-hayward-in{width:360px;height:auto;margin:0px auto;}
.content-block-grafic-invert-text{width:300px;height:100%;position:absolute;z-index:999;}
.content-block-hayward-text p{width:250px;margin:-30px auto;font:10px arial;padding:0px;line-height:1.5em;color:#fb6e4d;}
.content-block-hayward-text h4{width:250px;margin:20px auto;font:14px arial;font-weight:bold;position:relative;top:0px;line-height:1em;color:#000;text-align:center;}
.content-block-hayward-text span{background:rgba(255,255,255,0.9);font-weight:bold;padding:2px 7px;border-radius:5px;color:#696969;position:relative;}
.svg-grafic-hayward {width:360px;margin:0px auto 20px auto;}
.svg-grafic-hayward-path {
fill: none;
stroke-width: 3;
stroke: #fb6e4d;
stroke-dasharray: 1000 500;
animation: dasharray-0 12s alternate;
}
.svg-grafic-hayward-path-this {
fill: none;
stroke-width: 3;
stroke:#359ffb;
stroke-dasharray: 2000 500;
animation: dasharray-0 12s alternate;
}
/*WHAT TYPE HAYWARD*/
.what-type-hayward-all{width:100%;max-width:500px;min-width:300px;height:auto;float:none;}
.what-type-hayward-1{width:calc(50% - 5px);height:135px;background:#eee;float:left;margin:0px 10px 0px 0px;}
.what-type-hayward-2{width:calc(50% - 5px);height:135px;background:#eee;float:left;animation-delay:0.2s;}
.wth-name{width:calc(100% - 35px);height:auto;border-bottom:1px solid white;padding:10px 0px 10px 35px;color:#359ffb;text-transform:uppercase;
font:14px arial;letter-spacing:1px;}
.wth-block-1{width:200px;height:30px;margin:10px auto 0px auto;display:table;animation-delay:0.3s;}
.wth-block-2{width:200px;height:30px;margin:10px auto 0px auto;display:table;animation-delay:0.4s;}
.wth-block-3{width:200px;height:30px;margin:10px auto 0px auto;display:table;animation-delay:0.5s;}
.wth-block-4{width:200px;height:30px;margin:10px auto 0px auto;display:table;animation-delay:0.6s;}
.wth-icon-on{width:50px;height:30px;background:url(https://aquapolis.ru/media/custom_css/Images/wth-on.png) center no-repeat;background-size:70%;vertical-align:middle;display:table-cell;}
.wth-icon-off{width:50px;height:30px;background:url(https://aquapolis.ru/media/custom_css/Images/wth-off.png) center no-repeat;background-size:70%;vertical-align:middle;display:table-cell;}
.wth-text-on{width:140px;height:auto;vertical-align:middle;display:table-cell;text-align:left;font:14px arial;padding:0px 5px;color:#000;}
.wth-text-off{width:140px;height:auto;vertical-align:middle;display:table-cell;text-align:left;font:14px arial;padding:0px 5px;color:#696969;}
/**/
.hayward-types-image{width:calc(100% - 0px);height:400px;position:absolute;left:0px;}
.hti-1{width:calc(100% - 0px);background:url(https://aquapolis.ru/media/custom_css/Images/HPC.png) center no-repeat;background-size:contain;}
.hti-2{width:calc(100% - 0px);background:url(https://aquapolis.ru/media/custom_css/Images/PL.png) center no-repeat;background-size:contain;}
.hayward-types-blocks{width:100%;height:400px;}
.htb-left{width:300px;height:400px;float:left;display:table;}
.htb-right{width:300px;height:400px;float:right;display:table;}
.htb-block-all{width:250px;height:200px;margin:auto;vertical-align:middle;display:table-cell;}
.htb-block{width:250px;height:60px;background:rgba(220,220,220,0.5);margin:2px 25px;}
.htb-icon{width:20px;height:18px;background:#fb6e4d;border-radius:20px;text-align:center;font:14px arial;padding-top:2px;margin:20px;float:left;}
.htb-text{font:12px arial;text-transform:uppercase;color:#359ffb;letter-spacing:1px;padding:7px 0px;}
.htb-text span{font:12px arial;text-transform:none;color:#000;letter-spacing:0px;padding:0px 3px;}
/*Загаловок*/
.title-waranty-right-2{width:calc(50% - 41px);min-width:400px;height:auto;float:right;padding:12px 15px 9px 15px;border-left:1px solid white;
background:url(https://aquapolis.ru/media/custom_css/Images/waranty-2.png)#359ffb;background-position:center;background-repeat:no-repeat;
font:18px arial;font-weight:bold;text-transform:uppercase;color:white;text-align:center;}
/*Блоки с иконками*/
.hayward-wf{width:100%;height:auto;}
.hayward-wf-block{width:calc(50% - 5px);min-width:250px;height:90px;background:#eee;float:left;margin:0px 5px 5px 0px;}
.hwf-block-info{width:calc(100% - 90px);height:90px;float:left;}
.hwf-block-name{width:80%;height:auto;border-bottom:2px solid white;float:left;padding:10px 10%;
font:14px arial;text-transform:uppercase;letter-spacing:1px;color:#359ffb;}
.hwf-block-text{width:80%;height:auto;;float:left;padding:5px 10%;
font:12px arial;}
.hwf-block-text span{font:14px arial;font-weight:bold;}
.hwf-block-img{width:90px;height:90px;background:red;float:right;}
.hwf-1{background:url(https://aquapolis.ru/media/custom_css/Images/1-hw.png) center no-repeat;background-size:contain;}
.hwf-2{background:url(https://aquapolis.ru/media/custom_css/Images/2-hw.png) center no-repeat;background-size:contain;}
.hwf-3{background:url(https://aquapolis.ru/media/custom_css/Images/3-hw.png) center no-repeat;background-size:contain;}
.hwf-4{background:url(https://aquapolis.ru/media/custom_css/Images/4-hw.png) center no-repeat;background-size:contain;}
.hwf-5{background:url(https://aquapolis.ru/media/custom_css/Images/5-hw.png) center no-repeat;background-size:contain;}
.hwf-6{background:url(https://aquapolis.ru/media/custom_css/Images/6-hw.png) center no-repeat;background-size:contain;}
.hwf-7{background:url(https://aquapolis.ru/media/custom_css/Images/7-hw.png) center no-repeat;background-size:contain;}
.hwf-8{background:url(https://aquapolis.ru/media/custom_css/Images/8-hw.png) center no-repeat;background-size:contain;}
/*Выделяем температуру и давление*/
.hwt{width:100%;height:auto;margin-bottom:20px;}
.hwt-fon{width:calc(50% - 5px);min-width:250px;height:200px;float:left;margin:0px 5px 5px 0px;background:grey;}
.hayward-wf-top{width:calc(100% - 5px);min-width:250px;height:120px;float:left;margin:80px 5px 5px 0px;}
#hwt-1{background:url(https://aquapolis.ru/media/custom_css/Images/fon-top-1.png) center no-repeat;background-size:90% 90%;}
#hwt-2{background:url(https://aquapolis.ru/media/custom_css/Images/fon-top-2.png) center no-repeat;background-size:90% 90%;}
.hwt-text{font:14px arial;padding:20px 0px 0px 15%;color:white;float:left;line-height:1em;}
.hwt-text em{font:30px arial;font-weight:bold;position:relative;top:3px;}
.hwt-block-img{width:90px;height:90px;background:gold;float:right;margin-right:10%;}
.htw-fon-1{background:url(https://aquapolis.ru/media/custom_css/Images/htw-fon-1.png) center no-repeat;background-size:cover;}
.htw-fon-2{background:url(https://aquapolis.ru/media/custom_css/Images/htw-fon-2.png) center no-repeat;background-size:cover;}
.hp-1{background:url(https://aquapolis.ru/media/custom_css/Images/1-hw.png) center no-repeat;background-size:contain;}
.hp-2{background:url(https://aquapolis.ru/media/custom_css/Images/2-hp.png) center no-repeat;background-size:contain;}
/**/
.hayward-types-image-2{width:calc(100% - 0px);height:400px;position:absolute;left:0;}
/**/
.hti-3{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/white-filtr.png) center no-repeat;background-size:contain;}
.hti-4{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/filtr-kolo.png) center no-repeat;background-size:contain;}
.hti-5{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/filtr-5.png) center no-repeat;background-size:contain;}
.hti-6{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/filtr-6.png) center no-repeat;background-size:contain;}
.hayward-types-blocks-2{width:100%;height:400px;}
.htb2-left{width:400px;height:400px;float:left;display:table;}
.htb2-right{width:400px;height:400px;float:right;display:table;}
.htb2-block-all{width:350px;height:200px;margin:auto;vertical-align:middle;display:table-cell;}
/*Текстовые блоки*/
.htb2-tb-block{width:350px;height:auto;margin:0px auto 10px auto;}
.htb2-tb-text{width:350px;height:auto;margin:auto;display:table;background:#eee;}
.htb2-tb-text p{font:12px arial;vertical-align:middle;display:table-cell;padding:15px 10px 15px 15px;}
.htb2-tb-text p em{background:#fb6e4d;color:#000;font:12px arial;vertical-align:middle;display:table-cell;padding:6px 10px;border-radius:30px;}
.htb2-tb-text p span{color:#000;text-transform:none;font-weight:bold;}
.htb2-tb-text-p{text-transform:uppercase;color:#359ffb;}
/*НИЖНЕЕ дополнительное описание*/
.filtr-bottom-info{border-top:1px solid #dbdbdb;width:90%;max-width:720px;height:auto;margin:50px auto 0px auto;padding:10px 0px 10px 0px;font:12px arial;line-height:1.5em;color:#696969;}
/*Системы*/
.hti-1s{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/system-1.png) center no-repeat;background-size:contain;}
/*in941px*/
@media screen and (min-width:100px) and (max-width:1279px) {
/**/
.hayward-types-image{width:calc(100% - 0px);height:300px;position:absolute;left:0;}
.hti-1{width:calc(100% - 0px);background:url(https://aquapolis.ru/media/custom_css/Images/HPC.png) center no-repeat;background-size:contain;}
.hti-2{width:calc(100% - 0px);background:url(https://aquapolis.ru/media/custom_css/Images/PL.png) center no-repeat;background-size:contain;}
.hayward-types-blocks{width:100%;height:300px;}
.htb-left{width:250px;height:300px;float:left;display:table;}
.htb-right{width:250px;height:300px;float:right;display:table;}
.htb-block-all{width:250px;height:200px;margin:auto;vertical-align:middle;display:table-cell;}
.htb-block{width:250px;height:60px;background:rgba(220,220,220,0.5);margin:2px 0px;}
.htb-icon{width:20px;height:18px;background:#fb6e4d;border-radius:20px;text-align:center;font:14px arial;padding-top:2px;margin:20px;float:left;}
.htb-text{width:245px;font:12px arial;text-transform:uppercase;color:#359ffb;letter-spacing:1px;padding:7px 0px;}
.htb-text span{font:12px arial;text-transform:none;color:#000;letter-spacing:0px;padding:0px 3px;}
}
/*in941px*/
@media screen and (min-width:100px) and (max-width:1100px) {
/*Загаловок*/
.title-waranty-right-2{width:calc(50% - 41px);min-width:400px;height:auto;float:right;padding:12px 15px 9px 15px;border-left:1px solid white;
background:url(https://aquapolis.ru/media/custom_css/Images/waranty-2.png)#359ffb;background-position:center;background-repeat:no-repeat;
font:18px arial;font-weight:bold;text-transform:uppercase;color:white;text-align:center;}
/*Блоки с иконками*/
.hayward-wf{width:100%;height:auto;}
.hayward-wf-block{width:calc(50% - 5px);min-width:350px;height:70px;background:#eee;float:left;margin:0px 5px 5px 0px;}
.hwf-block-info{width:calc(100% - 90px);height:70px;float:left;}
.hwf-block-name{width:80%;height:auto;border-bottom:2px solid white;float:left;padding:7px 10% 3px 10%;
font:12px arial;text-transform:uppercase;letter-spacing:1px;color:#359ffb;}
.hwf-block-text{width:80%;height:auto;float:left;padding:6px 10%;
font:12px arial;}
.hwf-block-text span{font:14px arial;font-weight:bold;}
.hwf-block-img{width:70px;height:70px;float:right;}
/*Выделяем температуру и давление*/
.hwt{width:100%;height:auto;margin-bottom:20px;}
.hwt-fon{width:calc(50% - 5px);min-width:350px;height:120px;float:left;margin:0px 5px 5px 0px;}
.hayward-wf-top{width:calc(100% - 5px);min-width:150px;height:120px;float:left;margin:0px 5px 5px 0px;}
#hwt-1{background:url(https://aquapolis.ru/media/custom_css/Images/fon-top-1.png) center no-repeat;background-size:90% 90%;}
#hwt-2{background:url(https://aquapolis.ru/media/custom_css/Images/fon-top-2.png) center no-repeat;background-size:90% 90%;}
.hwt-text{font:14px arial;padding:20px 0px 0px 15%;color:white;float:left;line-height:1em;}
.hwt-text em{font:30px arial;font-weight:bold;position:relative;top:3px;}
.hwt-block-img{width:90px;height:90px;background:gold;float:right;margin-right:10%;}
.hp-1{background:url(https://aquapolis.ru/media/custom_css/Images/1-hw.png) center no-repeat;background-size:contain;}
.hp-2{background:url(https://aquapolis.ru/media/custom_css/Images/2-hp.png) center no-repeat;background-size:contain;}
/**/
.hayward-types-image-2{width:calc(100% - 0px);height:400px;position:relative;top:-20px;}
/**/
.hayward-types-blocks-2{width:710px;height:auto;margin:auto;}
.htb2-left{width:350px;height:auto;float:left;display:table;}
.htb2-right{width:350px;height:auto;float:right;display:table;}
.htb2-block-all{width:350px;height:200px;margin:auto;vertical-align:middle;display:table-cell;}
/*Текстовые блоки*/
.htb2-tb-block{width:350px;height:auto;margin:0px auto 10px auto;}
.htb2-tb-text{width:350px;height:auto;margin:auto;display:table;background:#eee;}
.htb2-tb-text p{font:12px arial;vertical-align:middle;display:table-cell;padding:15px 10px 15px 15px;}
.htb2-tb-text p em{background:gold;color:#000;font:12px arial;vertical-align:middle;display:table-cell;padding:6px 10px;border-radius:30px;}
.htb2-tb-text p span{color:#000;text-transform:none;font-weight:bold;}
.htb2-tb-text-p{text-transform:uppercase;color:#359ffb;}
.htb2-number{width:20px;height:20px;background:gold;ertical-align:middle;display:table-cell;padding:15px 20px;}
/*Системы*/
.hti-1s{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/system-1.png) center no-repeat;background-size:contain;}
}
/*941in692px*/
@media screen and (min-width:100px) and (max-width:991px) {
/*Загаловок*/
.title-waranty{width:calc(50% - 20px);min-width:430px;height:auto;margin:10px 0px 10px 0px;border-right:20px solid #fb6e4d;border-bottom:3px solid #fb6e4d;cursor:pointer;}
.title-waranty-left{width:calc(100% - 30px);min-width:100px;height:auto;float:left;padding:15px 15px 13px 15px;background:#359ffb;
font:12px arial;font-weight:bold;text-transform:uppercase;color:white;}
.title-waranty-right{width:calc(100% - 30px);min-width:100px;height:auto;float:right;padding:12px 15px 9px 15px;border-left:0px solid white;border-top:1px solid white;
background:url(https://aquapolis.ru/media/custom_css/Images/waranty.png)#359ffb;background-position:center;background-repeat:no-repeat;
font:18px arial;font-weight:bold;text-transform:uppercase;color:white;text-align:center;}
.title-waranty-right-2{width:calc(100% - 30px);min-width:100px;height:auto;float:right;padding:12px 15px 9px 15px;border-left:0px solid white;border-top:1px solid white;
background:url(https://aquapolis.ru/media/custom_css/Images/waranty-2.png)#359ffb;background-position:center;background-repeat:no-repeat;
font:18px arial;font-weight:bold;text-transform:uppercase;color:white;text-align:center;}
/*WHAT TYPE HAYWARD*/
.what-type-hayward-all{width:100%;max-width:500px;min-width:300px;height:auto;float:left;}
.what-type-hayward-1{width:calc(100% - 0px);height:135px;background:#eee;float:left;margin:0px 0px 10px 0px;}
.what-type-hayward-2{width:calc(100% - 0px);height:135px;background:#eee;float:left;}
.wth-name{width:100%;height:auto;border-bottom:1px solid white;padding:10px 0px;text-align:center;color:#359ffb;text-transform:uppercase;
font:14px arial;letter-spacing:1px;}
.svg-grafic-hayward {width:300px;margin:0px auto 20px auto;}
}
/*in560px*/
@media screen and (min-width:100px) and (max-width:767px) {
/******* Invert *********/
/******* График *********/
.content-block-grafic{width:100%;max-width:760px;min-width:300px;height:auto;background:#eee;float:none;margin:10px auto 0px auto;border-top:3px solid #359ffb;}
/*Блок на правую сторону*/
.width-block-right{width:100%;height:auto;float:right;margin:0px 0px 10px 0px;}
/*Блок на левую сторону*/
.width-block-left{width:100%;height:auto;float:left;margin:0px 0px 20px 0px;}
/*Загаловок*/
.title-in{width:100%;height:auto;}
.title-in-all{width:calc(50% - 50px);min-width:400px;height:auto;margin:10px 0px 10px 0px;background:#359ffb;position:relative; padding:15px 15px 13px 15px;
border-right:20px solid #fb6e4d;border-bottom:3px solid #fb6e4d;cursor:pointer;}
.title-in-in{font:12px arial;font-weight:bold;text-transform:uppercase;color:white;}
/******* hayward *********/
/******* График *********/
.content-block-hayward{width:100%;max-width:800px;min-width:300px;height:auto;background:#eee;float:left;margin:0px 0px 10px 0px;border-top:3px solid #359ffb;}
/*WHAT TYPE HAYWARD*/
.what-type-hayward-all{width:100%;max-width:800px;min-width:300px;height:auto;float:left;}
.what-type-hayward-1{width:calc(50% - 5px);height:135px;background:#eee;float:left;margin:0px 10px 0px 0px;}
.what-type-hayward-2{width:calc(50% - 5px);height:135px;background:#eee;float:left;}
.wth-name{width:100%;height:auto;border-bottom:1px solid white;padding:10px 0px;text-align:center;color:#359ffb;text-transform:uppercase;
font:14px arial;letter-spacing:1px;}
.svg-grafic-hayward {width:360px;margin:0px auto 20px auto;}
/**/
.hayward-types-image{width:100%;height:300px;position:relative;}
.hayward-types-blocks{width:504px;height:180px;margin:auto;}
.htb-left{width:250px;height:180px;float:left;}
.htb-right{width:250px;height:180px;float:right;}
.htb-block-all{width:250px;height:180px;margin:auto;vertical-align:middle;display:table-cell;}
.htb-block{width:250px;height:60px;background:#eee;margin:2px 0px;}
/*Блоки с иконками*/
.hayward-wf{width:100%;min-width:300px;max-width:350px;height:auto;margin:auto;}
.hayward-wf-block{width:calc(100% - 5px);min-width:300px;max-width:350px;height:90px;background:#eee;float:none;margin:0px auto 5px auto;}
.hwf-block-info{width:calc(100% - 90px);height:90px;float:left;}
.hwf-block-name{width:80%;height:auto;border-bottom:2px solid white;float:left;padding:10px 10%;
font:14px arial;text-transform:uppercase;letter-spacing:1px;color:#359ffb;}
.hwf-block-text{width:80%;height:auto;;float:left;padding:10px 10%;
font:12px arial;}
.hwf-block-text span{font:14px arial;font-weight:bold;}
.hwf-block-img{width:90px;height:90px;float:right;}
/*Выделяем температуру и давление*/
.hwt{width:100%;height:auto;margin-bottom:20px;}
.hwt-fon{width:calc(100% - 5px);min-width:150px;height:200px;float:left;margin:0px 5px 5px 0px;}
.hayward-wf-top{width:calc(100% - 5px);min-width:150px;height:120px;float:left;margin:80px 5px 5px 0px;}
#hwt-1{background:url(https://aquapolis.ru/media/custom_css/Images/fon-top-1.png) center no-repeat;background-size:90% 90%;}
#hwt-2{background:url(https://aquapolis.ru/media/custom_css/Images/fon-top-2.png) center no-repeat;background-size:90% 90%;}
.hwt-text{font:14px arial;padding:20px 0px 0px 15%;color:white;float:left;line-height:1em;}
.hwt-text em{font:30px arial;font-weight:bold;position:relative;top:3px;}
.hwt-block-img{width:90px;height:90px;background:gold;float:right;margin-right:10%;}
.hp-1{background:url(https://aquapolis.ru/media/custom_css/Images/1-hw.png) center no-repeat;background-size:contain;}
.hp-2{background:url(https://aquapolis.ru/media/custom_css/Images/2-hp.png) center no-repeat;background-size:contain;}
/**/
.hayward-types-image-2{width:calc(100% - 0px);height:400px;position:relative;top:-20px;}
/**/
.hti-3{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/white-filtr.png) center no-repeat;background-size:cover;}
.hti-4{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/filtr-kolo.png) center no-repeat;background-size:containe;}
.hti-5{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/filtr-5.png) center no-repeat;background-size:contain;}
.hti-6{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/filtr-6.png) center no-repeat;background-size:contain;}
.hayward-types-blocks-2{width:100%;max-width:400px;height:400px;margin:auto;}
.htb2-left{width:100%;height:auto;float:left;display:table;}
.htb2-right{width:100%;height:auto;float:right;display:table;}
.htb2-block-all{width:350px;height:200px;margin:auto;vertical-align:middle;display:table-cell;}
/*Текстовые блоки*/
.htb2-tb-block{width:100%;height:auto;margin:0px auto 10px auto;}
.htb2-tb-text{width:100%;height:auto;margin:auto;display:table;background:#eee;}
.htb2-tb-text p{font:12px arial;vertical-align:middle;display:table-cell;padding:15px 10px 15px 15px;}
.htb2-tb-text p em{background:gold;color:#000;font:12px arial;vertical-align:middle;display:table-cell;padding:6px 10px;border-radius:30px;}
.htb2-tb-text p span{color:#000;text-transform:none;font-weight:bold;}
.htb2-tb-text-p{text-transform:uppercase;color:#359ffb;}
.htb2-number{width:20px;height:20px;background:gold;ertical-align:middle;display:table-cell;padding:15px 20px;}
/*Системы*/
.hti-1s{width:calc(100% - 0px);margin:auto;background:url(https://aquapolis.ru/media/custom_css/Images/system-1.png) center no-repeat;background-size:cover;}
}
/*in410px*/
@media screen and (min-width:100px) and (max-width:639px) {
/*Загаловок*/
.title-waranty{width:calc(100% - 20px);min-width:300px;height:auto;margin:10px 0px 10px 0px;border-right:20px solid #fb6e4d;border-bottom:3px solid #fb6e4d;cursor:pointer;}
.title-waranty-left{width:calc(100% - 30px);min-width:200px;height:auto;float:left;padding:15px 15px 13px 15px;background:#359ffb;
font:12px arial;font-weight:bold;text-transform:uppercase;color:white;}
.title-waranty-right{width:calc(100% - 30px);min-width:200px;height:auto;float:right;padding:12px 15px 9px 15px;border-left:0px solid white;border-top:1px solid white;
background:url(https://aquapolis.ru/media/custom_css/Images/waranty.png)#359ffb;background-position:center;background-repeat:no-repeat;
font:18px arial;font-weight:bold;text-transform:uppercase;color:white;text-align:center;}
.title-waranty-right-2{width:calc(100% - 30px);min-width:200px;height:auto;float:right;padding:12px 15px 9px 15px;border-left:0px solid white;border-top:1px solid white;
background:url(https://aquapolis.ru/media/custom_css/Images/waranty-2.png)#359ffb;background-position:center;background-repeat:no-repeat;
font:18px arial;font-weight:bold;text-transform:uppercase;color:white;text-align:center;}
.title-in{width:100%;height:auto;}
.title-in-all{width:calc(100% - 50px);min-width:200px;height:auto;margin:10px 0px 10px 0px;background:#359ffb;position:relative; padding:15px 15px 13px 15px;
border-right:20px solid #fb6e4d;border-bottom:3px solid #fb6e4d;cursor:pointer;}
.title-in-in{font:12px arial;font-weight:bold;text-transform:uppercase;color:white;}
/**/
.hayward-types-image{width:100%;height:300px;position:relative;}
.hayward-types-blocks{width:250px;height:180px;margin:auto;}
.htb-left{width:250px;height:180px;float:left;}
.htb-right{width:250px;height:180px;float:right;}
.htb-block-all{width:250px;height:180px;margin:auto;vertical-align:middle;display:table-cell;}
.htb-block{width:250px;height:60px;background:#eee;margin:2px 0px;}
}
/*in80%*/
@media screen and (min-width:100px) and (max-width:480px) {
/*Загаловок*/
.title{width:100%;height:auto;}
.title-all{width:calc(100% - 30px);min-width:0px;height:auto;margin:10px 0px 10px 0px;background:#359ffb;position:relative; padding:10px 15px 8px 15px;
border-right:0px solid #fb6e4d;border-bottom:3px solid #fb6e4d;cursor:pointer;}
.title-in{font:10px arial;font-weight:bold;text-transform:uppercase;color:white;}
.inside-information p{float:left;}
.inside-information span{color:black;background:white;font-weight:bold;padding:2px;}
.waranty-inside{width:100%;background:#eee;float:left;margin-top:-20px;}
.waranty-inside-1{width:100%;float:left;}
.inside-information-waranty{width:100%;height:125px;display:table;}
.inside-information-waranty p{width:100%;height:auto;display:table-cell;vertical-align:middle;padding:25px;line-height:1.3em;}
.inside-information-waranty span{font:12px arial;color:black;background:white;font-weight:bold;padding:2px;}
.waranty-inside-2{width:100%;height:125px;float:right;}
/*Загаловок*/
.title-waranty{width:100%;min-width:0;height:auto;margin:10px 0px 10px 0px;border-right:0px solid #fb6e4d;border-bottom:3px solid #fb6e4d;cursor:pointer;}
.title-waranty-left{width:calc(100% - 30px);min-width:200px;height:auto;float:left;padding:10px 15px 8px 15px;background:#359ffb;
font:10px arial;font-weight:bold;text-transform:uppercase;color:white;}
.title-waranty-right{width:calc(100% - 30px);min-width:200px;height:auto;float:right;padding:12px 15px 9px 15px;border-left:0px solid white;border-top:1px solid white;
background:url(https://aquapolis.ru/media/custom_css/Images/waranty.png)#359ffb;background-position:center;background-repeat:no-repeat;
font:16px arial;font-weight:bold;text-transform:uppercase;color:white;text-align:center;}
.title-waranty-right-2{width:calc(100% - 30px);min-width:200px;height:auto;float:right;padding:12px 15px 9px 15px;border-left:0px solid white;border-top:1px solid white;
background:url(https://aquapolis.ru/media/custom_css/Images/waranty-2.png)#359ffb;background-position:center;background-repeat:no-repeat;
font:16px arial;font-weight:bold;text-transform:uppercase;color:white;text-align:center;}
.title-in{width:100%;height:auto;}
.title-in-all{width:calc(100% - 30px);min-width:200px;height:auto;margin:10px 0px 10px 0px;background:#359ffb;position:relative; padding:10px 15px 8px 15px;
border-right:0px solid #fb6e4d;border-bottom:3px solid #fb6e4d;cursor:pointer;}
.title-in-in{font:10px arial;font-weight:bold;text-transform:uppercase;color:white;}
}
</style>
</div>
<style>
.noselect {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
</style>
Для покупки товара в нашем интернет-магазине выберите понравившийся товар и добавьте его в корзину. Далее перейдите в Корзину и нажмите на «Оформить заказ» или «Быстрый заказ».
Когда оформляете быстрый заказ, напишите ФИО, телефон и e-mail. Вам перезвонит менеджер и уточнит условия заказа. По результатам разговора вам придет подтверждение оформления товара на почту или через СМС. Теперь останется только ждать доставки и радоваться новой покупке.
Оформление заказа в стандартном режиме выглядит следующим образом. Заполняете полностью форму по последовательным этапам: адрес, способ доставки, оплаты, данные о себе. Советуем в комментарии к заказу написать информацию, которая поможет курьеру вас найти. Нажмите кнопку «Оформить заказ».
Наличный расчёт
Вы можете оплатить покупку наличными в магазине или курьеру (при доставке товара).Банковские карты
Безналичная оплата банковской картой в магазине и при доставке. Принимаются карты следующих платёжных систем:«VISA», «MasterCard», «Золотая Корона», «МИР».
Безналичный расчет
Доступен для физических и юридических лиц (ООО, ЧП, ИП и т.п.).Доставка по Санкт-Петербургу и Ленинградской обл
Для заказов стоимостью менее 5000 рублей:
- В пределах КАД - 1000 рублей,
- За пределами КАД до 50 км - 2000 рублей,
- За пределами КАД далее 50 км - 2000 рублей + 50 рублей за каждый километр.
- В пределах КАД - 750 рублей,
- За пределами КАД до 50 км - 1500 рублей,
- За пределами КАД далее 50 км -1500 рублей + 50 рублей за каждый километр.
Доставка крупногабаритного товара
Стоимость доставки крупногабаритного товара (Бассейны, купели, спа, павильоны, надводные покрытия (ламели) согласовывается отдельно, для этого свяжитесь по телефону с менеджером компании 8 (812) 40 000 40
Доставка по России - транспортными компаниями
Заказы, требующие отправки в регионы России, доставляются транспортными компаниями до склада в городе получателя. Если в городе получателя нет офисов/складов ТК, по согласованию с клиентом груз отправляется в ближайший город, в котором есть представительство ТК.
Вы можете рассчитать стоимость доставки до вашего города воспользовавшись калькулятором доставки на сайте одной из транспортных компаний:
ТК "Деловые Линии"
ПЭК
ТК "ЖелДорЭкспедиция"
ТК GTD ("КИТ")
ТК "СДЭК"
Самовывоз
Самовывоз товара производится по адресу: г. Санкт-Петербург, Витебский пр д 17 Перед получением заказа, пожалуйста, убедитесь, что он сформирован и находится в пункте выдачи заказов, предварительно позвонив по телефону 8 812 40 000 40