.social-icon{margin:0 -10px -10px 0}.social-icon a{color:#fff;transition:color .2s ease-out}.social-icon .flip-box{width:40px;display:inline-block;margin-right:10px;margin-bottom:10px;position:relative;z-index:2;height:40px;cursor:pointer;transform-style:preserve-3d}.social-icon .flip-box i{width:40px;height:40px;font-size:14px;line-height:42px;text-align:center;background:#fafafa;display:inline-block;margin-right:10px;margin-bottom:10px}.social-icon .flip-box i.side-f{background-color:#333;-ms-transform:rotateX(0) translateZ(20px);-moz-transform:rotateX(0) translateZ(20px);-webkit-transform:rotateX(0) translateZ(20px);-o-transform:rotateX(0) translateZ(20px);transform:rotateX(0) translateZ(20px)}.social-icon .flip-box i.side-b{-ms-transform:rotateX(-90deg) translateZ(20px);-moz-transform:rotateX(-90deg) translateZ(20px);-webkit-transform:rotateX(-90deg) translateZ(20px);-o-transform:rotateX(-90deg) translateZ(20px);transform:rotateX(-90deg) translateZ(20px)}.social-icon .flip-box>*{position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;transform-origin:50% 50%;transition:all .2s ease}.flip-box:hover>*:last-child,.flip-box>*:first-child{position:static}.social-icon a i.ion-social-facebook.side-b{background:#39579a;border-color:#39579a}.social-icon a i.ion-social-twitter.side-b{background:#01acee;border-color:#01acee}.social-icon{font-size:0}.social-icon a i.ion-social-linkedin.side-b{background:#0077b5;border-color:#0077b5}.social-icon .flip-box i.side-b{-ms-transform:rotateX(-90deg) translateZ(20px);-moz-transform:rotateX(-90deg) translateZ(20px);-webkit-transform:rotateX(-90deg) translateZ(20px);-o-transform:rotateX(-90deg) translateZ(20px);transform:rotateX(-90deg) translateZ(20px)}.social-icon .flip-box:hover i.side-f{-ms-transform:rotateX(90deg) translateZ(20px);-moz-transform:rotateX(90deg) translateZ(20px);-webkit-transform:rotateX(90deg) translateZ(20px);-o-transform:rotateX(90deg) translateZ(20px);transform:rotateX(90deg) translateZ(20px)}.social-icon .flip-box:hover .side-f{position:absolute}.social-icon .flip-box:hover i.side-b{-ms-transform:rotateX(0) translateZ(20px);-moz-transform:rotateX(0) translateZ(20px);-webkit-transform:rotateX(0) translateZ(20px);-o-transform:rotateX(0) translateZ(20px);transform:rotateX(0) translateZ(20px)}.ion-social-twitter:before{content:"\f243";display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-social-f:before{content:"\f231"}.social-icon .flip-box i:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-social-facebook:before{content:"\f231"}.ion-social-linkedin:before{content:"\f239"}