body {
}
.social-icons > ul {
overflow: hidden;
margin: 0;
line-height: 0;
display: flex;
}
.social-icons > ul > li {
position: relative;
list-style: none;
padding: 0;
border-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
overflow: hidden;
width: 35px;
height: 35px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.social-icons > ul > li .icon:before {
font-size: 11px;
margin: 0;
}
.social-icons > ul > li a {
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-ms-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
}
.social-icons > ul > li .icon {
margin-top: 0px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
}
.social-icons > ul > li .icon {
color: #000;
}
[class$="-metro-but-16"],
[class*="-metro-but-16"] {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
[class$="-metro-but-16"] a,
[class*="-metro-but-16"] a {
position: relative;
padding: 8px 8px;
width: 33px;
height: 33px;
text-align: center;
display: block;
}
[class$="-metro-but-16"] .mask-background,
[class*="-metro-but-16"] .mask-background {
display: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
[class$="-metro-but-16"]:hover .mask-background,
[class*="-metro-but-16"]:hover .mask-background {
display: block;
}
[class$="-metro-but-16"]:hover [class^="zoc-"],
[class$="-metro-but-16"]:hover [class*=" zoc-"],
[class*="-metro-but-16"]:hover [class^="zoc-"],
[class*="-metro-but-16"]:hover [class*=" zoc-"] {
color: #fff;
} [class$="-metro-but-16"] .sec-icon a,
[class*="-metro-but-16"] .sec-icon a {
position: relative;
padding: 0;
line-height: 13px;
display: inline-block;
} .social-icons.text-center > ul > li {
text-align: center;
} .social-icons.text-right > ul > li {
text-align: right;
} .social-icons.text-left > ul > li {
text-align: left;
} .social-icons.no-border > ul > li {
border-radius: 0;
border: none;
width: auto;
height: auto;
margin-right: 5px;
}
.social-icons.no-border > ul > li a {
display: inline-block;
text-align: left;
padding: 3px 6px;
height: auto;
width: auto;
} .social-icons.no-border > ul > li .mask-background,
.social-icons.no-border > ul > li:hover .mask-background {
display: none;
} .social-icons.theme-color > ul > li:hover .icon {
color: #000;
} .social-icons.style-iconandtitle > ul {
margin-left: -15px;
margin-top: -10px;
}
.social-icons.style-iconandtitle > ul > li {
margin: 10px 0 0 15px;
}
.social-icons.style-iconandtitle > ul > li:last-child {
}
.social-icons.style-iconandtitle > ul > li a {
display: table;
width: 100%;
padding: 0;
}
.social-icons.style-iconandtitle > ul > li a .icon {
border: 1px solid rgba(0, 0, 0, 0.1);
width: 30px;
height: 30px;
border-radius: 50%;
}
.social-icons.style-iconandtitle > ul > li a .icon:before {
font-size: 9px;
}
.social-icons.style-iconandtitle > ul > li a .title {
display: table-cell;
vertical-align: middle;
padding-left: 8px;
line-height: 15px;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
} .social-icons.style-iconcircledborder > ul {
position: static;
margin-left: -5px;
}
.social-icons.style-iconcircledborder > ul > li {
border-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
width: 35px;
height: 35px;
border-radius: 50%;
margin: 5px 0 0 5px;
}
.social-icons.style-iconcircledborder > ul > li:hover {
border-color: #000;
}
.social-icons.style-iconcircledborder > ul > li a {
padding: 0;
line-height: 0;
width: 100%;
height: 100%;
text-align: center;
border-radius: 50%;
}
.social-icons.style-iconcircledborder > ul > li a .icon {
float: none;
line-height: 30px;
}
.social-icons.style-iconcircledborder > ul > li a .icon:before {
font-size: 11px;
margin: 0;
}
.social-icons.style-iconcircledborder > ul > li a .title {
display: none;        
} .zoc-heart:before,
.zoc-snapchat:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
position: relative;
display: inline-block;
top: 0px;
margin-right: 0px;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.zoc-heart:before {
content: "\e6be";
}
.zoc-snapchat:before {
content: "\f2ac";
}
.facebook-metro-but-16 .mask-background {
background-color: #3B5998;
}
.twitter-metro-but-16 .mask-background {
background-color: #00ACED;
}
.gplus-metro-but-16 .mask-background {
background-color: #D14836;
}
.heart-metro-but-16 .mask-background{
background-color: #00adff;
}
.pinterest-metro-but-16 .mask-background {
background-color: #CB2027;
}
.youtube-metro-but-16 .mask-background {
background-color: #CD332D;
}
.linkedin-metro-but-16 .mask-background {
background-color: #007FB1;
}
.rss-metro-but-16 .mask-background {
background-color: #FF8300;
}
.skype-metro-but-16 .mask-background {
background-color: #00AFF0;
}
.wordpress-metro-but-16 .mask-background {
background-color: #21759B;
}
.dribble-metro-but-16 .mask-background {
background-color: #EA4C89;
}
.instagram-metro-but-16 .mask-background {
background-color: #3F729B;
}
.picasa-metro-but-16 .mask-background {
background-color: #4B5D5F;
}
.vimeo-metro-but-16 .mask-background {
background-color: #44BBFF;
}
.envato-metro-but-16 .mask-background {
background-color: #528036;
}
.myspace-metro-but-16 .mask-background {
background-color: #008DDE;
}
.github-circled-metro-but-16 .mask-background {
background-color: #4183C4;
}
.outlook-metro-but-16 .mask-background {
background-color: #0072C6;
}
.behance-metro-but-16 .mask-background {
background-color: #1769FF;
}
.flattr-metro-but-16 .mask-background {
background-color: #F67C1A;
}
.google-metro-but-16 .mask-background {
background-color: #245DC1;
}
.blogger-metro-but-16 .mask-background {
background-color: #F57D00;
}
.reddit-metro-but-16 .mask-background {
background-color: #FF4500;
}
.tumblr-metro-but-16 .mask-background {
background-color: #2C4762;
}
.evernote-metro-but-16 .mask-background {
background-color: #3B5998;
}
.apple-metro-but-16 .mask-background {
background-color: #B9BFC1;
}
.lastfm-metro-but-16 .mask-background {
background-color: #D51007;
}
.stumbleupon-metro-but-16 .mask-background {
background-color: #EB4924;
}
.mediatemple-metro-but-16 .mask-background {
background-color: #000;
} .digg-metro-but-16 .mask-background {
background-color: #14589E;
}
.flickr-metro-but-16 .mask-background {
background-color: #0063DB;
}
.email-metro-but-16 .mask-background {
background-color: #333;
}
.website-metro-but-16 .mask-background {
background-color: #F30;
}
.delicious-metro-but-16 .mask-background {
background-color: #3274D1;
}
.aboutme-metro-but-16 .mask-background {
background-color: #00405D;
}
.bebo-metro-but-16 .mask-background {
background-color: #EE1010;
}
.fivehundredpx-metro-but-16 .mask-background {
background-color: #444444;
}
.alistapart-metro-but-16 .mask-background {
background-color: #222222;
}
.amazon-metro-but-16 .mask-background {
background-color: #FF9900;
}
.android-metro-but-16 .mask-background {
background-color: #A4C639;
}
.deviantart-metro-but-16 .mask-background {
background-color: #4B5D50;
}
.angellist-metro-but-16 .mask-background {
background-color: #000000;
}
.forrst-metro-but-16 .mask-background {
background-color: #5B9A68;
}
.soundcloud-metro-but-16 .mask-background {
background-color: #FF6600;
}
.appdotnet-metro-but-16 .mask-background {
background-color: #898D90;
}
.orkut-metro-but-16 .mask-background {
background-color: #ED2590;
}
.pinboard-metro-but-16 .mask-background {
background-color: #0000FF;
}
.newsvine-metro-but-16 .mask-background {
background-color: #075B2F;
}
.rdio-metro-but-16 .mask-background {
background-color: #006ED2;
}
.skydrive-metro-but-16 .mask-background {
background-color: #094AB1;
}
.stackexchange-metro-but-16 .mask-background {
background-color: #1F5196;
}
.twitch-metro-but-16 .mask-background {
background-color: #6441A5;
}
.viadeo-metro-but-16 .mask-background {
background-color: #F4982B;
}
.yahoo-metro-but-16 .mask-background {
background-color: #731A8B;
}
.yelp-metro-but-16 .mask-background {
background-color: #C93C27;
}
.drupal-metro-but-16 .mask-background {
background-color: #0077C0;
}
.ebay-metro-but-16 .mask-background {
background-color: #0064D2;
}
.exfm-metro-but-16 .mask-background {
background-color: #0097F8;
}
.geeklist-metro-but-16 .mask-background {
background-color: #8CC63E;
}
.heroku-metro-but-16 .mask-background {
background-color: #6762A6;
}
.imdb-metro-but-16 .mask-background {
background-color: #F3CE00;
}
.jsfiddle-metro-but-16 .mask-background {
background-color: #4679A4;
}
.dropbox-metro-but-16 .mask-background {
background-color: #2281CF;
}
.odnoklassniki-metro-but-16 .mask-background {
background-color: #f58220;
}
.vk-metro-but-16 .mask-background {
background-color: #4f7195;
}