/* stickysocial fonts
    -----*/


@font-face {
  font-family: 'stickysocial';
  src: url('../font/stickysocial.eot?10344094');
  src: url('../font/stickysocial.eot?10344094#iefix') format('embedded-opentype'),
       url('../font/stickysocial.woff?10344094') format('woff'),
       url('../font/stickysocial.ttf?10344094') format('truetype'),
       url('../font/stickysocial.svg?10344094#stickysocial') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'stickysocial';
    src: url('../font/stickysocial.svg?10344094#stickysocial') format('svg');
  }
}
*/
 
 [class^="ss-icon-"]:before, [class*=" ss-icon-"]:before {
  font-family: "stickysocial";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transsorm: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 


.ss-icon-heart:before { content: '\e800'; } /* '' */
.ss-icon-mailchimp:before { content: '\e80d'; } /* '' */
.ss-icon-github:before { content: '\e806'; } /* '' */
.ss-icon-vimeo:before { content: '\e807'; } /* '' */
.ss-icon-twitter:before { content: '\e802'; } /* '' */
.ss-icon-facebook:before { content: '\e801'; } /* '' */
.ss-icon-google:before { content: '\e803'; } /* '' */
.ss-icon-pinterest:before { content: '\e804'; } /* '' */
.ss-icon-youtube:before { content: '\e811'; } /* '' */
.ss-icon-dribbble:before { content: '\e808'; } /* '' */
.ss-icon-instgram:before { content: '\e80f'; } /* '' */
.ss-icon-soundcloud:before { content: '\e809'; } /* '' */
.ss-icon-behance:before { content: '\e80a'; } /* '' */
.ss-icon-delicious:before { content: '\e80e'; } /* '' */
.ss-icon-foursquare:before { content: '\e80b'; } /* '' */
.ss-icon-forrst:before { content: '\e80c'; } /* '' */
.ss-icon-linkedin:before { content: '\e805'; } /* '' */
.ss-icon-vk:before { content: '\e812'; } /* '' */




/* End stickysocial fonts
    -----*/

/* social colors
    -----*/

.ss-c-light {color: #ffffff !important;}
.ss-c-dark {color: #585858 !important;}
.ss-c-youtube {color: #CD332D !important;}
.ss-c-email {color: #393939 !important;}
.ss-c-vimeo {color: #1ab7ea !important;}
.ss-c-twitter {color: #4099FF !important;}
.ss-c-facebook {color: #3B5998 !important;}
.ss-c-google {color: #dd4b39 !important;}
.ss-c-pinterest {color: #cb2027 !important;}
.ss-c-linkedin {color: #007bb6 !important;}
.ss-c-github {color: #171515 !important;}
.ss-c-mailchimp {color: #171515 !important;}
.ss-c-instgram {color: #3f729b !important;}
.ss-c-soundcloud {color: #ff7700 !important;}
.ss-c-behance {color: #005cff !important;}
.ss-c-delicious {color: #205cc0 !important;}
.ss-c-foursquare {color: #25a0ca !important;}
.ss-c-forrst {color: #5b9a68 !important;}
.ss-c-dribbble {color: #ea4c89 !important;}
.ss-c-envato {color: #82b540 !important;}
.ss-c-vk{color: #45668e !important;}



.ss-bg-light, .ss-bg-light:after {background: #ffffff !important;}
.ss-bg-dark, .ss-bg-dark:after {background: #585858 !important;}
.ss-bg-youtube, .ss-bg-youtube:after {background: #CD332D !important;}
.ss-bg-email, .ss-bg-email:after {background: #393939 !important;}
.ss-bg-vimeo, .ss-bg-vimeo:after {background: #1ab7ea !important;}
.ss-bg-twitter, .ss-bg-twitter:after {background: #4099FF !important;}
.ss-bg-facebook, .ss-bg-facebook:after {background: #3B5998 !important;}
.ss-bg-google, .ss-bg-google:after {background: #dd4b39 !important;}
.ss-bg-pinterest, .ss-bg-pinterest:after {background: #cb2027 !important;}
.ss-bg-linkedin, .ss-bg-linkedin:after {background: #007bb6 !important;}
.ss-bg-github, .ss-bg-github:after {background: #171515 !important;}
.ss-bg-instgram, .ss-bg-instgram:after {background: #3f729b !important;}
.ss-bg-soundcloud, .ss-bg-soundcloud:after {background: #ff7700 !important;}
.ss-bg-behance, .ss-bg-behance:after {background: #005cff !important;}
.ss-bg-delicious, .ss-bg-delicious:after {background: #205cc0 !important;}
.ss-bg-foursquare, .ss-bg-foursquare:after {background: #25a0ca !important;}
.ss-bg-forrst, .ss-bg-forrst:after {background: #5b9a68 !important;}
.ss-bg-dribbble, .ss-bg-dribbble:after {background: #ea4c89 !important;}
.ss-bg-envato, .ss-bg-envato:after {background-color: #82b540 !important;}
.ss-bg-mailchimp, .ss-bg-mailchimp:after {background: #373737 !important;}
.ss-bg-total, .ss-bg-total:after {background: #585858 !important;;}
.ss-bg-vk, .ss-bg-vk:after {background: #45668e !important;}


/* social colors
    -----*/



.ss-widget-holder {
  padding: 0;
  text-align: center;
  position: fixed;
  top: 10%;
  z-index: 2000;
}


.ss-left {left: 0;}
.ss-right {right: 0;}

.ss-widget-holder ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}



.ss-icon {
	display: inline-block;
	cursor: pointer;
	margin-bottom: 5px;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
	text-decoration: none !important;
}

.ss-icon:after {
	pointer-events: none;
	position: absolute;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.ss-icon:before {
	font-family: 'stickysocial';
	speak: none;
	width: auto;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}


.ss-icon-big {
	width: 60px;
	height: 60px;
}

.ss-icon-big:after {
	width: 100%;
	height: 100%;
}

.ss-icon-big:before {
	font-size: 1.900em;
	line-height: 65px;
}

.ss-icon-small {
	width: 30px;
	height: 30px;
}

.ss-icon-small:after {
	width: 100%;
	height: 100%;
}

.ss-icon-small:before {
	font-size: 1em;
	line-height: 30px;
}

.ss-icon-base {
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-radius: 0%;
	margin-left: 12px;
	margin-right: 12px;
}

.ss-icon-circle {
	margin-left: 12px;
	margin-right: 12px;
}

.ss-icon-circle,
.ss-icon-circle:after {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.ss-count span {
	color: #AAAAAA !important;
	font-size: 13px !important;
	margin-bottom: 7px;
	display: inline-block;
	position: relative;
	top: -3px;
}



/* Effect 3 */
.ss-icon-effect-3 .ss-icon {
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.ss-icon-effect-3 .ss-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}

/* Effect 3a */
.ss-icon-effect-3a .ss-icon {
	color: #f06060;
}

.no-touch .ss-icon-effect-3a .ss-icon:hover {
	color: #fff;
}

.no-touch .ss-icon-effect-3a .ss-icon:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

/* Effect 3b */
.ss-icon-effect-3b .ss-icon {
	color: #fff;
}

.no-touch .ss-icon-effect-3b .ss-icon:hover {
	color: #f06060;
}

.ss-icon-effect-3b .ss-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.no-touch .ss-icon-effect-3b .ss-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}



/* Effect 5 */
.ss-icon-effect-5 .ss-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.ss-icon-effect-5 .ss-icon:after {
	display: none;
}

.no-touch .ss-icon-effect-5 .ss-icon:hover {
	background: rgba(255,255,255,1);
	color: #702fa8;
	box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}

.no-touch .ss-icon-effect-5a .ss-icon:hover:before {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

.no-touch .ss-icon-effect-5b .ss-icon:hover:before {
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

.no-touch .ss-icon-effect-5c .ss-icon:hover:before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

.no-touch .ss-icon-effect-5d .ss-icon:hover:before {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}


/* Effect 8 */
.ss-icon-effect-8 .ss-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.ss-icon-effect-8 .ss-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.no-touch .ss-icon-effect-8 .ss-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.ss-icon-effect-8 .ss-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #585858, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #585858, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #585858, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #585858, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #585858, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #585858, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}







.ss-no-effect .ss-icon:after {
	display: none;
}

.ss-no-effect .ss-icon:hover {
	opacity: 0.8 !important;
}






@media (max-width: 768px) {
	.ss-widget-holder {
		display: none !important;
	}
}