.social_links_wrapper {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 1010;
	background: rgba(0,0,0,.5);
}

/* adjust position */
.sl_ps {
	left: 50px;
	bottom: 15px;
}
@media (max-width: 767px) {
	.sl_ps {
		left: 20px;
		bottom: 55px; 
	}
}

.sl_bot_btn {
	position: fixed;
	overflow: visible;
	width: 78px;
	height: 78px;
	background: #fff url('../img/sl_bot.png') no-repeat center center / contain;
	cursor: pointer;
	border-radius: 100px;
	opacity: 1;
}
@media (max-width: 767px) {
	.sl_bot_btn {
		width: 60px;
		height: 60px;
	}
}
.sl_bot_btn:before {
	content: ' ';
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 50%;
	box-shadow: 0 3px 15px rgba(0,0,0,.4);
}


.sl_bot_btn span {
	position: absolute;
	overflow: hidden;
	width: 50%;
	height: 50%;
	top: -6%;
	right: -21%;
	border-radius: 50%;
	box-shadow: 0 3px 5px rgba(0,0,0,.4);
	background: url('../img/sl_bot_dots.png') no-repeat center center / contain;
}

.social_links {
	position: fixed;
	overflow: visible;
	height: 78px;
	margin-left: 100px;
	transition: all .4s;
	opacity: 1;	
}
@media (max-width: 767px) {
    .social_links {
    	width: 60px;
        height: auto;
        margin: 0 0 60px;
    }
}

.sl_hide {
	display: none;
}

.sl_unvisible {
	opacity: 0;
}

.social_links a {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 78px;
	height: 78px;
	margin-right: 12px;
	border-radius: 50%;
	box-shadow: 0 3px 15px rgba(0,0,0,.4);
}
@media (max-width: 767px) {
	.social_links a {
		width: 60px;
		height: 60px;
		margin: 0 0 10px;
	}
}

.sl_hover_anim {
	transition: transform .2s;
}

.sl_hover_anim:hover {
	transform: translateY(-2px);
}

.sl_mg { background: url('../img/sl_mg.png') no-repeat center center / contain; }
.sl_vb { background: url('../img/sl_vb.png') no-repeat center center / contain; }
.sl_tg { background: url('../img/sl_tg.png') no-repeat center center / contain; }