.social.icons{display: block;text-align: center;}
.social.icons>.item{display: inline-block;width: 40px;height: 40px;line-height: 40px;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: #fff;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.gp: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.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.gp: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;}