.icon-button {
	background-color: #303042;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	height: 3.1rem;
	line-height: 3.1rem;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 3.1rem;
	 
}
.icon-button span {
	border-radius: 5px;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
	   
}
.icon-button:hover span {
	width: 3.1rem;
	height: 3.1rem;
	border-radius: 5px;
	margin: -1.55rem;
	    box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.google span {
	background-color: #db5a3c;
}
.dribbble span {
	background-color: #f26798;
}
.skype span {
	background-color: #00aff0;
}
.instagram span {
    background-color: #cd225d;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(106, 20, 123)),color-stop(0.433, rgb(226, 0, 121)),color-stop(1, rgb(243, 105, 21)));
    background-image: -webkit-repeating-linear-gradient(top,rgb(106, 20, 123) 0%,rgb(226, 0, 121) 43.3%,rgb(243, 105, 21) 100%);
    background-image: repeating-linear-gradient(to bottom,rgb(106, 20, 123) 0%,rgb(226, 0, 121) 43.3%,rgb(243, 105, 21) 100%);
    background-image: -ms-repeating-linear-gradient(top,rgb(106, 20, 123) 0%,rgb(226, 0, 121) 43.3%,rgb(243, 105, 21) 100%);
}
.vk span {
	background-color: #2f76a9;
}
.odnoklassniki span {
	background-color: #f66500;
}
.linkedin span {
	background-color: #006599;
}
.pinterest span {
	background-color: #c51218;
	content: "\f231" !important;
}
.vimeo span {
	background-color: #4199c4;
}
.whatsapp span {
	background-color: #29a61a;
}
.telegram span {
	background-color: #2c76b9;
}
.at span {
	background-color: #e05035;
}
.icon-button i {
	background: none;
	color: #ffffff;
	height: 3.1rem;
	left: 0;
	line-height: 3.1rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 3.1rem;
	z-index: 10;
	font-size: 16px;
	       text-shadow: 1px 2px 2px rgba(0,0,0,.2);
}
.icon-button .fa-twitter {
	color: #4099ff;
}
.icon-button .fa-facebook {
	color: #3B5998;
}
.icon-button .fa-google {
	color: #db5a3c;
}
.icon-button .fa-dribbble {
	color: #f26798;
}
.icon-button .fa-skype {
	 color: #00aff0;
}
.icon-button .fa-instagram {
	 color: #aa3495;
}
.icon-button .fa-vk {
	 color: #2f76a9;
}
.icon-button .fa-odnoklassniki {
	 color: #f66500;
}
.icon-button .fa-linkedin {
	 color: #006599;
}
.icon-button .fa-pinterest {
	 color: #c51218;
}
.icon-button .fa-vimeo {
	 color: #4199c4;
}
.icon-button .fa-whatsapp {
	 color: #29a61a;
}
.icon-button .fa-telegram {
	 color: #2c76b9;
}
.icon-button .fa-at {
	 color: #e05035;
}
.icon-button:hover .fa {
	color: #ffffff;
}