/* Generated by giancarlobar@hotmail.com */
/* step1 icone tonde rotaz Y180 */
.circolare {
    background:#c7001d;
  width: 160px; 
  height: 160px;
     position: relative;
    transform-style: preserve-3d;
    transition: all .6s ease-in-out;
  border-radius:999em;    
-moz-border-radius:999em;  
-webkit-border-radius:999em; 
  -o-border-radius: 999em;
  }
  .circolare:hover {
  transform: rotateY(180deg);
}  
.circolare .back {
  transform: rotateY(180deg);
}
            
/* step2 icone tonde rotaz Y180 */            
  .circolare2 {
    background:#ffffff;
  width: 160px; 
  height: 160px;
      position: relative;
    transform-style: preserve-3d;
    transition: all .6s ease-in-out;
  border-radius:999em;    
-moz-border-radius:999em;  
-webkit-border-radius:999em; 
  -o-border-radius: 999em;
  }
.circolare2:hover {
  transform: rotateY(180deg);
} 
.circolare2 .back {
  transform: rotateY(180deg);
}