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


    
    .share-container {
        align-items: center;
    }
    
    .flex {
        display: flex;
        flex-wrap: wrap;
    }
        
    .share-container .share-icons {
        margin: 0 10px 0 0;
    }
    .share-icons {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .share-container li {
        position: relative;
        margin: 0 10px 5px 0;
    }


    .share-container li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        background: #f2f2f2;
        border-radius: 2px;
    }
    
    
    .share-container .share-icons li .btn-facebook {
        background: #45629f;
    }
    
    .share-container .share-icons li .btn-compass {
        background: #08c;
    }
    
    .share-container .share-icons li .btn-twitter {
        background: #1dcaff;
    }
    
    .share-container .share-icons li a {
        color: #fff;
    }
    
    .share-container .share-icons li .btn-whatsapp {
        background: #25d366;
    }
    
    .icon-facebook:before {
      content: "\ea90";
    }
    .icon-whatsapp:before {
      content: "\ea93";
    }
    .icon-twitter:before {
      content: "\ea96";
    }
    .icon-compass:before {
      content: "\e949";
    }
    .icon-tumblr:before {
      content: "\eab9";
    }
    .icon-linkedin2:before {
      content: "\eaca";
    }
    .icon-file-pdf:before {
      content: "\eadf";
    }
    .icon-paperplane:before {
      content: "\e900";
    }

    [class*=" icon-"]::before, [class^="icon-"]::before {
        width: auto;
    }
    
    [class*=" icon-"]::before, [class^="icon-"]::before {
        /*font-family: 'icomoon' !important;*/
        font-style: normal;
        font-weight: 400;
        speak: never;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: .2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    
    .share-container .share-icons li a i {
        font-size: 17px;
    }
    .share-container .share-icons li a {
        color: #fff;
    }