.social-links {
  padding-top: 10px; }
  .social-links .print {
    display: block;
    width: 49px;
    height: 49px;
    border-radius: 30px;
    transition: all 0.2s;
    background-size: 28px;
    background-image: url(/media/image/1a8c44ab3ebae93482870fa06be4c74e5c0a4cc5.svg);
    background-color: #d7dadc; }
    .social-links .print:hover {
      opacity: 0.5; }
  .social-links ul {
    padding: 0;
    display: flex;
    position: relative;
    opacity: 0; }
    .social-links ul.social-main {
      margin: 0 0 0 10px; }
    .social-links ul li.inner-social {
      display: block;
      width: 49px;
      height: 49px;
      border-radius: 99px;
      overflow: hidden;
      padding: 0;
      border: 0; }
      .social-links ul li.inner-social a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%; }
        .social-links ul li.inner-social a:hover {
          opacity: 0.5;
          cursor: pointer; }
        .social-links ul li.inner-social a.print {
          z-index: 5; }
        .social-links ul li.inner-social a.share {
          background-image: url(/media/image/f1d093429bad55078aabdccf507b3135badbb09c.svg);
          background-color: #d7dadc;
          background-size: 24px;
          background-position-x: 43%;
          z-index: 5; }
          .social-links ul li.inner-social a.share.active {
            background-color: ; }
        .social-links ul li.inner-social a.email {
          background-image: url(/media/image/2e2acd84167effaa413b01438af13e0c4b7c5a06.svg);
          z-index: 4; }
        .social-links ul li.inner-social a.linkedIn {
          background-image: url(/media/image/95115030ad655d06ce537d280d96e7d441f69018.svg);
          z-index: 3; }
        .social-links ul li.inner-social a.member {
          background-image: url(/media/image/0144ab08fe5c5c80669d73373dc71def5a9147ad.svg);
          z-index: 2; }
        .social-links ul li.inner-social a.url {
          background-image: url(/media/image/509effb24112485d98042552add30db2e3171cae.svg);
          z-index: 1; }
      .social-links ul li.inner-social .link-copied, .social-links ul li.inner-social .link-send {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        top: 0;
        border-radius: 30px;
        overflow: hidden;
        z-index: 0;
        padding-left: calc(49px + 10px);
        background-color: ;
        color: #fff; }
        .social-links ul li.inner-social .link-copied .url-text, .social-links ul li.inner-social .link-send .url-text, .social-links ul li.inner-social .link-copied .copied-text, .social-links ul li.inner-social .link-send .copied-text {
          padding-top: 18px;
          display: block;
          color: #fff;
          font-size: 13px; }
        .social-links ul li.inner-social .link-copied .url-text, .social-links ul li.inner-social .link-send .url-text {
          width: 185px;
          float: left;
          text-overflow: ellipsis;
          overflow: hidden;
          font-style: italic; }
        .social-links ul li.inner-social .link-copied .copied-text, .social-links ul li.inner-social .link-send .copied-text {
          width: 80px;
          float: right;
          margin-right: 10px; }
      .social-links ul li.inner-social .link-send {
        z-index: 10;
        width: 60px;
        padding-left: 0; }
        .social-links ul li.inner-social .link-send form {
          width: 100%;
          height: 100%; }
          .social-links ul li.inner-social .link-send form input {
            border: none;
            outline: none; }
          .social-links ul li.inner-social .link-send form [name=email] {
            width: calc(80% - 49px - 12.5px);
            height: 100%;
            padding-left: calc(49px + 10px); }
          .social-links ul li.inner-social .link-send form [name=send] {
            width: 20%;
            padding: 0;
            margin-left: -3px;
            height: calc(100% + 2px);
            background-color: ;
            color: #fff; }
    .social-links ul.vertical {
      flex-direction: column; }
    .social-links ul.horizontal {
      flex-direction: row; }
    .social-links ul ul {
      position: absolute;
      top: 0; }

.social-share {
  position: absolute; }
  .social-share .print {
    display: block;
    width: 49px;
    height: 49px;
    border-radius: 30px;
    transition: all 0.2s;
    background-size: 28px;
    background-image: url(/media/image/1a8c44ab3ebae93482870fa06be4c74e5c0a4cc5.svg);
    background-color: #d7dadc; }
    .social-share .print:hover {
      opacity: 0.5; }
  .social-share ul {
    padding: 0;
    display: flex;
    position: relative;
    opacity: 0; }
    .social-share ul.social-main {
      margin: 0 0 0 10px; }
    .social-share ul li {
      margin: 0; }
      .social-share ul li .inner-social {
        display: block;
        width: 49px;
        height: 41px;
        border-radius: 99px;
        overflow: hidden;
        padding: 0;
        border: 0; }
        .social-share ul li .inner-social a {
          position: relative;
          display: block;
          width: 100%;
          height: 100%; }
          .social-share ul li .inner-social a:hover {
            opacity: 0.5;
            cursor: pointer; }
          .social-share ul li .inner-social a.print {
            z-index: 5; }
          .social-share ul li .inner-social a.share {
            background-image: url(/media/image/f1d093429bad55078aabdccf507b3135badbb09c.svg);
            background-color: #d7dadc;
            background-size: 24px;
            background-position-x: 43%;
            z-index: 5; }
            .social-share ul li .inner-social a.share.active {
              background-color: ; }
          .social-share ul li .inner-social a.email {
            background-image: url(/media/image/2e2acd84167effaa413b01438af13e0c4b7c5a06.svg);
            z-index: 4; }
          .social-share ul li .inner-social a.linkedIn {
            background-image: url(/media/image/95115030ad655d06ce537d280d96e7d441f69018.svg);
            z-index: 3; }
          .social-share ul li .inner-social a.member {
            background-image: url(/media/image/0144ab08fe5c5c80669d73373dc71def5a9147ad.svg);
            z-index: 2; }
          .social-share ul li .inner-social a.url {
            background-image: url(/media/image/509effb24112485d98042552add30db2e3171cae.svg);
            z-index: 1; }
        .social-share ul li .inner-social .link-copied, .social-share ul li .inner-social .link-send {
          position: absolute;
          display: block;
          height: 100%;
          width: 100%;
          top: 0;
          border-radius: 30px;
          overflow: hidden;
          z-index: 0;
          padding-left: calc(49px + 10px);
          background-color: ;
          color: #fff; }
          .social-share ul li .inner-social .link-copied .url-text, .social-share ul li .inner-social .link-send .url-text, .social-share ul li .inner-social .link-copied .copied-text, .social-share ul li .inner-social .link-send .copied-text {
            padding-top: 18px;
            display: block;
            color: #fff;
            font-size: 13px; }
          .social-share ul li .inner-social .link-copied .url-text, .social-share ul li .inner-social .link-send .url-text {
            width: 185px;
            float: left;
            text-overflow: ellipsis;
            overflow: hidden;
            font-style: italic; }
          .social-share ul li .inner-social .link-copied .copied-text, .social-share ul li .inner-social .link-send .copied-text {
            width: 80px;
            float: right;
            margin-right: 10px; }
        .social-share ul li .inner-social .link-send {
          z-index: 10;
          width: 60px;
          padding-left: 0; }
          .social-share ul li .inner-social .link-send form {
            width: 100%;
            height: 100%; }
            .social-share ul li .inner-social .link-send form input {
              border: none;
              outline: none; }
            .social-share ul li .inner-social .link-send form [name=email] {
              width: calc(80% - 49px - 12.5px);
              height: 100%;
              padding-left: calc(49px + 10px); }
            .social-share ul li .inner-social .link-send form [name=send] {
              width: 20%;
              padding: 0;
              margin-left: -3px;
              height: calc(100% + 2px);
              background-color: ;
              color: #fff; }
    .social-share ul.vertical {
      flex-direction: column; }
    .social-share ul.horizontal {
      flex-direction: row; }
    .social-share ul ul {
      position: absolute;
      top: 0; }
  .social-share .email:before {
    top: 0px !important;
    content: none !important; }