Фильтрационная установка Hayward PWL D611 81073E2 IE2 (14m3/h, верх)

<!—Блок на всю ширину экрана для начинки—>
<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»>14 ^м³/ч</div>
</div>
<span class=»radial-info-span-2″>|<br>10 м³/ч</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=»120″></circle>
<!— length:2 * 3.14 * 64 = 401.92 70% = 401.92*0.3=120—>
</svg>

</div>
</div>
<div class=»i1b-text»><span>&nbsp;Производительность&nbsp;</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»>150 ^кг</div>
</div>
<span class=»radial-info-span-2″>|<br>75 кг</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=»0″></circle>
<!— length:2 * 3.14 * 64 = 401.92 100% = 401.92*0.0=0—>
</svg>

</div>
</div>
<div class=»i1b-text»>Масса песочной<span>&nbsp;засыпки&nbsp;</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»>56 ^м³</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=»215″></circle>
<!— length:2 * 3.14 * 64 = 401.92 47% = 401.92*0.53=215—>
</svg>

</div>
</div>
<div class=»i1b-text»>Рекомендуемый <span>&nbsp;объем&nbsp;</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»>0.28 ^м²</div>
</div>
<span class=»radial-info-span-2″>|<br>0.30 м²</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=»210″></circle>
<!— length:2 * 3.14 * 64 = 401.92 48% = 401.92*0.52=210—>
</svg>

</div>
</div>
<div class=»i1b-text»>Площадь<span>&nbsp;фильтрующего&nbsp;</span> слоя</div>
</ol>
</ul>
</div>
<!—->
<div style=»clear:both»></div>
</div>

<!—Блок на всю ширину экрана для начинки—>
<div class=»width-block»>
<!—Блок на правую сторону—>
<div class=»width-block-right»>

<!—Блоки с иконками—>
<div class=»hayward-wf»>
<div class=»hayward-wf-block wow fadeInDown hvr-shrink»>
<div class=»hwf-block-info»>
<div class=»hwf-block-name»>Температура</div>
<div class=»hwf-block-text»>
Подходит для воды<br>
<span>+5˚C → +45˚C</span>
</div>
</div>
<div class=»hwf-block-img hwf-1″></div>
</div>
<div class=»hayward-wf-block wow fadeInDown hvr-shrink»>
<div class=»hwf-block-info»>
<div class=»hwf-block-name»>соединение</div>
<div class=»hwf-block-text»>
Диаметр соединения<br>
<span>50 мм (32/38 мм)</span>
</div>
</div>
<div class=»hwf-block-img hwf-2″></div>
</div>
<div class=»hayward-wf-block wow fadeInDown hvr-shrink»>
<div class=»hwf-block-info»>
<div class=»hwf-block-name»>Давление</div>
<div class=»hwf-block-text»>
Максимальное рабочее давление<br>
<span>2,5 бар</span>
</div>
</div>
<div class=»hwf-block-img hwf-3″></div>
</div>
<div class=»hayward-wf-block wow fadeInDown hvr-shrink»>
<div class=»hwf-block-info»>
<div class=»hwf-block-name»>песок</div>
<div class=»hwf-block-text»>
Рекомендуемая фракция песка<br>
<span>0,5-0,8 мм</span>
</div>
</div>
<div class=»hwf-block-img hwf-5″></div>
</div>
<div class=»hayward-wf-block wow fadeInDown hvr-shrink»>
<div class=»hwf-block-info»>
<div class=»hwf-block-name»>Корпус</div>
<div class=»hwf-block-text»>
Корпус фильтра<br>
<span>Полипропилен (полиэтилен)</span>
</div>
</div>
<div class=»hwf-block-img hwf-4″></div>
</div>
<div class=»hayward-wf-block wow fadeInDown hvr-shrink»>
<div class=»hwf-block-info»>
<div class=»hwf-block-name»>Корпус</div>
<div class=»hwf-block-text»>
Корпус насоса<br>
<span>Термостойкий пластик+стекловолокно</span>
</div>
</div>
<div class=»hwf-block-img hwf-8″></div>
</div>
<div class=»hayward-wf-block wow fadeInDown hvr-shrink»>
<div class=»hwf-block-info»>
<div class=»hwf-block-name»>Применение</div>
<div class=»hwf-block-text»>
Бассейны<br>
<span>Частные</span>
</div>
</div>
<div class=»hwf-block-img hwf-6″></div>
</div>
<div class=»hayward-wf-block wow fadeInDown hvr-shrink»>
<div class=»hwf-block-info»>
<div class=»hwf-block-name»>Мощность </div>
<div class=»hwf-block-text»>
Мощность насоса<br>
<span>1 кВт / 1 л.с.</span>
</div>
</div>
<div class=»hwf-block-img hwf-7″></div>
</div>
<div style=»clear:both»></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 PowerLine D611 применяется для очистки СПА и домашних водоемов. Аппарат может отфильтровывать механические взвеси в водоемах с объемом до 56 000 литров. Максимальная пропускная способность модели: 14 000 литров/час. В комплектацию установки входит фильтр, насос Hayward PL 1HP, установочная платформа, 6-режимный клапан, манометр и фитинги для подсоединения в системе. Двигатель насоса, мощностью 1 кВт, сделан из антикоррозионной стали. Hayward PowerLine D611 оборудован верхним подключением. Диаметр внешнего и внутреннего соединений: 50 мм, 32/38 мм.
<br><br>
Для работы фильтра оптимально подойдет кварцевый (или стеклянный) песок 0,5-0,1 фракции. В емкость загружается до 150 килограмм песка. На крышке бочки установлен многопозиционный вентиль, при помощи которого выбирается нужный режим работы: очистка; отходы; циркуляция; промывка; обратная промывка; выключение. Фильтр изготовлен из прочного полипропилена, который не поддается влиянию внешних факторов: солнечному излучению, влаге. Максимальное давление фильтра – 2,5 Бар. Манометр используется для контроля внутреннего давления в бочке. С помощью инструкции, которая поставляется с установкой, произвести монтаж аппарата, и ввести его в эксплуатацию можно самостоятельно.
</div>
<div class=»waranty-inside»>
<div class=»waranty-inside-1″>
<div class=»inside-information-waranty»>
<p>
<span>
Оборудование разработано Американской компанией Hayward. На фильтры серии Powerline распространяется официальная гарантия 5 лет!
</span>
</p>
</div>
</div>
<div class=»waranty-inside-2″>
<img class=»hvr-grow» src=»https://aquapolis.ru/media/custom_css/Images/waranty-5y.png» alt=»Гарантия на фильтры серии Powerline» title=»Гарантия на фильтры серии Powerline»>
</div>
</div>
</div>
<!—/—>
<div style=»clear:both»></div>
</div>
<!—//—>
<div style=»clear:both»></div>
</div>
<!—///—>

<!—Блок на всю ширину экрана для начинки—>
<div class=»width-block»>

<div class=»hayward-types-image-2 wow zoomIn hti-1s»></div>

<div class=»hayward-types-blocks-2″>
<div class=»htb2-left»>
<div class=»htb2-block-all»>

<div class=»htb2-tb-block wow fadeInUp»>
<div class=»htb2-tb-text hvr-grow»>
<p><em>1</em></p>
<p class=»htb2-tb-text-p»>
<br>Клапан в комплекте<br>
<span style=»font-weight:normal;»>
Фильтрационная система оснащена 6-позиционным клапаном для переключения режимов.
</span>
</p>
</div>
</div>
<div class=»htb2-tb-block wow fadeInUp»>
<div class=»htb2-tb-text hvr-grow»>
<p><em>2</em></p>
<p class=»htb2-tb-text-p»>
Фильтрующая<br>
емкость PowerLine<br>
81104 (D611) <br>
<span style=»font-weight:normal;»>
Фильтр Hayward PowerLine отсеивает механические загрязнения, находящиеся в воде бассейна через песочный слой. Тонкость очистки составляет 50-60 мк.
</span>
</p>
</div>
</div>

</div>
</div>
<div class=»htb2-right»>
<div class=»htb-block-all»>

<div class=»htb2-tb-block wow fadeInUp»>
<div class=»htb2-tb-text hvr-grow»>
<p><em>3</em></p>
<p class=»htb2-tb-text-p»>
шланги и муфты<br>
<span style=»font-weight:normal;»>
Фильтрация подключается к системе через 50-мм соединения. В комплекте также есть переходники на 32/38 мм для подключения гибкого шланга.
</span>
</p>
</div>
</div>
<div class=»htb2-tb-block wow fadeInUp»>
<div class=»htb2-tb-text hvr-grow»>
<p><em>4</em></p>
<p class=»htb2-tb-text-p»>
Насос серии<br> Powerline 81006 <br>
<span style=»font-weight:normal;»>
Установка оснащена насосом с префильтром серии PL мощностью 1 л.с. Мотор защита IPX5,
класс изоляции F, 50 Hz 2900 об/мин.
</span>
</p>
</div>
</div>
<div class=»htb2-tb-block wow fadeInUp»>
<div class=»htb2-tb-text hvr-grow»>
<p><em>5</em></p>
<p class=»htb2-tb-text-p»>
Подставка для <br> установки<br>
<span style=»font-weight:normal;»>
Фильтрационная система поставляется с цельной удобной подставкой, которая обеспечивает
максимальную фиксацию при работе.
</span>
</p>
</div>
</div>

</div>
</div>
</div>

<div style=»clear:both»></div>
</div>
<!—///—>

<!—Блок на всю ширину экрана для начинки—>
<div class=»width-block»>
<div class=»filtr-bottom-info wow fadeInUp»>
</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 #ff6b4e;border-bottom:3px solid #ff6b4e;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:#ff6b4e;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 #ff6b4e;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 #ff6b4e;margin-top:20px;padding-top:5px;
font:12px arial;text-align:center;line-height:1.3em;}
.i1b-text span{background:#ff6b4e;}

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

/**/
.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/PL-plus.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:#ff6b4e;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:#ff6b4e;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:#ff6b4e;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/PL-plus.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:#ff6b4e;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:#ff6b4e;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 #ff6b4e;border-bottom:3px solid #ff6b4e;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 #ff6b4e;border-bottom:3px solid #ff6b4e;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 #ff6b4e;border-bottom:3px solid #ff6b4e;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 #ff6b4e;border-bottom:3px solid #ff6b4e;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 #ff6b4e;border-bottom:3px solid #ff6b4e;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 #ff6b4e;border-bottom:3px solid #ff6b4e;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 #ff6b4e;border-bottom:3px solid #ff6b4e;cursor:pointer;}
.title-in-in{font:10px arial;font-weight:bold;text-transform:uppercase;color:white;}

}
</style>