/* socials share */
.share-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #2f7bb7;
  display: inline-block;
  padding: 5px;
  background: whitesmoke;
  border-radius: 3px;
}
.social_share:first-child,
.social_share_link:first-child{
  margin-left: 0;
}
.share_this {
  margin-top: 8px;
  width: 100%;
  display: flex;
}
.share_this a{
  -webkit-box-shadow:inset 0 0 0px 0 ;
  box-shadow:inset 0 0 0 0px ;
  position: relative;
}
.share-block {
  margin-bottom: 30px;
  margin-top: 30px;
}
.share_this a:after{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
  top: -2px;
  left: -2px;
  padding: 2px;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
  -moz-transition: -moz-transform 0.2s, opacity 0.3s;
  transition: transform 0.2s, opacity 0.3s;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 3px;
}
.share_this a:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.share_this a:hover{
  color:white;
}
.social_share, .social_share_link{float:right;margin-left:5px;color:#fff;padding:2px;font-size: 20px;height: 35px;display: flex;align-items: center;width: 48px;justify-content: center;border-radius: 4px;text-decoration: none !important;}
@media(max-width: 768px){
  .social_share, .social_share_link{
    width: 42px;
  }
}
.social_share:hover, .social_share_link:hover{cursor:pointer;}

.vk:after{background:#5281b9;}
.fb:after{background:#4064ad;}
.tw:after{background:#3fa6db;}
.ok:after{background:#ee7e1f;}
.tg:after{background:#269bcd;}
.ws:after{background:#00e676;}

.vk{border: 2px solid #5281b9; color:#5281b9; position: relative}
.fb{border: 2px solid #4064ad; color: #4064ad}
.tw{border: 2px solid #3fa6db; color: #3fa6db}
.ok{border: 2px solid #ee7e1f; color: #ee7e1f}
.tg{border: 2px solid #269bcd; color: #269bcd}
.ws{border: 2px solid #00e676; color: #00e676; font-size: 24px !important;}

