/*--------------------------------

sharing Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
    font-family: 'sharing';
    src: url('../fonts/sharing.eot');
    src: url('../fonts/sharing.eot') format('embedded-opentype'), url('../fonts/sharing.woff2') format('woff2'), url('../fonts/sharing.woff') format('woff'), url('../fonts/sharing.ttf') format('truetype'), url('../fonts/sharing.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  /*------------------------
      base class definition
  -------------------------*/
  .iconfont {
    display: inline-block;
    font: normal normal normal 1em/1 'sharing';
    speak: none;
    text-transform: none;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /*------------------------
    change icon size
  -------------------------*/
  /* relative units */
  .iconfont-sm {
    font-size: 0.8em;
  }
  .iconfont-lg {
    font-size: 1.2em;
  }
  /* absolute units */
  .iconfont-16 {
    font-size: 16px;
  }
  .iconfont-32 {
    font-size: 32px;
  }
  /*----------------------------------
    add a square/circle background
  -----------------------------------*/
  .iconfont-bg-square,
  .iconfont-bg-circle {
    padding: 0.35em;
    background-color: #eee;
  }
  .iconfont-bg-circle {
    border-radius: 50%;
  }
  /*------------------------------------
    use icons as list item markers
  -------------------------------------*/
  .iconfont-ul {
    padding-left: 0;
    list-style-type: none;
  }
  .iconfont-ul > li {
    display: flex;
    align-items: flex-start;
    line-height: 1.4;
  }
  .iconfont-ul > li > .iconfont {
    margin-right: 0.4em;
    line-height: inherit;
  }
  /*------------------------
    spinning icons
  -------------------------*/
  .iconfont-is-spinning {
    -webkit-animation: iconfont-spin 2s infinite linear;
    -moz-animation: iconfont-spin 2s infinite linear;
    animation: iconfont-spin 2s infinite linear;
  }
  @-webkit-keyframes iconfont-spin {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @-moz-keyframes iconfont-spin {
    0% {
      -moz-transform: rotate(0deg);
    }
    100% {
      -moz-transform: rotate(360deg);
    }
  }
  @keyframes iconfont-spin {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  /*------------------------
    rotated/flipped icons
  -------------------------*/
  .iconfont-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .iconfont-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .iconfont-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  .iconfont-flip-y {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  .iconfont-flip-x {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
  }
  /*------------------------
      icons
  -------------------------*/
  
  .iconfont-thumb-down::before {
    content: "\ea01";
  }
  
  .iconfont-thumb-up::before {
    content: "\ea02";
  }