@charset "UTF-8";
/*

    1. =>Global

    2. =>Base Style

    3. =>Base Icons Style

    4. =>Style Button

    5. =>Style Clean

    6. =>Style Box

    7. =>Style Modern

    todo add dark schema
*/


/**
 * 1. =>Global
 **/
.bsc-clearfix:before,
.bsc-clearfix:after{
    content: "";
    display: table;
}
.bsc-clearfix:after{
    clear: both;
}
.bsc-clearfix{
    zoom: 1;
}


/**
 * 2. =>Base Style
 **/
.better-social-counter .social-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.better-social-counter a:hover{
    text-decoration: none;
}
.better-social-counter .item-icon{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.better-social-counter .social-item{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
}
.better-social-counter .social-item a,
.better-social-counter .social-item a:hover,
.better-social-counter .social-item a:visited{
    text-decoration: none;
}


/**
 * 3. =>Base Icons Style
 **/
.better-social-counter [class^="bsfi-"]:before,
.better-social-counter [class*=" bsfi-"]:before{
    line-height: inherit;
}

.better-social-counter.style-box.colored .social-item.facebook span,
.better-social-counter.colored .social-item.facebook .item-icon{ background-color: #4a639f; }
.better-social-counter.style-box.colored .social-item.facebook .item-icon,
.better-social-counter.colored .social-item.facebook .item-icon:hover{ background-color: #5271b3; }
.better-social-counter.style-box.colored .social-item.twitter span,
.better-social-counter.colored .social-item.twitter .item-icon{ background-color: #59c8ff; }
.better-social-counter.style-box.colored .social-item.twitter .item-icon,
.better-social-counter.colored .social-item.twitter .item-icon:hover{ background-color: #58d1ff; }
.better-social-counter.style-box.colored .social-item.google span,
.better-social-counter.colored .social-item.google .item-icon{ background-color: #D73D32; }
.better-social-counter.style-box.colored .social-item.google .item-icon,
.better-social-counter.colored .social-item.google .item-icon:hover{ background-color: #e64035; }
.better-social-counter.style-box.colored .social-item.dribbble span,
.better-social-counter.colored .social-item.dribbble .item-icon{ background-color: #ea4c89; }
.better-social-counter.style-box.colored .social-item.dribbble .item-icon,
.better-social-counter.colored .social-item.dribbble .item-icon:hover{ background-color: #fd4f98; }
.better-social-counter.style-box.colored .social-item.delicious span,
.better-social-counter.colored .social-item.delicious .item-icon{ background-color: #4a79ff; }
.better-social-counter.style-box.colored .social-item.delicious .item-icon,
.better-social-counter.colored .social-item.delicious .item-icon:hover{ background-color: #5794ff; }
.better-social-counter.style-box.colored .social-item.soundcloud span,
.better-social-counter.colored .social-item.soundcloud .item-icon{ background-color: #F50; }
.better-social-counter.style-box.colored .social-item.soundcloud .item-icon,
.better-social-counter.colored .social-item.soundcloud .item-icon:hover{ background-color: #ff7e1c; }
.better-social-counter.style-box.colored .social-item.github span,
.better-social-counter.colored .social-item.github .item-icon{ background-color: #666666; }
.better-social-counter.style-box.colored .social-item.github .item-icon,
.better-social-counter.colored .social-item.github .item-icon:hover{ background-color: #808080; }
.better-social-counter.style-box.colored .social-item.behance span,
.better-social-counter.colored .social-item.behance .item-icon{ background-color: #3b63fc; }
.better-social-counter.style-box.colored .social-item.behance .item-icon,
.better-social-counter.colored .social-item.behance .item-icon:hover{ background-color: #3e7aff; }
.better-social-counter.style-box.colored .social-item.youtube span,
.better-social-counter.colored .social-item.youtube .item-icon{ background-color: #cc181e; }
.better-social-counter.style-box.colored .social-item.youtube .item-icon,
.better-social-counter.colored .social-item.youtube .item-icon:hover{ background-color: #eb1a21; }
.better-social-counter.style-box.colored .social-item.vimeo span,
.better-social-counter.colored .social-item.vimeo .item-icon{ background-color: #46a3e9; }
.better-social-counter.style-box.colored .social-item.vimeo .item-icon,
.better-social-counter.colored .social-item.vimeo .item-icon:hover{ background-color: #49aff8; }
.better-social-counter.style-box.colored .social-item.instagram span,
.better-social-counter.colored .social-item.instagram .item-icon{ background-color: #517FA4; }
.better-social-counter.style-box.colored .social-item.instagram .item-icon,
.better-social-counter.colored .social-item.instagram .item-icon:hover{ background-color: #5e93be; }
.better-social-counter.style-box.colored .social-item.linkedin span,
.better-social-counter.colored .social-item.linkedin .item-icon{ background-color: #0266a0; }
.better-social-counter.style-box.colored .social-item.linkedin .item-icon,
.better-social-counter.colored .social-item.linkedin .item-icon:hover{ background-color: #027ec1; }
.better-social-counter.style-box.colored .social-item.vk span,
.better-social-counter.colored .social-item.vk .item-icon{ background-color: #4E729A; }
.better-social-counter.style-box.colored .social-item.vk .item-icon,
.better-social-counter.colored .social-item.vk .item-icon:hover{ background-color: #5982af; }
.better-social-counter.style-box.colored .social-item.vine span,
.better-social-counter.colored .social-item.vine .item-icon{ background-color: #00bf8f; }
.better-social-counter.style-box.colored .social-item.vine .item-icon,
.better-social-counter.colored .social-item.vine .item-icon:hover{ background-color: #00ce9a; }
.better-social-counter.style-box.colored .social-item.pinterest span,
.better-social-counter.colored .social-item.pinterest .item-icon{ background-color: #cb2027; }
.better-social-counter.style-box.colored .social-item.pinterest .item-icon,
.better-social-counter.colored .social-item.pinterest .item-icon:hover{ background-color: #e32229; }
.better-social-counter.style-box.colored .social-item.flickr span,
.better-social-counter.colored .social-item.flickr .item-icon{ background-color: #2f44db; }
.better-social-counter.style-box.colored .social-item.flickr .item-icon,
.better-social-counter.colored .social-item.flickr .item-icon:hover{ background-color: #334af3; }
.better-social-counter.style-box.colored .social-item.steam span,
.better-social-counter.colored .social-item.steam .item-icon{ background-color: #666666; }
.better-social-counter.style-box.colored .social-item.steam .item-icon,
.better-social-counter.colored .social-item.steam .item-icon:hover{ background-color: #808080; }
.better-social-counter.style-box.colored .social-item.rss span,
.better-social-counter.colored .social-item.rss .item-icon{ background-color: #f97410; }
.better-social-counter.style-box.colored .social-item.rss .item-icon,
.better-social-counter.colored .social-item.rss .item-icon:hover{ background-color: #fe8913; }


/**
 * 4. =>Style Button
 **/
.better-social-counter.style-button .item-count,
.better-social-counter.style-button .item-title{
    display: none;
}
.better-social-counter.style-button .social-item{
    float: left;
    margin: 0 4px 4px 0 ;
    padding: 0;
}
.better-social-counter.style-button .item-icon{
    width: 26px; height: 26px;
    line-height: 26px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 15px;
    background-color: #a3a3a3;
    display: inline-block;
}
.better-social-counter.style-button .item-icon:hover{
    background-color: #8f8f8f;
}


/**
 * 5. =>Style Clean
 **/
.better-social-counter.style-clean .item-icon{
    width: 38px; height: 38px;
    display: inline-block;
    line-height: 38px;
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
    float: left;
    background-color: #a3a3a3;
    color: #fff;
    font-size: 18px;
}
.better-social-counter.style-clean .item-count{
    display: block;
    color: #6B6B6B;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}
.better-social-counter.style-clean .item-title{
    display: block;
    color: #9d9d9d;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}
.better-social-counter.style-clean.in-3-col .social-item.youtube .item-title,
.better-social-counter.style-clean.in-3-col .social-item.vimeo .item-title{
    font-size: 11px;
}
.better-social-counter.style-clean .social-item{
    margin-bottom: 12px;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #f3f3f3;
}
.better-social-counter.style-clean.in-1-col .social-item{ width: 100%; }
.better-social-counter.style-clean.in-2-col .social-item{ width: 50%; float: left; }
.better-social-counter.style-clean.in-3-col .social-item{ width: 33.3333%; float: left; }
.better-social-counter.style-clean.in-3-col[max-width~="358px"] .social-item{ width: 50%; }
.better-social-counter.style-clean.in-2-col[max-width~="199px"] .social-item,
.better-social-counter.style-clean.in-3-col[max-width~="199px"] .social-item{ width: 100%; }
.better-social-counter.style-clean.in-10-col[max-width~="358px"] .social-item,
.better-social-counter.style-clean.in-9-col[max-width~="358px"] .social-item,
.better-social-counter.style-clean.in-8-col[max-width~="358px"] .social-item,
.better-social-counter.style-clean.in-7-col[max-width~="358px"] .social-item,
.better-social-counter.style-clean.in-6-col[max-width~="358px"] .social-item,
.better-social-counter.style-clean.in-5-col[max-width~="358px"] .social-item{ width: 50%; }

.better-social-counter.style-clean.in-4-col .social-item{
    width: 25%;
    float: left;
}
.better-social-counter.style-clean.in-5-col .social-item{ width: 20%; float: left; }
.better-social-counter.style-clean.in-6-col .social-item{ width: 16.666666%; float: left; }
.better-social-counter.style-clean.in-7-col .social-item{ width: 14.2857%; float: left; }
.better-social-counter.style-clean.in-8-col .social-item{ width: 12.5%; float: left; }
.better-social-counter.style-clean.in-9-col .social-item{ width: 11.11111%; float: left; }
.better-social-counter.style-clean.in-10-col .social-item{ width: 10%; float: left; }


/**
 * 6. =>Style Box
 **/
.better-social-counter.style-box{
    margin: 0 -5px;
}
.better-social-counter.style-box .social-item{
    width: 25%;
    float: left;
    height: 112px;
    margin: 0 0 10px 0;
    padding: 5px;
    text-align: center;
}
.better-social-counter.style-box .social-item a:hover,
.better-social-counter.style-box .social-item a{
    color: #fff;
    text-decoration: none;
}
.better-social-counter.style-box .item-icon{
    display: block;
    width: 100%;
    height: 58px;
    font-size: 18px;
    line-height: 58px;
    background-color: #a3a3a3;
}
.better-social-counter.style-box .item-count{
    font-weight: bold;
    font-size: 14px;
    display: block;
    line-height: 32px;
    background-color: #939393;
}
.better-social-counter.style-box .item-title{
    font-size: 12px;
    display: block;
    line-height: 17px;
    padding-bottom: 5px;
    background-color: #939393;
}
.better-social-counter.style-box.in-1-col .social-item{ width: 100%; }
.better-social-counter.style-box.in-2-col .social-item{ width: 50%; }
.better-social-counter.style-box.in-3-col .social-item{ width: 33.33333%; }
.better-social-counter.style-box.in-4-col .social-item{ width: 25%; }
.better-social-counter.style-box.in-5-col .social-item{ width: 20%; float: left; }
.better-social-counter.style-box.in-6-col .social-item{ width: 16.666666%; float: left; }
.better-social-counter.style-box.in-7-col .social-item{ width: 14.2857%; float: left; }
.better-social-counter.style-box.in-8-col .social-item{ width: 12.5%; float: left; }
.better-social-counter.style-box.in-9-col .social-item{ width: 11.111111%; float: left; }
.better-social-counter.style-box.in-10-col .social-item{ width: 10%; float: left; }
.better-social-counter.style-box.in-4-col[max-width~="230px"] .social-item{ width: 33.33%; }


/**
 * 7. =>Style Modern
 **/
.better-social-counter.style-modern .social-item{
    text-align: center;
    margin-bottom: 5px;
    padding: 10px 0 12px 0;
    border-bottom: 1px solid #eee;
    display: block;
}
.better-social-counter.style-modern .item-icon{
    width: 38px; height: 38px;
    display: inline-block;
    line-height: 38px;
    text-align: center;
    vertical-align: middle;
    background-color: #a3a3a3;
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px ;
}
.better-social-counter.style-modern .item-count{
    display: block;
    color: #5f5f5f;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}
.better-social-counter.style-modern .item-title{
    display: block;
    color: #9d9d9d;
    font-size: 12px;
    line-height: 18px;
}
.better-social-counter.style-modern.in-1-col .social-item{ width: 100%; }
.better-social-counter.style-modern.in-2-col .social-item{ width: 50%; float: left; }
.better-social-counter.style-modern.in-3-col .social-item{ width: 33.3333%; float: left; }
.better-social-counter.style-modern.in-3-col[max-width~="199px"] .social-item{ width: 50%; float: left }
.better-social-counter.style-modern.in-4-col[max-width~="199px"] .social-item{ width: 50%; float: left }
.better-social-counter.style-modern.in-10-col[max-width~="358px"] .social-item,
.better-social-counter.style-modern.in-9-col[max-width~="358px"] .social-item,
.better-social-counter.style-modern.in-8-col[max-width~="358px"] .social-item,
.better-social-counter.style-modern.in-7-col[max-width~="358px"] .social-item,
.better-social-counter.style-modern.in-6-col[max-width~="358px"] .social-item,
.better-social-counter.style-modern.in-5-col[max-width~="358px"] .social-item{ width: 50%; }
.better-social-counter.style-modern .social-item{
    width: 25%;
    float: left;
}
.better-social-counter.style-modern.in-5-col .social-item{ width: 20%; float: left; }
.better-social-counter.style-modern.in-6-col .social-item{ width: 16.666666%; float: left; }
.better-social-counter.style-modern.in-7-col .social-item{ width: 14.2857%; float: left; }
.better-social-counter.style-modern.in-8-col .social-item{ width: 12.5%; float: left; }
.better-social-counter.style-modern.in-9-col .social-item{ width: 11.11111%; float: left; }
.better-social-counter.style-modern.in-10-col .social-item{ width: 10%; float: left; }