section{padding:0}.VizAll{width:1382px;height:700px;position:relative;margin:auto;margin-top:60px;overflow:hidden}.VisAllRes{width:100%}@media (max-width:1382px){.VisAllRes{overflow-x:scroll}}.vizNavButton{position:absolute;width:100%;height:100%;left:0;top:0}.vizNavButton div{background:#007eea;width:30px;height:30px;border-radius:50%;position:absolute;z-index:50;display:flex;align-items:center;justify-content:center;cursor:pointer}.vizNavButton svg{color:#fff;width:18px;height:auto;transform:rotate(45deg)}.vizNavButtonActive svg{transform:rotate(0deg);color:red}.vizNB1{top:106px;left:830px}.vizNB2{right:14px;bottom:163px}.vizNB3{left:452px;bottom:163px}.vizNB4{right:109px;top:329px;width:30px!important;height:30px!important}.vizNB5{left:564px;bottom:163px}.vizNavigation{position:absolute;top:30px;left:30px;z-index:20}.vizNUl{padding:0;list-style:none;margin:0;display:grid;grid-gap:3px 0;width:160px}.vizNLi{background:#186cb1;color:#fff;padding:3px 6px;font-size:14px;cursor:pointer}.vizAllImg{height:100%;width:100%}.vizAIMain{}.vizAIMain img{width:1382px;height:700px;object-fit:cover}.vizAIOther{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.vizAIMetalTile{top:-1;position:absolute;left:0;width:1382px;height:356px;z-index:10}.vizAIMetalTile img{width:100%}.vizAIWater{bottom:63px;position:absolute;left:0;width:1382px;z-index:40;height:333px}.vizAIWater img{width:100%}.vizAISofit{bottom:295px;position:absolute;left:0;width:1382px;z-index:25;height:303px}.vizAISofit img{width:100%}.vizAIFasade{top:100px;position:absolute;left:0;width:1382px;z-index:10}.vizAIFasade img{width:100%}.vizAIProfnastil{bottom:0;position:absolute;left:0;width:1382px;height:223px;z-index:10}.vizAIProfnastil img{width:100%}.vizNext{position:absolute;background:#cbccdd;top:0;left:170px}.vizNBlock{width:460px;display:none}.vizNName{background:#fff;font-size:18px;color:red;padding:5px 20px;text-align:center}.vizNNTypes{padding:5px 15px;justify-content:center;text-align:center;display:flex;grid-gap:15px}.profnastilMAIN .vizNTBlock:first-child img{object-fit:cover}.vizNTBlockOtherNavBackground{background:#fff}.fasadeTypesClick{cursor:pointer}.fasadeTypesClickActive{background:#fff!important}.fasadeTypeColorBackground{width:50px;height:50px;border-radius:50%;margin:5px auto}.vizNTBlock{height:110px;width:110px;text-align:center;display:grid;justify-content:center;border-radius:5px;padding:5px 10px;border:1px solid #000}.vizNTName{font-size:14px;color:#000}.vizNtRal{font-size:11px;color:#000;text-transform:uppercase}.vizWaterColor{width:50px;height:50px;border-radius:50%;margin:5px auto}.vizProfImage{width:50px;height:50px;border-radius:50%;margin:5px auto}.vizProfColor{width:50px;height:50px;border-radius:50%;margin:5px auto}.vizSofitColor{width:50px;height:50px;border-radius:50%;margin:5px auto}.vizNNElements{width:calc(100% - 40px);text-align:center;display:grid;justify-content:start;background:#fff;border-radius:5px;padding:4px;border:1px solid #000;margin:auto;margin-bottom:10px;grid-gap:10px;min-height:100px;grid-template-columns:repeat(9,auto)}.vizNNElements div{cursor:pointer}.vizNNColor{background:red;width:36px;height:36px;border-radius:50%;border:1px solid #c1c1c1}.vizNNColorActive:after{content:"";width: calc(100% + 6px);height: calc(100% + 6px);border:1px solid #000;display:block;border-radius:50%;margin-left:-3px;margin-top:-3px}.profnastilMAIN .vizNTBlock{background:transparent;cursor:pointer}.vizNTBlockActive{background:#fff!important}.vizMetalTileElements{padding:0 15px;margin:15px 0}.vizMTBProfilDis{display:grid;grid-gap:5px;height:100%;grid-template-columns:repeat(6,15.7%)}.vizMTBFasadeDis{display:grid;grid-gap:5px;height:100%;grid-template-columns:repeat(5,19.1%)}.vizMTEPBlock{border:1px solid #000;padding:5px;border-radius:7px;cursor:pointer}.vizMTEPBlock img{width:55px;height:40px;object-fit:cover;margin:auto;display:block}.vizMTEPBlock div{text-align:center;font-size:12px;text-transform:uppercase;width:100%;margin-top:5px}.vizFasadeBlock div{}.vizFasadeBlock{border:1px solid #000;padding:5px;border-radius:7px;cursor:pointer}.vizFasadeBlock img{width:55px;height:40px;object-fit:cover;margin:auto;display:block}.vizFasadeBlock div{text-align:center;font-size:9px;text-transform:uppercase;width:100%;margin-top:5px}.vizMTEPBlockActive{background:#fff}.vizFasadeBlockActive{background:#fff}.vizMTBColorDis{width:calc(100% - 40px);text-align:center;display:grid;justify-content:start;background:#fff;border-radius:5px;padding:4px;border:1px solid #000;margin:15px auto;grid-gap:10px;min-height:100px;grid-template-columns:repeat(8,auto)}.vizMTBColor div{cursor:pointer}.vizMTBCoverageDis{display:flex;flex-wrap:wrap;grid-gap:30px;height:100%;justify-content:center}.vizMTECBlock{border:1px solid #000;padding:5px;border-radius:7px;cursor:pointer;width:90px;height:90px;justify-content:center;display:grid;align-items:center}.vizMTECBlock img{width:60px;height:60px;object-fit:cover;border-radius:50%}.vizMTECBlock div{text-align:center;font-size:12px;text-transform:uppercase;width:100%;margin-top:5px}.vizMTECBlockActive{background:#fff!important}.vizMTBColor,.vizMTBCoverage{display:none}.fasadeTypesClick{height:110px;width:110px;text-align:center;display:grid;justify-content:center;border-radius:5px;padding:5px 10px;border:1px solid #000}.fasadeMAIN .fasadeTypesClick{background:transparent;cursor:pointer}.fasadeMAIN .fasadeTypesClick:first-child img{object-fit:cover}.fasadeTypeName{font-size:14px;color:#000}.fasadeTypeColorName{font-size:11px;color:#000;text-transform:uppercase}.fasadeTypeImage{width:50px;height:50px;border-radius:50%;margin:5px auto}.fasadeHeader{background:#fff;font-size:18px;color:red;padding:5px 20px;text-align:center}.fasadeTypes{padding:5px 15px;justify-content:center;text-align:center;display:flex;grid-gap:15px}.fasadeElements{padding:0 15px;margin:15px 0}.fasadeElement{display:none}.fasadeElementActive{display:block}.fasadeProfilDis{display:grid;grid-gap:5px;height:100%;grid-template-columns:repeat(5,19.1%)}.fasadeColorsDis{width:calc(100% - 40px);text-align:center;display:flex;justify-content:start;background:#fff;border-radius:5px;padding:4px;border:1px solid #000;margin:15px auto;grid-gap:10px;min-height:100px}.fasadeCoverageDis{display:flex;flex-wrap:wrap;grid-gap:30px;height:100%;justify-content:center}.fasadeCoverage{display:none}.vizFasadeBlockActive{background:#fff}.fasadeProfl{border:1px solid #000;padding:5px;border-radius:7px;cursor:pointer}.fasadeProfl img{width:55px;height:40px;object-fit:cover;margin:auto;display:block}.fasadeProfl div{text-align:center;font-size:9px;text-transform:uppercase;width:100%;margin-top:5px}.fasadeColorEl{width:36px;height:36px;border-radius:50%}.fasadeProflActive{background:#fff!important}.fasadeColorElActive:after{content:"";width: calc(100% + 6px);height: calc(100% + 6px);border:1px solid #000;display:block;border-radius:50%;margin-left:-3px;margin-top:-3px}.fasadeColor{display:none}.fasadeColorActive{display:block}.fasadeColorEl{cursor:pointer}.fasadeColorsDis{display:none}.fasadeColorsDisActive{display:grid;grid-template-columns:repeat(8,auto)}.fasadeColorsDisActive:last-child{display:grid;grid-template-columns:repeat(3,32.2%)}.fasadeColor:nth-child(4) .fasadeTypeColorBackground{filter:brightness(.6)}.fasadeTexture{display:grid;justify-content:center;align-items:center}.fasadeTexture div{position:relative;width:55px;height:55px;margin:auto}.fasadeTexture img{width:55px;height:55px;object-fit:cover;cursor:pointer}.fasadeTextureActive div:after{content:"";width: calc(100% + 6px);height: calc(100% + 6px);border:1px solid #000;display:block;border-radius:50%;position:absolute;top:-3px;left:-3px}.fasadeCoverageElement{border:1px solid #000;padding:5px;border-radius:7px;cursor:pointer;width:90px;height:90px;justify-content:center;display:grid;align-items:center}.fasadeCoverageElementActive{background:#fff}.fasadeCoverageElement img{width:60px;height:60px;object-fit:cover;border-radius:50%}.fasadeCoverageElement div{text-align:center;font-size:12px;text-transform:uppercase;width:100%;margin-top:5px}