/* Preserve the original infographic canvas without leaking its layout into the site shell. */
.service-infographic{color:#fff;line-height:normal;margin-bottom:48px}
.service-infographic *{box-sizing:content-box!important}
.service-infographic>.content{width:min(1106px,calc(100% - 32px));position:relative;display:flow-root}
.service-infographic .clear,.service-infographic .clera{clear:both;height:0}
.service-infographic .info_header,.service-infographic .title,.service-infographic .solution .text{color:#fff;font-weight:400}
.service-infographic .image img{display:block}
.service-infographic .service-stat{display:flow-root;height:auto!important;padding-bottom:20px}
#infograpgic_wireless .money_lost{min-height:423px}
#infograpgic_wireless .router_configuration,#infograpgic_wireless .network_support{min-height:185px}
#infograpgic_security .crime_stats{min-height:377px}
#infograpgic_security .police_report_stat{min-height:173px}
#infograpgic_security .police_less_activity{min-height:164px}
#infograpgic_security .village_crime{min-height:163px}
#infograpgic_hackers .service-stat{min-height:164px}
.service-infographic .service-diagram-link{display:block;position:relative;line-height:0;color:var(--ink)}
.service-diagram-link img{display:block;width:100%;height:auto}
.service-diagram-zoom{position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #b6bdb8;border-radius:4px;box-shadow:0 2px 8px #0001}
.service-diagram-link:hover .service-diagram-zoom{background:#fff3dd;border-color:#ca7800}
#infograpgic_wireless{--service-banner:url('/images/infographics/wireless/wireless_01.png')}
#infograpgic_security{--service-banner:url('/images/infographics/security/videosecurity_01.png')}
#infograpgic_hackers{--service-banner:url('/images/infographics/hackers/hackers_01.png')}
@media(max-width:1139px){
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) *{box-sizing:border-box!important}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers)>.content{display:flex;flex-direction:column;gap:24px}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .content>*{float:none;width:auto;height:auto;margin:0}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) :is(.clear,.clera,.line,.line_left,.line_right){display:none}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .info_header{background-image:none;padding:0;font-size:32px;line-height:1.3;text-align:left;color:var(--ink);font-weight:700}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .info_header::before{content:'';display:block;background-image:var(--service-banner);background-size:contain;background-repeat:no-repeat;aspect-ratio:1100/240;margin:0 0 20px}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-stat{display:grid;grid-template-columns:minmax(120px,.65fr) minmax(0,1.35fr);align-items:center;gap:24px;padding:24px;min-height:180px;float:none;width:auto;height:auto;margin:0}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-stat :is(.text,.image,.days_block,.procent){float:none;margin:0;padding:0;width:auto;height:auto}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-stat .text{font-size:18px;line-height:1.5;color:#fff}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-stat .image{max-width:190px;justify-self:center;order:-1}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-diagram-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:24px;align-items:center}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-diagram-row>:is(.image,.text){float:none;margin:0;padding:0;width:auto;height:auto;min-width:0;text-align:left}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-diagram-row>.text{font-size:16px;line-height:1.6}
 #infograpgic_wireless .money_lost{order:0}
 #infograpgic_wireless .solution{padding:24px;text-align:left;font-size:18px;line-height:1.6}
 #infograpgic_wireless .gogonet_logo{padding:0;max-width:300px;align-self:center}
 #infograpgic_wireless :is(.small_middle_office,.for_big_spaces,.long_distance_internet_title) .text{float:none;width:auto;height:auto;margin:0;padding:18px 20px;font-size:26px;line-height:1.3}
 #infograpgic_wireless .wifi_big_spaces{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
 #infograpgic_wireless .number{font-size:26px;margin:0 0 10px}
 #infograpgic_security .village_crime{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
 #infograpgic_security .village_crime .image{max-width:none}
 #infograpgic_security .police_report_stat .procent{font-size:76px;line-height:1.1;text-align:center}
 #infograpgic_security .solution .text{float:none;width:auto;height:auto;margin:0;padding:16px 20px;font-size:32px;line-height:1.3}
 #infograpgic_security :is(.solution_scheme_description,.solution_second_scheme_description){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 #infograpgic_security :is(.solution_scheme_description,.solution_second_scheme_description) .description,#infograpgic_security :is(.solution_scheme_description,.solution_second_scheme_description) .description:first-child{float:none;width:auto;margin:0;font-size:15px;line-height:1.6}
 #infograpgic_security .number{color:#a55c00;margin-bottom:8px}
 #infograpgic_security .company_solution{padding-top:24px}
 #infograpgic_hackers :is(.blocks_row_1,.blocks_row_2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 #infograpgic_hackers .service-stat{grid-template-columns:minmax(80px,.65fr) minmax(0,1.35fr)}
 #infograpgic_hackers .hack_attack .days_block{text-align:center}
 #infograpgic_hackers .hack_attack .days_block .number{font-size:64px;line-height:1.1}
 #infograpgic_hackers .hack_attack .days_block .days{font-size:24px;line-height:1.2;margin:4px 0 0}
 #infograpgic_hackers .protect_from_hackers{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:center}
 #infograpgic_hackers .protect_from_hackers :is(.text,.image){float:none;width:auto;height:auto;margin:0}
 #infograpgic_hackers .protect_from_hackers .text{padding:24px;font-size:18px;line-height:1.6}
 #infograpgic_hackers .protect_from_hackers .image{max-width:305px;justify-self:center}
 #infograpgic_hackers .server_protect .image{float:none;width:auto;margin:0 0 24px}
 #infograpgic_hackers .server_protect .text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;font-size:16px;line-height:1.6}
 #infograpgic_hackers .server_protect :is(.lost_information,.protected_server){float:none;width:auto;margin:0}
}
@media(max-width:700px){
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .info_header{font-size:28px}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-stat{grid-template-columns:90px minmax(0,1fr);gap:18px;padding:20px;min-height:160px}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-stat .text{font-size:16px}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-stat .image{max-width:120px}
 :is(#infograpgic_wireless,#infograpgic_security,#infograpgic_hackers) .service-diagram-row,#infograpgic_wireless .wifi_big_spaces{grid-template-columns:minmax(0,1fr);gap:16px}
 #infograpgic_wireless .wifi_big_spaces>.image{order:-1}
 #infograpgic_security .village_crime{grid-template-columns:minmax(0,1fr)}
 #infograpgic_security .village_crime .image{max-width:none}
 #infograpgic_security .police_report_stat .procent,#infograpgic_hackers .hack_attack .days_block .number{font-size:52px}
 #infograpgic_security :is(.solution_scheme_description,.solution_second_scheme_description){grid-template-columns:minmax(0,1fr);gap:16px}
 #infograpgic_security :is(.solution_scheme_description,.solution_second_scheme_description) .description{position:relative;padding-left:36px}
 #infograpgic_security :is(.solution_scheme_description,.solution_second_scheme_description) .description .number{position:absolute;left:0;top:0}
 #infograpgic_hackers :is(.blocks_row_1,.blocks_row_2),#infograpgic_hackers .protect_from_hackers{grid-template-columns:minmax(0,1fr);gap:24px}
 #infograpgic_hackers .server_protect .text{font-size:14px;gap:16px}
 .service-diagram-zoom{width:32px;height:32px;top:4px;right:4px}
}
@media print{.service-diagram-zoom{display:none}.service-infographic .info_header{color:#111}.service-infographic img{break-inside:avoid}}