.cms-smm-share {

    position: fixed;

    left: 0;

    top: 50%;

    z-index: 5;

    transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

.social-hide-show-btn {

    height: 20px;

    width: 20px;

    background: #aaa;

    margin: 5px 0 0 5px;

    text-align: center;

    position: relative;

    cursor: pointer;

    border-radius: 100%;

}

.social-hide-show-btn span {

    display: inline-block;

    position: absolute;

    top: -1px;

    left: 6px;

    font-family:FontAwesome;

    font-size: 20px;

    line-height: normal;

    color: #fff;

}

.smm-share-show-hide .social-hide-show-btn span {

    left: 3px;

    font-size: 14px;

    top: 2px;

}

.social-hide-show-btn span::before {

    content: "\f104";

}

.smm-share-show-hide .social-hide-show-btn span::before {

    content: "\f1e0";

}

.smm-share-icon {

    margin: 0;

    transition:all .5s ease 0s;

	-moz-transition:all .5s ease 0s;

	-o-transition:all .5s ease 0s;

	-ms-transition:all .5s ease 0s;

	-webkit-transition:all .5s ease 0

}

.smm-share-show-hide .smm-share-icon {

    margin-left: -50px;

}

.cms-smm-share ul{

	list-style: none;

    margin:0;

    padding:0;

}

.cms-smm-share ul li {

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    margin: 3px 0;

}

.cms-smm-share ul li:hover{

	width:50px;

}

.cms-smm-share ul li a {

    height: 100%;

    line-height: 40px;

    width: 100%;

    display: inline-block;

    color: #fff;

    font-size: 16px;

}

.cms-smm-share ul li.facebook {

    background: #3a579a;

}

.cms-smm-share ul li.facebook:hover {

    background: #314a83;

}

.cms-smm-share ul li.twitter {

    background: #00abf0;

}

.cms-smm-share ul li.twitter:hover {

    background: #0092cc;

}

.cms-smm-share ul li.linkedin {

    background: #30689C;

}

.cms-smm-share ul li.linkedin:hover {

    background: #11497D;

}

.cms-smm-share ul li.pinterest {

    background: #cd1c1f;

}

.cms-smm-share ul li.pinterest:hover {

    background: #ae181a;

}

.cms-smm-share ul li.google-plus {

    background: #df4a32;

}

.cms-smm-share ul li.google-plus:hover {

    background: #be3f2b;

}

.cms-smm-share ul li.reddit {

    background: #FF4500;

}

.cms-smm-share ul li.reddit:hover {

    background: #E14509;

}

.fa-reddit-alien::before {

    content: "\f281 ";

}
.fa-whatsapp::before {
    content: "\f232";
}
.cms-smm-share ul li.whatsapp{
	background: #2cb742;
}
.cms-smm-share ul li.whatsapp:hover{
	background: #0f8d06;
}

 @media (max-width:767px){

.social-hide-show-btn {

    height: 30px;

    width: 30px;

    background: #4a4a4a;

    margin: 5px 0 0 0px;

    border-radius: 0 5px 5px 0;

}

.smm-share-icon {

    margin-left: -50px;

}

.smm-share-show-hide .smm-share-icon {

    margin-left: 0px;

}

.social-hide-show-btn span::before {

    content: "\f1e0";

}

.social-hide-show-btn span {

    left: 5px;

    font-size: 20px;

    top: 4px;

}

.smm-share-show-hide .social-hide-show-btn span::before {

    content: "\f104";

}

.smm-share-show-hide .social-hide-show-btn span {

    top: 0px;

    left: 9px;

    font-size: 26px;

}

}