<style>
.support-telegram {
position:fixed;
left:50px;
bottom:60px;
z-index:999999
}
.support-telegram .paper-plane-ico {
background:url(https://dnnplus.ir/Portals/_default/Skins/DnnPlus/images/support.png) no-repeat;
height:65px;
width:65px;
overflow:hidden;
border-radius:65px;
display:block;
box-shadow:0 0 1px 0 #1f95d4
}
.support-title {
-moz-transition:all .4s ease .4s;
-o-transition:all .4s ease .4s;
-webkit-transition:all .4s ease .4s;
transition:all .4s ease .4s;
padding:5px 8px;
position:absolute;
width:119px;
right:-25px;
font-size:12px;
letter-spacing:-.5px;
background:#1f95d4;
border-radius:5px;
color:#fff!important;
top:60px;
opacity:0
}
.support-telegram:hover .support-title {
opacity:1;
top:75px
}
.support-title::before {
display:block;
content:"";
border-bottom:5px solid #1f95d4;
border-left:7px solid transparent;
border-right:7px solid transparent;
height:5px;
width:5px;
margin:-10px auto 5px
}
@-webkit-keyframes Shake {
0% {
-webkit-transform:scale(1)
}
10%,20% {
-webkit-transform:scale(0.9) rotate(-3deg)
}
30%,50%,70%,90% {
-webkit-transform:scale(1.1) rotate(3deg)
}
40%,60%,80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
}
@-moz-keyframes Shake {
0% {
-moz-transform:scale(1)
}
10%,20% {
-moz-transform:scale(0.9) rotate(-3deg)
}
30%,50%,70%,90% {
-moz-transform:scale(1.1) rotate(3deg)
}
40%,60%,80% {
-moz-transform:scale(1.1) rotate(-3deg)
}
100% {
-moz-transform:scale(1) rotate(0)
}
}
@-o-keyframes Shake {
0% {
-o-transform:scale(1)
}
10%,20% {
-o-transform:scale(0.9) rotate(-3deg)
}
30%,50%,70%,90% {
-o-transform:scale(1.1) rotate(3deg)
}
40%,60%,80% {
-o-transform:scale(1.1) rotate(-3deg)
}
100% {
-o-transform:scale(1) rotate(0)
}
}
@keyframes Shake {
0% {
transform:scale(1)
}
10%,20% {
transform:scale(0.9) rotate(-3deg)
}
30%,50%,70%,90% {
transform:scale(1.1) rotate(3deg)
}
40%,60%,80% {
transform:scale(1.1) rotate(-3deg)
}
100% {
transform:scale(1) rotate(0)
}
}
.support-telegram .Shake {
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
-webkit-animation-timing-function:ease;
-moz-animation-timing-function:ease;
-o-animation-timing-function:ease;
animation-timing-function:ease
}
.support-telegram:hover .Shake {
-webkit-animation-name:Shake;
-moz-animation-name:Shake;
-o-animation-name:Shake;
animation-name:Shake
}
</style>