@charset "utf-8";
/* CSS Document - */


/*************************
    - Basic settings -
*************************/
#social-sidebar {
	font-size:0; 
}
#social-sidebar,
#social-sidebar * {
	-webkit-user-select:none;
	   -moz-user-select:none;
		-ms-user-select:none;
			user-select:none;
}
#social-sidebar ol, 
#social-sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
}
#social-sidebar li {
	line-height:0;
	font-size:0;
}
#social-sidebar a img {
	width:auto;
	max-width:100%;
	height:auto;
	border:none;
}
#social-sidebar a,
#social-sidebar a:hover,
#social-sidebar a:active {
	text-decoration:none;
	font-style:normal;
	font-weight:600;
	font-variant:normal;
	text-transform:none;
	background:transparent;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
}
#social-sidebar .link-label {
	-webkit-box-sizing:content-box;
	   -moz-box-sizing:content-box;
	        box-sizing:content-box;
}
#social-sidebar .link-icon img {
	position:relative;
	top:-2px;
}

/*************************
    - Social Sidebar -
*************************/
#social-sidebar.pos-fixed {
	position:fixed; 
}
#social-sidebar {
	font-family:Open Sans, sans-serif;
	z-index:1000;
}
#social-sidebar ul li a {
	text-align:center;
	position:relative;
	display:block;
}
#social-sidebar ul li .link-icon {
	display:inline-block;
	text-align:center;
	overflow:hidden;
}
#social-sidebar ul li a:hover .link-label {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}
#social-sidebar ul li a .link-label {
	width:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	white-space:nowrap;
	opacity:0;
	position:absolute;
	z-index:-1;
}
#social-sidebar.show-effects ul li a .link-label {
	-webkit-transition:opacity .3s, left .4s, right .4s, top .4s, bottom .4s;
	   -moz-transition:opacity .3s, left .4s, right .4s, top .4s, bottom .4s;
		-ms-transition:opacity .3s, left .4s, right .4s, top .4s, bottom .4s;
		 -o-transition:opacity .3s, left .4s, right .4s, top .4s, bottom .4s;
			transition:opacity .3s, left .4s, right .4s, top .4s, bottom .4s, width .4s;
}

/* Position / Right */
#social-sidebar.pos-right {
	right:0; 
	top:20%;
}
#social-sidebar.pos-right ul li a .link-label {right:-600%;}
#social-sidebar.pos-right ul li a:hover .link-label {right:100%;}
#social-sidebar.pos-right ul li a .link-label:before {right:-4px;}

/* Size / Small */
#social-sidebar.size-small ul li a {
	width:35px;
	height:35px;
	line-height:35px;
	font-size:21px;
}
#social-sidebar.size-small .link-icon {
	width:35px;
	height:35px;
	line-height:35px;
}

/* Colors / Color */
#social-sidebar.colors-color ul li a span,
#social-sidebar.colors-color ul li a span:before {
	background:#333;
	color:#FFF;
}

/* Shape / Circle */
#social-sidebar.shape-circle ul li a {
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
}
#social-sidebar.shape-circle .link-icon {
	-webkit-border-radius:48px;
	   -moz-border-radius:48px;
			border-radius:48px;
}
#social-sidebar.shape-circle.pos-left ul li a {
	margin-top:5px;
	left:5px;
}
#social-sidebar.shape-circle.pos-right ul li a {
	margin-top:5px;
	right:5px;
}
#social-sidebar.shape-circle.pos-top ul li a {top:5px;}
#social-sidebar.shape-circle.pos-bottom ul li a {bottom:5px;}
#social-sidebar.shape-circle.pos-tb-left ul li a {margin-left:5px;}
#social-sidebar.shape-circle.pos-tb-right ul li a {margin-right:5px;}


/* Label / Fancy */
#social-sidebar.label-fancy .link-label {
	margin-top:-16px;
	padding:4px 8px;
	min-width:80px;
	width:auto;
	line-height:24px;
	font-size:14px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	top:50%;
}
#social-sidebar.label-fancy.pos-top .link-label {margin-top:-10px;}
#social-sidebar.label-fancy.pos-top.size-large .link-label {margin-top:-15px;}
#social-sidebar.label-fancy.pos-top.pos-tb-left.size-large .link-label {margin-left:8px;}
#social-sidebar.label-fancy.pos-top.pos-tb-right.size-large .link-label {margin-right:8px;}
#social-sidebar.label-fancy.pos-bottom .link-label {
	margin-top:0;
	margin-bottom:-10px;
	top:auto;
}
#social-sidebar.label-fancy.pos-bottom.size-large .link-label {
	margin-top:0;
	margin-bottom:-15px;
	top:auto;
}
#social-sidebar.label-fancy.pos-bottom.pos-tb-left.size-large .link-label {margin-left:8px;}
#social-sidebar.label-fancy.pos-bottom.pos-tb-right.size-large .link-label {margin-right:8px;}
#social-sidebar.label-fancy .link-label:before {
	margin-top:-4px;
	width:8px;
	height:8px;
	content:"";
	display:block;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		 -o-transform:rotate(45deg);
			transform:rotate(45deg);
	position:absolute;
	z-index:-2;
	top:50%;
}
#social-sidebar.label-fancy.pos-top.pos-tb-right .link-label:before {right:15px;}
#social-sidebar.label-fancy.pos-top .link-label:before {
	margin-top:0;
	top:-4px;
}
#social-sidebar.label-fancy.pos-bottom.pos-tb-right .link-label:before {right:15px;}
#social-sidebar.label-fancy.pos-bottom .link-label:before {
	margin-top:-4px;
	top:100%;
}
#social-sidebar.label-fancy.pos-left   a:hover .link-label {left:130%;}
#social-sidebar.label-fancy.pos-right  a:hover .link-label {right:130%;}
#social-sidebar.label-fancy.pos-top    a:hover .link-label {top:150%;}
#social-sidebar.label-fancy.pos-bottom a:hover .link-label {bottom:150%;}

/**********************
    - Hover color -
**********************/

#social-sidebar.colors-color ul li a[class*="facebook"] span,
#social-sidebar.colors-color ul li a[class*="facebook"] span:before 			{background:#234999;}

#social-sidebar.colors-color ul li a[class*="google-plus"] span,
#social-sidebar.colors-color ul li a[class*="google-plus"] span:before 			{background:#BC0B02;}

#social-sidebar.colors-color ul li a[class*="twitter"] span,
#social-sidebar.colors-color ul li a[class*="twitter"] span:before 				{background:#16B9ED;}

#social-sidebar.colors-color ul li a[class*="youtube"] span,
#social-sidebar.colors-color ul li a[class*="youtube"] span:before 				{background:#CD181F;}