.s-media{position: fixed;left: 0;z-index: 1000;transition:all linear 0.2s;z-index: 9999}
.s-media a:first-child{border-radius: 0 5px 0 0;}
.s-media a:last-child{border-radius: 0 0 5px 0;}
.s-item i{font-size: 20px;color: white}
.s-item {display:block;width: 50px;height: 50px;color: white;font-size: 20px;line-height: 50px;text-align: center;transition:all linear 0.2s;}
.s-item:hover {width:60px;color: white;cursor: pointer;}
.s-item:focus {color: white;}
#sm-open {width: 50px;}
#sm-open:hover {width: 60px;}
#sm-open {position: fixed;left: -60px;border-radius:0 30px 30px 0;transition:all linear 0.2s;}
#sm-close:hover{width:50px;transition:all linear 0.2s;}
#sm-close i{transition:all linear 0.2s;}
#sm-close:hover i{margin-left: -20px;}
.facebook {background-color: #305891;}
.insta {background-color: #8a3ab9; }
.twitter {background-color: #3AAFD6;}
.gplus {background-color: #EB4235; }
.youtube {background-color: #FF0000; }
.linkedin {background-color: #0077B5; }
.pinterest {background-color: #BD081C; }
.opened {background-color: #4caf50;}
.closed {background-color: #009688;}
.sm-collapse{left: -60px; }