/*********************************************************************
 * #### jQuery Awesome Sosmed Share Button / AyoShare.js v15 ####
 * Coded by Ican Bachors 2014.
 * http://ibacor.com/labs/jquery-awesome-sosmed-share-button/
 * Updates will be posted to this site.
 *********************************************************************/

.ayoshare {
	font-family: sans-serif;
	padding: 2px 2px;
    overflow: hidden;
}

.ayoshare .button {
    position: relative;
    display: block;
    float: left;
    height: 40px;
    margin: 4px;
    overflow: hidden;
    width: 98px
}

.ayoshare .icon {
    display: block;
    float: left;
    position: relative;
    z-index: 3;
    height: 100%;
    vertical-align: top;
    width: 38px;
    text-align: center;
}

.ayoshare .icon i {
    color: #fff;
    line-height: 42px;
}

.ayoshare .mobile {
    display: block;
    float: left;
    position: relative;
    z-index: 3;
    height: 100%;
    vertical-align: top;
    width: 100%;
    text-align: center;
}

.ayoshare .mobile i {
    color: #fff;
    line-height: 42px;
}

.ayoshare .counter {
    z-index: 2;
    display: block;
    margin: 0;
    height: 100%;
    left: 38px;
    position: absolute;
    width: 60px
}

.ayoshare .counter p {
    font-weight: 400;
    border-left: 1px solid rgba(255,255,255,0.35);
    color: #fff;
    font-size: 16px;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 100%;
}

.ayoshare a {
	color:#fff;
	text-decoration:none;
}

.ayoshare .facebook .icon,
.ayoshare .facebook .counter {
	background-color: #4769a5;
}

.ayoshare .google .icon,
.ayoshare .google .counter {
	background-color: #bf3727;
}

.ayoshare .linkedin .icon,
.ayoshare .linkedin .counter {
	background-color: #2ba3e1;
}

.ayoshare .stumbleupon .icon,
.ayoshare .stumbleupon .counter {
	background-color: #eb4723;
}

.ayoshare .bufferapp .icon,
.ayoshare .bufferapp .counter {
	background-color: #323232;
}

.ayoshare .reddit .icon,
.ayoshare .reddit .counter {
	background-color: #2970FF;
}

.ayoshare .pinterest .icon,
.ayoshare .pinterest .counter {
	background-color: #cc2209;
}

.ayoshare .vk .icon,
.ayoshare .vk .counter {
	background-color: #4c75a3;
}

.ayoshare .pocket .icon,
.ayoshare .pocket .counter {
	background-color: #e84352;
}

.ayoshare .twitter .mobile {
	background-color: #51a3bf;
}

.ayoshare .digg .mobile {
	background-color: #1b5891;
}

.ayoshare .email .mobile {
	background-color: #444;
}

.ayoshare .whatsapp .mobile {
	background-color: #4DC247;
}

.ayoshare .telegram .mobile {
	background-color: #34ADE1;
}

.ayoshare .viber .mobile {
	background-color: #7C529E;
}

.ayoshare .line .mobile {
    background-color: #00B900;
}

.ayoshare .bbm .mobile {
	background-color: #1E1E1E;
}

/* add hover and active effects */
.ayoshare .button:hover .icon,
.ayoshare .button:hover .counter,
.ayoshare .button:hover .mobile,
.ayoshare .button:active .icon,
.ayoshare .button:active .counter,
.ayoshare .button:active .mobile {
	background-color: rgba(0, 0, 0, 0.5);
}

/* font awesome doesn't provide official Line Messenger , Bufferapp & BBM icon */
.ayoshare .fa-line {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAARuSURBVHja7Jh9TFV1GMe/55z7yuu5lzcvRFlJTWZwaS6Vpi4HlIBhaUJrOKeA8z/IVv3Ry8o/mi6nNXTVHBuKIBWkEYzBALmw4FIXx4ILiEMXyPu9cMFd79u5T38ECNbqgMfl1n2289/zPL/Pnrc952GICI+ysHjExQfoA/QB+gD/74AyMUob2jbA6rFiW9B2JGmTMO4ex5RrCjH+Maw+MH5XABeQFKWKiuXlvI4Bw866ZydGXaP9Nret+bp9oLJz1mTXyrXQKSJhtBlRM10NjUyDni090gAuhpvhMOmahIfcXJYu86OEoIT3FIxCeb8eL+ef5eX8VgA5m/hNF+IC476pt9S/O+YcszEPI4IMGDAAbjuG8XrYa/r0iLQmFavixdrqA+Pz9IHxeXWT9a+229qqBBLmPUpUgy64MOIYhT4ofsde3Z5rYuHul5Sw5B+TQ1NyJxwTcJJTnBER/esX1xqHDNPuSI/X4yIJJK/78IvrDbGi3hYVQQ2nRcET+Sc5hpNL0ZnvrD16WifXSRfBTwY+3bY0Au/3F1Dx8DkiInIKTsrvPULGmZ8ppzubLK4pIiLK7ztCJlsHZf/2BoVeVdPGtlhyCI5FH8dvnEgV87YoQNOM6cOlgDGGdZTbnUNERFaXlSIawql8tJxwBZTZuYeIiKKboqnwViGFNoRQ4dAXZJhuWpZm81zvMclSHBsYu3ZZypVqBMgV813GQKv2A8t4sTEyFpXjFfi4/wM8r1mPILkfeJUSl8e/RdnIebi97kUfT/k9GSlZF085p+b+boAsLRO7145ghkftC3X4/NYJtMy0wJ/zAwsWKaGp2Bm+C3L2XglbXdN2yQBPmk//smwQQ4dTg2eQ3JmIqsnL4KGDS/Ci13YTO7TJOBv/FazTd+ERGFjsdlyz/QqTrQNuuhfBL/sKuyRrkuBSTbB5xmxeqJ9mayNl9+yjl0xbqH6qlgzTTTRov0FlY+fJS14iIro4WkwjjttUOHSKMrpeoVzzfnIKTiIimnHZbGGl4WGSNQkKgcyrWVkkkRR0vH0UZ0S+LUqpBMBZ4NxAUdGDwv00XF2DrwGUQLpBzXJqwB/IqT94sGiwuHi1A7rNYjSm16alQgGwMrWE+yARWKUa8GNxqObAgb0tWW/Nee64VgJXPVZbl/j95s0AwPqpAZEHA/ELq5fAKpRgNHJUdJWX8hdDAve3HzpcO1LXavfYvf9keqzns+PpFTtfhgxgA9SAV/w1gxFz+uDK5tNB8x/LwOt2AnNegAMgAxehiX7alNpeFaWOfGbBbs5zx5HemJFu6G1sgJYDK1P86WB+hApZdx/Syk8EVqYAwysBJaALeVzY+lji9Tlh1rygcmnoux/4kpAgw0BjAxuuBMspVhS5VW3Uf5mfghPPrUnAm+v2wUMCdKpIvcVpQVrz7u3GvlYDAhiwIQspXd2RSvZAexMrg4cEVN68gjH7ONawuuJLv5e3G/taDfBnwKpVq4raimvQ99vpA/QB+gB9gP+d/DEAL5Ee2yGyv1IAAAAASUVORK5CYII="); /* Line Logo */
    background-size: cover;
    width: 32px;
    height: 32px;
    margin: 3px 0 0 0;
    padding: unset;
}

.ayoshare .fa-bufferapp {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHiSURBVHja7NhPiE5RGMfx5yWzUTQbFhYkkw2pKSVKlNhgIxaS1GiKsGJjg4UUCwtTlI2sJH82U0KNshEJKYVJIgtqmjdiUkwfm6Nu1zXjfd/7vkbur07de89zzvl2zv0959xbQ0xlTYsprgqwAqwAK8B/CHBbRNyLiOGIOBoRs0vpFa2WnXjsV33GCcxppf9WwHbjpcn1DaexoBOANezHW83pHBa1C/AUxpWjB+j7k3EbMcmniBgtyVAjETHWLpPswLMmZu1rM6ZpxSRb0lJNplEcwaxOuXhJ7n4z7hSAvcchzMjELm0UtBGwPXiSBn+OXbn6dbiJRziQq1uOa6ntGM5iQ9mA5wtm6RX2TtBmLW4VtHs9Sbuml3gujuNLbsB3OIiuFLcRQwVgV7CqEyaZiWOo5wA+4k0B2GX0dsok2Ze+Kxnhw28cfAGLM/HT2wm4Jg1YxyBW5Or3YRgjOIOFmbrulAPr6WDRV5ANWga8XjBDg1hdsF//vJ6HkylJZzWOw+1Y4pUJKq8hrM/EzcdAQdwL9HfCJL24VADwELcLnj/F9k6fBwPLcHGCbe4+tv6tA2u29KRE/j2B3cWmMvqulfjzqCci+iOiOyKuRsSNMjotE7D67KwAK8AKsAL8HwF/DAC3lzjL9tbjTwAAAABJRU5ErkJggg=="); /* Bufferapp Logo */
    background-size: cover;
    width: 32px;
    height: 32px;
    margin: 3px 0 0 0;
    padding: unset;
}

.ayoshare .fa-bbm {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAKQSURBVHja7Jg/SFtRFMZ/9z0J5A9EE8SA3QvRqQhCtszOzRboZhbFQTJ26FYXR4fWjh2cLA4BIQ52UMjq5BJKNkvT5KVNad6993R5KTbU9iU+xOEduPA4PM733e+ew/24SkR4zOHwyCMmGBOMCcYEY4KPPObC/qiUmgPqwFPg24x4KeAz8Br4EuqaFZFQC3gPSETrEngeCncKgt4kUDKZ1IVCYZRKpfQ4l06ndaFQGCWTSf0fkm+iJjicALBnZ2cjEdEiosvlsgZsq9Ua5/xSqfQvku/C4E4zJH80TLFY1OVyWQEuoDzPU/l83qytrf3O+b4PYDc3N/1KpaIzmYy9q14UPfj9tgKJRMIopfzgmHWQs4CfTqf14uKiAczx8bEvQezt7fm3ahyGwZ2bZRTn5+dtvV4X13Wd09NTms2ms7S0ZHd3d63W2mk0GpyfnzuZTMYsLy/L9fW1ZLNZe3FxoaYGm0XBra0tX0SsiMjNzY0P6J2dHT3OdTqdEaABUUqZ4NsA9kEUdBxHTk5OzHA4pNFoKMDpdrv24OBAcrmcOTo6cgGazaYplUpuq9UyGxsbDAaDh1FwcuXzebOwsKADpSwglUrFFxETtJ9eXV2dnOjDqKf4zj3u7+/bbrfriIja3t42AO12W9VqNVutVvX6+rpcXV25s1W/p4LZbNYfDoc/g/7TtVpNh7xNIu/Bu/rHXVlZwfM8Y4yh1+u596w3m1kAvgLJyWS/31f9fn/aYTNAL+ojfhGhWXgFPAmDq8K+LCilAHJAJ7BN4/gAvAR+/E3hiUgEduvTWJwoFQSo3lLhY+ANZx//iN2MCwyANvAsCrcc9RGXgCLwNio7HwZbxa9bMcGYYEwwJhgTvFf8GgBN/botqwpjmwAAAABJRU5ErkJggg=="); /* BBM Logo */
    background-size: cover;
    width: 32px;
    height: 32px;
    margin: 3px 0 0 0;
    padding: unset;
}