.b-metro{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:5em;margin-bottom:5em;align-items:stretch}.b-metro svg{width:6.3em;height:9em}.b-metro .b-metro_color-blue svg,.b-metro .b-metro_name-blue{fill:#0079c9;color:#0079c9}.b-metro .b-metro_color-violet svg,.b-metro .b-metro_name-violet{fill:#732288;color:#732288}.b-metro .b-metro_color-orange svg,.b-metro .b-metro_name-orange{fill:#ea7223;color:#ea7223}.b-metro .b-metro_color-red svg,.b-metro .b-metro_name-red{fill:#d90139;color:#d90139}.b-metro .b-metro_color-green svg,.b-metro .b-metro_name-green{fill:#38916C;color:#38916c}.b-metro_item{border:1px solid #e6e6e6;cursor:pointer;border-radius:1em;display:flex;flex-direction:column;align-items:center;padding:1em;text-decoration:none;color:#232323;flex-basis:16%}.b-metro_item.doc-empty{background:#f9f9f9}.b-metro_item.doc-empty div{opacity:.5}.b-metro_item:hover{box-shadow:0 2px 14px #00000045;transition:.3s}.b-metro_item.doc-empty:hover{box-shadow:none;transition:none;cursor:default}.b-metro_mix-content{text-align:center;padding:1em 0}.b-metro_name{font-weight:700;text-align:center}@media (max-width:1280px){.b-metro_item{flex-basis:32%;margin-bottom:1em}}@media (max-width:700px){.b-metro_item{flex-basis:49%}}