|
Server : LiteSpeed System : Linux server51.dnsbootclub.com 4.18.0-553.62.1.lve.el8.x86_64 #1 SMP Mon Jul 21 17:50:35 UTC 2025 x86_64 User : nandedex ( 1060) PHP Version : 8.1.33 Disable Function : NONE Directory : /home/nandedex/www/wp-content/plugins/better-social-counter/css/ |
@charset "UTF-8";
/*
1. =>Global
2. =>Base Style
3. =>Base Icons Style
4. =>Style Button
5. =>Style Clean
. =>Style 6
6. =>Style Box
7. =>Style Modern
8. =>Style Name
10. =>Social Banner
10.1. =>Facebook
10.2. =>Twitter
10.3. =>Google
10.4. =>Youtube
10.5. =>Dribbble
10.6. =>Vimeo
10.7. =>Delicious
10.8. =>Soundcloud
10.9. =>Github
10.10. =>Behance
10.11. =>VK
10.12. =>Vine
10.13. =>Pinterest
10.14. =>Flickr
10.15. =>Steam
10.16. =>Instagram
10.17. =>Forrst
10.18. =>Mailchimp
10.19. =>Envato
10.20. =>RSS
10.21. =>Line
10.22. =>Telegram
10.23. =>Viber
10.24. =>BBM
*/
/**
* 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,
.better-social-counter a:hover{
text-decoration: none;
}
.better-social-counter .item-name,
.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.aparat span,
.better-social-counter.colored .social-item.aparat .item-icon{ background-color: #df0f50; }
.better-social-counter.style-box.colored .social-item.aparat .item-icon,
.better-social-counter.colored .social-item.aparat .item-icon:hover{ background-color: #df0f50c7; }
.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; }
.better-social-counter.style-box.colored .social-item.forrst span,
.better-social-counter.colored .social-item.forrst .item-icon{ background-color: #3b7140; }
.better-social-counter.style-box.colored .social-item.forrst .item-icon,
.better-social-counter.colored .social-item.forrst .item-icon:hover{ background-color: #47884d; }
.better-social-counter.style-box.colored .social-item.mailchimp span,
.better-social-counter.colored .social-item.mailchimp .item-icon{ background-color: #2c9ab7; }
.better-social-counter.style-box.colored .social-item.mailchimp .item-icon,
.better-social-counter.colored .social-item.mailchimp .item-icon:hover{ background-color: #2da7c5; }
.better-social-counter.style-box.colored .social-item.envato span,
.better-social-counter.colored .social-item.envato .item-icon{ background-color: #82B440; }
.better-social-counter.style-box.colored .social-item.envato .item-icon,
.better-social-counter.colored .social-item.envato .item-icon:hover{ background-color: #88bb41; }
.better-social-counter.style-box.colored .social-item.posts span,
.better-social-counter.colored .social-item.posts .item-icon{ background-color: #4397CB; }
.better-social-counter.style-box.colored .social-item.posts .item-icon,
.better-social-counter.colored .social-item.posts .item-icon:hover{ background-color: #6DB1DB; }
.better-social-counter.style-box.colored .social-item.comments span,
.better-social-counter.colored .social-item.comments .item-icon{ background-color: #36B672; }
.better-social-counter.style-box.colored .social-item.comments .item-icon,
.better-social-counter.colored .social-item.comments .item-icon:hover{ background-color: #48CA85; }
.better-social-counter.style-box.colored .social-item.members span,
.better-social-counter.colored .social-item.members .item-icon{ background-color: #CA7641; }
.better-social-counter.style-box.colored .social-item.members .item-icon,
.better-social-counter.colored .social-item.members .item-icon:hover{ background-color: #DF864F; }
.better-social-counter.style-box.colored .social-item.telegram span,
.better-social-counter.colored .social-item.telegram .item-icon{ background-color: #179cde; }
.better-social-counter.style-box.colored .social-item.telegram .item-icon,
.better-social-counter.colored .social-item.telegram .item-icon:hover{ background-color: #168cc9; }
.better-social-counter.style-box.colored .social-item.line span,
.better-social-counter.colored .social-item.line .item-icon{ background-color: #00c400; }
.better-social-counter.style-box.colored .social-item.line .item-icon,
.better-social-counter.colored .social-item.line .item-icon:hover{ background-color: #00a400; }
.better-social-counter.style-box.colored .social-item.viber span,
.better-social-counter.colored .social-item.viber .item-icon{ background-color: #665cac; }
.better-social-counter.style-box.colored .social-item.viber .item-icon,
.better-social-counter.colored .social-item.viber .item-icon:hover{ background-color: #544c97; }
.better-social-counter.style-box.colored .social-item.bbm span,
.better-social-counter.colored .social-item.bbm .item-icon{ background-color: black; }
.better-social-counter.style-box.colored .social-item.bbm .item-icon,
.better-social-counter.colored .social-item.bbm .item-icon:hover{ background-color: #1a1a1a; }
.better-social-counter.style-box.colored .social-item.appstore span,
.better-social-counter.colored .social-item.appstore .item-icon{ background-color: #333; }
.better-social-counter.style-box.colored .social-item.appstore .item-icon,
.better-social-counter.colored .social-item.appstore .item-icon:hover{ background-color: #1a1a1a; }
.better-social-counter.style-box.colored .social-item.android span,
.better-social-counter.colored .social-item.android .item-icon{ background-color: #68b445; }
.better-social-counter.style-box.colored .social-item.android .item-icon,
.better-social-counter.colored .social-item.android .item-icon:hover{ background-color: #51923a; }
.better-social-counter.style-box.colored .social-item.ok_ru span,
.better-social-counter.colored .social-item.ok_ru .item-icon{ background-color: #e27e35; }
.better-social-counter.style-box.colored .social-item.ok_ru .item-icon,
.better-social-counter.colored .social-item.ok_ru .item-icon:hover{ background-color: #ec904e; }
.better-social-counter.style-box.colored .social-item.tumblr span,
.better-social-counter.colored .social-item.tumblr .item-icon{ background-color: #36465d; }
.better-social-counter.style-box.colored .social-item.tumblr .item-icon,
.better-social-counter.colored .social-item.tumblr .item-icon:hover{ background-color: #475972; }
.better-social-counter.style-box.colored .social-item.snapchat span,
.better-social-counter.colored .social-item.snapchat .item-icon{
background: #fffc00;
color: #000; }
.better-social-counter.style-box.colored .social-item.snapchat .item-icon,
.better-social-counter.colored .social-item.snapchat .item-icon:hover{ background-color: #e8e500; }
/**
* 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: 32px;
height: 32px;
line-height: 32px;
vertical-align: middle;
text-align: center;
color: #fff;
font-size: 15px;
background-color: #a3a3a3;
display: inline-block;
border-radius: 3px;
}
.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; }
/**
* =>Style 6
**/
.better-social-counter.style-style-6 .social-item{
text-align: center;
margin-bottom: 5px;
padding: 10px 0 12px 0;
border-bottom: 1px solid #eee;
display: block;
}
.better-social-counter.style-style-6 .item-icon{
width: 44px; height: 44px;
display: inline-block;
line-height: 44px;
text-align: center;
vertical-align: middle;
background-color: #a3a3a3;
color: #fff;
font-size: 18px;
margin: 0 0 10px ;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 50%;
}
.better-social-counter.style-style-6 .social-item:hover .item-icon{
font-size: 22px;
}
.better-social-counter.style-style-6 .item-count{
display: block;
color: #5f5f5f;
font-weight: bold;
font-size: 14px;
line-height: 20px;
}
.better-social-counter.style-style-6 .item-title{
display: block;
color: #9d9d9d;
font-size: 12px;
line-height: 18px;
}
.better-social-counter.style-style-6.in-1-col .social-item{ width: 100%; }
.better-social-counter.style-style-6.in-2-col .social-item{ width: 50%; float: left; }
.better-social-counter.style-style-6.in-3-col .social-item{ width: 33.3333%; float: left; }
.better-social-counter.style-style-6.in-3-col[max-width~="199px"] .social-item{ width: 50%; float: left }
.better-social-counter.style-style-6.in-4-col[max-width~="199px"] .social-item{ width: 50%; float: left }
.better-social-counter.style-style-6.in-10-col[max-width~="358px"] .social-item,
.better-social-counter.style-style-6.in-9-col[max-width~="358px"] .social-item,
.better-social-counter.style-style-6.in-8-col[max-width~="358px"] .social-item,
.better-social-counter.style-style-6.in-7-col[max-width~="358px"] .social-item,
.better-social-counter.style-style-6.in-6-col[max-width~="358px"] .social-item,
.better-social-counter.style-style-6.in-5-col[max-width~="358px"] .social-item{ width: 50%; }
.better-social-counter.style-style-6 .social-item{
width: 25%;
float: left;
}
.better-social-counter.style-style-6.in-5-col .social-item{ width: 20%; float: left; }
.better-social-counter.style-style-6.in-6-col .social-item{ width: 16.666666%; float: left; }
.better-social-counter.style-style-6.in-7-col .social-item{ width: 14.2857%; float: left; }
.better-social-counter.style-style-6.in-8-col .social-item{ width: 12.5%; float: left; }
.better-social-counter.style-style-6.in-9-col .social-item{ width: 11.11111%; float: left; }
.better-social-counter.style-style-6.in-10-col .social-item{ width: 10%; float: left; }
/**
* =>Style 7 & 8
**/
.better-social-counter.style-style-7 .social-item{
text-align: left;
margin-bottom: 10px;
padding: 0 0 10px 0;
border-bottom: 1px solid #eee;
display: block;
}
.better-social-counter.style-style-8 .social-item{
text-align: left;
margin-bottom: 6px;
padding: 5px 10px 5px 5px;
border: 1px solid #dedede;
display: block;
}
.better-social-counter.style-style-7 .social-item:last-child{
border-bottom: none;
margin-bottom: 0;
}
.better-social-counter.style-style-8 .item-icon,
.better-social-counter.style-style-7 .item-icon{
width: 24px;
height: 24px;
display: inline-block;
line-height: 24px;
text-align: center;
vertical-align: top;
background-color: #a3a3a3;
color: #fff;
font-size: 12px;
margin: 0;
}
.better-social-counter.style-style-8 .item-count,
.better-social-counter.style-style-7 .item-count{
display: inline-block;
color: #3c3c3c;
font-weight: bolder;
font-size: 14px;
line-height: 24px;
margin-left: 10px;
vertical-align: top;
}
.better-social-counter.style-style-8 .item-join:before,
.better-social-counter.style-style-8 .item-count:before {
content: '';
display: inline-block;
width: 1px;
height: 16px;
background: #d6d6d6;
position: relative;
top: 3px;
margin-right: 10px;
}
.better-social-counter.style-style-8 .item-join:before{
background: #e8e8e8;
}
.better-social-counter.style-style-8 .item-title,
.better-social-counter.style-style-7 .item-title{
display: inline-block;
color: #3c3c3c;
font-size: 12px;
line-height: 24px;
vertical-align: middle;
margin-left: 6px;
font-weight: bolder;
}
.better-social-counter.style-style-8 .item-join,
.better-social-counter.style-style-7 .item-join{
color: #3c3c3c;
font-size: 12px;
float: right;
display: inline-block;
line-height: 24px;
vertical-align: top;
font-weight: bolder;
}
/**
* =>Style 9 & 10
**/
.better-social-counter.style-style-9 .social-item{
text-align: left;
margin-bottom: 6px;
padding: 0 0 6px 0;
border-bottom: 1px solid #eee;
display: block;
}
.better-social-counter.style-style-10 .social-item{
text-align: left;
margin-bottom: 6px;
padding: 4px 10px 4px 10px;
border: 1px solid #dedede;
display: block;
}
.better-social-counter.style-style-9 .social-item:last-child{
border-bottom: none;
margin-bottom: 0;
}
.better-social-counter.style-style-10 .item-icon,
.better-social-counter.style-style-9 .item-icon{
width: 16px;
height: 24px;
display: inline-block;
line-height: 24px;
text-align: left;
vertical-align: middle;
background-color: transparent !important;
color: #2b2b2b;
font-size: 12px;
margin: 0;
}
.better-social-counter.style-style-10 .item-count,
.better-social-counter.style-style-9 .item-count{
display: inline-block;
color: #3c3c3c;
font-weight: bolder;
font-size: 14px;
line-height: 24px;
margin-left: 5px;
vertical-align: top;
}
.better-social-counter.style-style-9 .item-join:before,
.better-social-counter.style-style-10 .item-join:before,
.better-social-counter.style-style-9 .item-count:before,
.better-social-counter.style-style-10 .item-count:before {
content: '';
display: inline-block;
width: 1px;
height: 16px;
background: #d6d6d6;
position: relative;
top: 3px;
margin-right: 10px;
}
.better-social-counter.style-style-10 .item-join:before{
background: #e8e8e8;
}
.better-social-counter.style-style-10 .item-title,
.better-social-counter.style-style-9 .item-title{
display: inline-block;
color: #3c3c3c;
font-size: 12px;
line-height: 24px;
vertical-align: top;
margin-left: 6px;
font-weight: bolder;
}
.better-social-counter.style-style-10 .item-join,
.better-social-counter.style-style-9 .item-join{
color: #3c3c3c;
font-size: 12px;
float: right;
display: inline-block;
line-height: 24px;
vertical-align: top;
font-weight: bolder;
}
.better-social-counter.style-style-10.colored .social-item.facebook .item-icon,
.better-social-counter.style-style-9.colored .social-item.facebook .item-icon{ color: #4a639f; }
.better-social-counter.style-style-10.colored .social-item.twitter .item-icon,
.better-social-counter.style-style-9.colored .social-item.twitter .item-icon{ color: #59c8ff; }
.better-social-counter.style-style-10.colored .social-item.google .item-icon,
.better-social-counter.style-style-9.colored .social-item.google .item-icon{ color: #D73D32; }
.better-social-counter.style-style-10.colored .social-item.dribbble .item-icon,
.better-social-counter.style-style-9.colored .social-item.dribbble .item-icon{ color: #ea4c89; }
.better-social-counter.style-style-10.colored .social-item.delicious .item-icon,
.better-social-counter.style-style-9.colored .social-item.delicious .item-icon{ color: #4a79ff; }
.better-social-counter.style-style-10.colored .social-item.soundcloud .item-icon,
.better-social-counter.style-style-9.colored .social-item.soundcloud .item-icon{ color: #F50; }
.better-social-counter.style-style-10.colored .social-item.github .item-icon,
.better-social-counter.style-style-9.colored .social-item.github .item-icon{ color: #666666; }
.better-social-counter.style-style-10.colored .social-item.behance .item-icon,
.better-social-counter.style-style-9.colored .social-item.behance .item-icon{ color: #3b63fc; }
.better-social-counter.style-style-10.colored .social-item.youtube .item-icon,
.better-social-counter.style-style-9.colored .social-item.youtube .item-icon{ color: #cc181e; }
.better-social-counter.style-style-10.colored .social-item.vimeo .item-icon,
.better-social-counter.style-style-9.colored .social-item.vimeo .item-icon{ color: #46a3e9; }
.better-social-counter.style-style-10.colored .social-item.instagram .item-icon,
.better-social-counter.style-style-9.colored .social-item.instagram .item-icon{ color: #517FA4; }
.better-social-counter.style-style-10.colored .social-item.linkedin .item-icon,
.better-social-counter.style-style-9.colored .social-item.linkedin .item-icon{ color: #0266a0; }
.better-social-counter.style-style-10.colored .social-item.vk .item-icon,
.better-social-counter.style-style-9.colored .social-item.vk .item-icon{ color: #4E729A; }
.better-social-counter.style-style-10.colored .social-item.vine .item-icon,
.better-social-counter.style-style-9.colored .social-item.vine .item-icon{ color: #00bf8f; }
.better-social-counter.style-style-10.colored .social-item.pinterest .item-icon,
.better-social-counter.style-style-9.colored .social-item.pinterest .item-icon{ color: #cb2027; }
.better-social-counter.style-style-10.colored .social-item.flickr .item-icon,
.better-social-counter.style-style-9.colored .social-item.flickr .item-icon{ color: #2f44db; }
.better-social-counter.style-style-10.colored .social-item.steam .item-icon,
.better-social-counter.style-style-9.colored .social-item.steam .item-icon{ color: #666666; }
.better-social-counter.style-style-10.colored .social-item.rss .item-icon,
.better-social-counter.style-style-9.colored .social-item.rss .item-icon{ color: #f97410; }
.better-social-counter.style-style-10.colored .social-item.forrst .item-icon,
.better-social-counter.style-style-9.colored .social-item.forrst .item-icon{ color: #3b7140; }
.better-social-counter.style-style-10.colored .social-item.mailchimp .item-icon,
.better-social-counter.style-style-9.colored .social-item.mailchimp .item-icon{ color: #2c9ab7; }
.better-social-counter.style-style-10.colored .social-item.envato .item-icon,
.better-social-counter.style-style-9.colored .social-item.envato .item-icon{ color: #82B440; }
.better-social-counter.style-style-10.colored .social-item.posts .item-icon,
.better-social-counter.style-style-9.colored .social-item.posts .item-icon{ color: #4397CB; }
.better-social-counter.style-style-10.colored .social-item.comments .item-icon,
.better-social-counter.style-style-9.colored .social-item.comments .item-icon{ color: #36B672; }
.better-social-counter.style-style-10.colored .social-item.members .item-icon,
.better-social-counter.style-style-9.colored .social-item.members .item-icon{ color: #CA7641; }
.better-social-counter.style-style-10.colored .social-item.telegram .item-icon,
.better-social-counter.style-style-9.colored .social-item.telegram .item-icon{ color: #179cde; }
.better-social-counter.style-style-10.colored .social-item.line .item-icon,
.better-social-counter.style-style-9.colored .social-item.line .item-icon{ color: #00c400; }
.better-social-counter.style-style-10.colored .social-item.viber .item-icon,
.better-social-counter.style-style-9.colored .social-item.viber .item-icon{ color: #665cac; }
.better-social-counter.style-style-10.colored .social-item.bbm .item-icon,
.better-social-counter.style-style-9.colored .social-item.bbm .item-icon{ color: black; }
.better-social-counter.style-style-10.colored .social-item.appstore .item-icon,
.better-social-counter.style-style-9.colored .social-item.appstore .item-icon{ color: black; }
.better-social-counter.style-style-10.colored .social-item.android .item-icon,
.better-social-counter.style-style-9.colored .social-item.android .item-icon{ color: black; }
.better-social-counter.style-style-10.colored .social-item.ok_ru .item-icon,
.better-social-counter.style-style-9.colored .social-item.ok_ru .item-icon{ color: #e27e35; }
.better-social-counter.style-style-10.colored .social-item.tumblr .item-icon,
.better-social-counter.style-style-9.colored .social-item.tumblr .item-icon{ color: #36465d; }
/**
* =>Style 11
**/
.better-social-counter.style-style-11 .social-item .item-link{
display: block;
}
.better-social-counter.style-style-11 .social-item{
text-align: left;
margin-bottom: 6px;
padding: 0 12px;
display: block;
}
.better-social-counter.style-style-11 .item-icon{
width: 16px;
display: inline-block;
line-height: 38px;
text-align: left;
vertical-align: top;
background-color: transparent !important;
color: #ffffff;
font-size: 12px;
margin: 0;
}
.better-social-counter.style-style-11 .item-count{
display: inline-block;
color: #ffffff;
font-size: 14px;
line-height: 38px;
margin-left: 7px;
vertical-align: top;
}
.better-social-counter.style-style-11 .item-join:before,
.better-social-counter.style-style-11 .item-count:before {
content: '';
display: inline-block;
width: 1px;
height: 16px;
background: rgba(255, 255, 255, 0.5);
position: relative;
top: 3px;
margin-right: 12px;
}
.better-social-counter.style-style-11 .item-title{
display: inline-block;
color: #ffffff;
font-size: 12px;
line-height: 38px;
vertical-align: top;
margin-left: 6px;
}
.better-social-counter.style-style-11 .item-join{
color: #ffffff;
font-size: 12px;
float: right;
display: inline-block;
line-height: 38px;
vertical-align: top;
}
.better-social-counter.style-style-11.colored .social-item.facebook{ background-color: #4a639f; }
.better-social-counter.style-style-11.colored .social-item.twitter{ background-color: #59c8ff; }
.better-social-counter.style-style-11.colored .social-item.google{ background-color: #D73D32; }
.better-social-counter.style-style-11.colored .social-item.dribbble{ background-color: #ea4c89; }
.better-social-counter.style-style-11.colored .social-item.delicious{ background-color: #4a79ff; }
.better-social-counter.style-style-11.colored .social-item.soundcloud{ background-color: #F50; }
.better-social-counter.style-style-11.colored .social-item.github{ background-color: #666666; }
.better-social-counter.style-style-11.colored .social-item.behance{ background-color: #3b63fc; }
.better-social-counter.style-style-11.colored .social-item.youtube{ background-color: #cc181e; }
.better-social-counter.style-style-11.colored .social-item.vimeo{ background-color: #46a3e9; }
.better-social-counter.style-style-11.colored .social-item.instagram{ background-color: #517FA4; }
.better-social-counter.style-style-11.colored .social-item.linkedin{ background-color: #0266a0; }
.better-social-counter.style-style-11.colored .social-item.ok_ru{ background-color: #ee8208; }
.better-social-counter.style-style-11.colored .social-item.vk{ background-color: #4E729A; }
.better-social-counter.style-style-11.colored .social-item.vine{ background-color: #00bf8f; }
.better-social-counter.style-style-11.colored .social-item.pinterest{ background-color: #cb2027; }
.better-social-counter.style-style-11.colored .social-item.flickr{ background-color: #2f44db; }
.better-social-counter.style-style-11.colored .social-item.steam{ background-color: #666666; }
.better-social-counter.style-style-11.colored .social-item.rss{ background-color: #f97410; }
.better-social-counter.style-style-11.colored .social-item.forrst{ background-color: #3b7140; }
.better-social-counter.style-style-11.colored .social-item.mailchimp{ background-color: #2c9ab7; }
.better-social-counter.style-style-11.colored .social-item.envato{ background-color: #82B440; }
.better-social-counter.style-style-11.colored .social-item.posts{ background-color: #4397CB; }
.better-social-counter.style-style-11.colored .social-item.comments{ background-color: #36B672; }
.better-social-counter.style-style-11.colored .social-item.members{ background-color: #CA7641; }
.better-social-counter.style-style-11.colored .social-item.telegram{ background-color: #179cde; }
.better-social-counter.style-style-11.colored .social-item.line{ background-color: #00c400; }
.better-social-counter.style-style-11.colored .social-item.viber{ background-color: #665cac; }
.better-social-counter.style-style-11.colored .social-item.bbm{ background-color: black; }
.better-social-counter.style-style-11.colored .social-item.appstore{ background-color: black; }
.better-social-counter.style-style-11.colored .social-item.android{ background-color: #68b445; }
.better-social-counter.style-style-11.colored .social-item.tumblr{ background-color: #36465d; }
.better-social-counter.style-style-11.colored .social-item.snapchat{
background: #fffc00;
color: #000;
}
.better-social-counter.style-style-11 .social-item.snapchat .item-join,
.better-social-counter.style-style-11 .social-item.snapchat .item-title,
.better-social-counter.style-style-11 .social-item.snapchat .item-count{
color: #000;
}
/**
* 6. =>Style Box
**/
.better-social-counter.style-box .social-list{
margin-top: 0;
margin-left: -5px;
margin-right: -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,
.better-social-counter.style-box .social-item{
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;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.better-social-counter.style-modern .item-title{
display: block;
color: #9d9d9d;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.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; }
/**
* 8. =>Style Name
**/
.better-social-counter.style-name {
text-align: center;
}
.better-social-counter.style-name .social-item{
display: inline-block;
margin: 5px 12px;
font-size: 13px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.better-social-counter.style-name .social-item .item-icon{
margin-right: 7px;
vertical-align: middle;
}
/**
* 9. =>Style Big Button
**/
.better-social-counter.style-big-button .social-item{
height: 70px;
background: #717171;
padding: 10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 25%;
float: left;
margin: 0 0 10px;
}
.better-social-counter.style-big-button .social-item:last-child{
margin-bottom: 0;
}
.better-social-counter.style-big-button .item-icon{
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.05);
background: rgba(0, 0, 0, 0.14) !important;
-webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
-moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
color: #fff;
margin-right: 15px;
display: inline-block;
float: left;
font-size: 22px;
}
.better-social-counter.style-big-button .item-name{
display: block;
color: #fff;
margin-top: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.better-social-counter.style-big-button .item-title-join{
display: block;
color: #fff;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.better-social-counter.style-big-button.colored .social-item.facebook{ background-color: #4a639f; }
.better-social-counter.style-big-button.colored .social-item.facebook:hover{ background-color: #5271b3; }
.better-social-counter.style-big-button.colored .social-item.twitter{ background-color: #59c8ff; }
.better-social-counter.style-big-button.colored .social-item.twitter:hover{ background-color: #58d1ff; }
.better-social-counter.style-big-button.colored .social-item.google{ background-color: #D73D32; }
.better-social-counter.style-big-button.colored .social-item.google:hover{ background-color: #e64035; }
.better-social-counter.style-big-button.colored .social-item.dribbble{ background-color: #ea4c89; }
.better-social-counter.style-big-button.colored .social-item.dribbble:hover{ background-color: #fd4f98; }
.better-social-counter.style-big-button.colored .social-item.delicious{ background-color: #4a79ff; }
.better-social-counter.style-big-button.colored .social-item.delicious:hover{ background-color: #5794ff; }
.better-social-counter.style-big-button.colored .social-item.soundcloud{ background-color: #F50; }
.better-social-counter.style-big-button.colored .social-item.soundcloud:hover{ background-color: #ff7e1c; }
.better-social-counter.style-big-button.colored .social-item.github{ background-color: #666666; }
.better-social-counter.style-big-button.colored .social-item.github:hover{ background-color: #808080; }
.better-social-counter.style-big-button.colored .social-item.behance{ background-color: #3b63fc; }
.better-social-counter.style-big-button.colored .social-item.behance:hover{ background-color: #3e7aff; }
.better-social-counter.style-big-button.colored .social-item.youtube{ background-color: #cc181e; }
.better-social-counter.style-big-button.colored .social-item.youtube:hover{ background-color: #eb1a21; }
.better-social-counter.style-big-button.colored .social-item.aparat{ background-color: #df0f50; }
.better-social-counter.style-big-button.colored .social-item.aparat:hover{ background-color: #df0f50; }
.better-social-counter.style-big-button.colored .social-item.vimeo{ background-color: #46a3e9; }
.better-social-counter.style-big-button.colored .social-item.vimeo:hover{ background-color: #49aff8; }
.better-social-counter.style-big-button.colored .social-item.instagram{ background-color: #517FA4; }
.better-social-counter.style-big-button.colored .social-item.instagram:hover{ background-color: #5e93be; }
.better-social-counter.style-big-button.colored .social-item.linkedin{ background-color: #0266a0; }
.better-social-counter.style-big-button.colored .social-item.linkedin:hover{ background-color: #027ec1; }
.better-social-counter.style-big-button.colored .social-item.vk{ background-color: #4E729A; }
.better-social-counter.style-big-button.colored .social-item.vk:hover{ background-color: #5982af; }
.better-social-counter.style-big-button.colored .social-item.vine{ background-color: #00bf8f; }
.better-social-counter.style-big-button.colored .social-item.vine:hover{ background-color: #00ce9a; }
.better-social-counter.style-big-button.colored .social-item.pinterest{ background-color: #cb2027; }
.better-social-counter.style-big-button.colored .social-item.pinterest:hover{ background-color: #e32229; }
.better-social-counter.style-big-button.colored .social-item.flickr{ background-color: #2f44db; }
.better-social-counter.style-big-button.colored .social-item.flickr:hover{ background-color: #334af3; }
.better-social-counter.style-big-button.colored .social-item.steam{ background-color: #666666; }
.better-social-counter.style-big-button.colored .social-item.steam:hover{ background-color: #808080; }
.better-social-counter.style-big-button.colored .social-item.rss{ background-color: #f97410; }
.better-social-counter.style-big-button.colored .social-item.rss:hover{ background-color: #fe8913; }
.better-social-counter.style-big-button.colored .social-item.forrst{ background-color: #3b7140; }
.better-social-counter.style-big-button.colored .social-item.forrst:hover{ background-color: #47884d; }
.better-social-counter.style-big-button.colored .social-item.mailchimp{ background-color: #2c9ab7; }
.better-social-counter.style-big-button.colored .social-item.mailchimp:hover{ background-color: #2da7c5; }
.better-social-counter.style-big-button.colored .social-item.envato{ background-color: #82B440; }
.better-social-counter.style-big-button.colored .social-item.envato:hover{ background-color: #88bb41; }
.better-social-counter.style-big-button.colored .social-item.posts{ background-color: #4397CB; }
.better-social-counter.style-big-button.colored .social-item.posts:hover{ background-color: #6DB1DB; }
.better-social-counter.style-big-button.colored .social-item.comments{ background-color: #36B672; }
.better-social-counter.style-big-button.colored .social-item.comments:hover{ background-color: #48CA85; }
.better-social-counter.style-big-button.colored .social-item.members{ background-color: #CA7641; }
.better-social-counter.style-big-button.colored .social-item.members:hover{ background-color: #DF864F; }
.better-social-counter.style-big-button.colored .social-item.telegram{ background-color: #179cde; }
.better-social-counter.style-big-button.colored .social-item.telegram:hover{ background-color: #168cc9; }
.better-social-counter.style-big-button.colored .social-item.line{ background-color: #00c400; }
.better-social-counter.style-big-button.colored .social-item.line:hover{ background-color: #00a400; }
.better-social-counter.style-big-button.colored .social-item.viber{ background-color: #665cac; }
.better-social-counter.style-big-button.colored .social-item.viber:hover{ background-color: #544c97; }
.better-social-counter.style-big-button.colored .social-item.bbm{ background-color: black; }
.better-social-counter.style-big-button.colored .social-item.bbm:hover{ background-color: #101010; }
.better-social-counter.style-big-button.colored .social-item.appstore{ background-color: black; }
.better-social-counter.style-big-button.colored .social-item.appstore:hover{ background-color: #101010; }
.better-social-counter.style-big-button.colored .social-item.android{ background-color: #68b445; }
.better-social-counter.style-big-button.colored .social-item.android:hover{ background-color: #4e8e39; }
.better-social-counter.style-big-button.colored .social-item.tumblr{ background-color: #36465d; }
.better-social-counter.style-big-button.colored .social-item.tumblr:hover{ background-color: #45576e; }
.better-social-counter.style-big-button.colored .social-item.ok_ru{ background-color: #e27e35; }
.better-social-counter.style-big-button.colored .social-item.ok_ru:hover{ background-color: #f28d36; }
.better-social-counter.style-big-button.colored .social-item.snapchat .item-title-join,
.better-social-counter.style-big-button.colored .social-item.snapchat .item-name{
color: #000;
}
.better-social-counter.style-big-button.colored .social-item.snapchat{ background: #fffc00;
color: #000; }
.better-social-counter.style-big-button.colored .social-item.snapchat:hover{ background: #e1de00;
color: #000; }
.better-social-counter.style-big-button.in-1-col .social-item{ width: 100%; }
.better-social-counter.style-big-button.in-2-col .social-item{ width: 50%; }
.better-social-counter.style-big-button.in-3-col .social-item{ width: 33.33333%; }
.better-social-counter.style-big-button.in-3-col[max-width~="358px"] .social-item{ width: 50%; }
.better-social-counter.style-big-button.in-4-col .social-item{ width: 25%; }
.better-social-counter.style-big-button.in-4-col[max-width~="530px"] .social-item{ width: 50%; }
.better-social-counter.style-big-button.in-5-col .social-item{ width: 20%; }
.better-social-counter.style-big-button.in-5-col[max-width~="900px"] .social-item{ width: 33.333%; }
.better-social-counter.style-big-button.in-5-col[max-width~="530px"] .social-item{ width: 50%; }
.better-social-counter.style-big-button.in-6-col .social-item{ width: 16.666666%;}
.better-social-counter.style-big-button.in-6-col[max-width~="900px"] .social-item{ width: 20%;}
.better-social-counter.style-big-button.in-6-col[max-width~="750px"] .social-item{ width: 33.333%;}
.better-social-counter.style-big-button.in-6-col[max-width~="530px"] .social-item{ width: 50%;}
.better-social-counter.style-big-button.in-7-col .social-item{ width: 14.2857%; }
.better-social-counter.style-big-button.in-7-col[max-width~="900px"] .social-item{ width: 20%;}
.better-social-counter.style-big-button.in-7-col[max-width~="750px"] .social-item{ width: 33.333%;}
.better-social-counter.style-big-button.in-7-col[max-width~="530px"] .social-item{ width: 50%;}
.better-social-counter.style-big-button.in-8-col .social-item{ width: 12.5%; }
.better-social-counter.style-big-button.in-8-col[max-width~="900px"] .social-item{ width: 20%;}
.better-social-counter.style-big-button.in-8-col[max-width~="750px"] .social-item{ width: 33.333%;}
.better-social-counter.style-big-button.in-8-col[max-width~="530px"] .social-item{ width: 50%;}
.better-social-counter.style-big-button.in-9-col .social-item{ width: 11.111111%; }
.better-social-counter.style-big-button.in-9-col[max-width~="900px"] .social-item{ width: 20%;}
.better-social-counter.style-big-button.in-9-col[max-width~="750px"] .social-item{ width: 33.333%;}
.better-social-counter.style-big-button.in-9-col[max-width~="530px"] .social-item{ width: 50%;}
.better-social-counter.style-big-button.in-10-col .social-item{ width: 10%; }
.better-social-counter.style-big-button.in-10-col[max-width~="900px"] .social-item{ width: 20%;}
.better-social-counter.style-big-button.in-10-col[max-width~="750px"] .social-item{ width: 33.333%;}
.better-social-counter.style-big-button.in-10-col[max-width~="530px"] .social-item{ width: 50%;}
/**
* 10. =>Social Banner
**/
.better-social-banner .banner-item{
display: block;
text-align: left;
padding: 60px 25px 25px;
color: #fff;
position: relative;
overflow: hidden;
text-decoration: none;
}
.better-social-banner a,
.better-social-banner a:hover{
text-decoration: none;
}
.better-social-banner a.banner-item,
.better-social-banner a.banner-item:hover{
color: #fff !important;
text-decoration: none !important;
}
.better-social-banner .banner-item .item-icon{
display: block;
position: absolute;
top: 0;
font-size: 200px;
right: 20px;
z-index: 10;
}
.better-social-banner .banner-item .item-icon:before {
position: absolute;
right: 0;
top: 0;
}
.better-social-banner .banner-item .item-count{
display: block;
z-index: 20;
position: relative;
font-family: sans-serif;
font-weight: 100;
font-size: 22px;
letter-spacing: 4px;
}
.better-social-banner .banner-item .item-title{
display: block;
z-index: 20;
position: relative;
font-weight: 600;
font-family: sans-serif;
font-size: 11px;
text-transform: uppercase;
margin-bottom: 15px;
letter-spacing: 1px;
}
.better-social-banner .banner-item .item-button{
display: inline-block;
z-index: 20;
position: relative;
padding: 6px 14px;
background-color: #fff;
border-radius: 2px;
color: #000;
font-family: sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
/**
* 10.1. =>Facebook
**/
.better-social-banner .banner-item.item-facebook{
background-color: #3b5999;
}
.better-social-banner .banner-item.item-facebook .item-icon {
color: #4f69a2;
right: -31px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-facebook .item-icon{
right: -56px;
}
.better-social-banner .banner-item.item-facebook .item-button {
color: #3b5999;
}
/**
* 10.2. =>Twitter
**/
.better-social-banner .banner-item.item-twitter{
background-color: #00b0ec;
}
.better-social-banner .banner-item.item-twitter .item-icon {
color: #009CD2;
font-size: 257px;
top: -32px;
right: 10px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-twitter .item-icon{
right: -15px;
}
.better-social-banner .banner-item.item-twitter .item-button {
color: #00b0ec;
}
/**
* 10.3. =>Google
**/
.better-social-banner .banner-item.item-google{
background-color: #D73D32;
}
.better-social-banner .banner-item.item-google .item-icon {
color: #BE3228;
font-size: 208px;
top: -9px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-google .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-google .item-button {
color: #D73D32;
}
/**
* 10.4. =>Youtube
**/
.better-social-banner .banner-item.item-youtube{
background-color: #cc181e;
}
.better-social-banner .banner-item.item-youtube .item-icon {
color: #E7393F;
font-size: 183px;
top: 3px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-youtube .item-icon{
right: -15px;
}
.better-social-banner .banner-item.item-youtube .item-button {
color: #cc181e;
}
/**
* 10.5. =>Dribbble
**/
.better-social-banner .banner-item.item-dribbble{
background-color: #ea4c89;
}
.better-social-banner .banner-item.item-dribbble .item-icon {
color: #D83B78;
font-size: 198px;
top: -4px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-dribbble .item-icon{
right: -6px;
}
.better-social-banner .banner-item.item-dribbble .item-button {
color: #ea4c89;
}
/**
* 10.6. =>Vimeo
**/
.better-social-banner .banner-item.item-vimeo{
background-color: #46a3e9;
}
.better-social-banner .banner-item.item-vimeo .item-icon {
color: #3996DB;
font-size: 227px;
top: -19px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-vimeo .item-icon{
right: -8px;
}
.better-social-banner .banner-item.item-vimeo .item-button {
color: #46a3e9;
}
/**
* 10.7. =>Delicious
**/
.better-social-banner .banner-item.item-delicious{
background-color: #4a79ff;
}
.better-social-banner .banner-item.item-delicious .item-icon {
color: #3D6AED;
font-size: 214px;
top: -12px;
right: 15px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-delicious .item-icon{
right: -14px;
}
.better-social-banner .banner-item.item-delicious .item-button {
color: #4a79ff;
}
/**
* 10.8 =>Soundcloud
**/
.better-social-banner .banner-item.item-soundcloud{
background-color: #F50;
}
.better-social-banner .banner-item.item-soundcloud .item-icon {
color: #FF7E3E;
font-size: 415px;
top: -109px;
right: 25px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-soundcloud .item-icon{
right: 2px;
}
.better-social-banner .banner-item.item-soundcloud .item-button {
color: #F50;
}
/**
* 10.9. =>Github
**/
.better-social-banner .banner-item.item-github{
background-color: #666666;
}
.better-social-banner .banner-item.item-github .item-icon {
color: #5b5b5b;
font-size: 234px;
top: -29px;
right: 16px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-github .item-icon{
right: -6px;
}
.better-social-banner .banner-item.item-github .item-button {
color: #666666;
}
/**
* 10.10. =>Behance
**/
.better-social-banner .banner-item.item-behance{
background-color: #3b63fc;
}
.better-social-banner .banner-item.item-behance .item-icon {
color: #3559E5;
font-size: 280px;
top: -41px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-behance .item-icon{
right: 3px;
}
.better-social-banner .banner-item.item-behance .item-button {
color: #3b63fc;
}
/**
* 10.11. =>VK
**/
.better-social-banner .banner-item.item-vk{
background-color: #4E729A;
}
.better-social-banner .banner-item.item-vk .item-icon {
color: #446288;
font-size: 339px;
top: -93px;
right: 20px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-vk .item-icon{
right: 2px;
}
.better-social-banner .banner-item.item-vk .item-button {
color: #4E729A;
}
/**
* 10.12. =>Vine
**/
.better-social-banner .banner-item.item-vine{
background-color: #00bf8f;
}
.better-social-banner .banner-item.item-vine .item-icon {
color: #00ab80;
font-size: 184px;
top: 3px;
right: 15px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-vine .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-vine .item-button {
color: #00bf8f;
}
/**
* 10.13. =>Pinterest
**/
.better-social-banner .banner-item.item-pinterest{
background-color: #cb2027;
}
.better-social-banner .banner-item.item-pinterest .item-icon {
color: #b81e25;
font-size: 180px;
right: 3px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-pinterest .item-icon{
right: -16px;
}
.better-social-banner .banner-item.item-pinterest .item-button {
color: #cb2027;
}
/**
* 10.14. =>Flickr
**/
.better-social-banner .banner-item.item-flickr{
background-color: #2f44db;
}
.better-social-banner .banner-item.item-flickr .item-icon {
color: #495EF4;
font-size: 403px;
right: 20px;
top: -104px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-flickr .item-icon{
right: -2px;
}
.better-social-banner .banner-item.item-flickr .item-button {
color: #2f44db;
}
/**
* 10.15. =>Steam
**/
.better-social-banner .banner-item.item-steam{
background-color: #666666;
}
.better-social-banner .banner-item.item-steam .item-icon {
color: #595959;
font-size: 196px;
right: 20px;
top: -3px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-steam .item-icon{
right: 3px;
}
.better-social-banner .banner-item.item-steam .item-button {
color: #666666;
}
/**
* 10.16. =>Instagram
**/
.better-social-banner .banner-item.item-instagram{
background-color: #517FA4;
}
.better-social-banner .banner-item.item-instagram .item-icon {
color: #497092;
font-size: 185px;
right: 23px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-instagram .item-icon{
right: 2px;
}
.better-social-banner .banner-item.item-instagram .item-button {
color: #517FA4;
}
/**
* 10.17. =>Forrst
**/
.better-social-banner .banner-item.item-forrst{
background-color: #3b7140;
}
.better-social-banner .banner-item.item-forrst .item-icon {
color: #336137;
font-size: 184px;
top: 2px;
right: 13px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-forrst .item-icon{
right: -15px;
}
.better-social-banner .banner-item.item-forrst .item-button {
color: #3b7140;
}
/**
* 10.18. =>Mailchimp
**/
.better-social-banner .banner-item.item-mailchimp{
background-color: #2c9ab7;
}
.better-social-banner .banner-item.item-mailchimp .item-icon {
color: #2886a1;
font-size: 234px;
right: 24px;
top: -30px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-mailchimp .item-icon{
right: 0;
}
.better-social-banner .banner-item.item-mailchimp .item-button {
color: #2c9ab7;
}
/**
* 10.19. =>Envato
**/
.better-social-banner .banner-item.item-envato{
background-color: #82B440;
}
.better-social-banner .banner-item.item-envato .item-icon {
color: #6d9939;
font-size: 184px;
top: 3px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-envato .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-envato .item-button {
color: #82B440;
}
/**
* 10.20. =>RSS
**/
.better-social-banner .banner-item.item-rss{
background-color: #f97410;
}
.better-social-banner .banner-item.item-rss .item-icon {
color: rgba(255, 255, 255, 0.3);
font-size: 204px;
top: 3px;
right: 0px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-rss .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-rss .item-button {
color: #f97410;
}
/**
* 10.21. =>Line
**/
.better-social-banner .banner-item.item-line{
background-color: #07bd07;
}
.better-social-banner .banner-item.item-line .item-icon {
color: #00a400;
font-size: 168px;
top: 12px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-line .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-line .item-button {
color: #07bd07
}
/**
* 10.22. =>Telegram
**/
.better-social-banner .banner-item.item-telegram{
background-color: #179cde;
}
.better-social-banner .banner-item.item-telegram .item-icon {
color: #168cc9;
font-size: 188px;
top: 3px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-telegram .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-telegram .item-button {
color: #179cde
}
/**
* 10.23. =>Viber
**/
.better-social-banner .banner-item.item-viber{
background-color: #665cac;
}
.better-social-banner .banner-item.item-viber .item-icon {
color: #544c97;
font-size: 158px;
top: 18px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-viber .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-viber .item-button {
color: #665cac
}
/**
* 10.24. =>BBM
**/
.better-social-banner .banner-item.item-bbm{
background-color: #0e0e0e;
}
.better-social-banner .banner-item.item-bbm .item-icon {
color: #313131;
font-size: 158px;
top: 18px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-bbm .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-bbm .item-button {
color: #0e0e0e
}
/**
* 10.25. =>AppStore
**/
.better-social-banner .banner-item.item-appstore{
background-color: #0e0e0e;
}
.better-social-banner .banner-item.item-appstore .item-icon {
color: #313131;
font-size: 158px;
top: 18px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-appstore .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-appstore .item-button {
color: #0e0e0e
}
/**
* 10.26. =>Google Play
**/
.better-social-banner .banner-item.item-android{
background-color: #68b445;
}
.better-social-banner .banner-item.item-android .item-icon {
color: #4e903b;
font-size: 158px;
top: 18px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-android .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-android .item-button {
color: #68b445
}
/**
* 10.27. =>Ok.ru
**/
.better-social-banner .banner-item.item-ok_ru{
background-color: #e27e35;
}
.better-social-banner .banner-item.item-ok_ru .item-icon {
color: #ffebdc;
font-size: 158px;
top: 18px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-ok_ru .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-ok_ru .item-button {
color: #c66031
}
/**
* 10.28. =>Linkedin
**/
.better-social-banner .banner-item.item-linkedin{
background-color: #0266a0;
}
.better-social-banner .banner-item.item-linkedin .item-icon {
font-size: 208px;
right: -5px;
opacity: 0.2;
}
.better-social-banner[max-width~="250px"] .banner-item.item-linkedin .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-linkedin .item-button {
color: #0266a0
}
/**
* 10.29. =>SnapChat
**/
.better-social-banner .banner-item.item-snapchat{
background-color: #fffc00;
}
.better-social-banner .banner-item.item-snapchat .item-icon {
color: #000;
font-size: 208px;
right: -5px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-snapchat .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-snapchat .item-count,
.better-social-banner .banner-item.item-snapchat .item-button,
.better-social-banner .banner-item.item-snapchat .item-title{
color: #000
}
/**
* 10.30. =>Tumblr
**/
.better-social-banner .banner-item.item-tumblr{
background-color: #36465d;
}
.better-social-banner .banner-item.item-tumblr .item-icon {
font-size: 158px;
top: 18px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-tumblr .item-icon{
right: -10px;
}
.better-social-banner .banner-item.item-tumblr .item-button {
color: #36465d
}
/**
* 10.31. =>Aparat
**/
.better-social-banner .banner-item.item-aparat{
background-color: #df0f50;
}
.better-social-banner .banner-item.item-aparat .item-icon {
font-size: 183px;
top: 3px;
}
.better-social-banner[max-width~="250px"] .banner-item.item-aparat .item-icon{
right: -15px;
}
.better-social-banner .banner-item.item-aparat .item-button {
color: #df0f50;
}