@charset "utf-8";
/* CSS Document */

/* ---------- http://www.fontello.com/ ---------- */

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?96521314');
  src: url('../fonts/fontello.eot?96521314#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?96521314') format('woff'),
       url('../fonts/fontello.ttf?96521314') format('truetype'),
       url('../fonts/fontello.svg?96521314#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


a[class*="ico-"]:before,
span[class*="ico-"]:before {
	font-family: "fontello";
}
/* ---------- GENERAL ---------- */

.ico-share:before { content: '\e803'; } /* '' */
.ico-facebook:before { content: '\e802'; } /* '' */
.ico-twitter:before { content: '\e804'; } /* '' */
.ico-gplus:before { content: '\e801'; } /* '' */
.ico-mail:before { content: '\e800'; } /* '' */



.social-share ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ---------- SHARE-BUTTON ---------- */
.button {
	border-radius: 1px;
	color: #fff;
	display: block;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	-webkit-transition: -webkit-transform .2s;
	-moz-transition: -moz-transform .2s;
	-ms-transition: -ms-transform .2s;
	-o-transition: -o-transform .2s;
	transition: all .2s;
  -webkit-transform: translateZ(1);
	width: 30px;
}

.button:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	color:#fff;
}

.share {
	background: #444;
	width: 220px;
}

.twitter {
	background: #00acee;
}

.facebook {
	background: #3b5998;
}

.gplus {
	background: #d34836;
}
.mail {
	background: #a6a9ac;
}

.btn-share {
	display: inline-block;
	position: relative;
}

.btn-share li {
	float: left;
	margin: 0 5px;
}

.btn-share li:first-child {
	margin-left: 0;
	position: absolute;
}

.btn-share li:nth-child(2) {
	margin: 0 5px 0 42px;
}

.btn-share li:last-child {
	margin: 0 0 0 5px
}