/* basic common styles */
.jssocials-share-count-box,.jssocials-share-link {
    -webkit-transition: background .2s ease-in-out,border-color .2s ease-in-out
}

.jssocials-shares {
    margin: .2em 0
}

.jssocials-shares * {
    box-sizing: border-box
}

.jssocials-share {
    display: inline-block;
    vertical-align: top;
    margin: .3em .6em .3em 0
}

.jssocials-share:last-child {
    margin-right: 0
}

.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 1em;
}

img.jssocials-share-logo {
    width: auto;
    height: 1em
}

.jssocials-share-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1
}

.jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    display: block;
    font-size: .6em;
    margin: 0 -.5em -.8em
}

.jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    height: 1em
}

.jssocials-share-label {
    padding-left: .3em;
    vertical-align: middle
}

.jssocials-share-count-box {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    cursor: default
}

.jssocials-share-count-box.jssocials-share-no-count {
    display: none
}

.jssocials-share-count {
    line-height: 1.5em;
    vertical-align: middle
}

.jssocials-share-twitter .jssocials-share-link {
    background: #00aced
}

.jssocials-share-twitter .jssocials-share-link:hover {
    background: #0087ba
}

.jssocials-share-facebook .jssocials-share-link {
    background: #3b5998
}

.jssocials-share-facebook .jssocials-share-link:hover {
    background: #2d4373
}

.jssocials-share-email .jssocials-share-link {
    background: #3490f3
}

.jssocials-share-email .jssocials-share-link:hover {
    background: #0e76e6
}

.jssocials-share-whatsapp .jssocials-share-link {
    background: #29a628
}

.jssocials-share-whatsapp .jssocials-share-link:hover {
    background: #1f7d1e
}

.jssocials-share-viber .jssocials-share-link {
    background: #7b519d
}

.jssocials-share-viber .jssocials-share-link:hover {
    background: #61407b
}

.jssocials-share-messenger .jssocials-share-link {
    background: #0084ff
}

.jssocials-share-messenger .jssocials-share-link:hover {
    background: #006acc
}

.jssocials-share-link {
    padding: .5em .6em;
    color: #fff;
    transition: background .2s ease-in-out,border-color .2s ease-in-out
}

.jssocials-share-link:active,.jssocials-share-link:focus,.jssocials-share-link:hover {
    color: #fff
}

.jssocials-share-count-box,.jssocials-share-count-box:after {
    transition: background .2s ease-in-out,border-color .2s ease-in-out
}

.jssocials-share-count-box {
    padding: 0 .3em;
    margin-left: .3em;
    background: #f5f5f5;
    position: relative;
    height: 2.5em
}

.jssocials-share-count-box:hover {
    background: #dcdcdc
}

.jssocials-share-count-box:hover:after {
    border-color: transparent #dcdcdc transparent transparent
}

.jssocials-share-count-box:after {
    content: "";
    display: block;
    position: absolute;
    top: .85em;
    left: -.3em;
    width: 0;
    height: 0;
    border-width: .4em .4em .4em 0;
    border-style: solid;
    border-color: transparent #f5f5f5 transparent transparent;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: background .2s ease-in-out,border-color .2s ease-in-out
}

.jssocials-share-count-box .jssocials-share-count {
    line-height: 2.5em;
    color: #444
}

/* after-title share buttons */
.social_aftertitle {
    margin-bottom: 1em;
    font-size: 0.667em;
}

.social_aftertitle a,
.social_aftertitle a:link,
.social_aftertitle a:hover,
.social_aftertitle a:visited,
.social_aftertitle a span {
	border-radius: 0.25em;
	color: #fff;
}
.social_aftertitle .jssocials-share {
    vertical-align: middle
}

.social_aftertitle .jssocials-share-link,
.social_aftertitle .jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em;
    padding-bottom: .7em;
}
.social_aftertitle .jssocials-share-link .jssocials-share-count {
    display: inline;
    margin: inherit;
    font-size: inherit;
    padding-left: .3em;
    vertical-align: middle;
    line-height: 1;
}
.social_aftertitle .jssocials-share-link .jssocials-share-label,
.social_aftertitle .jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    display: none;
}

.social_aftertitle .jssocials-share-link.jssocials-share-no-count .jssocials-share-label {
    display: inline;
}

/*
.social_aftertitle .jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    padding-left: .3em;
    vertical-align: middle;
}*/

/* desktop sticky box */

.social_stickydesktop a,
.social_stickydesktop a:link,
.social_stickydesktop a:hover,
.social_stickydesktop a:visited,
.social_stickydesktop a span {
	border-radius: 0.25em;
	color: #fff;
}

.social_stickydesktop .jssocials-shares {
	text-align: center;
    font-size: 14px;
    padding: 10px 0;
}


.social_stickydesktop .jssocials-share-link {
	padding-left: .75em;
    padding-right: .75em;
    padding-top: .4em;
    padding-bottom: .6em;
}

.social_stickydesktop .jssocials-share-link.jssocials-share-no-count {
	padding-top: .7em;
}

.social_stickydesktop .jssocials-share {
	margin: 10px 0;
	display: block;
}

@media screen and (max-width: 1023px) {
	.social_stickydesktop {
		display: none;
	}
}

/* stiky (mobile) */
.social_stickymobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    z-index: 999999
}

.social_stickymobile .jssocials-shares {
    margin: 0 auto;
}

.social_stickymobile .jssocials-share {
    width: 16.66667%;
    margin: 0;
    vertical-align: bottom;
    display: table;
    float: left;
    height: 3.25em
}

.social_stickymobile .jssocials-share-link {
    width: 100%;
    font-size: 1.2em;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0!important
}

.social_stickymobile .jssocials-share-count {
    margin: 0!important;
    line-height: 1
}

.social_stickymobile .jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    height: auto
}