.social.icons{display: block;text-align: center;background-color: #333;}
.social.icons>.item{display: inline-block;width: 40px;height: 40px;line-height: 40px;margin-left:3px;vertical-align: middle;line-height: 40px;}
.social.icons>.item:first-child{margin-left:0;}
.social.icons>.item a{display: block;}
.social.icons>.item i{color: #999;vertical-align: middle;}
.social.icons>.item:hover i{color: #fff;}

.social.icons>.item.vk:hover{background-color: #45668e;}
.social.icons>.item.fb:hover{background-color: #3b5998;}
.social.icons>.item.ok:hover{background-color: #F2720C;}
.social.icons>.item.tt:hover{background-color: #00aced;}
.social.icons>.item.yt:hover{background-color: #bb0000;}
.social.icons>.item.gplus:hover{background-color: #dd4b39;}
.social.icons>.item.in:hover{background-color: #517fa4;}
.social.icons>.item.pi:hover{background-color: #cb2027;}
.social.icons>.item.tb:hover{background-color: #32506d;}
.social.icons>.item.tw:hover{background-color: #6441A5;}
.social.icons>.item.ln:hover{background-color: #0c7bb7;}
.social.icons>.item.pr:hover{background-color: #bc2125;}
.social.icons>.item.vo:hover{background-color: #00b3ec;}
.social.icons>.item.st:hover{background-image: linear-gradient(to bottom, #0f1b2e, #157dad);}
.social.icons>.item.gi:hover{background-color: #f54d27;}
.social.icons>.item.gh:hover{background-color: #151013;}
.social.icons>.item.as:hover{background-color: #000;}
.social.icons>.item.gp:hover{background-color: #4d4d4d;}
.social.icons>.item.ms:hover{background-color: #0078d7;}

.social.list{display: block;background-color: #333;}
.social.list>.item{display: block;height: 40px;line-height: 40px;}
.social.list>.item a{display: block;padding: 0 15px;}
.social.list>.item i{color: #fff;margin-right: 10px;font-size: 1.1em;}
.social.list>.item span{display:inline-block;color: #fff;font-weight: bold;}

.social.list>.item.vk:hover{background-color: #45668e;}
.social.list>.item.fb:hover{background-color: #3b5998;}
.social.list>.item.ok:hover{background-color: #F2720C;}
.social.list>.item.tt:hover{background-color: #00aced;}
.social.list>.item.yt:hover{background-color: #bb0000;}
.social.list>.item.gplus:hover{background-color: #dd4b39;}
.social.list>.item.in:hover{background-color: #517fa4;}
.social.list>.item.pi:hover{background-color: #cb2027;}
.social.list>.item.tb:hover{background-color: #32506d;}
.social.list>.item.tw:hover{background-color: #6441A5;}
.social.list>.item.ln:hover{background-color: #0c7bb7;}
.social.list>.item.pr:hover{background-color: #bc2125;}
.social.list>.item.vo:hover{background-color: #00b3ec;}
.social.list>.item.st:hover{background-image: linear-gradient(to bottom, #0f1b2e, #157dad);}
.social.list>.item.gi:hover{background-color: #f54d27;}
.social.list>.item.gh:hover{background-color: #151013;}
.social.list>.item.as:hover{background-color: #000;}
.social.list>.item.gp:hover{background-color: #4d4d4d;}
.social.list>.item.ms:hover{background-color: #0078d7;}