Насос Hayward HCP40653E KAN610 T2.B IE3 (380V, пф, 84,2m3/h*12m, 5,75kW, 6,5HP)

<!–Блок на всю ширину экрана для начинки–>
<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”>5,75 ^кВт</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>&nbsp;Потребляемая мощность </span>&nbsp;насоса </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”>6,5 ^л.с.</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>&nbsp;Полезная мощность </span>&nbsp;насоса </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”>337 ^м³</div>
</div>
<span class=”radial-info-span-2″>|<br>200 м³</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>&nbsp;объем </span>&nbsp;бассейна (до)</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”>84 ^м³/ч</div>
</div>
<span class=”radial-info-span-2″>|<br>50 м³/ч</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>&nbsp;Производительность </span>&nbsp;насоса</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=”top:80px;left:75px;”>
HCP40753</span><br>
<span style=”color:#359ffb;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” d=”M 90,35 C 136,60 195,90 290,160″/>
<path class=”svg-grafic-hayward-path-this” 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;”>
HCP40653E1 – современный, высокопроизводительный насос от французской компании Hayward, который разработан для обслуживания коммерческих бассейнов с пресной и соленой водой. Высокая прочность материалов, надежность и мощность позволит данной модели стать превосходной альтернативой чугунным и другим металлическим моделям.
<br><br>
Насос характеризуется высокой производительностью, выносливостью, мощностью, простотой монтажа и легкостью обслуживания. Производительность агрегата составляет 84,2 м.куб./ч при высоте водного столба в 12 метров. При снижении уровня водного столба производительность повышается. Такой насос станет идеальным выбором для обслуживания бассейнов до 337000 литров. Электромотор насоса оборудован закрытым двигателем с вентилятором для обеспечения качественного и эффективного охлаждения. Мощность мотора – 5,75 кВт или 6,5 л.с. Частота оборотов двигателя составляет 2850 об./мин. Насос рассчитан на трехфазное подключение электросети – 380/700В. Класс изоляции данной модели – F, водозащиты – IP55.
<br><br>
Hayward HCP40653E1 оборудован блоком для предварительной фильтрации воды с корзиной большого объема. Крышка префильтра закреплена при помощи четырех болтов из нержавеющей стали. Она изготовлена из прозрачного полимера, легко открывается без инструментов при помощи откидного механизма. Корзина префильтра выполнена из полимера и оборудована ручкой. Она легко и быстро очищается от листвы и мусора. Корпус агрегата создан из термопластика усиленного стекловолокном, что позволяет ему выдерживать различные нагрузки, защищает от коррозии и механических повреждений. Гидравлические узлы и крыльчатка изготовлены из инновационного, сверхпрочного и надежного норила. Высокое качество материалов позволяет использоваться насос для работы в соленой воде, ему не страшны интенсивные нагрузки и тяжелые эксплуатационные условия.
<br><br>
Поставляется насос с интегрированной подставкой для улучшения циркуляции воздуха и обеспечения более качественного охлаждения. Диаметр соединения с водопроводной системой – 110 мм.
</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(100) мм
</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(100) мм
</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;}
.i1b-text span{background:#fb6e4d;}

/*Блок на правую сторону*/
.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;background:#fb6e4d;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;background:#fb6e4d;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>