@import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

.social-media-con{
  position: fixed;
  top: 18%;
  z-index: 100020;
}
.smc-left{
  animation-name: displaySocialMediaConLeft;
  animation-duration: 0.4s;
  -webkit-animation-name: displaySocialMediaConLeft;
  -webkit-animation-duration: 0.4s;
}
.smc-right{
  right:0;
  width: 62px;
  animation-name: displaySocialMediaConRight;
  animation-duration: 0.4s;
  -webkit-animation-name: displaySocialMediaConRight;
  -webkit-animation-duration: 0.4s;
}
.smc-right a{
  float: right;
}
.smc-right a{
  float: right;
}
.fa-method{
  margin-top: 10px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAA/CAYAAAArOQwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmMzkzOTEwOC0xYjc4LTA0NDgtYjA4ZC03ZThiYmFjNGRiZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDFFQUJEOEFBQ0RDMTFFOEExM0RCQzI4QkI1Rjk4NDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDFFQUJEODlBQ0RDMTFFOEExM0RCQzI4QkI1Rjk4NDAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmYzOTM5MTA4LTFiNzgtMDQ0OC1iMDhkLTdlOGJiYWM0ZGJmOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpmMzkzOTEwOC0xYjc4LTA0NDgtYjA4ZC03ZThiYmFjNGRiZjgiLz4gPC9y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');
  background-size: 43px 25px;
  width: 21px;
  height: 25px;
}
.social-media-con a{
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  text-align: center;
  background: #0094ea;
  cursor: pointer;
  overflow: hidden;
}
.social-media-con a span{
  visibility: hidden;
  display: block;
}
.social-media-con a:hover{
  width: 62px;
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
}
.social-media-con a:hover .fa{
  color:#2ac9a1;
}
.social-media-con a:hover .fa-method{
  background-position-x: -22px;
}
.social-media-con .fa{
  line-height: 48px;
  font-size: 22px;
  font-weight: 500;
  color: white;
}
@keyframes displaySocialMediaConLeft{from{margin-left: -48px;}to{margin-left: 0px;}}
@-webkit-keyframes displaySocialMediaConLeft{from{margin-left: -48px;}to{margin-left: 0px;}}
@-moz-keyframes displaySocialMediaConLeft{from{margin-left: -48px;}to{margin-left: 0px;}}
@-o-keyframes displaySocialMediaConLeft{from{margin-left: -48px;}to{margin-left: 0px;}}
@-ms-keyframes displaySocialMediaConLeft{from{margin-left: -48px;}to{margin-left: 0px;}}

@keyframes displaySocialMediaConRight{from{margin-right: -48px;}to{margin-right: 0px;}}
@-webkit-keyframes displaySocialMediaConRight{from{margin-right: -48px;}to{margin-right: 0px;}}
@-moz-keyframes displaySocialMediaConRight{from{margin-right: -48px;}to{margin-right: 0px;}}
@-o-keyframes displaySocialMediaConRight{from{margin-right: -48px;}to{margin-right: 0px;}}
@-ms-keyframes displaySocialMediaConRight{from{margin-right: -48px;}to{margin-right: 0px;}}