.equipment {
width: 100%;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.equipment svg {
width: 100%;
}
.equipment svg .st0 {
fill: #043E5C;
}
.equipment svg .st1 {
fill: #092637;
}
.equipment svg .st2 {
fill: #204970;
}
.equipment svg .st3 {
fill: #42656B;
}
.equipment svg .st4 {
fill: #2B5D86;
}
.equipment svg .st5 {
fill: #25558E;
}
.equipment svg .st6 {
fill: #3673A1;
}
.equipment svg .st7 {
fill: #1D4068;
}
.equipment svg .st8 {
fill: #265B91;
}
.equipment svg .st9 {
fill: #3674A2;
}
.equipment svg .st10 {
fill: #1D3E66;
}
.equipment svg .st11 {
fill: #214F82;
}
.equipment svg .st12 {
fill: #2E648F;
}
.equipment svg .st13 {
fill: #144164;
}
.equipment svg .st14 {
fill: #55A8B1;
}
.equipment svg .st15 {
fill: #4090A8;
}
.equipment svg .st16 {
fill: #23708D;
}
.equipment svg .st17 {
fill: #1F4A73;
}
.equipment svg .st18 {
fill: #204D76;
}
.equipment svg .st19 {
fill: #18364C;
}
.equipment svg .st20 {
fill: #3E738E;
}
.equipment svg .st21 {
fill: #789EA5;
}
.equipment svg .st22 {
fill: #277B9B;
}
.equipment svg .st23 {
fill: #1D5C75;
}
.equipment svg .st24 {
fill: #103448;
}
.equipment svg .st25 {
fill: #A6E1D6;
}
.equipment svg .st26 {
fill: #D4EFD1;
}
.equipment svg .st27 {
fill: #374F54;
}
.equipment svg .st28 {
fill: #0D344B;
}
.equipment svg .st29 {
fill: #054F7D;
}
.equipment svg .st30 {
fill: #5B7E83;
}
.equipment svg .st31 {
fill: #6DADC4;
}
.equipment svg .st32 {
fill: #25598A;
}
.equipment svg .st33 {
fill: #3B7CAD;
}
.equipment svg path {
cursor: pointer;
}
.equipment svg .group.hover {
}
.equipment svg .group.hover path {
filter: url(#blurFilter);
}
.equipment__popups--open {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.equipment__popup {
display: none;
position: absolute;
width: 80%;
max-width: 500px;
border: 1px solid #13aff0;
border-radius: 5px;
top: 150px;
left: 50%;
transform: translateX(-50%) translateY(-50%);
padding: 30px;
background: #13aff0;
font-family: "Open Sans", sans-serif;
font-size: 18px; 
color: #ffffff;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}
.equipment__popup-link {
text-decoration: none;
color: #333;
}
.equipment__popup-link:hover {
text-decoration: underline;    
color: #333;
}
.equipment__popup-close {
position: absolute;
top: 5px;
right: 10px;
cursor: pointer;
z-index: 5;
}
.equipment__popup-close:before {
content: '\2716';
}