/**********************************************/
/************** 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: 0px ;
	list-style-type: none;
	background-color:grey;
	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-facebook{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -7px -1px;
}

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

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

.social-instagram: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-whatsapp{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -147px -2px;
}

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

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

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

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

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

}

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

.social-youtube:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -290px -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 */
}

/* font color transition */
#logo a, #navi ul li a, #navi ul li a:visited{
	transition:color .3s;
	-moz-transition:color .3s; /* Firefox 4 */
	-webkit-transition:color .3s; /* Safari and Chrome */
	-o-transition:color .3s; /* Opera */
}

/* text shadow transition */
#navi ul li a, #navi ul li a:visited{
	transition:text-shadow .3s;
	-moz-transition:text-shadow .3s; /* Firefox 4 */
	-webkit-transition:text-shadow .3s; /* Safari and Chrome */
	-o-transition:text-shadow .3s; /* Opera */
}

/* background color */
#logo a, button.commentbutton:{
   -webkit-transition: background-color .3s ease-in;
   -moz-transition: background-color .3s ease-in;
   -o-transition: background-color .3s ease-in;
   transition: background-color .3s ease-in;
}

/* width */
#logo, #navi, #conteactinfo, .split2{
   -webkit-transition: width .3s ease-in;
   -moz-transition: width .3s ease-in;
   -o-transition: width .3s ease-in;
   transition: width .3s ease-in;
}

/* margins , padding*/
#logo, .social, #navi, #navi ul, #navi ul li, #navi ul li ul, #conteactinfo, .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;
}