.socialall{
	cursor: pointer;
animation: 0.7s ease-out 0s 1 FadeIn;
transition:all 0.3s;
	/*
width: 45px;
height: 45px;
display: block;
  background-color:green;
    display:flex;
    flex-direction:row;
    border-radius:50%;
    justify-content:center;
    align-items:center; 
    text-decoration:none;
    font-size: 30px;
    color: #fff !important;
    padding: 5px;
    flex-shrink: 0;
	
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;*/
}
	.socialall:hover{color: #fff !important;}
.wrapperall{
display: flex; 
flex-direction: row;
gap: 20px;
align-items: center;
	position: fixed;
	right: 1.5%;
	bottom: 10%;
	z-index: 1500;
	
	}
@keyframes FadeIn {
    0% {
     transform:rotate(0deg);
    }
    100% {
      transform:rotate(360deg); 
    }
}
	@media (max-width: 768px){
	.sgumi{
		display: none !important;
	}
	}