body{
	padding:0;
	margin:0; 	
}
.rightS{
	position: relative;

	width: 100%;
	text-align:right;
	padding-bottom: 15px; 	 			
}

.leftS{
	position: relative;
	
	width: 100%;
	text-align:left;
	padding-top: 15px; 			
}
.centerS{
	position: relative;
	
	width: 100%;
	text-align:center;
	padding-top: 15px; 			
}
.btnS
   {
    display:inline-block;	
    width: 40px;
    height: 40px;
    background:  #f1f1f1;
    margin: 3px;
    border-radius: 30%;
    /*box-shadow: 0 5px 15px -5px #00000070;*/
    /*color:#3498db;*/
    overflow: 	hidden;
    position: relative;
    text-align: center;				  	
   	}

 .btnS i{
       line-height:40px;
       font-size: 18px;
       transition: 0.2s linear;
     }

 .btnS:hover i{
 	  transform: scale(1.3);
 	  color: #f1f1f1;
 	  }      	

.btnS::before{
	content: "";
	position: absolute;	
	width: 120%;
	height:  120%;
	background: #3498db;
	transform: 	rotate(45deg);
	left:-110%;
	top:90%; 				
}
.btnS:hover::before{
	animation: 	aaa 0.7s 1;
	top:-10%;
	left: -10%;	
}
@keyframes aaa{
	0%{
      left:-110%;
	  top:90%;
	}50%{
      left: 10%;
	   top:-30%;
	}100%{
     top:-10%;
	left: -10%;	
	}
}

.btnF::before{
    background: #3b5998;
}
.btnT::before{
	background: #3498db;
}