/**********************************************/
/************** Social Buttons ****************/
/**********************************************/

.social{
	width:auto;
	float:right;
	height:46px;
}

.social ul{
	width:auto;
	float:right;
	height:46px;
	padding:0px;
	margin:0px;
}

.social ul li{
	width:46px;
	float:left;
	display:inline-block;
	height:46px;
	border: 1px solid #d5d5d5;
	list-style-type: none;
	background-color:white;
	margin-left:-1px;
}

.socialfooter{
	width:auto;
	float:right;
	height:46px;
}

.socialfooter ul{
	width:auto;
	float:right;
	height:46px;
	padding:0px;
	margin:0px;
}

.socialfooter ul li{
	width:46px;
	float:left;
	display:inline-block;
	height:46px;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	list-style-type: none;
	background-color:white;
	margin-left:-1px;
}

.social ul li a{
	border:0px;
}

.social-google{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -7px -1px;
}

.social-google:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -7px -47px;
}

.social-facebook{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -53px -2px;
}

.social-facebook:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -53px -48px;
}

.social-twitter{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -102px -2px;
}

.social-twitter:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -102px -48px;
}

.social-linkedin{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -147px -2px;
}

.social-linkedin:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -147px -48px;
}

.social-forrst{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -194px -2px;
}

.social-forrst:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -194px -48px;
}

.social-dribbble{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -242px -2px;
}

.social-dribbble:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -242px -48px;
}
/* background slide transition */
.social ul li a, .socialfooter ul li a{
	transition:background .3s;
	-moz-transition:background .3s; /* Firefox 4 */
	-webkit-transition:background .3s; /* Safari and Chrome */
	-o-transition:background .3s; /* Opera */
}
/* margins , padding*/
.social, .socialfooter ul{
   -webkit-transition: margin-left .3s ease-in;
   -moz-transition: margin-left .3s ease-in;
   -o-transition: margin-left .3s ease-in;
   transition: margin-left .3s ease-in;
   -webkit-transition: margin-right .3s ease-in;
   -moz-transition: margin-right .3s ease-in;
   -o-transition: margin-right .3s ease-in;
   transition: margin-right .3s ease-in;
   -webkit-transition: padding .3s ease-in;
   -moz-transition: padding .3s ease-in;
   -o-transition: padding .3s ease-in;
   transition: padding .3s ease-in;
}