@charset "UTF-8";
/* Base class */
.social_box{
    position: relative;
    height:48px;
    margin: 15px 0;
    padding: 39px 19px 14px;
    *padding-top: 19px;
    background-color: none;
    border: 1px solid #ddd;
    min-width:10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* Echo out a label for the social box */
.social_box:after {
    content: "Follow Us";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #9da0a4;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

/* Echo out a label for the social box */
.social_box:before {
    content: "Like Us";
    position: relative;
    float: right;
    top: -40px;
    right: -20px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #9da0a4;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

.social_google
{
	
	background-image: url('../images/style/social/google-hover.png');
	height: 48px;
	width: 48px;
	margin: 4px;
	/*float: left;*/
	display:inline-block; 
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.social_google:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_instagram
{
	
	background-image: url('../images/style/social/instagram-hover.png');
	height: 48px;
	width: 48px;
	margin: 4px;
	/*float: left;*/
	display:inline-block; 
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.social_instagram:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_linkedin
{
	
	background-image: url('../images/style/social/linkedin-hover.png');
	height: 48px;
	width: 48px;
	margin: 4px;
	/*float: left;*/
	display:inline-block; 
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.social_linkedin:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_pinterest
{
	
	background-image: url('../images/style/social/pinterest-hover.png');
	height: 48px;
	width: 48px;
	margin: 4px;
	/*float: left;*/
	display:inline-block; 
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.social_pinterest:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_tumblr
{
	
	background-image: url('../images/style/social/tumblr-hover.png');
	height: 48px;
	width: 48px;
	margin: 4px;
	/*float: left;*/
	display:inline-block; 
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.social_tumblr:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_twitter
{
	
	background-image: url('../images/style/social/X-Logo-hover-48.png');
	height: 48px;
	width: 48px;
	margin: 4px;
	/*float: left;*/
	display:inline-block; 
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.social_twitter:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_youtube
{
	
	background-image: url('../images/style/social/youtube.png');
	height: 48px;
	width: 48px;
	margin: 4px;
	/*float: left;*/
	display:inline-block; 
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.social_youtube:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_facebook
{
	
	background-image: url('../images/style/social/facebook-hover.png');
	height: 48px;
	width: 48px;
	margin: 4px;
	/*float: left;*/
	display:inline-block; 
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.social_facebook:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}



.social_threads
{
	
	background-image: url('../images/style/social/Threads-Logo-hover-48.png');
	height: 48px;
	width: 48px;
	margin: 4px;
	/*float: left;*/
	display:inline-block; 
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.social_threads:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_tiktok
{
	
	background-image: url('../images/style/social/Tik-Tok-Hover-48.png');
	height: 48px;
	width: 48px;
	margin: 4px;
	/*float: left;*/
	display:inline-block; 
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.social_tiktok:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}