.social {
    display: table;
    -outline: 1px solid papayawhip;
}
.social A {
    text-decoration: none;
}
.social-item {
    display: block;
    float: left;
    margin: 7px;
    -outline: 1px dotted papayawhip;
}
.social-item.-last {
    margin-right: 0;
}
.social-item.-first {
    margin-left: 0;
}
.social-icon {
    display: inline-block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    visibility: hidden;
}
.social-item {
    background-position: center center;
    background-repeat: no-repeat;
}
.social-item.fb {
    background-image: url('/site/rp/social/img/25/t/fb.w.png');
}
.social-item.vk {
    background-image: url('/site/rp/social/img/25/t/vk.w.png');
}
.social-item.insta {
    background-image: url('/site/rp/social/img/25/t/insta.w.png');
}

.social.-a1 .social-item {
    -webkit-transition: transform 500ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: transform 500ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: transform 500ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: transform 500ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: transform 500ms cubic-bezier(0.445,0.05,0.55,0.95);
}
.social.-a1 .social-item:hover {
    -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg);}

.social.-a2 .social-item:hover {
    -webkit-animation: flip-icon 750ms cubic-bezier(0.6,-0.28,0.74,0.05); -moz-animation: flip-icon 750ms cubic-bezier(0.6,-0.28,0.74,0.05); -o-animation: flip-icon 750ms cubic-bezier(0.6,-0.28,0.74,0.05); animation: flip-icon 750ms cubic-bezier(0.6,-0.28,0.74,0.05);
}
@-webkit-keyframes flip-icon { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } } @-moz-keyframes flip-icon { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } } @-o-keyframes flip-icon { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes flip-icon { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } }