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

.coco-social{
	margin:10px 0;
	padding:0;
	display:inline-block;
	width:100%;
}

.coco-social ul.coco-social-buttons{
	margin:0;
	padding:0;
	overflow:hidden;
	background:none;
	list-style-type:none;
}

.coco-social ul.coco-social-buttons li{
	list-style-type:none;
	float:left;
	margin:2px 2px 0 0;
	padding:0;
	background:none;
	clear:none;
}

.coco-social ul.coco-social-buttons li:before{
	content:none;
}

/* Counter style */
.coco-social ul.coco-social-buttons .coco-count,
.coco-social-single .coco-count{
	margin-left:7px;
	vertical-align:bottom;
}

.coco-social ul.coco-social-buttons.full li{
	width:100%;
	margin:0;
}

.coco-social ul.coco-social-buttons.halfs li{
	width:49.75%;
}

.coco-social ul.coco-social-buttons.thirds li{
	width:33%;
}

.coco-social ul.coco-social-buttons.fourths li{
	width:24.625%;
}

.coco-social ul.coco-social-buttons.fifths li{
	width:19.6%;
}

.coco-social ul.coco-social-buttons.sixths li{
	width:16.25%;
}

.coco-social ul.coco-social-buttons.sevenths li{
	width:13.857%;
}

.coco-social ul.coco-social-buttons li:last-child{
	margin-right:0;
}

.coco-social ul.coco-social-buttons li a{
	width:auto;
	display: block;
	text-align: center;
	text-decoration:none !important;
	font-size:14px;
	color:#ffffff !important;
	padding:10px 0;
	background-color:#888888;
	-webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
         -ms-transition: background-color 0.2s ease;
          -o-transition: background-color 0.2s ease;
             transition: background-color 0.2s ease;
    word-break:normal;
}

.coco-social ul.coco-social-buttons li a:hover{
	text-decoration:none;
	background-color:#6f6f6f;
}

.coco-social ul.coco-social-buttons li a > span{
	word-break: normal;
	word-wrap: normal;

}

/* Buttons' icons */

[class^="cocosocial-icon-"], [class*=" cocosocial-icon-"] {
	font-family: 'coco-social';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	margin-right:10px;
	vertical-align:middle;
	width: 16px;
	display: inline-block;
}

[class^="cocosocial-icon-"]:before, [class*=" cocosocial-icon-"]:before{
	font-size:16px;
}

.cocosocial-icon-twitter:before {
	content: "\f099";
}
.cocosocial-icon-facebook:before {
	content: "\f09a";
}
.cocosocial-icon-googleplus:before {
	content: "\f0d5";
}
.cocosocial-icon-linkedin:before {
	content: "\f0e1";
}
.cocosocial-icon-viadeo:before {
	content: "\e60d";
}
.cocosocial-icon-pinterest:before {
	content: "\f0d2";
}
.cocosocial-icon-email:before {
	content: "\f003";
}

/* Icon text styles */

.coco-social ul.coco-social-buttons.icon_text.fifths li a > i,
.coco-social ul.coco-social-buttons.icon_text.sixths li a > i,
.coco-social ul.coco-social-buttons.icon_text.sevenths li a > i{
	display: block;
	margin: 0 0 5px;
}

.coco-social ul.coco-social-buttons.icon_text.fifths .coco-count,
.coco-social ul.coco-social-buttons.icon_text.sixths .coco-count,
.coco-social ul.coco-social-buttons.icon_text.sevenths .coco-count{
	display:block;
	margin-left:0;
}
.coco-social ul.coco-social-buttons.icon_text.counters-on.fifths li a,
.coco-social ul.coco-social-buttons.icon_text.counters-on.sixths li a,
.coco-social ul.coco-social-buttons.icon_text.counters-on.sevenths li a{
	min-height:77px;
}

.coco-social ul.coco-social-buttons.icon_text.counters-on.fifths li a.coco-email,
.coco-social ul.coco-social-buttons.icon_text.counters-on.sixths li a.coco-email,
.coco-social ul.coco-social-buttons.icon_text.counters-on.sevenths li a.coco-email{
	padding:18px 0;
}

/* Icon only styles*/

.coco-social ul.coco-social-buttons.icon_only li a > i{
	margin-right:0
}

.coco-social ul.coco-social-buttons.icon_only.counters-on li a > i{
	vertical-align: bottom;
}

.coco-social ul.coco-social-buttons.icon_only.counters-on li a.coco-email{
	padding: 11px 0 9px;
}

/* Text only styles */

.coco-social ul.coco-social-buttons.text_only li a{
	padding: 12px 0 10px;
	vertical-align:bottom;
}

.coco-social ul.coco-social-buttons.text_only.fifths li a,
.coco-social ul.coco-social-buttons.text_only.sixths li a,
.coco-social ul.coco-social-buttons.text_only.sevenths li a{
	font-size:small;
	padding: 14px 0 10px;
}

.coco-social ul.coco-social-buttons.text_only.fifths .coco-count,
.coco-social ul.coco-social-buttons.text_only.sixths .coco-count,
.coco-social ul.coco-social-buttons.text_only.sevenths .coco-count{
	display:block;
	margin-left:0;
}

.coco-social ul.coco-social-buttons.text_only.counters-on.fifths li a.coco-email,
.coco-social ul.coco-social-buttons.text_only.counters-on.sixths li a.coco-email,
.coco-social ul.coco-social-buttons.text_only.counters-on.sevenths li a.coco-email{
	min-height:56px;
	padding:20px 0;
}

/* Big first style */

.coco-social ul.coco-social-buttons.big_first li a{
	padding:10px 15px;
}

.coco-social ul.coco-social-buttons.big_first li:nth-of-type(n+2) span{
	display:none;
}

.coco-social ul.coco-social-buttons.big_first li:nth-of-type(n+2) a > i{
	margin-right:0
}


/* Auto width styles */

.coco-social ul.coco-social-buttons.auto_width li a{
	padding:10px;
}

.coco-social ul.coco-social-buttons.auto_width.icon_only li{
	width:50px;
}

.coco-social ul.coco-social-buttons.auto_width.icon_only li a{
	padding:9px 0px 10px;
}

.coco-social ul.coco-social-buttons.auto_width.text_only li a {
	padding: 12px 10px;
}

/* Single button styles */
.coco-social-single{
	margin: 10px 0;
	font-size:14px;
}

.coco-social-single a{
	padding:10px 15px 10px;
	display: inline-block;
	color:#ffffff !important;
	background-color:#888888;
	-webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
         -ms-transition: background-color 0.2s ease;
          -o-transition: background-color 0.2s ease;
             transition: background-color 0.2s ease;
    word-break:normal;
}

.coco-social-single a:hover{
	background-color:#6f6f6f;
}

.coco-social-single a:hover,
.coco-social-single a i,
.coco-social-single a span{
	color:#ffffff !important;
	text-decoration:none !important;
	
}
.coco-social-single.icon_only a{
	text-align:center;
}

.coco-social-single.icon_only a i{
	margin-right:0;
}

/* Buttons' colors */

.coco-social ul.coco-social-buttons li a.coco-facebook,
.coco-social-single a.coco-facebook{
	background-color:#3b5998;
}

.coco-social ul.coco-social-buttons li a.coco-facebook:hover,
.coco-social-single a.coco-facebook:hover{
	background-color:#22407f;
}

.coco-social ul.coco-social-buttons li a.coco-twitter,
.coco-social-single a.coco-twitter{
	background-color:#00aced;
}

.coco-social ul.coco-social-buttons li a.coco-twitter:hover,
.coco-social-single a.coco-twitter:hover{
	background-color:#0093d4;
}

.coco-social ul.coco-social-buttons li a.coco-googleplus,
.coco-social-single a.coco-googleplus{
	background-color:#dd4b39;
}

.coco-social ul.coco-social-buttons li a.coco-googleplus:hover,
.coco-social-single a.coco-googleplus:hover{
	background-color:#c43220;
}

.coco-social ul.coco-social-buttons li a.coco-linkedin,
.coco-social-single a.coco-linkedin{
	background-color:#007bb6;
}

.coco-social ul.coco-social-buttons li a.coco-linkedin:hover,
.coco-social-single a.coco-linkedin:hover{
	background-color:#00629d;
}

.coco-social ul.coco-social-buttons li a.coco-viadeo,
.coco-social-single a.coco-viadeo{
	background-color:#ee7600;
}

.coco-social ul.coco-social-buttons li a.coco-viadeo:hover,
.coco-social-single a.coco-viadeo:hover{
	background-color:#d55d00;
}

.coco-social ul.coco-social-buttons li a.coco-pinterest,
.coco-social-single a.coco-pinterest{
	background-color:#cb2027;
}

.coco-social ul.coco-social-buttons li a.coco-pinterest:hover,
.coco-social-single a.coco-pinterest:hover{
	background-color:#b2070e;
}

/* Responsive styles */

@media only screen and (max-width:640px) { 
	.coco-social ul.coco-social-buttons li a > span{
		font-size:small;
		word-break: normal;
	}
	
	/* Normal font size when 1 or 2 buttons */
	.coco-social ul.coco-social-buttons.halfs li a > span{
		font-size:inherit;
	}
	
	.coco-social ul.coco-social-buttons.text_only{
		font-size:small;
	}
	
}