﻿.portalInfographic{width:90%;margin:0 auto;border:1px solid #ddd;max-width:650px}.content-only .portalInfographic{width:100%}.portalInfographic section{display:flex;display:-ms-flexbox;padding:5%}.portalInfographic section.divided{padding:0}.portalInfographic section.divided>div{display:flex;display:-ms-flexbox;-ms-flex:1;padding:10% 2%}.portalInfographic section>div.noflex{display:block;padding:2%}.portalInfographic section.bBottom{border-bottom:2px solid #777}.portalInfographic section .bRight{border-right:2px solid #777}.portalInfographic section.bBottom img{width:100%}.portalInfographic section.smaller img{width:80%}.portalInfographic p{margin:0;letter-spacing:1px}.portalInfographic .flexCenter{display:flex;align-items:center}.portalInfographic .w45{width:45%}.portalInfographic .w55{width:55%}.portalInfographic .w50{width:50%;display:flex}.portalInfographic .w25{width:25%}.portalInfographic .w75{width:70%;padding-left:5%}.portalInfographic .w35{width:35%}.portalInfographic .w65{width:60%;padding-left:5%}.portalInfographic .w40{width:40%;max-width:40%}.portalInfographic .w60{width:60%}.portalInfographic .fw400{font-weight:400}.portalInfographic .fw600,.portalInfographic .fw600 h2{font-weight:600}.portalInfographic .fw700{font-weight:700}.portalInfographic .grayColor,.portalInfographic .skk{color:#777}.portalInfographic .darkBlue{color:#114e7d}.portalInfographic .pd2{padding:2% 0}.portalInfographic .pd10{padding:10% 0}.portalInfographic .pd20{padding:20% 0}.portalInfographic .skk1{font-size:1.1em}.portalInfographic .skk2{font-size:1.2em}.portalInfographic .skk3{font-size:1.3em}.portalInfographic .skk4{font-size:1.6em}.portalInfographic .logoImage img{margin:0 auto}.portalInfographic #infographicTitle>div{display:flex;justify-content:center;width:100%}.portalInfographic .titleText h2,.portalInfographic .titleIcon{color:#fff;margin:0}.portalInfographic .titleText{display:flex;align-items:center;padding-right:10px}.portalInfographic .fs22{font-size:22px}.portalInfographic .fs26{font-size:26px}.portalInfographic .fs50{font-size:50px}.portalInfographic .fs42{font-size:42px}.portalInfographic div{float:left}.portalInfographic .txtLarge{font-size:12px}.portalInfographic .titleIcon{display:-ms-flexbox;display:grid;height:100%;align-items:center}.portalInfographic .titleIcon svg{height:100%;width:auto;max-height:70px}.portalInfographic #usersCnt{font-size:50px}.portalInfographic #usersCntText{font-size:22px}.portalInfographic #subsCnt{font-size:28px}.portalInfographic #subsCntText{font-size:16px;display:inline-block}.portalInfographic #eye{transform:translateY(50%)}.portalInfographic #catalogStats>div{background-color:#f5f5f5;padding:6%;margin:6% 0;text-align:center;font-weight:600}.portalInfographic #catalogStats .oCnt{font-size:35px;font-weight:700;padding:3% 0}.portalInfographic #catalogStats img{width:12%;margin:0 auto;padding-top:4%}.portalInfographic #areWithUs{padding:.5%}.portalInfographic #areWithUs>div{width:100%}.portalInfographic #areWithUsTitle{width:100%;display:flex;align-items:center}.portalInfographic #areWithUsTitle>div{background-color:#c20004;margin-left:-2%;width:75%}.portalInfographic #areWithUsTitle p{line-height:normal;padding-top:2%}.portalInfographic #areWithUs #circleSVG{float:left}.portalInfographic #areWithUs #textPartners{vertical-align:super;padding:0 5%;font-weight:600;color:#fff}.portalInfographic #areWithUsList{display:flex;flex-wrap:wrap;justify-content:space-around;padding:2% 0}.portalInfographic #areWithUsList a{display:flex;width:33%}.portalInfographic #areWithUsList img{width:auto;margin:10% auto}.portalInfographic #diagramTitle{font-size:26px;font-weight:600;color:#666;font-family:Verdana;padding-left:3%}.portalInfographic #diagramSubtitle{font-weight:600;background-color:#414042;color:#fff;padding:3% 3% 3% 7%;font-family:Verdana;letter-spacing:0;margin:3% 0;width:85%}.portalInfographic #diagramLegend ul{list-style:disc;font-size:22px;padding-top:10%}.portalInfographic #diagramLegend ul li{width:41%;float:left;margin-left:8%;line-height:.8}.portalInfographic #usersDiagram img{display:block;width:auto;margin:0 auto}.portalInfographic #diagramLegend ul li span{font-size:12px;vertical-align:bottom}.portalInfographic #contactActions{justify-content:space-around;padding:0 2%;align-items:center}.portalInfographic #contactActions img{max-height:80px;max-width:120px;margin-bottom:-5px}.portalInfographic #contactActions.bigger img{max-height:90px;max-width:130px}.portalInfographic #contactActions p{font-size:16px;font-weight:600;line-height:1.6em}.portalInfographic #contactActions #actionCnt{font-size:90px;font-weight:600;text-align:center;line-height:1em}.portalInfographic #contactActions.bigger #actionCnt{font-size:115px}.portalInfographic #xtechFooter{justify-content:space-between}.portalInfographic #xtechFooter svg{margin-right:5%}.portalInfographic #xtechFooter p.xAddress{font-size:9px}.portalInfographic #xtechPageFooter{display:flex;flex-direction:column;align-items:center}.portalInfographic #xtechPageFooter div{padding:12px 0}.portalInfographic #xtechPageFooter .linkList{justify-content:space-around;flex-wrap:wrap;display:flex}.portalInfographic #xtechPageFooter .linkList a{padding:10px}.portalInfographic #viewsStats.short{flex-direction:column;align-items:center;text-align:center}#portalInfographic_automatyka #infographicTitle,#portalInfographic_automatyka #areWithUsTitle p{background-color:#c20004}#portalInfographic_wodkaneko #infographicTitle,#portalInfographic_wodkaneko #areWithUsTitle p{background-color:#7eb632}#portalInfographic_laboratoria #infographicTitle,#portalInfographic_laboratoria #areWithUsTitle p{background-color:#009ee0}#portalInfographic_obrabiarki #infographicTitle,#portalInfographic_obrabiarki #areWithUsTitle p{background-color:#9e1b7e}#portalInfographic_srodowisko #infographicTitle,#portalInfographic_srodowisko #areWithUsTitle p{background-color:#00a539}#portalInfographic_energetyka_cieplna #infographicTitle,#portalInfographic_energetyka_cieplna #areWithUsTitle p{background-color:#f29400}#portalInfographic_elektroinzynieria #infographicTitle,#portalInfographic_elektroinzynieria #areWithUsTitle p{background-color:#1b86c5}#portalInfographic_wyposazenie_medyczne #infographicTitle,#portalInfographic_wyposazenie_medyczne #areWithUsTitle p{background-color:#009e9c}#portalInfographic_automatyka .sColor{color:#c20004}#portalInfographic_wodkaneko .sColor{color:#7eb632}#portalInfographic_laboratoria .sColor{color:#009ee0}#portalInfographic_obrabiarki .sColor{color:#9e1b7e}#portalInfographic_srodowisko .sColor{color:#00a539}#portalInfographic_energetyka_cieplna .sColor{color:#f29400}#portalInfographic_elektroinzynieria .sColor{color:#1b86c5}#portalInfographic_wyposazenie_medyczne .sColor{color:#009e9c}#portalInfographic_automatyka #eye .Color2,#portalInfographic_automatyka #circleSVG circle{fill:#c20004}#portalInfographic_wodkaneko #eye .Color2,#portalInfographic_wodkaneko #circleSVG circle{fill:#7eb632}#portalInfographic_laboratoria #eye .Color2,#portalInfographic_laboratoria #circleSVG circle{fill:#009ee0}#portalInfographic_obrabiarki #eye .Color2,#portalInfographic_obrabiarki #circleSVG circle{fill:#9e1b7e}#portalInfographic_srodowisko #eye .Color2,#portalInfographic_srodowisko #circleSVG circle{fill:#00a539}#portalInfographic_energetyka_cieplna #eye .Color2,#portalInfographic_energetyka_cieplna #circleSVG circle{fill:#f29400}#portalInfographic_elektroinzynieria #eye .Color2,#portalInfographic_elektroinzynieria #circleSVG circle{fill:#1b86c5}#portalInfographic_wyposazenie_medyczne #eye .Color2,#portalInfographic_wyposazenie_medyczne #circleSVG circle{fill:#009e9c}@media(min-width:768px){.portalInfographic #rfqFrequencyText{line-height:2}.portalInfographic #diagramSubtitle{margin-left:-4%}.portalInfographic #viewsStats.short .pd20{padding:0 0 20% 0}}@media(max-width:767px){.portalInfographic .w50{flex-direction:column-reverse;align-items:center;display:grid}.portalInfographic .w50.bRight{flex-direction:column;align-items:center}.portalInfographic .w50 .w35{width:45%}.portalInfographic .w50.bRight .w65{transform:translateY(5%)}.portalInfographic #viewsStats .w35{flex-grow:1}.portalInfographic #viewsStats .w65{flex-grow:45;align-items:flex-start}.portalInfographic .expandable{flex-direction:column}.portalInfographic .expandable>div,.portalInfographic .expandable>div.noflex,.portalInfographic #areWithUs{width:100%;max-width:100%;padding:0}.portalInfographic .expandable>div>div,.portalInfographic .expandable>div.noflex>div{padding:5%}.portalInfographic .expandable .bRight{border-right:none;border-bottom:2px solid #777}.portalInfographic section.smaller img{width:90%}.portalInfographic section.bBottom img.firmLogo{width:auto;padding:10%}.portalInfographic #catalogStats>div{padding:2%;margin:0 2%}.portalInfographic #catalogStats{display:flex;display:-ms-flexbox;-ms-flex:auto}.portalInfographic #subsEnvelope{display:none}.portalInfographic .w75{padding-left:0}}@media(max-width:450px){.portalInfographic{width:100%}.portalInfographic .logoImage img{width:60%;height:60%}.portalInfographic .titleText h2,.portalInfographic .wider .titleText h2{font-size:5vw}.portalInfographic #diagramLegend ul li{width:100%}.portalInfographic #usersCnt{font-size:8vw}.portalInfographic #usersCntText,.portalInfographic #catalogStats .catalogStatsText,.portalInfographic #contactActions p,.portalInfographic #contactActionsInfo{font-size:3vw;line-height:12pt}.portalInfographic #subsCnt,.portalInfographic #contactActionsTitle p{font-size:5vw}.portalInfographic #subsCntText{font-size:3vw}.portalInfographic .titleIcon svg,.portalInfographic .wider .titleIcon svg{width:12vw}.portalInfographic #contactActions img{width:18vw}.portalInfographic #contactActions #actionCnt,.portalInfographic #contactActions.bigger #actionCnt{font-size:15vw}#page-home-about #metaData,#page-home-about .tabContent{padding:6px 3px}.portalInfographic .fs42{font-size:9vw}}@media(max-width:767px) and (min-width:451px){.portalInfographic .titleText p{font-size:4vw;letter-spacing:0}.portalInfographic .titleIcon svg{padding-top:0;padding-left:6px}.portalInfographic #infographicTitle.wider{padding:2vw}.portalInfographic .wider .titleText h2{font-size:3vw}.portalInfographic .wider .titleIcon svg{width:8vw}.portalInfographic #usersCnt{font-size:6vw}.portalInfographic #usersCntText{font-size:2.5vw}.portalInfographic #subsCnt{font-size:4vw}.portalInfographic #subsCntText{font-size:2.2vw}.portalInfographic #contactActionsTitle p{font-size:3.6vw}.portalInfographic #contactActions img{width:12vw}.portalInfographic #contactActions #actionCnt,.portalInfographic #contactActions.bigger #actionCnt{font-size:10vw}.portalInfographic #contactActions p,.portalInfographic #contactActionsInfo{font-size:2vw}.portalInfographic .fs42{font-size:36px}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.portalInfographic svg.stoper{max-height:85px}.portalInfographic #eye{max-height:49px}.portalInfographic #areWithUs #textPartners{letter-spacing:0}.portalInfographic #catalogStats{max-width:200px}.portalInfographic #areWithUsTitle p{padding-top:3%}.portalInfographic .titleIcon svg{min-width:60px}}@media(-ms-high-contrast:active),(-ms-high-contrast:none) and (max-width:767px) and (min-width:451px){.portalInfographic{width:65vw}.portalInfographic #catalogStats .catalogStatsText{font-size:2.5vw}.portalInfographic .titleText h2{font-size:3.5vw}}@media(-ms-high-contrast:active),(-ms-high-contrast:none) and (max-width:450px){.portalInfographic{width:90vw}.portalInfographic #catalogStats .catalogStatsText{font-size:3vw}}@media(-ms-high-contrast:active),(-ms-high-contrast:none) and (max-width:767px){.portalInfographic .expandable>div.noflex{display:ruby-base}.portalInfographic #catalogStats{max-width:100%;display:-ms-flexbox}.portalInfographic #areWithUs>div{display:block;border-bottom:2px solid #777;padding:2%}}@media(-ms-high-contrast:active),(-ms-high-contrast:none) and (max-width:650px){.portalInfographic .titleText{padding-top:2vw}.portalInfographic .logoImage img{width:60%;height:60%}.portalInfographic .titleIcon svg{width:10vw;min-width:10vw}}