.monsters__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.monster{max-width:16.66667%;-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;position:relative;padding:7.5px;color:#333}.monsters-responsive .monsters__list .monster{max-width:50%;-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}@media(min-width:768px){.monsters-responsive .monsters__list .monster{max-width:33.33333%;-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}}@media(min-width:992px){.monsters-responsive .monsters__list .monster{max-width:16.66667%;-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-5px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.monsters-responsive .monsters__list .monster:hover .svg-monster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-name:bounce;animation-name:bounce}.content__main .content__body a.monster{color:#333}.monster__description{color:#333;font-size:13px}.monster__name{font-weight:bold}.monster__description p{line-height:1;font-size:14px}.svg-monster{margin-bottom:15px}.svg-monster .b{fill:#fff}.svg-monster__backup .a{fill:#2b6080}.svg-monster__efficiency .a{fill:#ffcd00}.svg-monster__size .a{fill:#c8102e}.svg-monster__service .a{fill:#6d2077}.svg-monster__quantity .a{fill:#f68b1f}.svg-monster__quality .a{fill:#43b02a}.monster-hero .monster-svg-container{overflow:hidden}.monster-hero .monster{padding:0}.monster-hero .monster .monster__description{display:none}.monster-hero .monster .monster__name{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,0) scale(0.8);-ms-transform:translate(-50%,0) scale(0.8);transform:translate(-50%,0) scale(0.8);font-size:2rem;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;opacity:0;font-weight:bold}.monster-hero .monster:hover .monster__name,.monster-hero .monster:focus .monster__name{-webkit-transform:translate(-50%,100%) scale(1);-ms-transform:translate(-50%,100%) scale(1);transform:translate(-50%,100%) scale(1);opacity:1}.monster-hero .monster .svg-monster{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-bottom:0;-webkit-transform:translateY(30%);-ms-transform:translateY(30%);transform:translateY(30%)}.monster-hero .monster .svg-monster__quantity,.monster-hero .monster .svg-monster__efficiency{-webkit-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%)}.monster-hero .monster .svg-monster__backup{-webkit-transform:translateY(10%);-ms-transform:translateY(10%);transform:translateY(10%)}.monster-hero .monster:hover .svg-monster,.monster-hero .monster:focus .svg-monster{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}.monster-hero .monster:not(:hover):not(:focus) .svg-monster path,.monster-hero .monster:not(:hover):not(:focus) .svg-monster circle{fill:#2b6080}.monster-hero .monster__backup{color:#2b6080}.monster-hero .monster__efficiency{color:#ffcd00}.monster-hero .monster__size{color:#c8102e}.monster-hero .monster__service{color:#6d2077}.monster-hero .monster__quantity{color:#f68b1f}.monster-hero .monster__quality{color:#43b02a}