Переливная решетка Aquaviva Granito Gray, 595x195x20 мм

Нет в наличии

Артикул: 27704 Категория:

Описание

<style type=”text/css”>

.page-wrapper,
.main-container.col1-layout{overflow-x:hidden}.aquav_granito{margin:0;font-size:14px;line-height:16px;color:#424242}.aquav_granito .block{width:100%;max-width:1300px !important;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;z-index:9}.aquav_granito .block ol{padding:0;margin:0;list-style-type:none}.aquav_granito .block p{margin:20px 0 0}.aquav_granito .block table{border-collapse:collapse}.aquav_granito .block table td,.aquav_granito .block table th{vertical-align:middle;position:relative}.aquav_granito .block .list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;flex-wrap:wrap;text-align:center}.aquav_granito .block .list img{width:70px;margin:0 auto 20px}.aquav_granito .block .list .text{font-weight:700}.aquav_granito .title{font-size:36px;line-height:40px;color:#FFF;margin:0 auto 30px;font-weight:700}.aquav_granito .block_item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center}.aquav_granito .block_item .descr{width:50%}.aquav_granito img{display:block;margin:0 auto}.aquav_granit_wrap1{padding:5px 0 0;position:relative;z-index:16}.aquav_granit_wrap1 .block .list{justify-content:center;-webkit-justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center}.aquav_granit_wrap1 .block .list li{width:16%;margin:30px 0 0;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.aquav_granit_wrap1 .block .list li .text{font-weight:700}.aquav_granit_wrap2 .title{margin:0 0 10px;position:relative;z-index:14}.aquav_granit_wrap2 .descr{height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;padding:0 26px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;z-index:14}.aquav_granit_wrap2 .block{height:600px}.aquav_granit_wrap2 .production{margin:50px 0 0}.aquav_granit_wrap2 .after_title,.aquav_granit_wrap2 .production{font-weight:700;font-size:20px;line-height:24px;color:#FFF;position:relative;z-index:14}.aquav_granit_wrap2 .logo_europe{width:34%;margin:40px 0 0 auto}.aquav_granit_wrap2{position:relative;z-index:12}.aquav_granit_wrap2:before{content:””;background-image:url(/media/custom_css/Aquaviva/G_type/Ardesia_loft/white_line_top_1.svg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:102%;top:-44px;z-index:8;left:-1%;height:150px}.aquav_granit_wrap2 .backgr_aquav_granit_wrap2{position:absolute;width:100vw;height:100%;z-index:6;left:50%;transform:translate(-50%,0);background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_1920_01.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%}.aquav_granit_wrap3{margin:4% 0 0}.aquav_granit_wrap3 .block.block_mob{display:none}.aquav_granit_wrap3 .block{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center}.aquav_granit_wrap3 .item{text-align:center;width:27%}.aquav_granit_wrap3 .item strong{font-size:16px;line-height:19px;margin:0 0 8px}.aquav_granit_wrap3 .item p{margin:0;line-height:20px;text-shadow:0 0 0 #000}.aquav_granit_wrap3 .item p.sec_p{margin:80px 0 0}.aquav_granit_wrap3 .item2{position:relative;width:420px}.aquav_granit_wrap3 .item2:before{content:””;background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/img_midle_under_1_block2.svg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:540px;height:540px;top:-120px;z-index:8;left:-50px}.aquav_granit_wrap3{position:relative;z-index:10}.aquav_granit_wrap3 .backgr_aquav_granit_wrap3{position:absolute;width:100vw;height:100%;z-index:6;left:50%;transform:translate(-50%,0)}.aquav_granit_wrap3 .backgr_aquav_granit_wrap3:before{content:””;position:absolute;width:45%;top:-101px;z-index:16;left:-22%;height:400px;background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/bg.svg);background-position:100% 100%;background-repeat:no-repeat;background-size:84% 151%}.aquav_granit_wrap3 .backgr_aquav_granit_wrap3:after{content:””;position:absolute;width:45%;top:-101px;z-index:16;right:-17%;height:400px;background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/bg.svg);background-position:35% -20%;background-repeat:no-repeat;background-size:91% 148%}.aquav_granit_wrap4{color:#FFF}.aquav_granit_wrap4 .title{position:relative;z-index:14;text-align:center;margin:0}.aquav_granit_wrap4 .descr{height:100%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;padding:0 26px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;z-index:14}.aquav_granit_wrap4 .block{height:610px}.aquav_granit_wrap4 .text{font-weight:700;font-size:16px;line-height:19px}.aquav_granit_wrap4 .text span{text-transform:uppercase}.aquav_granit_wrap4 li{position:relative;padding:36px 0 0 24px}.aquav_granit_wrap4 li:before{content:””;background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/orange_romb.png);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:16px;height:16px;top:40px;z-index:8;left:0}.aquav_granit_wrap4{margin:14px 0 0;position:relative;z-index:10}.aquav_granit_wrap4 .backgr_aquav_granit_wrap4{position:absolute;width:100vw;height:100%;z-index:6;left:50%;transform:translate(-50%,0);background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_1920_02.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%}.aquav_granit_wrap5{margin:-7% 0 0;color:#FFF}.aquav_granit_wrap5 .title{position:relative;z-index:14;text-align:center;margin:13% 0 0}.aquav_granit_wrap5 .descr{height:100%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;padding:0 26px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;z-index:14}.aquav_granit_wrap5 .block{height:440px;padding:9% 0 0}.aquav_granit_wrap5 .text{font-weight:700;font-size:16px;line-height:19px}.aquav_granit_wrap5 .text span{text-transform:uppercase}.aquav_granit_wrap5 li{position:relative;padding:36px 0 0 24px}.aquav_granit_wrap5 li:before{content:””;background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/orange_romb.png);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:16px;height:16px;top:36px;z-index:8;left:0}.aquav_granit_wrap5 li a{color:#ffc72e;text-decoration:none}.aquav_granit_wrap5{position:relative}.aquav_granit_wrap5 .backgr_aquav_granit_wrap5{position:absolute;width:100vw;height:136%;z-index:6;left:50%;transform:translate(-50%,0);background:#56585F}.aquav_granit_wrap6{margin:3% 0 0;color:#FFF}.aquav_granit_wrap6 .title{position:relative;z-index:14;text-align:center;margin:0}.aquav_granit_wrap6 .descr{height:100%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;padding:0 26px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;z-index:14}.aquav_granit_wrap6 .block{height:610px}.aquav_granit_wrap6 .text{font-weight:700;font-size:16px;line-height:19px}.aquav_granit_wrap6 li{position:relative;padding:36px 0 0 24px}.aquav_granit_wrap6 li:before{content:””;background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/orange_romb.png);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:16px;height:16px;top:40px;z-index:8;left:0}.aquav_granit_wrap6{position:relative;z-index:10}.aquav_granit_wrap6 .backgr_aquav_granit_wrap6{position:absolute;width:100vw;height:100%;z-index:6;left:50%;transform:translate(-50%,0);background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_1920_03.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%}.aquav_granit_wrap7{color:#FFF;margin:-7% 0 0}.aquav_granit_wrap7 .block_mob{display:none}.aquav_granit_wrap7 .title{text-align:center;padding:13% 0 0}.aquav_granit_wrap7 .item_block{width:100%;max-width:1100px;margin:0 auto;position:relative}.aquav_granit_wrap7 .item{position:absolute;text-align:center}.aquav_granit_wrap7 .item .title_material{font-weight:900;font-size:16px;line-height:19px}.aquav_granit_wrap7 .item1{bottom:120px;left:3%}.aquav_granit_wrap7 .item2{bottom:307px;left:1.5%}.aquav_granit_wrap7 .item3{bottom:375px;left:44%}.aquav_granit_wrap7 .item4{bottom:310px;right:3.5%}.aquav_granit_wrap7 .item5{bottom:140px;right:-2%}.aquav_granit_wrap7{position:relative;z-index:8}.aquav_granit_wrap7 .backgr_aquav_granit_wrap7{position:absolute;width:100vw;height:100%;z-index:6;left:50%;transform:translate(-50%,0);background:#56585F}.aquav_granit_wrap7 .backgr_aquav_granit_wrap7:after{content:””;background-image:url(/media/custom_css/Aquaviva/G_type/Ardesia_loft/line_top.svg);background-position:center;background-repeat:no-repeat;background-size:inherit;position:absolute;z-index:20;left:-1%;bottom:-82px;width:102%;height:150px}.aquav_granit_wrap8{margin:1% 0 0;position:relative;z-index:6}.aquav_granit_wrap8 .img_map{margin:0 auto 0 0}.aquav_granit_wrap8 .PlitkaCalc-all{padding:9% 0 0 3%}.aquav_granit_wrap8 .PlitkaCalc-main{height:192px}.aquav_granit_wrap8 .PlitkaCalc-title{display:flex;height:172px;align-items:center;margin:10px 0 0}.aquav_granit_wrap8 .PlitkaCalc{height:400px}.aquav_granit_wrap8 .PlitkaCalc-fon{left:55%;width:100%}.aquav_granit_wrap8 .PlitkaCalc-title p{font-size:14px}.aquav_granit_wrap8 .PlitkaCalc-title h1{font-size:20px;padding-bottom:0}.aquav_granit_wrap8 .PlitkaCalc-block label{font-size:14px}.aquav_granit_wrap8 .v-align{padding:0}.aquav_granit_wrap9{margin:-1% 0 0}.aquav_granit_wrap9 .swiper-slide{margin:30px 30px 0 0}.aquav_granit_wrap9 .text_slider{font-size:18px;line-height:21px;text-align:center;color:#424242;position:absolute;left:0;right:0;margin:auto;top:105%}.aquav_granit_wrap9 .title{text-align:center;color:#424242}.aquav_granit_wrap9 .block{padding:10.5% 0 6%}.block .swiper-button-prev{content:””;background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/arrow_left.svg);background-position:center;background-repeat:no-repeat;background-size:cover;left:-35px;top:46%}.block .swiper-button-next{content:””;background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/arrow_right.svg);background-position:center;background-repeat:no-repeat;background-size:cover;right:-35px;top:46%}.aquav_granit_wrap9{position:relative;z-index:12;height:650px}.aquav_granit_wrap9 .backgr_aquav_granit_wrap9{position:absolute;width:100vw;height:85%;z-index:6;left:50%;transform:translate(-50%,0);background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/bg9_gray_1920.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%}@media screen and (max-width:1023px) and (min-width:100px){.swiper-wrapper{height:280px!important}}.swiper-wrapper{height:280px!important}.swiper-slide{z-index:2;transition:all .5s}.swiper-slide img{z-index:4}.swiper-slide:hover{transform:scale(1.3);z-index:8}.swiper-container-horizontal{width:100%}.v-align{width:100%!important;display:block!important;overflow:hidden;padding:0 0 90px}.aquav_granit_wrap10 .title{text-align:center;color:#424242;margin:0 0 60px}.slider{position:relative;overflow:hidden}.slider img{display:inline-block;width:20%}.slider__wrapper{display:flex;transition:transform .6s ease}.slider__item{flex:0 0 100%;max-width:100%}.slider__control{position:absolute;top:14%;display:none}.slider__control_show{display:flex}.slider__control:focus,.slider__control:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.slider__control_left{left:0}.slider__control_right{right:0}.slider__control::before{content:”;display:inline-block;width:30px;height:30px;background:center center no-repeat;background-size:100% 100%}.block .slider .slider__control_left::before{background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/arrow_left.svg);left:-35px;top:60%}.block .slider .slider__control_right::before{background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/arrow_right.svg);right:-35px;top:60%}.slider__item>div{font-size:100px;text-align:center;height:200px!important}.aquav_granit_wrap11,.aquav_granit_wrap11 .title{color:#FFF}.aquav_granit_wrap11 .block{padding:1% 0 4%}.aquav_granit_wrap11 .logo{width:26%}.aquav_granit_wrap11{position:relative;z-index:6;margin:4.5% 0 4%}.aquav_granit_wrap11 .backgr_aquav_granit_wrap11{position:absolute;width:100vw;height:100%;z-index:7;left:50%;transform:translate(-50%,0);background:#56585F}.aquav_granit_wrap11 .backgr_aquav_granit_wrap11:before{content:””;background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/Gray_line_top_6.svg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;z-index:8;left:-1%;top:-180px;width:102%;height:200px}@media screen and (min-width:3200px){.aquav_granit_wrap2 .backgr_aquav_granit_wrap2{background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_3500_01.png)}.aquav_granit_wrap4 .backgr_aquav_granit_wrap4{background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_3500_02.png)}.aquav_granit_wrap6 .backgr_aquav_granit_wrap6{background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_3500_03.png)}.aquav_granit_wrap2 .block_item .descr{padding:0 26px 0 100px}}@media screen and (max-width:1900px){.aquav_granit_wrap2 .backgr_aquav_granit_wrap2{background-size:110% 100%}}@media screen and (max-width:2000px){.aquav_granit_wrap2 .block_item .descr{padding:0 26px 0 110px}}@media screen and (max-width:1800px){.aquav_granit_wrap6 .backgr_aquav_granit_wrap6{background-size:cover}.aquav_granit_wrap4 .backgr_aquav_granit_wrap4{background-size:130% 100%}.aquav_granit_wrap7 .title{padding:13% 0 0}}@media screen and (max-width:1710px){.aquav_granit_wrap2 .block_item .descr{padding:0 26px 0 140px}}@media screen and (max-width:1620px){.aquav_granit_wrap2 .backgr_aquav_granit_wrap2{background-size:120% 100%}}@media screen and (max-width:1540px){.aquav_granit_wrap4 .backgr_aquav_granit_wrap4{background-size:150% 100%}}@media screen and (max-width:1400px){.aquav_granit_wrap2 .block{height:650px}.aquav_granit_wrap2 .backgr_aquav_granit_wrap2{background-size:128% 100%}.slick-next{right:20px}.slick-prev{left:10px}.aquav_granit_wrap8 .PlitkaCalc-all{padding:9.5% 0 0 3%}}@media screen and (max-width:1300px){.aquav_granit_wrap7 .item_block .main_arap7{width:80%}.block .swiper-button-next,.block .swiper-button-prev{top:50%}.slider__item>div{height:160px!important}.aquav_granit_wrap3{margin:4.5% 0 0}}@media screen and (max-width:1100px){.aquav_granit_wrap7 .item_block .main_arap7{width:70%}.aquav_granit_wrap7 .item1{bottom:26%;left:8%}.aquav_granit_wrap7 .item2{bottom:66%;left:7.5%}.aquav_granit_wrap7 .item3{bottom:82%;left:43%}.aquav_granit_wrap7 .item4{bottom:69%;right:10%}.aquav_granit_wrap7 .item5{bottom:30%;right:4%}.aquav_granit_wrap1 .block .list li{width:25%}.aquav_granit_wrap5 .block.block1 .items{margin:0 auto}.aquav_granit_wrap5 .block.block1 .item_methods2{width:56%}}@media screen and (max-width:900px){.aquav_granito .title{font-size:32px;line-height:34px;margin:0 auto 20px}.block .swiper-button-next,.block .swiper-button-prev{background-size:50% 100%;top:44%}.aquav_granito .block_item .descr{width:100%}.aquav_granit_wrap1 .block .list li{width:32%}.aquav_granit_wrap2{margin:2% 0 0}.aquav_granit_wrap2 .block{height:700px}.aquav_granit_wrap2 .block .descr{padding:0}.aquav_granit_wrap2 .block .descr_block{margin:330px 0 0;width:100%}.aquav_granit_wrap2 .block .logo_europe{width:28%;margin:0 0 0 auto}.aquav_granit_wrap2 .backgr_aquav_granit_wrap2{background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_800_01.png);background-size:100% 100%}.aquav_granit_wrap4 .backgr_aquav_granit_wrap4{background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_800_02.png);background-size:100% 100%}.aquav_granit_wrap6 .backgr_aquav_granit_wrap6{background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_800_03.png);background-size:100% 100%}.aquav_granit_wrap3{margin:0}.aquav_granit_wrap3 .block_desctop{display:none}.aquav_granit_wrap3 .block.block_mob{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;-webkit-justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center}.aquav_granit_wrap3 .block.block_mob .img_item{width:50%}.aquav_granit_wrap3 .block.block_mob .img_item img{width:80%}.aquav_granit_wrap3 .block.block_mob .item_text{width:50%}.aquav_granit_wrap3 .block.block_mob .item{text-align:left}.aquav_granit_wrap3 .block.block_mob .item p{margin:24px 0 0;font-size:13px;line-height:14px}.aquav_granit_wrap3 .block.block_mob .item strong{display:block;font-size:14px;line-height:15px;margin:0}.aquav_granit_wrap4{margin:20px 0 0}.aquav_granit_wrap4 .block{height:550px}.aquav_granit_wrap4 .block .descr_block{
margin:233px auto 0}.aquav_granit_wrap4 .block .title{margin:20px auto 0}.aquav_granit_wrap4 .block_item .descr{padding:0}.aquav_granit_wrap4 li{padding:15px 0 0 24px}.aquav_granit_wrap4 li:before{width:14px;height:13px;top:20px}.aquav_granit_wrap5 li:first-child{padding:0 0 0 24px}.aquav_granit_wrap5 li:first-child:before{top:3px}.aquav_granit_wrap5 .block{height:400px;padding:13% 0 20px}.aquav_granit_wrap5 .block .descr,.aquav_granit_wrap6 .descr{padding:0}.aquav_granit_wrap6 li{padding:10px 0 0 24px}.aquav_granit_wrap6 li:before{top:11px}.aquav_granit_wrap6 .block{height:500px}.aquav_granit_wrap6 .block .descr_block{margin:200px 0 0}.aquav_granit_wrap6 .block .text{font-weight:400}.aquav_granit_wrap7 .block_desctop{display:none}.aquav_granit_wrap7 .block_mob{display:block;padding:0 0 20px}.aquav_granit_wrap7 .block_mob .main_arap7{width:90%}.aquav_granit_wrap7 .block_mob .item_block{flex-wrap:wrap;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;-webkit-justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center}.aquav_granit_wrap7 .block_mob .item_block .item{position:initial;width:49%}.aquav_granit_wrap7 .block_mob .item_block .item .title_material{font-weight:700;font-size:15px;line-height:16px;margin:0 0 6px}.aquav_granit_wrap7 .block_mob .item_block .item1,.aquav_granit_wrap7 .block_mob .item_block .item2,.aquav_granit_wrap7 .block_mob .item_block .item5{margin:24px 0 0}.aquav_granit_wrap7 .backgr_aquav_granit_wrap7:after{bottom:-40px}.aquav_granit_wrap9{height:430px}.aquav_granit_wrap9 .block{padding:12% 0 0}.aquav_granit_wrap9 .backgr_aquav_granit_wrap9{height:100%}.aquav_granit_wrap8 .PlitkaCalc-title{margin:0}.aquav_granit_wrap10{margin:8% 0 0}.aquav_granit_wrap10 .slider_wrap10{margin:30px 0 0}.aquav_granit_wrap10 .slider_wrap10 img{width:75%;margin:20px auto 0}.aquav_granit_wrap10 .slider__control{top:40%}.aquav_granit_wrap10 .slider__control::before{width:14px;height:26px}.aquav_granit_wrap10 .slider img{width:60%}

.aquav_granit_wrap10 .slider a {
width: 60%
}
.aquav_granit_wrap10 .slider a img {
width: 100%
}

.aquav_granit_wrap10 a.slider__control {
width: unset;
}
.aquav_granit_wrap10 .slider__item{display:flex;align-items:center}.aquav_granit_wrap10 .slider__item>div{display:flex;flex-direction:column;align-items:center;height:initial!important;margin:0 auto}.aquav_granit_wrap11{margin:6% 0}.aquav_granit_wrap11 .block{flex-direction:column}.aquav_granit_wrap11 .block .descr{width:100%}.aquav_granit_wrap11 .block img.logo{width:60%;margin:20px auto 10px}}@media screen and (max-width:700px){.block .swiper-button-next,.block .swiper-button-prev{top:35%}}@media screen and (max-width:600px){.aquav_granito .title{font-size:20px;line-height:22px}.aquav_granit_wrap1 .block .list li{width:48%}.aquav_granit_wrap2 .block{height:600px}.aquav_granit_wrap2 .block .descr_block{margin:310px 0 0}.aquav_granit_wrap3 .block.block_mob .item_text{width:70%}.aquav_granit_wrap3 .block.block_mob .img_item{display:none}.aquav_granit_wrap7 .title{padding:15% 0 0}.aquav_granit_wrap7 .block_mob .item_block{padding:0 26px;box-sizing:border-box}.aquav_granit_wrap7 .block_mob .item_block .item{position:relative;left:initial;right:initial;top:initial;bottom:initial}.aquav_granit_wrap7 .block_mob .item_block .item:before{content:””;background-image:url(/media/custom_css/Aquaviva/GranitoLight_gray/orange_romb.png);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;width:16px;height:16px;top:4px;z-index:8;left:0}.block .swiper-button-next,.block .swiper-button-prev{top:37%}.aquav_granit_wrap5 .block.block1 .list{flex-direction:column}.aquav_granit_wrap5 .block.block1 .list li{width:100%}.aquav_granit_wrap5 .block.block1 .list li img{width:90%}.aquav_granit_wrap7 .block_mob .item_block .item{width:100%;text-align:left;padding:0 0 0 24px}.aquav_granit_wrap7 .block_mob .item_block .item.item4{margin:24px 0 0}.aquav_granit_wrap8 .PlitkaCalc-title{align-items:unset}.aquav_granit_wrap11{margin:0}.aquav_granit_wrap9{height:320px}.aquav_granit_wrap9 .text_slider{font-size:12px;line-height:16px}.aquav_granit_wrap9 .block{padding:14% 0 0}.aquav_granit_wrap9 .backgr_aquav_granit_wrap9{height:109%}.aquav_granit_wrap10{margin:13% 0 40px}.aquav_granit_wrap6 .block{height:610px}.aquav_granit_wrap6 .block .descr_block{margin:260px 0 0}}@media screen and (max-width:500px){
.aquav_granit_wrap2 .block .descr_block{margin:330px 0 0}.aquav_granit_wrap2 .backgr_aquav_granit_wrap2{background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_414_01.png)}.aquav_granit_wrap4 .backgr_aquav_granit_wrap4{background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_414_02.png)}.aquav_granit_wrap6 .backgr_aquav_granit_wrap6{background-image:url(/media/custom_css/Aquaviva/G_type/Granito_Gray/bg_414_03.png)}.aquav_granit_wrap3 .backgr_aquav_granit_wrap3:after{content:none}.aquav_granit_wrap3 .backgr_aquav_granit_wrap3:before{background-position:70% 80%;background-size:150% 107%}.aquav_granit_wrap9{height:270px}.aquav_granit_wrap9 .block .swiper-button-next,.aquav_granit_wrap9 .block .swiper-button-prev{top:34%}.aquav_granit_wrap5 .block.block1 .items{width:100%;flex-direction:column;margin:0}.aquav_granit_wrap5 .block.block1 .item_methods{flex-direction:column}.aquav_granit_wrap5 .block.block1 .item_methods>img{width:80%;height:fit-content;margin:0 auto}
.aquav_granit_wrap7 .block_mob { padding: 0 0 50px; }
.aquav_granit_wrap5 .backgr_aquav_granit_wrap5 {
height: 100%;
}
.aquav_granit_wrap5 {
margin: -10% 0 0;
}

.aquav_granit_wrap6 {
margin: -9% 0 0;
}

}
@media screen and (max-width:400px){

.aquav_granit_wrap9{height:230px}.aquav_granit_wrap9 .text_slider{font-size:11px;line-height:14px}.aquav_granit_wrap9 .block .swiper-button-prev{background-size:34% 100%;top:29%;left:-26px}.aquav_granit_wrap9 .block .swiper-button-next{background-size:34% 100%;top:29%;right:-26px}.aquav_granit_wrap8 .PlitkaCalc{margin:0 0 0 -30px}.aquav_granit_wrap5 .block{padding: 5% 0 20px}}@media screen and (max-width:550px) and (min-width:100px){.aquav_granit_wrap8{margin:11% 0 0}.aquav_granit_wrap8 .PlitkaCalc-title h1{font-size:16px;padding-bottom:0;line-height:18px;position:absolute;top:34px;text-align:center}.aquav_granit_wrap8 .PlitkaCalc-title p{font-size:11px}.aquav_granit_wrap8 .PlitkaCalc-all{max-width:320px}.aquav_granit_wrap8 .PlitkaCalc-block input{width:67px;padding:0}.aquav_granit_wrap9{margin:-8% 0 0}.aquav_granit_wrap8 .PlitkaCalc-fon{display:none}}

.aquav_granito {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
</style>
<div class=”aquav_granito”>
<div class=”aquav_granit_wrap1″>
<div class=”block”>
<ol class=”list”>
<li><img src=”/media/custom_css/Aquaviva/G_type/Ardesia_loft/g-type_ico-01.png” />
<div class=”text”>Идеальное решение для облицовки переливного желоба</div>
</li>
<li><img src=”/media/custom_css/Aquaviva/G_type/Ardesia_loft/g-type_ico-02.png” />
<div class=”text”>Антискользящая шероховатая матовая поверхность</div>
</li>
<li><img src=”/media/custom_css/Aquaviva/G_type/Ardesia_loft/g-type_ico-03.png” />
<div class=”text”>Безупречный итальянский дизайн</div>
</li>
<li><img src=”/media/custom_css/Aquaviva/GranitoLight_gray/Icon_3_50.svg” />
<div class=”text”>Долговечность, прочность и стойкость к ультрафиолету</div>
</li>
<li><img src=”/media/custom_css/Aquaviva/GranitoLight_gray/Icon_4_sun_snow.svg” />
<div class=”text”>Морозостойкость</div>
</li>
<li><img src=”/media/custom_css/Aquaviva/GranitoLight_gray/Icon_5_water.svg” />
<div class=”text”>Устойчивость к влаге</div>
</li>
</ol>
</div>
</div>
<div class=”aquav_granit_wrap2″>
<div class=”backgr_aquav_granit_wrap2″> </div>
<div class=”block block_item”>
<div class=”descr”>
<div class=”descr_block”>
<div class=”title”>Переливная решетка <br />Aquaviva Granito Gray</div>
<div class=”after_title”>595×195×20 мм</div>
<img class=”logo_europe” src=”/media/custom_css/Aquaviva/GranitoLight_gray/european_quality.svg” /></div>
</div>
</div>
</div>
<div class=”aquav_granit_wrap3″>
<div class=”backgr_aquav_granit_wrap3″> </div>
<div class=”block block_desctop”>
<div class=”item item1″>
<p><strong> Класс износостойкости PEI IV </strong> <br />Подходит для укладки в местах с высокой интенсивностью движения, подверженных большому загрязнению</p>
<p class=”sec_p”><strong> Устойчива к перепадам температур<br />ниже – 30°C </strong></p>
</div>
<div class=”item item2″><img src=”/media/custom_css/Aquaviva/Pereliv/Granito_Gray/main.png” /></div>
<div class=”item item3″>
<p><strong> Антискользящая шероховатая матовая поверхность </strong></p>
<p class=”sec_p”><strong> Идеальна для отделки переливного<br />желоба бассейна </strong> <br />Водопоглощение ≤ 0.05%</p>
</div>
</div>
<!– –>
<div class=”block block_item block_mob”>
<div class=”item img_item”><img src=”/media/custom_css/Aquaviva/Pereliv/Granito_Gray/main.png” /></div>
<div class=”item item_text”>
<p><strong> Класс износостойкости PEI IV </strong> <br />Подходит для укладки в местах с высокой интенсивностью движения, подверженных большему загрязнению</p>
<p><strong> Антискользящая шероховатая матовая поверхность </strong> <br />Коэффициент антискольжения r 11 <br />Коэффициент трения 0.6</p>
<p><strong> Устойчива к перепадам температур<br />ниже – 30°С </strong></p>
<p><strong> Идеальна для отделки переливного<br />желоба бассейна </strong> <br />Водопоглощение ≤ 0.05%</p>
</div>
</div>
</div>
<div class=”aquav_granit_wrap4″>
<div class=”backgr_aquav_granit_wrap4″> </div>
<div class=”block block_item”>
<div class=”descr”>
<div class=”descr_block”>
<div class=”title”>Инновационные <br />технологии</div>
<ol class=””>
<li>
<div class=”text”>Технология печати фактуры inkjet</div>
Воспроизведение природных и других сложных фактур в HD качестве. <br />Идеальная цветопередача и качество рисунка.</li>
</ol>
</div>
</div>
</div>
</div>
<div class=”aquav_granit_wrap5″>
<div class=”backgr_aquav_granit_wrap5″> </div>
<div class=”block block_item”>
<div class=”descr”>
<div class=”descr_block”>
<div class=”title”>Идеально для облицовки<br />перелива бассейна</div>
<ol class=””>
<li>Шероховатость поверхности препятствует скольжению даже в воде, а качество материала предусматривает срок службы более 50 лет при сильных нагрузках в агрессивной среде.</li>
<li>Обеспечивает отвод излишка воды и препятствует засорению отводящего желоба. Выполняет декоративную функцию.</li>
<li>Позволяет сделать лаконичный акцент в оформлении дизайна бассейна.</li>
</ol>
</div>
</div>
</div>
</div>
<div class=”aquav_granit_wrap6″>
<div class=”backgr_aquav_granit_wrap6″> </div>
<div class=”block block_item”>
<div class=”descr”>
<div class=”descr_block”>
<div class=”title”>Разработано в Италии, <br />произведено в Украине</div>
<ol class=””>
<li>
<div class=”text”>Каждая коллекция индивидуально разрабатывается итальянскими дизайнерами.</div>
</li>
<li>
<div class=”text”>С 2003 года обучение и подготовка персонала проводится исключительно на заводе в Италии.</div>
</li>
<li>
<div class=”text”>На производстве используется высокотехнологичное оборудование лучших итальянских брендов: SACMI, PROTEO, CMF, ICF.</div>
</li>
</ol>
</div>
</div>
</div>
</div>
<div class=”aquav_granit_wrap7″>
<div class=”backgr_aquav_granit_wrap7″> </div>
<div class=”block block_desctop”>
<div class=”title”>Изготавливается из лучших материалов</div>
<div class=”item_block”><img class=”main_arap7″ src=”/media/custom_css/Aquaviva/GranitoLight_gray/full_icon_img.png” />
<div class=”item item1″>
<div class=”title_material”>Полевой шпат</div>
обеспечивает прочность плитки</div>
<div class=”item item2″>
<div class=”title_material”>Высококачественный песок</div>
с идеальным для производства плитки <br />минимальным содержанием железа</div>
<div class=”item item3″>
<div class=”title_material”>Стойкие и яркие краски</div>
для красивого рисунка на плитке</div>
<div class=”item item4″>
<div class=”title_material”>Пегматит</div>
добываемый в Украине</div>
<div class=”item item5″>
<div class=”title_material”>Огнеупорная глина</div>
используется в производстве лучшими <br />испанскими и итальянскими фабриками</div>
</div>
</div>
<!– –>
<div class=”block block_mob”>
<div class=”title”>Изготавливается из лучших материалов</div>
<img class=”main_arap7″ src=”/media/custom_css/Aquaviva/GranitoLight_gray/Img_rec.png” />
<div class=”item_block”>
<div class=”item item3″>
<div class=”title_material”>Стойкие и яркие краски</div>
для красивого рисунка на плитке</div>
<div class=”item item4″>
<div class=”title_material”>Пегматит</div>
добываемый в Украине</div>
<div class=”item item2″>
<div class=”title_material”>Высококачественный песок</div>
с идеальным для производства плитки <br />минимальным содержанием железа</div>
<div class=”item item5″>
<div class=”title_material”>Огнеупорная глина</div>
используется в производстве лучшими <br />испанскими и итальянскими фабриками</div>
<div class=”item item1″>
<div class=”title_material”>Полевой шпат</div>
обеспечивает прочность плитки</div>
</div>
</div>
</div>
<div class=”aquav_granit_wrap9″>
<div class=”backgr_aquav_granit_wrap9″> </div>
<div class=”block”>
<div class=”title”>Доступные цвета переливной решетки Aquaviva</div>
<div class=”v-align”>
<div class=”sliderss”>
<div class=”swiper-wrapper”>
<div class=”swiper-slide”><a href=”/perelivnaja-reshetka-aquaviva-granito-light-gray-595x195x20-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/Granito_Light_Gray_color.png” /></a>
<div class=”text_slider”>Granito Light Gray</div>
</div>
<div class=”swiper-slide”><img src=”/media/custom_css/Aquaviva/Pereliv/Granito_Gray_color.png” />
<div class=”text_slider”>Granito Gray</div>
</div>
<div class=”swiper-slide”><a href=”/perelivnaja-reshetka-aquaviva-granito-black-595x195x20-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/Granito_Black_color.png” /></a>
<div class=”text_slider”>Granito Black</div>
</div>
<div class=”swiper-slide”><a href=”/perelivnaja-reshetka-aquaviva-ardesia-loft-595x195x20-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/Ardesia_Loft_color.png” /></a>
<div class=”text_slider”>Ardesia Loft</div>
</div>
<div class=”swiper-slide”><a href=”/perelivnaja-reshetka-aquaviva-ardesia-gray-595x195x20-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/Ardesia_Gray_color.png” /></a>
<div class=”text_slider”>Ardesia Gray</div>
</div>
<div class=”swiper-slide”><a href=”/perelivnaja-reshetka-aquaviva-ardesia-black-595x195x20-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/Ardesia_Black_color.png” /></a>
<div class=”text_slider”>Ardesia Black</div>
</div>
<div class=”swiper-slide”><a href=”/perelivnaja-reshetka-aquaviva-montagna-light-gray-595x195x20-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/Montagna_Light_Gray_color.png” /></a>
<div class=”text_slider”>Montagna Light Gray</div>
</div>
<div class=”swiper-slide”><a href=”/perelivnaja-reshetka-aquaviva-montagna-gray-595x195x20-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/Montagna_Gray_color.png” /></a>
<div class=”text_slider”>Montagna Gray</div>
</div>
<div class=”swiper-slide”><a href=”/perelivnaja-reshetka-aquaviva-montagna-black-595x195x20-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/Montagna_Black_color.png” /></a>
<div class=”text_slider”>Montagna Black</div>
</div>
</div>
<!– Add Pagination –>
<div class=”swiper-button-next”> </div>
<div class=”swiper-button-prev”> </div>
</div>
</div>
</div>
</div>
<div class=”aquav_granit_wrap10″>
<div class=”block”>
<div class=”title”>Доступные размеры отделочных <br />материалов Aquaviva Granito Gray</div>
<div class=”slider”>
<div class=”slider__wrapper”>
<div class=”slider__item”>
<div style=”height: 250px;”><img src=”/media/custom_css/Aquaviva/Pereliv/size_01.svg” /> <a href=”/plitka-dlja-terrasy-aquaviva-granito-gray-595x595x20-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/size_02.svg” /></a> <a href=”/bortovaja-prjamaja-plitka-aquaviva-granito-gray-595x289x20-mm.html” target=”_blank” rel=”noopener”><img src=”/media/custom_css/Aquaviva/Pereliv/size_05.svg” /></a> <!–<a href=”” target=”_blank”>
<img src=”/media/custom_css/Aquaviva/G_type/Ardesia_loft/size_03.svg”></a>–> <a href=”/plitka-dlja-bassejna-aquaviva-granito-gray-298x598x9-2-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/size_04.svg” /></a></div>
</div>
<div class=”slider__item”>
<div style=”height: 250px;”><a href=”/plitka-dlja-terrasy-aquaviva-granito-gray-448x898x20-mm.html” target=”_blank” rel=”noopener”> <img class=”img_smaller” src=”/media/custom_css/Aquaviva/Pereliv/size_03.svg” /></a> <a href=”/bortovaja-g-obraznaja-plitka-aquaviva-granito-gray-595x345x50-20-mm.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/size_06.svg” /></a> <a href=”/uglovoj-jelement-bortovoj-plitki-ajauaviva-granito-gray-g-obraznyj-595x345x50-20-pravaja-45.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/size_07.svg” /></a> <a href=”/uglovoj-jelement-bortovoj-plitki-aquaviva-granito-gray-g-obraznyj-595x345x50-20-levaja-45.html” target=”_blank” rel=”noopener”> <img src=”/media/custom_css/Aquaviva/Pereliv/size_08.svg” /></a></div>
</div>
</div>
</div>
</div>
</div>
<div class=”aquav_granit_wrap11″>
<div class=”backgr_aquav_granit_wrap11″> </div>
<div class=”block block_item”>
<div class=”descr”>
<div class=”title”>О компании Aquaviva</div>
<div class=””>Бренд Aquaviva – ведущий производитель оборудования, комплектующих и аксессуаров для бассейнов и SPA. Широкий ассортимент продукции представлен в следующих направлениях: насосы и фильтры, осушители и водопады, оборудование для обработки воды и ухода за бассейном, освещение, трубы и фитинги, комплектующие и аксессуары.
<p>Производственные линии компании Aquaviva расположены в странах Европы и Азии. Надежность продукции подтверждают многочисленные сертификаты качества и соответствия производственным стандартам мирового класса.</p>
<p>Компания Aquaviva – это многолетний опыт работы, конкурентная цена, надежная и инновационная продукция.</p>
</div>
</div>
<img class=”logo” src=”/media/custom_css/Aquaviva/GranitoLight_gray/logo.svg” /></div>
</div>
</div>
<style>
.v-align{display: table-cell;vertical-align: middle;}.noselect{-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none; -o-user-select: none;}
.PlitkaCalc-fon{
position: absolute;
left: 45%;
}
.PlitkaCalc{position: absolute;left: 0;width: 100%;height: 360px;}
.PlitkaCalc-in{width: 100%;height: 360px;}
.PlitkaCalc-all{width: 47%;min-width: 650px;height: 360px;padding-left: 3%;color: #363636;}
.PlitkaCalc-title{font-family: arial;display: table;float: left;width: 50%;height: 360px;padding: 0 5%;text-align: right;}
.PlitkaCalc-title h1{font-size: 25px;line-height: 1em;margin: 0;padding: 0;padding-bottom: 20px;}
.PlitkaCalc-title p{font-size: 12px;line-height: 1.2em;margin: 0;padding: 0;}
.PlitkaCalc-title span:nth-child(1){display: block;float: right;}
.PlitkaCalc-title input{font-size: 12px;display: inline-block;width: auto;padding: 0;opacity: 1;color: #363636;border: none;background: none;}
.PlitkaCalc-main{display: table;float: left;width: 40%;height: 360px;text-align: right;}
.PlitkaCalc-block{display: block;width: 210px;height: 50px;margin: 10px auto;text-align: left;}
.PlitkaCalc-block input{font-size: 25px;font-weight: bold;float: left;width: 100px;height: 50px;margin: 0;padding: 0;padding-left: 10px;text-align: center;color: #363636;border: none;background: #eee;}
.PlitkaCalc-block label{font-family: arial;font-size: 12px;line-height: 1em;display: table;width: 80px;height: 50px;padding-left: 19px;color: #363636;}
.PlitkaCalc-block label font{font-size: 20px;font-weight: bold;line-height: 1em;display: block;}
@media screen and (min-width:100px) and (max-width:1000px){

.PlitkaCalc-fon{
left: 50%;
width: 50%;
height: 300px;
opacity: .25;

}
.PlitkaCalc{height: 300px;}
.PlitkaCalc-in{height: 300px;}
.PlitkaCalc-all{width: 90%;min-width: 250px;max-width: 600px;height: 300px;margin: auto;padding-left: 0; display: flex;}
.PlitkaCalc-title{width: 55%;height: 300px;padding: 0 5% 0 0;text-align: right;}
.PlitkaCalc-title h1{font-size: 22px;padding-bottom: 20px;}
.PlitkaCalc-main{width: 40%;height: 300px;}
.PlitkaCalc-block{display: block;width: 190px;height: 45px;margin: 10px auto;text-align: left;}
.PlitkaCalc-block input{font-size: 22px;width: 80px;height: 45px;padding-left: 10px;}
.PlitkaCalc-block label{width: 80px;height: 45px;padding-left: 19px;}
.PlitkaCalc-block label font{font-size: 18px;}}

@media screen and (min-width:100px) and (max-width:550px){
.noselect { height: 290px;}

.PlitkaCalc-fon {
left: 0;width: 100%;
height: 360px;
opacity: .45;
}
.PlitkaCalc-in{height: 450px;}
.PlitkaCalc-all{width: 100%;min-width: 250px;max-width: 350px;margin: 0 auto;}
.PlitkaCalc-title{width: 100%;height: 150px;padding: 50px 0 0;text-align: left;}
.PlitkaCalc-title h1{font-size: 20px;padding-bottom: 15px;}
.PlitkaCalc-title span:nth-child(1){float: left;}
.PlitkaCalc-main{width: 100%;height: 160px; padding: 50px 0 0;}
.PlitkaCalc-block{display: block;width: 190px;height: 45px;margin: 5px auto;text-align: left;}
.PlitkaCalc-block input{font-size: 20px;width: 80px;height: 45px;padding-left: 10px;}
.PlitkaCalc-block label{width: 80px;height: 45px;padding-left: 19px;}
.PlitkaCalc-block label font{font-size: 16px;}}
</style>
<p>
<script>
‘use strict’;
var multiItemSlider = (function () {
return function (selector, config) {
var
_mainElement = document.querySelector(selector), // основный элемент блока
_sliderWrapper = _mainElement.querySelector(‘.slider__wrapper’), // обертка для .slider-item
_sliderItems = _mainElement.querySelectorAll(‘.slider__item’), // элементы (.slider-item)
_sliderControls = _mainElement.querySelectorAll(‘.slider__control’), // элементы управления
_sliderControlLeft = _mainElement.querySelector(‘.slider__control_left’), // кнопка “LEFT”
_sliderControlRight = _mainElement.querySelector(‘.slider__control_right’), // кнопка “RIGHT”
_wrapperWidth = parseFloat(getComputedStyle(_sliderWrapper).width), // ширина обёртки
_itemWidth = parseFloat(getComputedStyle(_sliderItems[0]).width), // ширина одного элемента
_positionLeftItem = 0, // позиция левого активного элемента
_transform = 0, // значение транфсофрмации .slider_wrapper
_step = _itemWidth / _wrapperWidth * 100, // величина шага (для трансформации)
_items = []; // массив элементов
// наполнение массива _items
_sliderItems.forEach(function (item, index) {
_items.push({ item: item, position: index, transform: 0 });
});
var position = {
getMin: 0,
getMax: _items.length – 1,}
var _transformItem = function (direction) {
if (direction === ‘right’) {
if ((_positionLeftItem + _wrapperWidth / _itemWidth – 1) >= position.getMax) {
return;}
if (!_sliderControlLeft.classList.contains(‘slider__control_show’)) {
_sliderControlLeft.classList.add(‘slider__control_show’);
}
if (_sliderControlRight.classList.contains(‘slider__control_show’) && (_positionLeftItem + _wrapperWidth / _itemWidth) >= position.getMax) {
_sliderControlRight.classList.remove(‘slider__control_show’);
}
_positionLeftItem++;
_transform -= _step;
}
if (direction === ‘left’) {
if (_positionLeftItem <= position.getMin) {
return;
}
if (!_sliderControlRight.classList.contains(‘slider__control_show’)) {
_sliderControlRight.classList.add(‘slider__control_show’);
}
if (_sliderControlLeft.classList.contains(‘slider__control_show’) && _positionLeftItem – 1 <= position.getMin) {
_sliderControlLeft.classList.remove(‘slider__control_show’);
}
_positionLeftItem–;
_transform += _step;
}
_sliderWrapper.style.transform = ‘translateX(‘ + _transform + ‘%)’;
}
// обработчик события click для кнопок “назад” и “вперед”
var _controlClick = function (e) {
if (e.target.classList.contains(‘slider__control’)) {
e.preventDefault();
var direction = e.target.classList.contains(‘slider__control_right’) ? ‘right’ : ‘left’;
_transformItem(direction);}};
var _setUpListeners = function () {
// добавление к кнопкам “назад” и “вперед” обрботчика _controlClick для событя click
_sliderControls.forEach(function (item) {
item.addEventListener(‘click’, _controlClick);
});
}
// инициализация
_setUpListeners();return {
right: function () { // метод right
_transformItem(‘right’);
},left: function () { // метод left
_transformItem(‘left’);}}}}());
var slider = multiItemSlider(‘.slider’)
</script>
</p>

Детали

Производитель