@charset "UTF-8";
.sharer ul, .sharer { margin: 0; justify-content: center; display: flex; }

.sharer li { list-style: none; display: inline-block; vertical-align: top; margin: 0 5px; }

.sharer li a { width: 42px; height: 42px; text-decoration: none; text-align: center; display: flex; align-items: center; justify-content: center; color: white; border-radius: 50%; }

.icon-twitter { transition: 0.2s ease all; background: #1da1f2; font-size: 22px; }

/* '' */
.icon-facebook { transition: 0.2s ease all; background: #3b5998; font-size: 18px; }

/* '' */
.icon-whatsapp { transition: 0.2s ease all; background: #25d366; font-size: 22px; }

/* '' */
.icon-twitter:hover { background: #0d8ddc; }

/* '' */
.icon-facebook:hover { background: #30497c; }

/* '' */
.icon-whatsapp:hover { background: #1fb256; }

/* '' */
.icon-twitter:before { margin: 0 auto; display: block; }

.icon-facebook:before { margin: 0 auto; display: block; }

.icon-whatsapp:before { margin: 0 auto; display: block; }

@font-face { font-family: 'fontello'; src: url("../fonts/fontello.eot?69249597"); src: url("../fonts/fontello.eot?69249597#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?69249597") format("woff2"), url("../fonts/fontello.woff?69249597") format("woff"), url("../fonts/fontello.ttf?69249597") format("truetype"), url("../fonts/fontello.svg?69249597#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('../fonts/fontello.svg?69249597#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; 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%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-twitter:before { content: '\f099'; }

/* '' */
.icon-facebook:before { content: '\f09a'; }

/* '' */
.icon-gplus:before { content: '\f0d5'; }

/* '' */
.icon-whatsapp:before { content: '\f232'; }

/* '' */
