Фильтрационная установка Hayward PowerLine 81070 (D401)

<!–Блок на всю ширину экрана для начинки–>
<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”>6 ^м³/ч</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=”280″></circle>
<!– length:2 * 3.14 * 64 = 401.92 30% = 401.92*0.7=280–>
</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”>50 ^кг</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=”200″></circle>
<!– length:2 * 3.14 * 64 = 401.92 50% = 401.92*0.5=200–>
</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”>24 ^м³</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=”320″></circle>
<!– length:2 * 3.14 * 64 = 401.92 20% = 401.92*0.8=320–>
</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.12 ^м²</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=”320″></circle>
<!– length:2 * 3.14 * 64 = 401.92 20% = 401.92*0.8=320–>
</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>0.36 кВт / 0.33 л.с.</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 D401 спроектирован для очистки домашних водоемов. Аппарат отлично подойдет для небольших бассейнов с объемом до 24 000 литров. Производительность модели составляет 6 тысяч литров/ час. Мощность насоса фильтра – 0,36 кВт. Фильтр отсеивает загрязняющие частички до 50 – 60 микрон. В бочку рекомендуется загружать 50 килограмм наполнителя (кварцевый либо стеклянный песок) 0,5-0,8 миллиметра. Агрегат снабжен верхним подключением и подсоединяется к системе при помощи шланга и переходников (50 мм/ 32 и 38 мм), которые идут в комплекте с установкой.
<br><br>
Аппарат сделан из прочного полиэтилена, который не боится солнечных лучей, осадков, влаги. Максимальное давление на бочку составляет до 2,5 Бар. Двигатель насоса Hayward PL 0.33HP выполнен из нержавеющей стали. На бочке установлен прибор для контроля давления, которое повышается от меры загрязнения фильтра – манометр. Также аппарат снабжен вентилем с 6 позициями работы (промывка, обратная промывка, циркуляция, отходы, отключение, фильтрация). В наборе с установкой идет платформа для монтажа и инструкция.
</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>
81101 (D401) <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 81003 <br>
<span style=”font-weight:normal;”>
Установка оснащена насосом с префильтром серии PL мощностью 0.33 л.с. Мотор защита 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>