.services-offer:hover #filled-winner .text, .services-offer:hover #filled-user .hair, .services-offer:hover #filled-trash .lid, .services-offer:hover #filled-thumbsdown .base, .services-offer:hover #filled-thumbsup .base, .services-offer:hover #filled-suitcase .buttons, .services-offer:hover #filled-spaceship .light, .services-offer:hover #filled-screen .highlight, .services-offer:hover #filled-rocket .glass, .services-offer:hover #filled-robot .eyes, .services-offer:hover #filled-robot .ears, .services-offer:hover #filled-present .ribbon, .services-offer:hover #filled-plane .middle, .services-offer:hover #filled-picture .sun, .services-offer:hover #filled-phone .screen, .services-offer:hover #filled-pencil .metal, .services-offer:hover #filled-mic .bars_left, .services-offer:hover #filled-message .dots, .services-offer:hover #filled-lock .keyhole, .services-offer:hover #filled-lightning .highlight, .services-offer:hover #filled-home .hole, .services-offer:hover #filled-heart .left, .services-offer:hover #filled-graph .bar_left, .services-offer:hover #filled-folder .paper_front, .services-offer:hover #filled-flag .pole, .services-offer:hover #filled-film .bottom, .services-offer:hover #filled-email .text, .services-offer:hover #filled-disk .bottom, .services-offer:hover #filled-disk .text, .services-offer:hover #filled-diamond .middle, .services-offer:hover #filled-coffee .middle, .services-offer:hover #filled-clock .seconds, .services-offer:hover #filled-camera .strip, .services-offer:hover #filled-calander .left, .services-offer:hover #filled-brush .brush_silver, .services-offer:hover #filled-browser .screen {
animation-delay : 0.2s;
animation-timing-function : linear;
animation-iteration-count : 1;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : left;
}
.services-offer:hover #filled-winner .base, .services-offer:hover #filled-user .body, .services-offer:hover #filled-trash .base, .services-offer:hover #filled-thumbsdown .sleeve, .services-offer:hover #filled-thumbsup .sleeve, .services-offer:hover #filled-tag .base, .services-offer:hover #filled-storm .cloud, .services-offer:hover #filled-spaceship .base, .services-offer:hover #filled-screen .base, .services-offer:hover #filled-rocket .base, .services-offer:hover #filled-robot .base, .services-offer:hover #filled-present .base, .services-offer:hover #filled-picture .mountain, .services-offer:hover #filled-phone .base, .services-offer:hover #filled-pencil .base_middle, .services-offer:hover #filled-paper .base, .services-offer:hover #filled-mic .bars_right rect, .services-offer:hover #filled-magnify .glass, .services-offer:hover #filled-lock .base, .services-offer:hover #filled-location .inner, .services-offer:hover #filled-home .base, .services-offer:hover #filled-graph .bar_middle, .services-offer:hover #filled-folder .paper_back, .services-offer:hover #filled-flag .top, .services-offer:hover #filled-film .base, .services-offer:hover #filled-email .base, .services-offer:hover #filled-disk .base, .services-offer:hover #filled-diamond .right, .services-offer:hover #filled-coffee .base, .services-offer:hover #filled-clock .base, .services-offer:hover #filled-camera .base, .services-offer:hover #filled-calander .base_top, .services-offer:hover #filled-browser .base {
animation-timing-function : linear;
animation-iteration-count : 1;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : right;
}
.services-offer:hover #filled-user .head, .services-offer:hover #filled-thumbsdown .cuff, .services-offer:hover #filled-thumbsdown .cuff, .services-offer:hover #filled-suitcase .top, .services-offer:hover #filled-storm .lightning, .services-offer:hover #filled-spaceship .circles, .services-offer:hover #filled-spaceship .glass, .services-offer:hover #filled-settings .top, .services-offer:hover #filled-rocket .engine, .services-offer:hover #filled-robot .highlight, .services-offer:hover #filled-present .top, .services-offer:hover #filled-plane .right, .services-offer:hover #filled-picture .sky, .services-offer:hover #filled-phone .details, .services-offer:hover #filled-pencil .eraser, .services-offer:hover #filled-pencil .base_bottom, .services-offer:hover #filled-paper .front, .services-offer:hover #filled-mic .base, .services-offer:hover #filled-mic .stand, .services-offer:hover #filled-lock .baselight, .services-offer:hover #filled-location .base, .services-offer:hover #filled-lightning .bolt, .services-offer:hover #filled-home .roof, .services-offer:hover #filled-heart .base, .services-offer:hover #filled-graph .bar_right, .services-offer:hover #filled-graph .dot_4, .services-offer:hover #filled-flag .bottom, .services-offer:hover #filled-film .top, .services-offer:hover #filled-disk .top_right, .services-offer:hover #filled-diamond .top_right, .services-offer:hover #filled-diamond .left, .services-offer:hover #filled-coffee .top, .services-offer:hover #filled-clock .face, .services-offer:hover #filled-calander .right, .services-offer:hover #filled-brush .brush_base, .services-offer:hover #filled-browser .top {
animation-delay : 0.1s;
animation-timing-function : linear;
animation-iteration-count : 1;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : right-top;
}
.services-offer:hover #filled-winner .ribbon, .services-offer:hover #filled-trash .details, .services-offer:hover #filled-thumbsdown .dot, .services-offer:hover #filled-thumbsup .dot, .services-offer:hover #filled-tag .dot, .services-offer:hover #filled-suitcase .bottom, .services-offer:hover #filled-settings .base, .services-offer:hover #filled-screen .stand, .services-offer:hover #filled-rocket .window, .services-offer:hover #filled-robot .antenna, .services-offer:hover #filled-plane .left, .services-offer:hover #filled-picture .front, .services-offer:hover #filled-pencil .base_top, .services-offer:hover #filled-paper .corner, .services-offer:hover #filled-magnify .base, .services-offer:hover #filled-lock .bar, .services-offer:hover #filled-graph .dot_3, .services-offer:hover #filled-flag .shadow, .services-offer:hover #filled-email .paper, .services-offer:hover #filled-disk .top, .services-offer:hover #filled-diamond .top_left, .services-offer:hover #filled-diamond .top_3, .services-offer:hover #filled-clock .minute, .services-offer:hover #filled-camera .flash, .services-offer:hover #filled-calander .number, .services-offer:hover #filled-brush .brush_highlight, .services-offer:hover #filled-browser .green {
animation-timing-function : linear;
animation-iteration-count : 1;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : left-top;
}
.services-offer:hover #filled-user .collar_left, .services-offer:hover #filled-screen .logo, .services-offer:hover #filled-rocket .flame, .services-offer:hover #filled-picture .back, .services-offer:hover #filled-pencil .tip, .services-offer:hover #filled-paper .text, .services-offer:hover #filled-message .front, .services-offer:hover #filled-graph .dot_2, .services-offer:hover #filled-folder .front, .services-offer:hover #filled-email .top, .services-offer:hover #filled-diamond .top_2, .services-offer:hover #filled-clock .hour, .services-offer:hover #filled-camera .red, .services-offer:hover #filled-calander .base_bottom, .services-offer:hover #filled-browser .orange {
animation-delay : 0.05s;
animation-timing-function : linear;
animation-iteration-count : 1;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : left-top;
animation-name : left-top;
}
.services-offer:hover #filled-user .collar_right, .services-offer:hover #filled-plane .bottom, .services-offer:hover #filled-pencil .wood, .services-offer:hover #filled-message .back, .services-offer:hover #filled-graph .dot_1, .services-offer:hover #filled-folder .back, .services-offer:hover #filled-diamond .top_1, .services-offer:hover #filled-clock .middle, .services-offer:hover #filled-camera .button, .services-offer:hover #filled-camera .lens, .services-offer:hover #filled-camera .lens_inner, .services-offer:hover #filled-brush .brush_tip, .services-offer:hover #filled-browser .red {
animation-timing-function : linear;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : left-top;
}
@keyframes left-top {
0% {
animation-timing-function : linear;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : left-top;
}
1% {
animation-timing-function : linear;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : left-top;
}
100% {
animation-timing-function : linear;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : left-top;
}
}
@keyframes right-top {
0% {
animation-timing-function : linear;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : left-top;
}
1% {
animation-timing-function : linear;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : left-top;
}
100% {
animation-timing-function : linear;
transform-origin : 50% 50%;
animation-duration : 0.4s;
animation-name : left-top;
}
}