@font-face {
  font-family: 'fontello';
  src: url('fontello.eot?35973732');
  src: url('fontello.eot?35973732#iefix') format('embedded-opentype'),
       url('fontello.woff?35973732') format('woff'),
       url('fontello.ttf?35973732') format('truetype'),
       url('fontello.svg?35973732#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?67440438#fontello') format('svg');
  }
}
*/
 
 [class^="icona-"]:before, [class*=" icona-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  /*text-decoration: inherit;*/
  /*width: 1em;*/
 
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  /*line-height: 1em;*/
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
 /* margin-left: .2em;*/
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 

.icona-share:before { content: '\e800'; } /* '' */
.icona-down-open:before { content: '\e801'; } /* '' */
.icona-ok:before { content: '\e802'; } /* '' */
.icona-lock:before { content: '\e803'; } /* '' */
.icona-down-open-1:before { content: '\e804'; } /* '' */
.icona-share-1:before { content: '\e805'; } /* '' */
.icona-cancel-circled-2:before { content: '\e806'; } /* '' */
.icona-angle-down:before { content: '\e807'; } /* '' */
.icona-basket-1:before { content: '\e808'; } /* '' */
.icona-info-circled:before { content: '\e809'; vertical-align: bottom; margin-right:0.2em; } /* '' */
.icona-facebook-circled:before { content: '\e80a'; } /* '' */
.icona-twitter-circled:before { content: '\e80b'; } /* '' */
.icona-gplus-circled:before { content: '\e80c'; } /* '' */
.icona-basket:before { content: '\e80d'; } /* '' */
.icona-cancel-circled-1:before { content: '\e80e'; } /* '' */
.icona-plus-circled-1:before { content: '\e80f'; } /* '' */
.icona-minus-circled-1:before { content: '\e810'; } /* '' */
.icona-link-1:before { content: '\e811'; } /* '' */
.icona-plus-circled-2:before { content: '\e812'; } /* '' */
.icona-minus-circled-2:before { content: '\e813'; } /* '' */
.icona-stopwatch:before { content: '\e814'; font-size: 3em;color:#fff;} /* '' */
.icona-lock-open:before { content: '\e815'; } /* '' */
.icona-cart_piu-98:before { content: '\e816'; font-size: 1.3em; vertical-align: bottom;} /* '' */
.icona-chiama-81:before { content: '\e817';font-size: 4em; } /* '' */
.icona-condividi-91:before { content: '\e818';font-size: 1.5em; vertical-align: middle;margin-right:0.2em; } /* '' */
.icona-download-96:before { content: '\e819';font-size: 4em; } /* '' */
.icona-facebook-96:before { content: '\e81a'; } /* '' */
.icona-googleplus-98:before { content: '\e81b'; } /* '' */
.icona-info-92:before { content: '\e81c'; } /* '' */
.icona-mail-95:before { content: '\e81d';font-size: 4em; } /* '' */
.icona-map-97:before { content: '\e81e';font-size: 4em; } /* '' */
.icona-privacy-90:before { content: '\e81f'; font-size: 2em; vertical-align: middle;} /* '' */
.icona-seguici-95:before { content: '\e820';font-size: 1.5em; vertical-align: middle;margin-right:0.2em; } /* '' */
.icona-sms-93:before { content: '\e821';font-size: 4em;margin-left:9px; } /* '' */
.icona-timer-94:before { content: '\e822';font-size: 3em;color:#fff; } /* '' */
.icona-twitter-97:before { content: '\e823'; } /* '' */
.icona-video-94:before { content: '\e824';font-size: 4em; } /* '' */
.icona-x-93:before { content: '\e825'; } /* '' */
.icona-facebook-88:before { content: '\e826'; } /* '' */
.icona-google-90:before { content: '\e827'; } /* '' */
.icona-twitter-89:before { content: '\e828'; } /* '' */
.icona-asterisco-100:before { font-size: 0.8em; } /* '' */
.icona-cart_meno-99:before { content: '\e82a';font-size: 1.3em; vertical-align: bottom; } /* '' */

.l-icon {
  display: inline-block;
  font-size: 0px;
  cursor: pointer;
  /*margin: 15px 30px;*/
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;


}

.l-icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box; 
  -moz-box-sizing: content-box; 
  box-sizing: content-box;
}

.l-icon:before {
  font-family: 'fontello';
  speak: none;
  font-size: 44px;
  line-height: 60px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}




.icon-effect-3b .l-icon {
  color: #fff;
}

.hi-icon-effect-3b .l-icon:hover {
  opacity: 0.8;
}

.hi-icon-effect-3b .l-icon:after {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0;
}

.hi-icon-effect-3b .l-icon:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.hi-icon-effect-3 .l-icon {
  box-shadow: 0 0 0 2px #fff;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}

.hi-icon-effect-3 .l-icon:after {
  top: -2px;
  left: -2px;
  padding: 2px;
  z-index: -1;
  background: #fff;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
  -moz-transition: -moz-transform 0.2s, opacity 0.3s;
  transition: transform 0.2s, opacity 0.3s;
}

 .l-icon:hover:after {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
  -moz-transition: -moz-transform 0.4s, opacity 0.2s;
  transition: transform 0.4s, opacity 0.2s;
}








