.socials ul{list-style:none;padding:0;margin:0;display:flex;gap:1rem}.socials a{position:relative;z-index:1;width:20px;height:39px;margin-top:20px;background-color:rgba(0,0,0,0);color:#fff;text-decoration:none;overflow:hidden}.socials a,.socials a:before{display:block;line-height:20px;text-align:center}.socials a:before{content:"";font-family:FontAwesome;speak:none;font-size:11px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;width:1em;height:1em}.socials a:hover:before{animation:FromTopToBottom .3s forwards}@keyframes FromTopToBottom{49%{transform:translateY(-100%)}50%{opacity:0;transform:translateY(100%)}51%{opacity:1}}.socials a.icon-facebook:before{content:""}.socials a.icon-instagram:before{content:""}.socials a.icon-twitter:before{content:""}.menu-wrapper{cursor:pointer;transition:transform .3s ease}.menu-wrapper:hover .menu-icon{transform:rotate(180deg)}.menu-icon,.menu-icon .dot{transition:opacity .3s ease,transform .3s ease}.menu-wrapper:hover .menu-icon .dot{opacity:0;transform:scale(0)}.menu-icon .line{opacity:0;transition:opacity .3s ease,transform .3s ease;transform-origin:center}.menu-wrapper:hover .menu-icon .line{opacity:1}.menu-wrapper:hover .menu-icon .line-1{transform:scaleX(1)}.menu-wrapper:hover .menu-icon .line-2{transform:scaleY(1)}.menu-icon .line-1{transform:scaleX(0)}.menu-icon .line-2{transform:scaleY(0)}