@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
body.share-noscroll {
  overflow-y: hidden;
}
html.share-noscroll {
  overflow-y: hidden;
}
.share-btn ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.share-btn .share-icon-container,
.share-btn a,
.share-btn button {
  position: relative;
  cursor: pointer;
  transition: width 0.15s ease-in-out;
}
.share-btn .share-icon-container .icon,
.share-btn a .icon,
.share-btn button .icon {
  display: inline-block;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
}
.share-toolbox a,
.share-toolbox button,
.share-toolbox .share-icon-container .icon {
  height: 32px;
  width: 32px;
  overflow: hidden;
  margin-right: 5px;
  border-radius: 10%;
  display: inline-block;
}
.share-toolbox a .icon,
.share-toolbox button .icon {
  height: 100%;
  width: 100%;
}
button[data-sharer],
button.share-more {
  background: 0;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.share-menu * {
  box-sizing: border-box;
}
.share-menu {
  font-family: 'Myriad Set Pro', 'Helvetica Neue', 'Helvetica', 'Lucida Grande',
    'Arial', 'Verdana', 'sans-serif';
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.share-menu.show {
  opacity: 1;
  z-index: 999999;
  visibility: visible;
}
.share-menu .title {
  font-size: 42px;
  line-height: 42px;
  padding: 20px;
  color: #fff;
  font-weight: 200;
}
.share-menu .share-title {
  font-size: 16px;
  color: #eeecec;
  font-weight: 300;
}
.share-menu .share-url {
  line-height: 18px;
  opacity: 0.6;
  font-weight: 200;
}
.share-shadow {
  background: #17181a;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.9;
}
.share-list {
  padding-top: 15px;
}
.share-list a {
  cursor: pointer;
  width: 24%;
  display: inline-table;
  color: #fff;
  margin: 10px auto;
}
.share-list a .icon {
  display: block;
  width: 75%;
  padding-top: 75%;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 50px;
  min-height: 50px;
  margin: 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.share-list a .text {
  font-size: 12px;
}
.share-closed {
  z-index: 1;
  background-color: #fff;
  background-image: url(/image/share/Closed-icon.svg);
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  line-height: 30px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: fixed;
  top: 30px;
  right: 30px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.share-closed:hover {
  opacity: 0.8;
}
.share-text {
  color: #fff;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 90%;
  max-width: 570px;
  text-align: center;
  min-height: 320px;
  padding: 10px 0 80px;
}
.share-btn .icon {
  background-size: 80%;
}
.share-fb .icon {
  background-color: #3b5998;
  background-image: url(/image/share/Facebook.svg);
}
.share-t .icon {
  background-color: #1da1f2;
  background-image: url(/image/share/Twitter.svg);
}
.share-vk .icon {
  background-color: #6383a8;
  background-image: url(/image/share/Vkontakte.svg);
}
.share-reddit .icon {
  background-color: #ff5700;
  background-image: url(/image/share/Reddit.svg);
}
.share-whatsapp .icon {
  background-color: #4dc247;
  background-image: url(/image/share/WhatsApp.svg);
}
.share-gmail .icon {
  background-color: #db4437;
  background-image: url(/image/share/Gmail.svg);
}
.share-googlebookmark .icon {
  background-color: #4285f4;
  background-image: url(/image/share/GoogleBookmark.svg);
}
.share-e .icon {
  background-color: #585858;
  background-image: url(/image/share/Email.svg);
}
.share-adfty .icon {
  background-color: #9dcb43;
  background-image: url(/image/share/Adfty.svg);
}
.share-linkedin .icon {
  background-color: #0077b5;
  background-image: url(/image/share/LinkedIn.svg);
}
.share-print .icon {
  background-color: #738a8d;
  background-image: url(/image/share/Print.svg);
}
.share-pinterest .icon {
  background-color: #cb2027;
  background-image: url(/image/share/Pinterest.svg);
}
.share-messenger .icon {
  background-color: #0084ff;
  background-image: url(/image/share/Messenger.svg);
}
.share-sinaweibo .icon {
  background-color: #e6162d;
  background-image: url(/image/share/SinaWeibo.svg);
}
.share-blogger .icon {
  background-color: #f57d00;
  background-image: url(/image/share/Blogger.svg);
}
.share-100zakladok .icon {
  background-color: #6c8dbe;
  background-image: url(/image/share/100zakladok.svg);
}
.share-amazon .icon {
  background-color: #f90;
  background-image: url(/image/share/Amazon.svg);
}
.share-telegram .icon {
  background-color: #2AABEE;
  background-image: url(/image/share/Telegram.svg);
}
.share-myspace .icon {
  background-color: #282828;
  background-image: url(/image/share/Myspace.svg);
}
.share-wechat .icon {
  background-color: #2dc100;
  /* background-image: url(/image/share/WeChat.svg); */
}
.share-line .icon {
  background-color: #00c300;
  background-image: url(/image/share/Line.svg);
}
.share-viber .icon {
  background-color: #7b519d;
  background-image: url(/image/share/Viber.svg);
}
.share-odnoklassniki .icon {
  background-color: #d57819;
  background-image: url(/image/share/Odnoklassniki.svg);
}
.share-qrcode .icon {
  background-color: #4a8bf6;
  background-image: url(/image/share/Qrsrc.svg);
  background-size: 80%;
}
.share-more .icon {
  background-color: #ff6550;
  /* background-image: url(/image/share/share-more-icon.svg); */
  background-size: 32px 32px;
}
@media (min-width: 640px) {
  .share-list a {
    width: 18%;
  }
}
.share-mob .share-side-counter {
  display: inline-block;
  width: 48px;
  text-align: center;
  overflow-wrap: break-word;
}
.share-mob .share-side-counter .share-side-count {
  font-size: 17px;
  line-height: 1.25em;
  color: #222;
}
.share-mob .share-side-counter .share-side-text {
  font-size: 9px;
  line-height: 1.25em;
  color: #222;
  letter-spacing: 1px;
}
.share-mob .share-bottom-counter {
  right: 46px;
  display: block;
  border-radius: 4px;
  background-color: #fff;
  color: #666;
  position: absolute;
  height: 25px !important;
  padding: 2px 5px;
  line-height: 12px;
  text-align: center;
  top: 5.5px;
  font-size: 12px;
}
@media (min-width: 996px) {
  .share-mob .share-bottom-counter {
    display: none;
  }
  .share-mob ul {
    z-index: 99999;
    display: block;
    position: fixed;
    top: 20%;
    right: 0;
    text-align: right;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: slideInRight;
  }
  .share-mob .share-icon-container,
  .share-mob a {
    height: 48px;
    width: 48px;
    overflow: hidden;
    float: right;
  }
  .share-mob .share-icon-container:hover,
  .share-mob a:hover {
    width: 64px;
  }
  .share-mob .share-icon-container .icon,
  .share-mob a .icon {
    height: 100%;
    width: 100%;
  }
  .share-mob [data-sharer] .icon {
    background-size: 32px 32px;
  }
}
@media (max-width: 996px) {
  .share-mob .share-shortcut {
    display: none;
  }
  .share-mob .share-side-counter {
    display: none;
  }
  .share-mob .share-icon-container,
  .share-mob a {
    margin-bottom: 10px;
    height: 40px;
    float: right;
  }
  .share-mob .share-icon-container.share-more,
  .share-mob .a.share-more {
    margin-bottom: 0;
  }
  .share-mob ul,
  .share-mob .share-open {
    position: fixed;
    right: 10px;
    bottom: 15px;
    z-index: 99999;
  }
  .share-mob .share-open {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: slideInRight;
    cursor: pointer;
    height: 40px;
    width: 40px;
    background: #ff6550;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eshare%3C%2Ftitle%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M26%2C13.4285714%20C26%2C13.6220248%2025.9293162%2C13.7894338%2025.7879464%2C13.9308036%20L20.0736607%2C19.6450893%20C19.932291%2C19.786459%2019.7648819%2C19.8571429%2019.5714286%2C19.8571429%20C19.3779752%2C19.8571429%2019.2105662%2C19.786459%2019.0691964%2C19.6450893%20C18.9278267%2C19.5037195%2018.8571429%2C19.3363105%2018.8571429%2C19.1428571%20L18.8571429%2C16.2857143%20L16.3571429%2C16.2857143%20C15.6279725%2C16.2857143%2014.9750773%2C16.3080355%2014.3984375%2C16.3526786%20C13.8217977%2C16.3973217%2013.2488868%2C16.477306%2012.6796875%2C16.5926339%20C12.1104882%2C16.7079619%2011.6157015%2C16.8660704%2011.1953125%2C17.0669643%20C10.7749235%2C17.2678581%2010.3824423%2C17.5264121%2010.0178571%2C17.8426339%20C9.65327199%2C18.1588557%209.35565592%2C18.534596%209.125%2C18.9698661%20C8.89434408%2C19.4051361%208.71391434%2C19.9203839%208.58370536%2C20.515625%20C8.45349637%2C21.1108661%208.38839286%2C21.7842224%208.38839286%2C22.5357143%20C8.38839286%2C22.9449425%208.40699386%2C23.4025272%208.44419643%2C23.9084821%20C8.44419643%2C23.9531252%208.45349693%2C24.0405499%208.47209821%2C24.1707589%20C8.4906995%2C24.3009679%208.5%2C24.3995532%208.5%2C24.4665179%20C8.5%2C24.5781256%208.46837829%2C24.6711306%208.40513393%2C24.7455357%20C8.34188956%2C24.8199408%208.25446484%2C24.8571429%208.14285714%2C24.8571429%20C8.02380893%2C24.8571429%207.9196433%2C24.7938994%207.83035714%2C24.6674107%20C7.77827355%2C24.6004461%207.72991094%2C24.5186017%207.68526786%2C24.421875%20C7.64062478%2C24.3251483%207.59040206%2C24.2135423%207.53459821%2C24.0870536%20C7.47879436%2C23.9605648%207.43973225%2C23.87128%207.41741071%2C23.8191964%20C6.47246551%2C21.6986501%206%2C20.0208395%206%2C18.7857143%20C6%2C17.3050521%206.19717065%2C16.0662252%206.59151786%2C15.0691964%20C7.79688103%2C12.0706695%2011.0520568%2C10.5714286%2016.3571429%2C10.5714286%20L18.8571429%2C10.5714286%20L18.8571429%2C7.71428571%20C18.8571429%2C7.52083237%2018.9278267%2C7.35342333%2019.0691964%2C7.21205357%20C19.2105662%2C7.07068382%2019.3779752%2C7%2019.5714286%2C7%20C19.7648819%2C7%2019.932291%2C7.07068382%2020.0736607%2C7.21205357%20L25.7879464%2C12.9263393%20C25.9293162%2C13.067709%2026%2C13.2351181%2026%2C13.4285714%20L26%2C13.4285714%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-position: center;
    border-radius: 50%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.35);
    text-align: center;
  }
  .share-mob .share-open-bg {
    display: none;
    background-color: #17181a;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    filter: alpha(opacity=45);
    -moz-opacity: 0.45;
    opacity: 0.45;
  }
  .share-mob .share-icon-container .text,
  .share-mob a .text {
    display: block;
  }
  .share-mob .share-icon-container span.icon {
    border-radius: 50%;
    height: 40px;
    width: 40px;
  }
  .share-mob .share-icon-container span,
  .share-mob a span {
    display: inline-block;
    height: 40px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
  }
  .share-mob .share-icon-container span.text,
  .share-mob a span.text {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    color: #666;
    padding: 0 10px;
    position: absolute;
    right: 46px;
    top: 8px;
  }
  .share-mob ul {
    display: none;
    animation-duration: 0.5s;
    animation-fill-mode: both;
  }
  .share-mob.open ul {
    display: block;
    animation-name: slideInUp;
  }
  .share-mob.open .share-open {
    display: none;
  }
  .share-mob.open .share-open-bg {
    display: block;
  }
}
.share-toolbox {
  text-align: center;
  font-size: 0;
}
@media print {
  .share-menu {
    display: none !important;
  }
}