.label-text {
    padding: 3px 20px 3px 87px;
    position: relative;
    -overflow: hidden;
    min-height: 60px;
    -webkit-transition: padding .3s ease;
-moz-transition: padding .3s ease;
-ms-transition: padding .3s ease;
-o-transition: padding .3s ease;
transition: padding .3s ease;
}

.label-text .img-label {
    position: absolute;
    left: 5px;
    top: 0;
        width: 10vw;
    max-width: 70px;
    min-width: 20px;
    height: 100%;
}

.label-text .img-label IMG {
    position: relative;
    max-width: 100%;
}

.label-text .img-label.icon-cup IMG {
    top: -1px;
    left: 0px;
}

.label-text .img-label.icon-skill IMG {
    top: 12px;
    left: 0px;
}
.label-text .img-label.icon-arena IMG {
    top: 0px;
    left: 0px;
}
.label-text .img-label.icon-target IMG {
    top: 12px;
    left: 0px;
}


.label-text, .label-text * {
    font-size: 16px;
    line-height: 23px;
    font-family: 'Roboto Condensed', Roboto, sans-serif;
    color: #000000;
    font-weight: 400;
}

/* Bob */
@-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } } @-moz-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } } @-o-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } }@-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }50% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); }100% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } } @-moz-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }50% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); }100% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } } @-o-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }50% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); }100% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }50% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); }100% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } }.label-text .img-label {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.label-text:hover .img-label {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
-moz-animation-name: hvr-bob-float, hvr-bob;
-o-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;    -webkit-animation-duration: .3s, 1.5s;
-moz-animation-duration: .3s, 1.5s;
-o-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;    -webkit-animation-delay: 0s, .3s; -moz-animation-delay: 0s, .3s; -o-animation-delay: 0s, .3s; animation-delay: 0s, .3s;    -webkit-animation-timing-function: ease-out, ease-in-out; -moz-animation-timing-function: ease-out, ease-in-out; -o-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out;     -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite;     -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards;     -webkit-animation-direction: normal, alternate; -moz-animation-direction: normal, alternate; -o-animation-direction: normal, alternate; animation-direction: normal, alternate; }
@media (max-width: 810px) { /*fs <~ 10%; p/m <~ 20%*/
    .label-text, .label-text * {
        /*16*/ font-size: 14px;
        /*23*/ line-height: 18px;
    }
}

@media (max-width: 480px) { /*fs <~ 20%; p/m <~ 40%*/
    .label-text, .label-text * {
        /*16*/ font-size: 13px;
        /*23*/ line-height: 14px;
    }
}