@font-face {
	font-family: 'iconsv3';
	src:url('fonts/iconsv3.eot?1ipdef');
	src:url('fonts/iconsv3.eot?#iefix1ipdef') format('embedded-opentype'),
		url('fonts/iconsv3.woff?1ipdef') format('woff'),
		url('fonts/iconsv3.ttf?1ipdef') format('truetype'),
		url('fonts/iconsv3.svg?1ipdef#iconsv2') format('svg');
}
.icon-bubble, .icon-heart, .icon-facebook, .icon-twitter, .icon-linkedin, .icon-google-plus, .icon-email-fon, .icon-reddit {
	font-family: 'iconsv3';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 24px;
	opacity: 1;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        color: #666767;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        float: left;
        padding-right: 5px;
}

.icon.smaller{
    font-size: 17px;
}

.icon.icon-email.smaller{
    width: 18px;
    height: 14px;
    background: url('../images/icon-email-sm.png') no-repeat;
    background-size: 18px 14px;
    text-indent: -9999px;
}

/* For 'fixed floating' of the social sharing panel */
#shareIconsLeftWrapper { 
        position: absolute;
        width: 200px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#shareIconsLeft {
        top: 0;
        margin-top: 65px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        display: block;
}

#shareIconsLeft.fixed {
        position: fixed;
        top: 0;
}

#shareIconsLeft.unfixed {
        position: relative;
}

#shareIconsLeft .count, .lower-share .count{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        top: -8px;
        float: left;
        padding-right: 10px;
        color: #333333;
}
#shareIconsLeft .shareIcon, #shareIconsLeft .shareIconFB{
        clear: both;
        padding-top: 10px;
        height: 40px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.lower-share .shareIcon, .lower-share .shareIconFB{
    float: left;
    height: 33px;
    margin-right: 25px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (max-device-width: 480px) {
    .lower-share .shareIcon{
        margin-right: 10px;
    }
}

.icon-bubble:before {
	content: "\e601";
}
.icon-bubble:hover {
	cursor: pointer;
	opacity: 1;
}
.icon-heart:before {
	content: "\e602";
}
.icon-heart:hover {
	cursor: pointer;
	opacity: 1;
}
.icon-facebook:before {
	content: "\e604";
}
.icon-facebook:hover {
	cursor: pointer;
	opacity: 1;
}
.icon-twitter:before {
	content: "\e605";
}
.icon-twitter:hover {
	cursor: pointer;
	opacity: 1;
}
.icon-linkedin:before {
	content: "\e606";
}
.icon-linkedin:hover {
	cursor: pointer;
	opacity: 1;
}
.icon-google-plus:before {
	content: "\e603";
}
.icon-google-plus:hover {
	cursor: pointer;
	opacity: 1;
}
.icon-email-fon:before {
	content: "\e600";
}
.icon-email-fon:hover {
	cursor: pointer;
	opacity: 1;
}
.icon-reddit:before{
        content: "\e607";
        font-size: 26px;
}
.icon-reddit:hover {
	cursor: pointer;
	opacity: 1;
}
.socialMediaButton{
    float: left;
    display: none;
}
.socialMediaButtonFacebook{
    float: left;
    visibility: hidden;
    width: 1px;
}
.icon-email{
    width: 26px;
    height: 18px;
}
.icon-email:hover {
	cursor: pointer;
	opacity: .8;
}
.shareIconComments .socialMediaButton{
    font-size: 12px;
}
.shareIconEmail .socialMediaButton{
    padding-left: 10px;
    font-size: 12px;
}
div.content .socialMediaButton a, .socialMediaButton a{
    color: #333;
    text-decoration: none;
    border-bottom: none;
}

.shareIconEmail .icon-email{
    float: left;
}
div.content a.disqusCount, a.disqusCount{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333;
}
#shareIconsLeft .shareIcon.shareIconReddit{
    padding-top: 5px;
}
