.social-bar {
          position: fixed;
          top: 35%;
          z-index: 1;
          opacity: 0.5;
          -moz-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          -webkit-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
        }
        
        .social-bar:hover {
          opacity: 1;
        }
        
        .social-bar a {
          display: block;
          font-size: 14pt;
          width: 40px;
          height: 40px;
          text-align: center;
          line-height: 40px;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          color: #fff;
        }
        
        .social-bar a:hover {
          color: #fff;
          width: 50px;
			border-radius: 0 15% 15% 0;
			box-shadow: 0 0 5px #ffee10;
			text-shadow: 0 0 5px #ffee10;
			i {
				text-shadow: 0px 0px 40px #39FF14, 0px 0px 40px #39FF14, 0px 0px 40px #39FF14;
				-webkit-animation-name: blink;
				-webkit-animation-duration: 1s;
				-webkit-animation-iteration-count: infinite;

				-moz-animation-name: blink;
				-moz-animation-duration: 1s;
				-moz-animation-iteration-count: infinite;

				-ms-animation-name: blink;
				-ms-animation-duration: 1s;
				-ms-animation-iteration-count: infinite;

				-o-animation-name: blink;
				-o-animation-duration: 1s;
				-o-animation-iteration-count: infinite;

				 animation-name: blink;
				 animation-duration: 1s;
				 animation-iteration-count: infinite;			
			}			
		}
		@-webkit-keyframes blink {
			to {
				opacity: 0.1;
			}
		}

		@-moz-keyframes blink {
			to {
				opacity: 0.1;
			}
		}

		@-ms-keyframes blink {
			to {
				opacity: 0.1;
			}
		}

		@-o-keyframes blink {
			to {
				opacity: 0.1;
			}
		}
		@keyframes blink {
			to {
				opacity: 0.1;
			}
		}