@font-face {
    font-family: 'fontello';
    src: url('font/cvwshare.eot?83442822');
    src: url('font/cvwshare.eot?83442822#iefix') format('embedded-opentype'), url('font/cvwshare.woff2?83442822') format('woff2'), url('font/cvwshare.woff?83442822') format('woff'), url('font/cvwshare.ttf?83442822') format('truetype'), url('font/cvwshare.svg?83442822#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?83442822#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;
    /*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: 1.5rem;
    /* 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-facebook:before {content: '\e800';}/* '' */
.icon-youtube:before {content: '\e801';}/* '' */
.icon-linkedin:before {content: '\e802';}/* '' */
.icon-email:before {content: '\e803';}/* '' */
.icon-vimeo:before {content: '\e804';}/* '' */
/*.icon-twitter:before {content: '\e805';}*//* '' */
.icon-instagram:before {content: '\f31f';}/* '' */

.icon-twitter:before {
    display: inline-block;
    width: 13px;
    height: 20px;
    line-height: 0em;
    content: '\e804';
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    background-position: center 3px;
    line-height: 1.5rem;
    
}

.cvwshare_default_style {
    background: none;
    border: none;
    display: inline-block;
    color: #fff;
    transition: all 200ms linear;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 10px;
    border-radius: 20px;
    margin: 0 2px;
    padding: 0;
}

    .cvwshare_default_style:hover {
        opacity: 0.8;
        cursor: pointer;
    }

    .cvwshare_default_style:focus {
        outline: 0;
    }

    .cvwshare_default_style.cvwshare_button_facebook {
        background: #3b5998;
    }

    .cvwshare_default_style.cvwshare_button_twitter {
        background: #000000;
    }

    .cvwshare_default_style.cvwshare_button_linkedin {
        background: #0077b5;
    }

    .cvwshare_default_style.cvwshare_button_email {
        background: #333;
    }