@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-hover30.png');
	height: 30px;
	width: 30px;
	margin: 5px;
	float: right;
	-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 -30px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_instagram
{
	
	background-image: url('../images/style/social/instagram-hover30.png');
	height: 30px;
	width: 30px;
	margin: 5px;
	float: right;
	-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 -30px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_linkedin
{
	
	background-image: url('../images/style/social/linkedin-hover30.png');
	height: 30px;
	width: 30px;
	margin: 5px;
	float: right;
	-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 -30px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_pinterest
{
	
	background-image: url('../images/style/social/pinterest-hover30.png');
	height: 30px;
	width: 30px;
	margin: 5px;
	float: right;
	-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 -30px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_tumblr
{
	
	background-image: url('../images/style/social/tumblr-hover30.png');
	height: 30px;
	width: 30px;
	margin: 5px;
	float: right;
	-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 -30px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_twitter
{
	
	background-image: url('../images/style/social/X-Logo-hover-30.png');
	height: 30px;
	width: 30px;
	margin: 5px;
	float: right;
	-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 -30px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_youtube
{
	
	background-image: url('../images/style/social/youtube30.png');
	height: 30px;
	width: 30px;
	margin: 5px;
	float: right;
	-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 -30px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_facebook
{
	
	background-image: url('../images/style/social/facebook-hover30.png');
	height: 30px;
	width: 30px;
	margin: 5px;
	float: right;
	-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 -30px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}


.social_tiktok
{
	
	background-image: url('../images/style/social/Tik-Tok-Hover-30.png');
	height: 30px;
	width: 30px;
	margin: 5px;
	float: right;
	-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 -30px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social_threads
{
	
	background-image: url('../images/style/social/Threads-Logo-hover-30.png');
	height: 30px;
	width: 30px;
	margin: 5px;
	float: right;
	-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 -30px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}