div.modal {position:absolute; width:80px; height:80px;  right:60px; bottom:60px;}
div.modal:after {content:""; background:url(../img/ico2.png)no-repeat center; position:absolute; width:100%; height:100%; 
z-index:99; background-size:40px ; opacity:0.3; transition:all 0.3s}
div.modal:hover:after {opacity:1; transition:all 0.3s}
div.circul { opacity:0.9;
    width: 100%; z-index:9999; position:absolute;
    height: 100%;
    margin: 0px auto; 
    font-size: 20px;
  animation: donut-spin 10s linear infinite;
  }
div.circul svg {
    overflow: visible;
  }
div.circul path {
    fill: rgba(0,0,0,0); 
  }
div.circul text {
    fill: #fff; letter-spacing:4.3px
  }
@keyframes donut-spin {
  to {
    transform: rotate(1turn);
  }
}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.modal { width:80px; height:80px; right:auto; left:50%; bottom:80px; transform:translate(-50%,0%); z-index: 9 }	
}
@media (max-width: 768px) {	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}