#social-area{background:#fff;text-align:center}#social-area .container{padding-top:100px;padding-bottom:100px}.social-icons{margin:0;padding:0}.social-icons li{display:inline-block;margin-left:15px}.social-icons li:first-child{margin-left:0}.social-icons li a{color:#7f8c8d;font-size:16px;line-height:1em;width:16px;height:16px}#social ul{margin:0;padding:0;list-style:none}#social ul li{display:inline-block;margin-left:30px;list-style:none;cursor:pointer}#social-area #social ul li:first-child{margin-left:0}#social ul li a{display:block;width:70px;height:70px;-webkit-transition:all 400ms ease-out 0s;-moz-transition:all 400ms ease-out 0s;-o-transition:all 400ms ease-out 0s;transition:all 400ms ease-out 0s;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}#social ul li a span{display:inline-block;margin:0;color:#7f8c8d;font-size:32px;line-height:70px;-webkit-transition:all 400ms ease-out 0s;-moz-transition:all 400ms ease-out 0s;-o-transition:all 400ms ease-out 0s;transition:all 400ms ease-out 0s;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}#social ul li:hover a,#social ul li.active a{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}#social ul li:hover a span,#social ul li.active a span{color:#fff;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}