@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?9kd2yt');
  src:  url('../fonts/icomoon.eot?9kd2yt#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?9kd2yt') format('truetype'),
    url('../fonts/icomoon.woff?9kd2yt') format('woff'),
    url('../fonts/icomoon.svg?9kd2yt#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
  content: "\e942";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook:hover {
  color: rgb(66,103,178);
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-instagram:hover { 
  box-shadow: 2px 2px 3px #999;
  padding: 7px;
  width:100px; 
  height:100px;
  color: rgb(255,255,255);
  border-radius: 20px;
  background: #f09433;
background: -webkit-gradient(linear, left bottom, right top, from(#f09433), color-stop(25%, #e6683c), color-stop(50%, #dc2743), color-stop(75%, #cc2366), to(#bc1888));
background: linear-gradient(to top right, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-whatsapp:hover {
  background-color:#25d366;
  color:#FFF;
  padding: 10px 8px 8px 10px;
  border-radius:15px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
}
.icon-telegram:before {
  content: "\ea95";
}
.icon-telegram:hover {
  color: rgb(49,168,224);
  border-radius: 100px;
  box-shadow: 2px 2px 3px #999;
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-twitter:hover {
  color: rgb(0,167,231);
}
.icon-vk:before {
  content: "\ea98";
}
.icon-vk:hover {
  color: rgb(81,129,184);
  border-radius: 6px;
  box-shadow: 2px 2px 3px #999;
}