.icons {
          margin:2px;
		  
		  position: fixed;
          top:  75%;
          left: 0%;
          width: 240px;
          display: flex;
          flex-direction: column;
          background-color: transparent !important;
          z-index: 1;

      }
      .icons a{
          flex-direction: none;
          text-decoration: uppercase;
          padding:5px;
          font-size:22px;
          font-family:'oswald'san-serif;
          text-align: right;
          border-radius: 0px 50px 50px 0px; 
          transform: translate(-200px, 0px); 
          transition: all 0.5s;


      }.icons a:hover { 
          transform: translate(0px, 0px); }.icons a:hover span{ transform: rotate(360deg); }
      .icons a span {
          background-color: white;
          margin-left:20px;
          height: 40px;
          width: 40px;
          color: black;
          text-align: center;
          line-height: 40px;
          border-radius: 50%;
          transition: all 0.5s;
      } .icons a{
          text-transform:uppercase;
      }
      .facebook{
          background-color: #2c80d3;
          color: #fff;
		  
      }
      .youtube{
          background-color: #fa0910;
          color: #fff;
      }.twitter{
          background-color: #53c5ff;
          color: #fff;
      }.linkedin{
          background-color: #007bb5;
          color: #fff;
      }.WhatsApp{
          background-color: green;
          color: #fff;
      }


div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
   
  transform: scale(1.2); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

div.gallery img {
  width: 100%;
  height: 100%;
}

div.desc {
  padding: 15px;
  text-align: center;
}
<!--slider style start-->
body { background-color: #fff; color: #000; padding: 0; margin: 0; }
.container { width: 900px; margin: auto; padding-top: 1em; }
.container .ism-slider { margin-left: auto; margin-right: auto; }

}